任务执行

agv_app/static/css/style.css

@@ -774,3 +774,141 @@ a:hover { text-decoration: underline; }
   color: #666;
   font-size: 12px;
 }
+
+/* ========== 实时日志 ========== */
+.log-box {
+  background: #0a0a0a;
+  color: #00ff88;
+  font-family: 'Courier New', 'Menlo', monospace;
+  font-size: 13px;
+  line-height: 1.6;
+  max-height: 320px;
+  overflow-y: auto;
+  padding: 12px 16px;
+  border-radius: 6px;
+  margin-top: 8px;
+  border: 1px solid #1a1a1a;
+}
+.log-line {
+  padding: 2px 0;
+  border-bottom: 1px solid #111;
+  word-break: break-all;
+}
+.log-empty {
+  color: #555;
+  font-style: italic;
+  padding: 12px 0;
+}
+
+/* ========== 弹窗 ========== */
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.75);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+}
+.modal {
+  background: #1a1a2e;
+  padding: 28px 32px;
+  border-radius: 12px;
+  min-width: 400px;
+  max-width: 90%;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
+}
+.modal h3 {
+  margin: 0 0 12px 0;
+  color: #e0e0e0;
+}
+.modal p {
+  color: #aaa;
+  margin: 0 0 16px 0;
+}
+.modal input[type="text"] {
+  width: 100%;
+  padding: 10px 12px;
+  background: #0a0a0a;
+  border: 1px solid #333;
+  border-radius: 6px;
+  color: #e0e0e0;
+  font-size: 15px;
+  outline: none;
+  box-sizing: border-box;
+}
+.modal input[type="text"]:focus {
+  border-color: #409eff;
+}
+.modal-actions {
+  display: flex;
+  gap: 12px;
+  margin-top: 20px;
+}
+.modal-actions .btn {
+  flex: 1;
+}
+
+/* ========== 任务清单 ========== */
+.task-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
+  gap: 10px;
+  margin-top: 10px;
+}
+.task-cell {
+  background: #0a0a0a;
+  border: 1px solid #1a1a1a;
+  border-radius: 8px;
+  padding: 12px;
+  text-align: center;
+  transition: all 0.3s;
+}
+.task-cell.task-active {
+  border-color: #409eff;
+  background: #0d1b2a;
+}
+.task-cell.task-completed {
+  border-color: #4caf50;
+  opacity: 0.7;
+}
+.task-cell.task-active .task-step-text {
+  color: #409eff;
+  font-weight: bold;
+}
+.task-pos {
+  font-size: 16px;
+  font-weight: bold;
+  color: #e0e0e0;
+  margin-bottom: 6px;
+}
+.task-status-icon {
+  font-size: 20px;
+  margin-bottom: 4px;
+}
+.task-step-text {
+  font-size: 12px;
+  color: #888;
+  margin-bottom: 4px;
+}
+.task-info {
+  font-size: 11px;
+  color: #666;
+}
+.task-qr {
+  font-family: monospace;
+  color: #aaa;
+}
+.task-photos {
+  color: #888;
+}
+.pulse-icon {
+  animation: taskPulse 1s infinite;
+}
+@keyframes taskPulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.3; }
+}