修改UI

README.md

@@ -224,7 +224,7 @@ bash ./scripts/verify-deb-bootstrap.sh dist/linux-deb/call-client/amd64/*.deb
 bash ./scripts/verify-deb-bootstrap.sh --all
 ```
 
-### 5.3 Windows Nginx 反向代理模板
+### 5.3 Windows Nginx 本地目录直读模板
 
 ```nginx
 server {
@@ -232,20 +232,17 @@ server {
   server_name 80.12.140.29;
 
   location /apt/ {
-    proxy_pass http://inner-repo-server/;
-    proxy_http_version 1.1;
-
-    proxy_set_header Host $host;
-    proxy_set_header X-Real-IP $remote_addr;
-    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
-
-    proxy_request_buffering off;
-    proxy_buffering off;
-    proxy_read_timeout 300s;
+    alias F:/workspace/zyclient_linux/TauriClient/dist/repo/;
+    autoindex on;
   }
 }
 ```
 
+路径映射关系：
+
+- `http://80.12.140.29:80/apt/dists/v10/Release`
+- 对应本地文件 `F:/workspace/zyclient_linux/TauriClient/dist/repo/dists/v10/Release`
+
 客户端源配置示例：
 
 ```bash
@@ -268,11 +265,8 @@ server {
   server_name localhost;
 
   location /apt/ {
-    proxy_pass http://inner-repo-server/;
-    proxy_http_version 1.1;
-    proxy_set_header Host $host;
-    proxy_set_header X-Real-IP $remote_addr;
-    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+    alias F:/workspace/zyclient_linux/TauriClient/dist/repo/;
+    autoindex on;
   }
 }
 ```

broadcast-client/src/styles.css

@@ -232,6 +232,8 @@ body,
 
 .actions-row {
   display: flex;
+  align-items: center;
+  flex-wrap: wrap;
   gap: 8px;
   margin-top: 14px;
 }
@@ -239,10 +241,21 @@ body,
 .config-top-status {
   display: flex;
   align-items: center;
-  min-height: 28px;
+  min-height: 36px;
   margin-bottom: 10px;
 }
 
+.top-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.version-text {
+  color: #666;
+  font-size: 12px;
+}
+
 .btn {
   border: 1px solid #c8c8c8;
   background: #fff;

broadcast-client/src/views/ConfigView.vue

@@ -1,10 +1,19 @@
 <template>
   <main class="config-root config-page">
-    <div class="config-top-status">
+    <div class="config-top-status row-between">
       <span class="socket-status" :class="socketRunning ? 'running' : 'stopped'">
         <i class="socket-dot" />
         Socket {{ socketRunning ? "运行中" : "未启动" }} (9501)
       </span>
+      <div class="top-actions">
+        <el-button type="primary" @click="saveConfig">保存配置</el-button>
+        <el-button type="success" plain :disabled="socketRunning" @click="startSocketService">
+          启动 Socket 服务
+        </el-button>
+        <el-button type="danger" plain :disabled="!socketRunning" @click="stopSocketService">
+          停止 Socket 服务
+        </el-button>
+      </div>
     </div>
 
     <el-collapse v-model="activePanels" class="config-collapse">
@@ -301,16 +310,10 @@
     </el-collapse>
 
     <div class="actions-row">
-      <el-button type="primary" @click="saveConfig">保存配置</el-button>
+      <span class="version-text">版本号：V{{ appVersion }}</span>
       <el-button type="primary" plain :loading="checkingUpdate" @click="handleCheckUpdate">
         检查更新
       </el-button>
-      <el-button type="success" plain :disabled="socketRunning" @click="startSocketService">
-        启动 Socket 服务
-      </el-button>
-      <el-button type="danger" plain :disabled="!socketRunning" @click="stopSocketService">
-        停止 Socket 服务
-      </el-button>
       <el-button @click="closeConfigWindow">关闭配置窗口</el-button>
       <el-button type="danger" @click="quitApplication">退出程序</el-button>
       <span class="save-hint">{{ saveMessage }}</span>
@@ -361,6 +364,7 @@ const saveMessage = ref("修改后请点击“保存配置”。");
 const activePanels = ref(["base", "segments", "areas", "subtitles"]);
 const socketRunning = ref(false);
 const checkingUpdate = ref(false);
+const appVersion = ref("0.1.0");
 const APT_SOURCE_ENTRY =
   "deb [arch=amd64 signed-by=/usr/share/keyrings/zyyun-archive-keyring.gpg] http://80.12.140.29:80/apt v10 main";
 const APT_SOURCE_SETUP_COMMAND = `echo "${APT_SOURCE_ENTRY}" | sudo tee /etc/apt/sources.list.d/zyyun.list && sudo apt update`;

call-client/src/views/LoginView.vue

@@ -509,6 +509,7 @@ onUnmounted(() => {
           </div>
 
           <div class="version-info">
+            <div class="version-row">
               <div class="version">版本号：V{{ appVersion }}</div>
               <el-button
                 text
@@ -519,6 +520,7 @@ onUnmounted(() => {
               >
                 检查更新
               </el-button>
+            </div>
             <div class="copyright">© 2023 紫云科技 版权所有</div>
           </div>
         </div>
@@ -699,8 +701,19 @@ onUnmounted(() => {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
 }
 
+.version-row {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+}
+
 .version {
-  margin-bottom: 5px;
+  margin-bottom: 0;
+}
+
+.copyright {
+  margin-top: 5px;
 }
 
 :global(.narrow-window-message) {