diff --git a/code/fms/.workbuddy/memory/2026-08-05.md b/code/fms/.workbuddy/memory/2026-08-05.md new file mode 100644 index 00000000..fa9ccf91 --- /dev/null +++ b/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` 保留在项目根目录。 diff --git a/code/fms/fms-vue/demo.html b/code/fms/fms-vue/demo.html new file mode 100644 index 00000000..e3cd6df8 --- /dev/null +++ b/code/fms/fms-vue/demo.html @@ -0,0 +1,233 @@ + + + + + + FMS 工作区布局 Demo + + + +
+ + +
+
+
当前组织
华东运营中心
+ +
+ + + +
+
+ +
+
+
+
工作区 / 总览

工作台

快速了解业务状态，并从最近工作继续。

+
+
+ +
+
合作伙伴总数
1,284
↑ 8.4% 较上月
+
本月新增
86
↑ 12 条待审核
+
待处理事项
23
需要关注
+
系统可用率
99.98%
运行正常
+
+ +
+
+
+
+
+
+ + + + + + + + +
合作伙伴区域联系人最近更新状态操作
海海岳供应链有限公司PT-20240128
华东周敏今天 10:32正常
晨晨光科技（苏州）PT-20240119
华东王立昨天 16:08正常
南南方精密制造PT-20231207
华南陈希08-03 14:21待审核
远远洲物流服务中心PT-20231122
华北李然08-01 09:45正常
+
显示 1-4 条，共 1,284 条
+
+
+
+
+
+
+
+ + + diff --git a/code/fms/fms-vue/src/App.vue b/code/fms/fms-vue/src/App.vue index 2f0531a0..33928c69 100644 --- a/code/fms/fms-vue/src/App.vue +++ b/code/fms/fms-vue/src/App.vue @@ -2,28 +2,28 @@ import zhCN from "antdv-next/locale/zh_CN"; const themeConfig = { - token: { - controlHeight: 28, - }, - components: { - Splitter: { - splitBarSize: 1, - }, - Button: { - contentFontSize: 13, - paddingInline: 10, - }, - Form: { - labelFontSize: 13, - verticalLabelMargin: "0 0 2px", - itemMarginBottom: 8, - }, - Collapse: { - headerBg: "#ffffff", - contentBg: "#ffffff", - borderlessContentBg: "#ffffff", - }, - }, + // token: { + // controlHeight: 26, + // }, + // components: { + // Splitter: { + // splitBarSize: 1, + // }, + // Button: { + // contentFontSize: 12, + // paddingInline: 10, + // }, + // Form: { + // labelFontSize: 12, + // verticalLabelMargin: "0 0 2px", + // itemMarginBottom: 8, + // }, + // Collapse: { + // headerBg: "#ffffff", + // contentBg: "#ffffff", + // borderlessContentBg: "#ffffff", + // }, + // }, }; const timePickerLocale = { ...zhCN.TimePicker, diff --git a/code/fms/ui-redesign-prototype-v3.html b/code/fms/ui-redesign-prototype-v3.html new file mode 100644 index 00000000..38edfb28 --- /dev/null +++ b/code/fms/ui-redesign-prototype-v3.html @@ -0,0 +1,485 @@ + + +FMS 海运业务管理台 · 概念原型 v3 + +
+ +
+
+
+
+
+ + + diff --git a/code/fms/ui-redesign-prototype.html b/code/fms/ui-redesign-prototype.html new file mode 100644 index 00000000..0f40426d --- /dev/null +++ b/code/fms/ui-redesign-prototype.html @@ -0,0 +1,596 @@ + + + + + +FMS 界面原型 · 工具感精修版 + + + +
+ + + + +
+
+ +
+ + +
林
+
+
+ +
+ + + 2 个标签页 +
+ +
+ +
+ +
+
+ + + + +
+
+ + + +
+ + +
+ 已选 0 条 +
+ +
+ +
+ + +
+ + + + + + + + + + + + + + + + + + +
订舱单号状态提单号委托客户起运 → 目的船名 / 航次ETDETA箱型箱量TEU运费
+
+ +
+ 共 0 条 + 合计 TEU 0 + 合计毛重 0.0 吨 + 数据同步于 08-05 09:20 +
+
+ + + +
+
+
+ + +
+
+
+ + +
+
+
+
+ + + + +