新增：版本更新管理功能，优化代码架构

web/src/App.vue

@@ -9,6 +9,13 @@
           <a-tab-pane key="device" title="设备调用测试"/>
         </a-tabs>
         <div class="header-actions">
+          <a-tooltip content="版本更新">
+            <a-button type="text" @click="showUpdateModal = true">
+              <template #icon>
+                <icon-sync />
+              </template>
+            </a-button>
+          </a-tooltip>
           <ThemeToggle />
         </div>
       </div>
@@ -83,6 +90,16 @@
       <!-- 设备调用测试页面 -->
       <DeviceTest v-if="activeTab === 'device'"/>
     </a-layout-content>
+
+    <!-- 版本更新模态框 -->
+    <a-modal
+      v-model:visible="showUpdateModal"
+      title="版本更新"
+      width="800px"
+      :footer="false"
+    >
+      <UpdatePanel />
+    </a-modal>
   </a-layout>
 </template>
 
@@ -92,8 +109,10 @@ import {Message} from '@arco-design/web-vue'
 import DeviceTest from './components/DeviceTest.vue'
 import DbCli from './views/db-cli/index.vue'
 import ThemeToggle from './components/ThemeToggle.vue'
+import UpdatePanel from './components/UpdatePanel.vue'
 
 const activeTab = ref('db-cli')
+const showUpdateModal = ref(false)
 const loading = ref(false)
 const formModel = ref({
   keyword: '',