-

agv_app/static/css/style.css

@@ -465,6 +465,10 @@ a:hover { text-decoration: underline; }
   aspect-ratio: 4/3;
   object-fit: cover;
 }
+.camera-img.arm {
+  transform: rotate(180deg);
+}
+
 .camera-placeholder {
   width: 100%;
   aspect-ratio: 4/3;
@@ -1076,3 +1080,114 @@ a:hover { text-decoration: underline; }
 .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; }
+
+/* ===== 报关单选择 ===== */
+.customs-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.customs-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.customs-select {
+  flex: 1;
+  max-width: 400px;
+  padding: 10px 12px;
+  background: #1a2535;
+  border: 1px solid #2a3a4a;
+  border-radius: 8px;
+  color: #e0e0e0;
+  font-size: 14px;
+  outline: none;
+}
+.customs-select:focus {
+  border-color: #4fc3f7;
+}
+.customs-select:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.customs-select option {
+  background: #1a2535;
+  color: #e0e0e0;
+}
+.customs-select:disabled option {
+  opacity: 1;
+}
+.customs-info {
+  font-size: 13px;
+  color: #8899aa;
+}
+.customs-badge {
+  font-size: 13px;
+}
+.customs-actions {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+/* ===== 数据表格 ===== */
+.table-wrapper {
+  overflow-x: auto;
+  margin-top: 8px;
+}
+.data-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+.data-table th {
+  text-align: left;
+  padding: 10px 12px;
+  background: #0f1923;
+  color: #8899aa;
+  font-weight: 500;
+  border-bottom: 1px solid #2a3a4a;
+  white-space: nowrap;
+}
+.data-table td {
+  padding: 10px 12px;
+  border-bottom: 1px solid #1a2a3a;
+  color: #ccc;
+}
+.data-table tbody tr:hover {
+  background: #1a2a3a;
+}
+.clickable-row {
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.clickable-row:hover {
+  background: #1a2535 !important;
+}
+.row-selected {
+  background: #142a3a !important;
+  border-left: 3px solid #4fc3f7;
+}
+
+/* ===== Badge 状态标签 ===== */
+.badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 11px;
+  font-weight: 500;
+}
+.badge-unknown { background: #2a3441; color: #8899aa; }
+.badge-normal { background: #1a3a2a; color: #4caf50; }
+.badge-active { background: #1a3050; color: #4fc3f7; }
+.badge-finished { background: #1a3a2a; color: #4caf50; }
+.badge-waiting { background: #3a3020; color: #ffc107; }
+.badge-error { background: #3a1a1a; color: #f44336; }
+
+/* ===== 分页控件 ===== */
+.pagination {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px 0 8px;
+}