任务执行

agv_app/templates/running.html

@@ -25,10 +25,10 @@
             <span class="pulse"></span>
             [[ missionStateText ]]
           </div>
-          <div class="running-progress" v-if="missionState === 'running'">
-            <span>点位 [[ currentPoint + 1 ]] / [[ totalPoints ]]</span>
+          <div class="running-progress" v-if="missionState === 'running' || missionState === 'waiting_qr'">
+            <span>进度 [[ Math.round(progress) ]]%</span>
             <div class="progress-bar">
-              <div class="progress-fill" :style="{width: progressPercent + '%'}"></div>
+              <div class="progress-fill" :style="{width: progress + '%'}"></div>
             </div>
           </div>
         </div>
@@ -39,12 +39,49 @@
           <button class="btn btn-warning btn-large" @click="pauseMission" :disabled="missionState !== 'running'">
             ⏸️ 暂停
           </button>
+          <button class="btn btn-primary btn-large" @click="resumeMission" :disabled="missionState !== 'paused'">
+            ▶️ 继续
+          </button>
           <button class="btn btn-error btn-large" @click="stopMission" :disabled="missionState === 'idle'">
             ⏹️ 停止
           </button>
         </div>
       </section>
 
+      <!-- 任务清单 -->
+      <section class="card" v-if="tasks.length > 0">
+        <h2>📋 任务清单 ([[ tasks.length ]] 台机器)</h2>
+        <div class="task-grid">
+          <div v-for="task in tasks" :key="task.machine_id"
+               class="task-cell" :class="'task-' + task.status"
+               :title="task.step">
+            <div class="task-pos">[[ task.label ]]</div>
+            <div class="task-status-icon">
+              <span v-if="task.status === 'pending'">⏳</span>
+              <span v-else-if="task.status === 'active'" class="pulse-icon">🔄</span>
+              <span v-else-if="task.status === 'completed'">✅</span>
+              <span v-else>❓</span>
+            </div>
+            <div class="task-step-text">[[ task.step ]]</div>
+            <div class="task-info">
+              <div v-if="task.qr_value" class="task-qr">🏷 [[ task.qr_value.substring(0,8) ]]</div>
+              <div class="task-photos" v-if="task.photos_front || task.photos_back">
+                📷 [[ task.photos_front ]]正 [[ task.photos_back ]]背
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <!-- 实时日志 -->
+      <section class="card" v-if="missionState === 'running' || missionState === 'waiting_qr'">
+        <h2>📜 实时日志</h2>
+        <div class="log-box" ref="logBox">
+          <div v-for="(log, i) in logs" :key="i" class="log-line">[[ log ]]</div>
+          <div v-if="logs.length === 0" class="log-empty">等待任务开始...</div>
+        </div>
+      </section>
+
       <!-- 实时预览 -->
       <section class="card">
         <h2>📷 摄像头预览</h2>
@@ -55,28 +92,31 @@
 
       <!-- 任务报告 -->
       <section class="card" v-if="report">
-        <h2>📋 任务报告</h2>
+        <h2>📊 任务报告</h2>
         <div class="report-summary">
           <div class="stat ok">✅ 完成: [[ report.completed ]]</div>
           <div class="stat error">❌ 失败: [[ report.failed ]]</div>
           <div class="stat">总计: [[ report.total_points ]]</div>
         </div>
-        <div class="report-details">
-          <div v-for="(detail, i) in report.details" :key="i" class="report-item">
-            <div class="report-point">
-              <span class="report-status" :class="detail.status">[[ detail.status === 'completed' ? '✅' : '❌' ]]</span>
-              [[ detail.point_name ]]
-            </div>
-            <div v-for="(pose, pi) in detail.poses" :key="pi" class="report-pose">
-              [[ pose.photo_type ]] - [[ pose.status ]]
-            </div>
+      </section>
+
+      <!-- 手动输入二维码弹窗 -->
+      <div class="modal-overlay" v-if="showQrModal">
+        <div class="modal">
+          <h3>⌨️ 手动输入二维码</h3>
+          <p>所有姿态均未识别到二维码，请手动输入：</p>
+          <input type="text" v-model="qrValue" placeholder="输入二维码内容" autofocus @keyup.enter="submitQr">
+          <div class="modal-actions">
+            <button class="btn btn-primary" @click="submitQr">确认</button>
+            <button class="btn" @click="cancelQr">跳过</button>
           </div>
         </div>
-      </section>
+      </div>
+
     </main>
   </div>
 
   <script src="/static/js/vue3.global.prod.js"></script>
   <script src="/static/js/running.js"></script>
 </body>
-</html>
+</html>