From 88a233284ac005bfc17714edbbabdc3c53c98fa8 Mon Sep 17 00:00:00 2001
From: "let5sne.win10" <let5sne.win10.pc@gmail.com>
Date: Sat, 10 Jan 2026 02:28:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E6=96=87=E5=8C=96=E6=89=80=E6=9C=89?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=20UI=20=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- index.html: 中文化设备操作、任务队列相关文本
- video-learning.html: 中文化会话创建、控制、状态显示等所有文本

Changes:
- placeholder "Enter task..." → "输入任务..."
- button "Execute" → "执行"
- button "Running..." → "运行中..."
- section "Task Queue" → "任务队列"
- section "Devices" → "设备"
- title "Video Learning" → "视频学习"
- form labels: "Device" → "设备", "Platform" → "平台", etc.
- button "Start Learning" → "开始学习"
- session controls: "Resume" → "恢复", "Pause" → "暂停", "Stop" → "停止"
- toast messages: all converted to Chinese
- empty states: "No devices found" → "未找到设备", etc.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 dashboard/static/index.html          | 22 ++++----
 dashboard/static/video-learning.html | 84 ++++++++++++++--------------
 2 files changed, 53 insertions(+), 53 deletions(-)

diff --git a/dashboard/static/index.html b/dashboard/static/index.html
index ed40c03..724f114 100644
--- a/dashboard/static/index.html
+++ b/dashboard/static/index.html
@@ -110,7 +110,7 @@
                             <input
                                 v-model="device.taskInput"
                                 type="text"
-                                placeholder="Enter task..."
+                                placeholder="输入任务..."
                                 @keyup.enter="executeTask(device)"
                                 :disabled="device.status === 'busy' || !device.is_connected"
                             >
@@ -119,7 +119,7 @@
                                 class="btn btn-primary"
                                 :disabled="device.status === 'busy' || !device.is_connected || !device.taskInput"
                             >
-                                {{ device.status === 'busy' ? 'Running...' : 'Execute' }}
+                                {{ device.status === 'busy' ? '运行中...' : '执行' }}
                             </button>
                         </div>
                     </div>
@@ -129,14 +129,14 @@
                         <rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect>
                         <line x1="12" y1="18" x2="12" y2="18"></line>
                     </svg>
-                    <p>No devices found</p>
-                    <button @click="refreshDevices" class="btn btn-secondary">Scan for Devices</button>
+                    <p>未找到设备</p>
+                    <button @click="refreshDevices" class="btn btn-secondary">扫描设备</button>
                 </div>
             </section>
 
             <!-- Task Queue -->
             <section class="tasks-section">
-                <h2>Task Queue</h2>
+                <h2>任务队列</h2>
                 <div class="task-list" v-if="tasks.length > 0">
                     <div
                         class="task-item"
@@ -151,8 +151,8 @@
                             </div>
                             <p class="task-description">{{ task.task }}</p>
                             <div class="task-meta">
-                                <span>Device: {{ task.device_id }}</span>
-                                <span>Step: {{ task.current_step }}/{{ task.max_steps }}</span>
+                                <span>设备：{{ task.device_id }}</span>
+                                <span>步数：{{ task.current_step }}/{{ task.max_steps }}</span>
                             </div>
                             <div class="task-progress" v-if="task.status === 'running'">
                                 <div class="progress-bar" :style="{ width: (task.current_step / task.max_steps * 100) + '%' }"></div>
@@ -192,7 +192,7 @@
                                 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                     <rect x="6" y="6" width="12" height="12"></rect>
                                 </svg>
-                                Stop
+                                停止
                             </button>
                         </div>
                         <div class="task-actions" v-else>
@@ -202,7 +202,7 @@
                                     <polyline points="1 20 1 14 7 14"></polyline>
                                     <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path>
                                 </svg>
-                                Re-execute
+                                重新执行
                             </button>
                         </div>
                     </div>
@@ -211,8 +211,8 @@
                     <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1">
                         <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
                     </svg>
-                    <p>No tasks yet</p>
-                    <p class="hint">Enter a task above to get started</p>
+                    <p>暂无任务</p>
+                    <p class="hint">在上方输入任务开始使用</p>
                 </div>
             </section>
         </main>
diff --git a/dashboard/static/video-learning.html b/dashboard/static/video-learning.html
index a41fd35..99d9f92 100644
--- a/dashboard/static/video-learning.html
+++ b/dashboard/static/video-learning.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Video Learning - AutoGLM Dashboard</title>
+    <title>视频学习 - AutoGLM Dashboard</title>
     <!-- Vue.js 3 -->
     <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
     <!-- Axios for API requests -->
@@ -56,7 +56,7 @@
                         <line x1="19" y1="12" x2="5" y2="12"></line>
                         <polyline points="12 19 5 12 12 5"></polyline>
                     </svg>
-                    Back
+                    返回
                 </button>
             </div>
         </header>
@@ -65,60 +65,60 @@
         <main class="main-content">
             <!-- Configuration Section -->
             <section class="config-section" v-if="!currentSessionId">
-                <h2>Create Learning Session</h2>
+                <h2>创建学习会话</h2>
                 <div class="config-form">
                     <div class="form-group">
-                        <label>Device</label>
+                        <label>设备</label>
                         <select v-model="config.deviceId" :disabled="loading">
-                            <option value="">Select a device...</option>
+                            <option value="">选择设备...</option>
                             <option v-for="device in devices" :key="device.device_id" :value="device.device_id"
                                     :disabled="!device.is_connected || device.status === 'busy'">
                                 {{ device.device_id }}
-                                {{ !device.is_connected ? '(Disconnected)' : '' }}
-                                {{ device.status === 'busy' ? '(Busy)' : '' }}
+                                {{ !device.is_connected ? '（未连接）' : '' }}
+                                {{ device.status === 'busy' ? '（忙碌）' : '' }}
                             </option>
                         </select>
                     </div>
 
                     <div class="form-group">
-                        <label>Platform</label>
+                        <label>平台</label>
                         <select v-model="config.platform" :disabled="loading">
-                            <option value="douyin">Douyin (抖音)</option>
-                            <option value="kuaishou">Kuaishou (快手)</option>
+                            <option value="douyin">抖音</option>
+                            <option value="kuaishou">快手</option>
                             <option value="tiktok">TikTok</option>
                         </select>
                     </div>
 
                     <div class="form-row">
                         <div class="form-group">
-                            <label>Target Videos</label>
+                            <label>目标视频数</label>
                             <input type="number" v-model.number="config.targetCount" min="1" max="100" :disabled="loading">
                         </div>
                         <div class="form-group">
-                            <label>Watch Duration (s)</label>
+                            <label>观看时长（秒）</label>
                             <input type="number" v-model.number="config.watchDuration" min="1" max="30" step="0.5" :disabled="loading">
                         </div>
                     </div>
 
                     <div class="form-group">
-                        <label>Category (Optional)</label>
-                        <input type="text" v-model="config.category" placeholder="e.g., 美食, 旅行, 搞笑" :disabled="loading">
-                        <small>Leave empty to watch recommended videos</small>
+                        <label>分类（可选）</label>
+                        <input type="text" v-model="config.category" placeholder="例如：美食、旅行、搞笑" :disabled="loading">
+                        <small>留空则观看推荐视频</small>
                     </div>
 
                     <div class="form-group checkbox-group">
                         <label>
                             <input type="checkbox" v-model="config.enableAnalysis" :disabled="loading">
-                            <span>Enable Screenshot Analysis</span>
+                            <span>启用画面分析</span>
                         </label>
-                        <small>Analyze video content using VLM to extract description, likes, comments, tags, etc.</small>
+                        <small>使用视觉语言模型分析视频内容，提取描述、点赞、评论、标签等信息</small>
                     </div>
 
                     <button @click="createAndStartSession" class="btn btn-primary" :disabled="loading || !config.deviceId">
                         <svg v-if="loading" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="spinning">
                             <path d="M21 12a9 9 0 1 1-6.219-8.56"></path>
                         </svg>
-                        {{ loading ? 'Creating...' : 'Start Learning' }}
+                        {{ loading ? '创建中...' : '开始学习' }}
                     </button>
                 </div>
             </section>
@@ -126,26 +126,26 @@
             <!-- Session Control Section -->
             <section class="session-section" v-if="currentSessionId && sessionStatus">
                 <div class="session-header">
-                    <h2>Session: {{ currentSessionId }}</h2>
+                    <h2>会话：{{ currentSessionId }}</h2>
                     <div class="session-controls">
                         <button v-if="sessionStatus.is_paused" @click="resumeSession" class="btn btn-primary btn-sm">
                             <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                 <polygon points="5 3 19 12 5 21 5 3"></polygon>
                             </svg>
-                            Resume
+                            恢复
                         </button>
                         <button v-else-if="sessionStatus.is_active" @click="pauseSession" class="btn btn-secondary btn-sm">
                             <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                 <rect x="6" y="4" width="4" height="16"></rect>
                                 <rect x="14" y="4" width="4" height="16"></rect>
                             </svg>
-                            Pause
+                            暂停
                         </button>
                         <button v-if="sessionStatus.is_active" @click="stopSession" class="btn btn-danger btn-sm">
                             <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                 <rect x="6" y="6" width="12" height="12"></rect>
                             </svg>
-                            Stop
+                            停止
                         </button>
                     </div>
                 </div>
@@ -153,20 +153,20 @@
                 <!-- Progress Bar -->
                 <div class="progress-section" v-if="sessionStatus.is_active || sessionStatus.is_paused">
                     <div class="progress-info">
-                        <span>Progress: {{ sessionStatus.watched_count }} / {{ sessionStatus.target_count }}</span>
+                        <span>进度：{{ sessionStatus.watched_count }} / {{ sessionStatus.target_count }}</span>
                         <span>{{ Math.round(sessionStatus.progress_percent) }}%</span>
                     </div>
                     <div class="progress-bar-large">
                         <div class="progress-fill" :style="{ width: sessionStatus.progress_percent + '%' }"></div>
                     </div>
                     <div class="progress-stats">
-                        <span>Total Duration: {{ formatDuration(sessionStatus.total_duration) }}</span>
+                        <span>总时长：{{ formatDuration(sessionStatus.total_duration) }}</span>
                     </div>
                 </div>
 
                 <!-- Current Video -->
                 <div class="current-video" v-if="sessionStatus.current_video">
-                    <h3>Current Video</h3>
+                    <h3>当前视频</h3>
                     <div class="video-card">
                         <div class="video-screenshot" v-if="sessionStatus.current_video.screenshot_path">
                             <img :src="sessionStatus.current_video.screenshot_path" alt="Current video">
@@ -202,15 +202,15 @@
                             <polyline points="22 4 12 14.01 9 11.01"></polyline>
                         </svg>
                     </div>
-                    <h3>Session Complete!</h3>
-                    <p>Watched {{ sessionStatus.watched_count }} videos in {{ formatDuration(sessionStatus.total_duration) }}</p>
-                    <button @click="resetSession" class="btn btn-primary">Start New Session</button>
+                    <h3>会话完成！</h3>
+                    <p>已观看 {{ sessionStatus.watched_count }} 个视频，总时长 {{ formatDuration(sessionStatus.total_duration) }}</p>
+                    <button @click="resetSession" class="btn btn-primary">开始新会话</button>
                 </div>
             </section>
 
             <!-- Video History -->
             <section class="history-section" v-if="videos.length > 0">
-                <h2>Watched Videos</h2>
+                <h2>已观看视频</h2>
                 <div class="video-grid">
                     <div v-for="video in videos" :key="video.sequence_id" class="video-card">
                         <div class="video-screenshot" v-if="video.screenshot_path">
@@ -319,13 +319,13 @@
                         const response = await axios.get('/api/devices');
                         this.devices = response.data;
                     } catch (error) {
-                        this.showToast('Failed to load devices', 'error');
+                        this.showToast('加载设备失败', 'error');
                     }
                 },
 
                 async createAndStartSession() {
                     if (!this.config.deviceId) {
-                        this.showToast('Please select a device', 'error');
+                        this.showToast('请选择设备', 'error');
                         return;
                     }
 
@@ -348,16 +348,16 @@
                         // 保存到 localStorage
                         localStorage.setItem('current_session_id', this.currentSessionId);
 
-                        this.showToast('Session created! Starting...', 'success');
+                        this.showToast('会话已创建！正在启动...', 'success');
 
                         // Start session
                         await VideoLearningModule.startSession(this.currentSessionId);
-                        this.showToast('Learning session started!', 'success');
+                        this.showToast('学习会话已启动！', 'success');
 
                         // Initial status update
                         await this.updateSessionStatus();
                     } catch (error) {
-                        this.showToast('Failed to create session: ' + error.message, 'error');
+                        this.showToast('创建会话失败：' + error.message, 'error');
                     } finally {
                         this.loading = false;
                     }
@@ -369,9 +369,9 @@
                     try {
                         await VideoLearningModule.controlSession(this.currentSessionId, 'pause');
                         await this.updateSessionStatus();
-                        this.showToast('Session paused', 'info');
+                        this.showToast('会话已暂停', 'info');
                     } catch (error) {
-                        this.showToast('Failed to pause session', 'error');
+                        this.showToast('暂停会话失败', 'error');
                     }
                 },
 
@@ -381,16 +381,16 @@
                     try {
                         await VideoLearningModule.controlSession(this.currentSessionId, 'resume');
                         await this.updateSessionStatus();
-                        this.showToast('Session resumed', 'info');
+                        this.showToast('会话已恢复', 'info');
                     } catch (error) {
-                        this.showToast('Failed to resume session', 'error');
+                        this.showToast('恢复会话失败', 'error');
                     }
                 },
 
                 async stopSession() {
                     if (!this.currentSessionId) return;
 
-                    if (!confirm('Are you sure you want to stop this session?')) return;
+                    if (!confirm('确定要停止此会话吗？')) return;
 
                     try {
                         await VideoLearningModule.controlSession(this.currentSessionId, 'stop');
@@ -400,9 +400,9 @@
                         if (this.sessionStatus) {
                             this.sessionStatus.is_active = false;
                         }
-                        this.showToast('Session stopped', 'info');
+                        this.showToast('会话已停止', 'info');
                     } catch (error) {
-                        this.showToast('Failed to stop session', 'error');
+                        this.showToast('停止会话失败', 'error');
                     }
                 },
 
@@ -413,7 +413,7 @@
                         this.sessionStatus = await VideoLearningModule.getSessionStatus(this.currentSessionId);
                         this.videos = await VideoLearningModule.getSessionVideos(this.currentSessionId);
                     } catch (error) {
-                        console.error('Error updating session status:', error);
+                        console.error('更新会话状态错误：', error);
                     }
                 },