@

feat: shadcn主题 + 文件关系追踪 + 处理流程修复前端: - 全站应用 shadcn/ui 主题 (zinc灰调, Inter字体, 1px细边框, 无硬阴影) - 重写 global.css / Dashboard.vue / Login.vue / Layout.vue 样式 - 新增文件处理子页面: 采购单(Orders), 表格处理(Tables), 图片处理(Images) - 侧边栏使用 el-sub-menu 组织文件处理导航后端: - 新增 file_relations 表追踪 input→output→result 链路 - 新增 /files/relations, /files/stats/detailed 等关系查询API - 新增 ocr-single, excel-single, pipeline-single, merge-batch 端点 - 处理流程增加跳过逻辑 (已处理文件自动跳过) - 全流程不再自动合并, 合并仅在采购单页面手动触发 Bug修复: - TaskManager: asyncio.create_task 在线程池中无事件循环 → 改用 _schedule() 调度 - PurchaseOrderMerger 缺少 config 参数 → 传入 ConfigManager() - FastAPI regex= 弃用 → 改为 pattern= - merger.process() 接收 Path 对象 → 转为字符串 @
2026-05-05 14:16:30 +08:00
parent dedc3b4183
commit 0721ed099c
13 changed files with 2341 additions and 602 deletions
@@ -1,53 +1,59 @@
 /* ═══════════════════════════════════════════
-   益选 OCR — Industrial Command Center Theme
+   益选 OCR — shadcn/ui Theme
+   Clean · Minimal · Zinc palette
   ═══════════════════════════════════════════ */

-@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,500;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

 :root {
-  /* Core palette */
-  --bg-dark: #0f1117;
-  --bg-sidebar: #161922;
+  /* ── Backgrounds ── */
+  --bg-page: #fafafa;
  --bg-card: #ffffff;
-  --bg-page: #f0f2f5;
-  --bg-hover: #f7f8fa;
+  --bg-sidebar: #09090b;
+  --bg-hover: #f4f4f5;
+  --bg-dark: #09090b;

-  /* Amber accent system */
-  --amber-50: #fff8e1;
-  --amber-100: #ffecb3;
-  --amber-400: #ffca28;
-  --amber-500: #ffc107;
-  --amber-600: #ffb300;
-
-  /* Semantic */
-  --primary: #2563eb;
-  --primary-hover: #1d4ed8;
-  --success: #10b981;
-  --warning: #f59e0b;
+  /* ── Semantic colors (shadcn zinc) ── */
+  --primary: #18181b;
+  --primary-hover: #27272a;
+  --primary-active: #09090b;
+  --primary-light: #f5f5f5;
+  --success: #22c55e;
+  --success-light: #f0fdf4;
+  --warning: #f97316;
+  --warning-light: #fff7ed;
  --danger: #ef4444;
-  --info: #6366f1;
+  --danger-light: #fef2f2;
+  --info: #18181b;

-  /* Text */
-  --text-primary: #111827;
-  --text-secondary: #6b7280;
-  --text-muted: #9ca3af;
-  --text-inverse: #e5e7eb;
-  --text-sidebar: #94a3b8;
-  --text-sidebar-active: #ffffff;
+  /* ── Text ── */
+  --text-primary: #18181b;
+  --text-secondary: #525252;
+  --text-muted: #a1a1aa;
+  --text-inverse: #ffffff;
+  --text-sidebar: #a1a1aa;
+  --text-sidebar-active: #fafafa;

-  /* Borders & shadows */
-  --border-light: #e5e7eb;
-  --border-subtle: #f3f4f6;
-  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
-  --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
-  --shadow-lg: 0 8px 24px rgba(0,0,0,0.08);
-  --shadow-glow: 0 0 20px rgba(255,193,7,0.15);
+  /* ── Borders ── */
+  --border-light: #e4e4e7;
+  --border-subtle: #f4f4f5;
+  --border-focus: #18181b;

-  /* Typography */
-  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
+  /* ── Shadows ── */
+  --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);
+  --shadow-md: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1);
+  --shadow-lg: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
+
+  /* ── Radius ── */
+  --radius: 10px;
+  --radius-lg: 14px;
+  --radius-sm: 6px;
+
+  /* ── Typography ── */
+  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

-  /* Transitions */
+  /* ── Transitions ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
@@ -66,62 +72,268 @@ body {
  -moz-osx-font-smoothing: grayscale;
 }

-/* Element Plus overrides */
+/* ═══════════════════════════════════════════
+   Element Plus — shadcn Overrides
+   ═══════════════════════════════════════════ */
+
+/* ── Card ── */
 .el-card {
  border: 1px solid var(--border-light) !important;
-  border-radius: 12px !important;
+  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm) !important;
-  transition: box-shadow 0.2s var(--ease-out) !important;
+  background: var(--bg-card) !important;
+  transition: box-shadow 0.2s, border-color 0.2s !important;
 }

 .el-card:hover {
  box-shadow: var(--shadow-md) !important;
+  border-color: #d4d4d8 !important;
+}
+
+/* ── Buttons ── */
+.el-button {
+  border-radius: var(--radius-sm) !important;
+  font-weight: 500 !important;
+  letter-spacing: 0;
+  transition: all 0.15s ease !important;
+  box-shadow: none !important;
+}
+
+.el-button--default {
+  border: 1px solid #e4e4e7 !important;
+  box-shadow: none !important;
+  background: #ffffff !important;
+  color: #18181b !important;
+}
+
+.el-button--default:hover {
+  background: #f4f4f5 !important;
+  border-color: #d4d4d8 !important;
+  color: #18181b !important;
+}
+
+.el-button--default:active {
+  background: #e4e4e7 !important;
 }

 .el-button--primary {
-  background: var(--primary) !important;
-  border-color: var(--primary) !important;
-  font-weight: 500;
-  border-radius: 8px;
-  transition: all 0.2s var(--ease-out);
+  background: #18181b !important;
+  border: 1px solid #18181b !important;
+  box-shadow: none !important;
+  color: #fff !important;
 }

 .el-button--primary:hover {
-  background: var(--primary-hover) !important;
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(37,99,235,0.3);
+  background: #27272a !important;
+  border-color: #27272a !important;
 }

+.el-button--primary:active {
+  background: #09090b !important;
+}
+
+.el-button--danger {
+  background: #ef4444 !important;
+  border: 1px solid #ef4444 !important;
+  box-shadow: none !important;
+  color: #fff !important;
+}
+
+.el-button--danger:hover {
+  background: #dc2626 !important;
+  border-color: #dc2626 !important;
+}
+
+.el-button--warning {
+  border: 1px solid #f97316 !important;
+  box-shadow: none !important;
+}
+
+.el-button--success {
+  border: 1px solid #22c55e !important;
+  box-shadow: none !important;
+}
+
+/* Link buttons — no border/shadow */
+.el-button--primary.is-link,
+.el-button--danger.is-link,
+.el-button--default.is-link {
+  border: none !important;
+  box-shadow: none !important;
+  background: transparent !important;
+}
+
+.el-button--primary.is-link:hover {
+  background: transparent !important;
+}
+
+/* Small buttons */
+.el-button--small {
+  border-radius: var(--radius-sm) !important;
+}
+
+/* ── Input / Select ── */
+.el-input__wrapper,
+.el-select .el-input__wrapper {
+  border: 1px solid #e4e4e7 !important;
+  border-radius: var(--radius-sm) !important;
+  box-shadow: none !important;
+  background: #ffffff !important;
+  transition: border-color 0.15s ease !important;
+}
+
+.el-input__wrapper:hover,
+.el-select .el-input__wrapper:hover {
+  border-color: #a1a1aa !important;
+}
+
+.el-input__wrapper.is-focus,
+.el-select .el-input__wrapper.is-focus {
+  border-color: #18181b !important;
+  box-shadow: 0 0 0 1px #18181b !important;
+}
+
+/* ── Table ── */
 .el-table {
-  --el-table-border-color: var(--border-light);
-  --el-table-header-bg-color: #fafbfc;
-  border-radius: 8px;
+  --el-table-border-color: #e4e4e7;
+  --el-table-header-bg-color: #fafafa;
+  border: 1px solid #e4e4e7 !important;
+  border-radius: var(--radius) !important;
  overflow: hidden;
+  box-shadow: none !important;
 }

 .el-table th.el-table__cell {
-  font-weight: 600;
+  font-weight: 600 !important;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
-  color: var(--text-secondary);
+  color: #525252 !important;
+  background: #fafafa !important;
 }

+.el-table td.el-table__cell {
+  border-bottom: 1px solid #f4f4f5 !important;
+}
+
+.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
+  background: #fafafa !important;
+}
+
+/* ── Dialog ── */
+.el-dialog {
+  border: 1px solid #e4e4e7 !important;
+  border-radius: var(--radius-lg) !important;
+  box-shadow: var(--shadow-lg) !important;
+  overflow: hidden;
+}
+
+.el-dialog__header {
+  border-bottom: 1px solid #e4e4e7;
+  padding: 16px 20px !important;
+}
+
+.el-dialog__footer {
+  border-top: 1px solid #e4e4e7;
+  padding: 12px 20px !important;
+}
+
+/* ── Tag ── */
+.el-tag {
+  border: 1px solid transparent !important;
+  border-radius: var(--radius-sm) !important;
+  font-weight: 500 !important;
+  font-size: 11px;
+  letter-spacing: 0.2px;
+}
+
+.el-tag--success {
+  background: #f0fdf4 !important;
+  color: #16a34a !important;
+  border-color: #bbf7d0 !important;
+}
+
+.el-tag--warning {
+  background: #fff7ed !important;
+  color: #ea580c !important;
+  border-color: #fed7aa !important;
+}
+
+.el-tag--danger {
+  background: #fef2f2 !important;
+  color: #dc2626 !important;
+  border-color: #fecaca !important;
+}
+
+.el-tag--info {
+  background: #f5f5f5 !important;
+  color: #525252 !important;
+  border-color: #e4e4e7 !important;
+}
+
+/* ── Progress ── */
 .el-progress-bar__outer {
-  border-radius: 6px;
+  border: none !important;
+  border-radius: 999px !important;
+  box-shadow: none !important;
+  background: #f4f4f5 !important;
+  height: 8px !important;
 }

 .el-progress-bar__inner {
-  border-radius: 6px;
-  transition: width 0.4s var(--ease-out);
+  border-radius: 999px !important;
+  transition: width 0.4s ease;
+  border: none !important;
 }

-.el-tag {
-  border-radius: 6px;
+/* ── Dropdown / Popover ── */
+.el-dropdown-menu,
+.el-popover.el-popper {
+  border: 1px solid #e4e4e7 !important;
+  border-radius: var(--radius-sm) !important;
+  box-shadow: var(--shadow-lg) !important;
+}
+
+/* ── Menu (sidebar sub-menu) ── */
+.el-menu {
+  border-right: none !important;
+}
+
+.el-sub-menu .el-menu {
+  background: rgba(255,255,255,0.03) !important;
+}
+
+.el-sub-menu .el-menu-item {
+  padding-left: 52px !important;
+  font-size: 13px;
+}
+
+.el-menu-item.is-active {
+  color: var(--primary) !important;
+}
+
+/* ── Breadcrumb ── */
+.el-breadcrumb__inner {
  font-weight: 500;
 }

-/* Scrollbar */
+/* ── Message / Notification ── */
+.el-message {
+  border: 1px solid #e4e4e7 !important;
+  border-radius: var(--radius-sm) !important;
+  box-shadow: var(--shadow-lg) !important;
+}
+
+/* ── Tooltip ── */
+.el-tooltip__popper.is-dark {
+  border: none !important;
+  border-radius: var(--radius-sm) !important;
+}
+
+/* ═══════════════════════════════════════════
+   Scrollbar
+   ═══════════════════════════════════════════ */
+
 ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
@@ -132,19 +344,22 @@ body {
 }

 ::-webkit-scrollbar-thumb {
-  background: #d1d5db;
+  background: #d4d4d8;
  border-radius: 3px;
 }

 ::-webkit-scrollbar-thumb:hover {
-  background: #9ca3af;
+  background: #a1a1aa;
 }

-/* Animations */
+/* ═══════════════════════════════════════════
+   Animations
+   ═══════════════════════════════════════════ */
+
@keyframes fadeInUp {
  from {
    opacity: 0;
-    transform: translateY(12px);
+    transform: translateY(8px);
  }
  to {
    opacity: 1;
@@ -157,13 +372,8 @@ body {
  100% { background-position: 200% 0; }
 }

-@keyframes pulse-glow {
-  0%, 100% { box-shadow: 0 0 0 0 rgba(255,193,7,0); }
-  50% { box-shadow: 0 0 16px 4px rgba(255,193,7,0.15); }
-}
-
 .animate-in {
-  animation: fadeInUp 0.4s var(--ease-out) both;
+  animation: fadeInUp 0.3s var(--ease-out) both;
 }

 .animate-in-delay-1 { animation-delay: 0.05s; }