20260805220506

code/fms/.workbuddy/memory/2026-08-05.md

@@ -0,0 +1,15 @@
+# 2026-08-05
+
+## UI/UX 整体重构咨询 → 方向确认
+- 用户提出前端整体 UI/UX 重构诉求：界面太普通、白色区域过多易疲劳，AppLayout 布局与操作方式要重新设计；喜欢 shadcn/ui 与 ERPNext 风格；系统是物流/货代场景。
+- 我的结论：风格完全适合货代 ERP；但 shadcn/ui 是 React 生态，ERPNext Frappe UI 绑框架，整体迁移组件库不划算。建议保留 antdv-next 做"视觉语言 + 布局外壳"深度重构，并给出概念稿（浅灰工作区、窄侧边栏分组、Ctrl+K 命令面板、紧凑列表、状态胶囊）。
+- 用户拍板：①不重写组件库；②页签栏保留但做轻。详细决策已写入 MEMORY.md「UI/UX 重构方向」。
+- 待启动：第一步 = 设计令牌 + AppLayout 外壳重构。
+- 概念稿 v1 被否：缺应用级 Tabs、留白过多、配色不对。v2 按 ERPNext Desk 重做：顶栏白 46px + 细页签带 32px（灰底白激活）、侧边栏白底分组、内容底 #f8f9fa、主色 #2490ef、状态用 6px 圆点 + 彩色文字（非色块）、列表行高 32px、单号蓝色链接。等用户确认 v2 方向。
+- v2 仍被否：用户感觉"太素/像半成品、整体感觉不对"。结论：静态小示意图失真，改用真实尺寸可交互原型。
+- 已交付 `D:\workspace\code\fms\ui-redesign-prototype.html`（单文件、无依赖）：内置 3 套主题一键切换（erpnext 灰白 / slate 深色侧栏 / zinc shadcn 风），可交互：侧边栏折叠、应用级页签打开/关闭/切换、海运订单列表筛选、点行进订单详情表单、Ctrl+K 命令面板。等用户选定主题方向后再落地到 AppLayout。
+- 用户提供了 D:\downloads\zip 参考代码（Next.js + shadcn v4 base-nova 风格，本身就是海运物流系统）。深入分析：OKLCH 纸墨色系、钢青主色 ok(0.43 0.085 245)、纯白侧边栏 accent 选中态（非主色）、dot+text 状态、44px 顶栏仅面包屑（搜索在工具栏）、密度切换按 D、侧拉详情面板、2-3px 圆角、表单分区左侧标题+右字段 max-w-760px。
+## UI/UX 重构 v1 实施完成
+- 完成 AppLayout 外壳重构，`vite build` 通过 0 error。
+- 修改文件：`main.scss`（OKLCH 令牌）、`AppSidebar.vue`（可折叠分组菜单）、`AppTabs.vue`（38px 统一顶栏+用户区）、`DefaultLayout.vue`（移除 AppToolbar）。
+- 详细设计决策已写入 MEMORY.md。原型 `ui-redesign-prototype-v3.html` 保留在项目根目录。