feat(orders): 登录保护的生产订单标签页 + 一键导出多层 ZIP(小型程序 WCD 任务)

This commit is contained in:
2026-08-13 15:46:40 +08:00
parent e518540235
commit 8490b5c14d
6 changed files with 352 additions and 6 deletions
+24
View File
@@ -2401,3 +2401,27 @@ body.resizing .side-panel,
body.resizing .studio-panel {
transition: none !important;
}
/* ── OrdersPage(生产订单,登录后可见)────────────── */
.orders-page { min-height: 100vh; display: flex; flex-direction: column; background: var(--workspace-bg, var(--bg)); }
.orders-main { flex: 1; padding: 24px 32px; max-width: 1080px; width: 100%; margin: 0 auto; box-sizing: border-box; }
.orders-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.orders-count { color: var(--text-secondary); font-size: 14px; }
.orders-error { color: var(--danger); background: var(--danger-light); padding: 10px 14px; border-radius: var(--radius-sm); margin: 12px 0; }
.orders-table { width: 100%; border-collapse: collapse; background: var(--bg-panel); border: 1px solid var(--border); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); }
.orders-table th, .orders-table td { text-align: left; padding: 10px 14px; border-bottom: 1px solid var(--border); font-size: 13px; color: var(--text-primary); }
.orders-table th { color: var(--text-secondary); font-weight: 600; background: var(--bg-panel-alt); }
.orders-table tr:last-child td { border-bottom: none; }
.orders-status { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; text-transform: capitalize; }
.status-success { background: var(--success-light); color: var(--success); }
.status-running { background: var(--accent-light); color: var(--accent); }
.status-queued { background: var(--bg-panel-alt); color: var(--text-secondary); }
.status-failed { background: var(--danger-light); color: var(--danger); }
.mono { font-family: var(--font-mono); font-size: 12px; }
.orders-preview { color: var(--accent); text-decoration: none; }
.orders-preview:hover { text-decoration: underline; }
.login-card { max-width: 400px; margin: 80px auto; background: var(--bg-panel); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 28px 32px; box-shadow: var(--shadow-md); }
.login-title { margin: 0 0 8px; font-size: 20px; color: var(--text-primary); }
.orders-hint { color: var(--text-secondary); font-size: 13px; margin: 0 0 18px; line-height: 1.5; }
.orders-input { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--bg); color: var(--text-primary); font-size: 14px; margin-bottom: 12px; }
.orders-input:focus { outline: none; border-color: var(--border-focus); }