修改运行时显示

agv_app/static/css/style.css

@@ -1043,3 +1043,36 @@ a:hover { text-decoration: underline; }
   font-size: 12px;
   color: #666;
 }
+
+/* ===== 运行页网格任务状态 ===== */
+/* 点位单元格 - 导航状态 */
+.point-cell { min-height: 52px; }
+.cell-nav-icon { font-size: 18px; text-align: center; }
+.cell-nav-label { font-size: 11px; color: #8899aa; text-align: center; margin-top: 2px; }
+.point-cell.nav-pending { background: #141e28; border-color: #2a3a4a; }
+.point-cell.nav-active { background: #1a3020; border-color: #4caf50; animation: navPulse 1.5s infinite; }
+.point-cell.nav-done { background: #152522; border-color: #2e7d32; }
+.point-cell.nav-done .cell-nav-icon { color: #4caf50; }
+.point-cell.nav-skipped { background: #141e28; border-color: #2a3a4a; opacity: 0.5; }
+@keyframes navPulse { 0%,100% { border-color: #4caf50; } 50% { border-color: #1b5e20; } }
+
+/* 机器单元格状态 */
+.machine-cell { min-height: 62px; padding: 6px 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; }
+.machine-label { font-size: 12px; font-weight: 600; color: #ccc; }
+.machine-steps-mini { display: flex; gap: 8px; font-size: 13px; }
+.machine-qr-mini { font-size: 10px; color: #4fc3f7; max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.empty-cell { color: #445566; font-size: 12px; }
+
+/* 步骤圆点 */
+.step-dot { opacity: 0.4; transition: opacity 0.3s; }
+.step-dot.dot-done { opacity: 1; }
+.step-dot.dot-scanning,
+.step-dot.dot-shooting { opacity: 0.8; animation: dotPulse 0.8s infinite; }
+@keyframes dotPulse { 0%,100% { opacity: 0.4; } 50% { opacity: 1; } }
+.step-dot.dot-manual { opacity: 0.7; }
+.step-dot.dot-skipped { opacity: 0.3; }
+
+/* 机器状态背景 */
+.machine-cell.mstatus-pending { background: #141e28; border-color: #2a3a4a; }
+.machine-cell.mstatus-active { background: #1a2535; border-color: #4fc3f7; }
+.machine-cell.mstatus-completed { background: #152522; border-color: #2e7d32; }