优化
This commit is contained in:
@@ -0,0 +1,59 @@
|
||||
# Admin 全模块样式核对记录
|
||||
|
||||
范围为 `apps/admin-web/src/core/navigation/adminNavigation.ts` 当前可见的 48 个菜单、顶部消息中心的 3 个正式页面,以及它们通过实际路由和组件可达的新增、编辑、详情、审核、文件、删除确认等操作。隐藏原型不恢复;某操作没有正式入口时记录现状,不凭原型补建业务能力。目标不缩减为已改模块。
|
||||
|
||||
统一依据为本轮用户确认、国内订单/客户详情样板及 [高密度界面规范](Admin高密度界面规范.md)。操作不超过 3 个时全部显示,超过 3 个才折叠;折叠按钮只显示省略号图标,保留提示和可访问名称。
|
||||
|
||||
| 导航组 | 可见菜单数 | 当前记录及下一步 |
|
||||
|---|---:|---|
|
||||
| 顶部消息中心(侧栏外) | 3 个页面 | 已补入三个列表、两处详情抽屉、两处编辑弹框及状态确认,见 [消息中心记录](Admin消息中心样式核对记录.md);1981 项全量测试、类型与构建通过,待人工截图 |
|
||||
| 首页数据看板 | 1 | 四项真实指标、刷新与全屏已接入;代码检查通过,待人工截图,见 [首页与系统记录](Admin首页与系统管理样式核对记录.md) |
|
||||
| 客户管理 | 2 | 已有 [客户管理记录](Admin客户管理样式核对记录.md),最终按截图复核 |
|
||||
| 国内仓 | 7 | 已有 [国内仓记录](Admin国内仓样式核对记录.md),最终按截图复核 |
|
||||
| 货柜管理 | 4 | 已有 [货柜管理记录](Admin货柜管理样式核对记录.md),最终按截图复核 |
|
||||
| 海外业务 | 3 | 代码已修正,代码门禁通过,待人工截图,见 [海外业务记录](Admin海外业务样式核对记录.md) |
|
||||
| 海外仓 | 10 | 已有 [海外仓记录](Admin海外仓样式核对记录.md),尾程截图差异及省略号按钮已修正,仍需修正后截图 |
|
||||
| 客户服务 | 2 | 代码已修正,覆盖异常新增/详情、回访/再次回访及资料,见 [客户服务记录](Admin客户服务样式核对记录.md);代码门禁通过,待人工截图 |
|
||||
| 财务管理 | 6 | 代码已修正,覆盖 11 路由、7 个页面文件及 11 处弹框声明;1950 项全量测试、类型与构建通过,待人工截图,见 [财务管理记录](Admin财务管理样式核对记录.md) |
|
||||
| 通用 | 10 | 10 菜单、14 页面代码样式已核对,1957 项全量测试、类型与构建通过,待人工截图,见 [通用资料记录](Admin通用资料样式核对记录.md) |
|
||||
| 系统管理 | 3 | 三页及新增/编辑/配置/启停/删除已核对;菜单权限恢复 720px 居中框,1961 项全量测试、类型与构建通过,待人工截图,见 [首页与系统记录](Admin首页与系统管理样式核对记录.md) |
|
||||
|
||||
“已有记录”不是视觉验收通过。每组必须保留逐操作矩阵、受影响测试/类型/构建证据,以及人工在 1920×1080、100% 缩放下提供的截图结论;缺少截图标记待确认。
|
||||
|
||||
## 共享子弹框复核
|
||||
|
||||
2026-09-14,已补齐订单费用新增/编辑/调整、费用驳回、订单申报编辑和货品申报编辑四处弹框的显式密度入口。保留原尺寸、表单、权限和提交行为,费用行操作按实际权限计数,不超过三个直接显示,超过三个使用纯省略号图标。
|
||||
|
||||
从密度合同声明的 93 个页面/组件入口沿实际 Vue import 检查到 118 个组件,未再发现缺少显式密度入口的弹框;引用检查已纳入维护合同,覆盖静态导入及字面量动态导入。当前左侧生产导航 48 个菜单均对应已登记的页面或组件入口。后续复核发现顶部消息中心未被侧栏清单覆盖,已另行补入三个正式页面及两个组件;原 93 / 118 计数仅为该次补查范围。此项为代码覆盖检查,不代表全部页面的视觉验收。
|
||||
|
||||
四处弹框相关 61 项定向测试、1971 项全量测试、类型检查、构建及 git diff --check 通过。本地 Vite 返回的排车列表、尾程订单列表均已采用纯省略号操作按钮。仍待人工在 1920×1080、100% 缩放下核对修正后的页面及弹框截图。
|
||||
|
||||
## 应用外层确认框
|
||||
|
||||
沿正式路由检查后,顶部消息中心已补齐。登录、首页入口重定向与 403 属于应用外层;不机械套用业务表格密度。应用外层的退出登录、权限变化、关闭页签、离开未保存页面和新版本恢复五处确认均已显式接入公共样式,51 项定向检查通过;取消、权限和草稿保护逻辑未改变。
|
||||
|
||||
| 应用外层操作 | 当前承载与依据 | 调整结论 |
|
||||
|---|---|---|
|
||||
| 退出登录 | AppLayout 现有消息确认框;原型无具体确认容器 | 保留原提示、取消与登出流程,只接入公共确认框样式 |
|
||||
| 权限变化 | AppLayout 现有警告框 | 保留未保存条目说明与关闭失权页签逻辑 |
|
||||
| 关闭页签 | WorkspaceTabs 现有未保存确认框 | 保留继续编辑、放弃并关闭以及后续焦点行为 |
|
||||
| 离开未保存页面 | router/index.ts 的现有路由守卫确认框 | 保留守卫与版本缓存失效逻辑 |
|
||||
| 新版本资源恢复 | main.ts 的现有刷新确认框 | 保留确认后刷新与放弃草稿边界,不触发真实刷新 |
|
||||
|
||||
以上五处仅统一消息框密度,不改变承载方式或内容。原型未定义的保护行为沿用当前实现,人工截图待确认。
|
||||
|
||||
## 人工证据待补
|
||||
|
||||
代码与离线测试不能证明最终 CSS 优先级、溢出、遮挡、缩放或长内容效果。人工按 1920×1080、100% 缩放逐项截图:
|
||||
|
||||
1. 国内订单与尾程订单详情(同一页签)、排车列表(少于/等于三个与超过三个可用操作的记录),复核此前反馈。
|
||||
2. 顶部消息中心的三个列表、消息和模板新增/编辑、任务/消息详情抽屉,确认字段换行、滚动及底部按钮。
|
||||
3. 各模块记录中尚未取得的新增、编辑、审核/确认、文件预览、删除/停用、未保存保护等状态截图,逐操作闭环,不以一张列表图代替详情或弹框。
|
||||
|
||||
在上述证据补齐前,全模块视觉目标保持未完成。不得把已登记组件检查与全量测试通过写成已完成所有页面视觉验收。
|
||||
|
||||
## 本轮最终代码门禁
|
||||
|
||||
最终 253 个文件 / 1982 项全量测试、类型检查、构建和 git diff --check 通过。消息中心 42 项、应用外层 51 项、国内仓确认框 184 项定向检查通过(这些集合存在共享合同重叠,不将其简单相加)。实际引用链覆盖 123 个 Vue 组件的 56 处业务消息框调用,以及应用外层五处确认。原有业务脚本在排除样式导入、customClass 与此前已确认的费用按钮计数函数后保持一致。
|
||||
|
||||
未部署,未向真实账号发送消息,未操作数据库或业务记录。下一步为人工截图核对,不将代码门禁视为全模块视觉验收通过。
|
||||
@@ -14,6 +14,19 @@
|
||||
|
||||
默认值唯一入口为 `src/styles/adminDensityTokens.css`,公共外观唯一入口为 `src/styles/adminDensity.css`;业务 CSS 不重新定义按钮配色或密度默认值。维护合同与后续接入规则见《Admin 高密度界面规范》的“国内仓、客户管理的样式维护边界”。
|
||||
|
||||
## 订单共享子弹框补查矩阵(2026-09-14)
|
||||
|
||||
从订单页实际 import 追踪到以下两个组件,当前仅由 `UnifiedOrdersView.vue` 调用。原有订单页密度根不能覆盖其 Teleport 弹框。依据本轮统一要求补齐显式入口,保持当前业务合同和以下承载,不恢复原型旧字段。矩阵对应实际组件模板及页面调用,而非仅凭原型推断。
|
||||
|
||||
| 组件与操作 | 当前承载 / 尺寸 | 核对结论 |
|
||||
|---|---|---|
|
||||
| `InboundFeeDetailManager.vue` 新增、编辑、已审核费用调整 | 680px 居中框、两列表单 | 保留应收/应付、结算方式、已付字段、凭证、金额及版本;显式接入弹框和表单密度,长备注/凭证整行。 |
|
||||
| 同组件审核、驳回、删除、作废 | 审核为原行内动作;驳回为 AppDialog 默认 560px;删除/作废独立确认框 | 保留权限和状态。待审核最多四个可用操作,超过三个才将删除收起;三项以内全部直显;已审核的调整/作废两项直显。 |
|
||||
| `OrderDeclarationEditorDialog.vue` 订单申报、渠道修改 | 1180px 居中框;渠道变更另有确认框 | 保留四项只读信息、订单级五项表单、原货品表及渠道确认内容;只让弹框正文滚动,去掉内部重复滚动容器。 |
|
||||
| 同组件货品申报编辑 | 980px 居中框、四列 22 项字段 | 保留“应用本项”、字段顺序、长备注跨列及原校验,行内编辑使用共享描边按钮。 |
|
||||
|
||||
上述四处弹框已补齐公共密度入口,61 项定向测试、1971 项全量测试、类型检查、构建和 git diff --check 通过;仍待人工截图确认。保留计费、凭证上传、审核资格、货品项序号、仓库实测和订单版本请求。
|
||||
|
||||
## 2026-09-14 接手复核:订单列表与详情样式失效
|
||||
|
||||
用户在本地订单列表发现按钮回退,并提供详情截图:页签呈浏览器默认按钮,基本信息退回逐项竖排。复核发现 `UnifiedOrdersView.vue` 的列表与详情共用外层缺少 `admin-density`;子项虽已改为公共类,公共选择器和变量却无法生效。已在两种路由共用的页面外层补回入口。
|
||||
@@ -121,3 +134,20 @@
|
||||
所有行内按钮保持 28px 高度,按钮间距 6px;白底无阴影、细边框、6px 圆角。悬停、键盘焦点、处理中和禁用反馈保留。未调整顶部工具栏及弹框操作,未增加参考图中的客户管理功能。通用说明同步到《Admin 高密度界面规范》的“订单列表行内按钮”。
|
||||
|
||||
本次 `pnpm typecheck`、`pnpm test`(247 个文件、1899 项测试)、`pnpm build` 和 `git diff --check` 均通过。未部署;待用户在 1920×1080、100% 缩放下提供本次按钮截图。之前首轮验收截图不作为本次按钮效果通过的证据。
|
||||
|
||||
## 脚本确认框补查(2026-09-14)
|
||||
|
||||
沿已登记组件的实际引用检查发现八处 ElMessageBox 确认未显式接入密度。以下均保留当前确认框承载、原提示和操作逻辑;本次仅补充 customClass。
|
||||
|
||||
| 页面 / 操作 | 当前承载与结论 |
|
||||
|---|---|
|
||||
| 国内托盘删除 | 原有删除确认框;保留危险按钮和占用门禁提示 |
|
||||
| 国内库位启用/停用 | 原有状态确认框;保留不同状态的标题、提示与版本 |
|
||||
| 删除称重图片 | 原有确认框;保留本票库位不会释放说明 |
|
||||
| 测量加载最新版本 | 原有放弃草稿确认框;保留继续编辑 |
|
||||
| 提交测量数据 | 原有提交确认框;不改变校验及提交顺序 |
|
||||
| 关闭未保存测量窗口 | 原有放弃修改确认框;保留取消后停留 |
|
||||
| 订单解除同柜组 | 原有解除确认框;保留原有资格、提示和接口 |
|
||||
| 入库费用作废 | 原有作废确认框;保留费用版本与原因校验 |
|
||||
|
||||
184 项定向检查通过;最终 253 个文件 / 1982 项全量测试、类型检查、构建和 git diff --check 通过。八处确认框均仅补充显式密度入口,提示、权限、版本和提交逻辑未变。人工截图待确认。
|
||||
|
||||
@@ -0,0 +1,24 @@
|
||||
# Admin 客户服务样式核对记录
|
||||
|
||||
范围为导航“客户服务”的异常订单、客户回访两页及其实际可达弹框,源码位于 `apps/admin-web/src/modules/overseas-warehouse/pages/`。与海外仓 10 菜单分开记录。
|
||||
|
||||
| 页面/操作 | 原型证据 | 当前承载 | 本轮修正 |
|
||||
|---|---|---|---|
|
||||
| 异常订单查询/查看 | `prototype-src/modules/04a-customer-service.html` 第 1 行 | `ExceptionOrdersView` 列表与 760px 只读详情框 | 查看采用纯文字描边按钮;详情保留双组描述表与长原因/处理动作,接入弹框密度 |
|
||||
| 新增异常订单 | `prototype-src/overlays.html` 第 1572 行 `modal-dispatch-exception-create`,620px | 760px 居中框,比历史原型增加箱数和 SKU 字段 | 保留现宽度与双列表单,原因跨行,保留关联解析、冲突提示和保存状态 |
|
||||
| 异常处理/删除 | 第 1586 行历史处理框 | 当前列表只有查看,未开放处理/删除入口 | 不恢复历史操作,不将不存在的操作记作通过 |
|
||||
| 客户回访列表与统计 | `04a-customer-service.html` 第 21 行起 | `CustomerVisitsView`,3 个统计卡与单个回访/再次回访按钮 | 统计改紧凑摘要;按权限保留单个纯文字操作,无省略号菜单 |
|
||||
| 回访/再次回访 | `overlays.html` 第 4 行 `modal-customer-followup`,720px | 920px 居中框,增加实际入仓单选择,允许较长反馈和附件 | 保留现宽度;订单上下文改连续描述表,压缩可选入仓单布局,保留选择状态、反馈、备注、保存校验 |
|
||||
| 资料上传/移除 | 同上,原型文件选择与文件列表 | 系统文件选择,回访保存前可移除附件 | 使用可聚焦的原生按钮触发文件选择,附件移除使用纯文字危险按钮,保留文件类型/大小限制与客户作用域 |
|
||||
|
||||
当前模板未提供独立回访详情路由或文件预览入口,不增加新业务能力。业务返回字段、状态机和权限保持现有契约。
|
||||
|
||||
代码修正已完成;修正后所有页面和弹框待人工在 1920×1080、100% 缩放截图确认。
|
||||
|
||||
## 本轮检查结果
|
||||
|
||||
- 全量 251 个测试文件、1,942 项通过;类型检查、生产构建及差异空白检查通过。
|
||||
- 密度合同已纳入本组全部页面和真实 Teleport 弹框,覆盖公共样式独立导入、实际祖先、行内按钮、标签与字号规则。
|
||||
- 本组视觉仍待人工截图确认;代码和组件测试不代表页面视觉验收。
|
||||
|
||||
- 回归覆盖异常新建权限、订单关联与冲突、只读详情、处理人 ID 隐藏、回访必填/客户范围、文件选择按钮和附件上传;入仓单选择及附件语义保持原样。
|
||||
@@ -0,0 +1,32 @@
|
||||
# Admin 海外业务样式核对记录
|
||||
|
||||
## 范围与修改前逐操作核对
|
||||
|
||||
当前三菜单映射到 `apps/admin-web/src/modules/overseas-business/routes.ts` 的 9 个路由、5 个页面文件。原型入口为 `悦/货代SAAS平台后台/prototype-src/modules/07-overseas-business.html`。通用样式按本轮国内订单样板,字段/权限/业务承载以已实现契约和当前用户要求为准。
|
||||
|
||||
| 页面/操作 | 原型证据 | 当前实现 | 本轮修正 |
|
||||
|---|---|---|---|
|
||||
| 采购列表查询、详情、编辑 | `page-overseas-purchase` 第 2 行 | `PurchaseOrdersView`,详情/编辑两个操作 | 公共密度、纯文字描边按钮、左侧操作列,保留查询和分页 |
|
||||
| 采购新增 | 第 14 行明确历史新增模板不可达 | 后台无新增路由/API | 不补建新增能力 |
|
||||
| 采购详情 | `page-overseas-purchase-detail` 第 204 行,商品/库存/订单/快递/操作记录 | `PurchaseOrderDetailView` 独立页面,四组信息与四组业务表 | 返回、编号和状态合并;实际事实摘要;按原顺序连续键值表;取消独立字段卡片式排版 |
|
||||
| 采购审核通过/拒绝 | 原型详情为动态内容;当前已接入服务端审核 | 520px 居中 `reviewDialogOpen`,备注、版本和幂等键 | 保留承载与请求,显式接入弹框密度并展示审核业务对象 |
|
||||
| 签收文件、凭证上传、登记费用 | 当前详情实际上传入口,原型未完整定义 | 系统文件选择、560px 费用弹框 | 保留现有文件生命周期与冻结说明,统一弹框和表单;无预览/删除入口不虚构操作 |
|
||||
| 采购编辑、出库明细添加/删除、保存/取消 | `page-overseas-purchase-edit` 第 143 行,独立页面 | `PurchaseOrderEditView` 三列表单、出库明细行、未保存保护 | 同行返回、业务编号;紧凑分组及表单;保留入库资格、全部字段、三态 PATCH 与未保存保护 |
|
||||
| 本土卡车列表、新增、编辑 | 第 58/83/332 行 | `TransportOrdersView domain=truck`、`TransportOrderFormView` 独立页面;原型 760px,现实现 900px 表单 | 保留新增/编辑承载;同一白底表单区域、统一控件和行内编辑按钮,按字段组保留两/四/五列布局 |
|
||||
| 本土散板列表、新增、编辑 | 第 222/247/390 行 | 上述共享页的 `domain=looseboard` 模式 | 同上,同时保留散板方式、是否打盘与权限状态差异 |
|
||||
| 卡车/散板详情、资料、删除 | 卡车原型第 313 行存在详情,当前正式路由与列表只开放新增/编辑 | 无对应只读详情/资料上传/删除入口 | 记录当前可达范围,不恢复历史功能,不将其标记为已验收 |
|
||||
|
||||
共同问题:5 页均未显式接入公共密度样式;详情/表单头部返回靠右、重复标题/编号标签,编号缺失时回退路由参数;旧局部字号/大间距与公共规则冲突。本轮按实际字段重排,业务请求与权限不改。
|
||||
|
||||
## 验证
|
||||
|
||||
代码修正已完成;所有页面及弹框的修正后视觉效果待人工截图确认。
|
||||
|
||||
## 本轮检查结果
|
||||
|
||||
- 全量 251 个测试文件、1,942 项通过;类型检查、生产构建及差异空白检查通过。
|
||||
- 密度合同已纳入本组全部页面和真实 Teleport 弹框,覆盖公共样式独立导入、实际祖先、行内按钮、标签与字号规则。
|
||||
- 本组视觉仍待人工截图确认;代码和组件测试不代表页面视觉验收。
|
||||
|
||||
- 采购/卡车/散板编辑区域均限制在 1120px 连续白底区域,标题和表单同宽;采购出库明细保留独立行、完整输入和删除操作。该宽度属于本组业务布局,不改变全局页面宽度。
|
||||
- 组件回归覆盖采购 23 个信息字段/4 个业务分组/4 个长字段跨列,以及凭证选择、上传、登记费用、审核后按钮隐藏;原有分页、409 输入保留、幂等重试和卡车/散板状态限制全部通过。
|
||||
@@ -0,0 +1,18 @@
|
||||
# Admin 消息中心样式核对记录
|
||||
|
||||
范围为顶部消息中心实际注册的三个页面及其现有操作。入口由 `apps/admin-web/src/app/layouts/AppLayout.vue:181` 和 `src/modules/notifications/routes.ts` 证明,不计入左侧 48 个菜单。采用当前用户确认的国内订单样板与公共密度规范。
|
||||
|
||||
| 页面 | 操作 | 原型依据 / 承载 | 当前实现与调整结论 |
|
||||
|---|---|---|---|
|
||||
| 我的消息 | 查询、查看、标为已读、全部已读 | `prototype-src/modules/11-system-messages.html:283` 的 `page-msg-my`;详情容器未定义 | 保留正式列表及 680px 详情抽屉;列表按钮、抽屉字号和正文间距接入公共密度,不改变打开未读消息时的标记逻辑 |
|
||||
| 消息管理 | 列表、查看 | 同文件 260 行 `page-msg-manage`;原型仅给详情按钮 | 保留正式列表及现有 820px 任务详情抽屉;六项摘要改连续两列键值表,保留收件人表和失败原因 |
|
||||
| 消息管理 | 新建、立即/定时发送 | `prototype-src/overlays.html:354` 的 `modal-msg-create`,680px 居中弹框 | 保留宽度、两列表单、整行模板变量及定时选项;独立浮层显式接入密度 |
|
||||
| 消息管理 | 取消、重试 | 原型未定义;现有确认框及权限、状态限定 | 保留确认和 API;取消为危险色、重试为普通描边,不增加操作入口 |
|
||||
| 模板管理 | 列表、激活、禁用 | `prototype-src/modules/11-system-messages.html:272` 的 `page-msg-template`;状态确认原型未定义 | 保留现有状态门禁及确认;激活为成功色、禁用为危险色 |
|
||||
| 模板管理 | 新增、编辑、变量插入、预览 | `prototype-src/overlays.html:367` 的 `modal-msg-template-create`,760px 居中弹框;编辑复用现有容器 | 保留两列基本字段和整行正文、变量、预览;统一表单间距与浮层密度 |
|
||||
|
||||
现有 `notifications/PROTOTYPE_MATRIX.md` 中“我的消息未注册”和“无任务详情”与当前正式路由、顶部入口及 `getTask` 实现不符。本次按实际入口核对样式,不移除已存在功能,不新增发送渠道、草稿或导出能力。各行最多两个可用操作,全部直接展示,不引入更多菜单。
|
||||
|
||||
本次只调整样式,消息发送、标记已读、模板写入、取消与重试均仅使用离线 Mock 验证,不向真实账号发送消息。42 项定向检查、253 个文件 / 1981 项全量测试、类型检查、构建和 git diff --check 均通过;本地 Vite 五个组件资源均返回 200。三个列表、两处抽屉、两处编辑弹框及状态确认均待人工在 1920×1080、100% 缩放下截图确认。
|
||||
|
||||
对五个组件的脚本 AST 与修改前比较,排除样式导入和确认框 customClass 后相同。新增原生 Element Plus 挂载用例核对了按权限查看/已读、任务与模板状态操作、两处详情抽屉、模板不可变编码/变量预览/版本及定时发送表单。实际字段校验、消息发送及服务端结果仍由人工业务验收补充。
|
||||
@@ -0,0 +1,43 @@
|
||||
# Admin 财务管理样式核对记录
|
||||
|
||||
范围为当前财务导航 6 个菜单、11 个正式路由及其实际可达操作。入口为 `apps/admin-web/src/modules/finance/routes.ts`,5 个主体页面与应收/应付两个路由封装。依据本轮全模块统一样式要求、国内订单样板和财务最近指引;历史原型的旧钱包/台账边界不覆盖当前已接入业务。
|
||||
|
||||
## 修改前逐操作矩阵
|
||||
|
||||
原型目录为 `docs/悦/货代SAAS平台后台/prototype-src/`;页面在 `modules/08-finance.html`,浮层在 `overlays.html`。尺寸列记录当前实现;本轮保留业务弹框宽度及版本、权限、幂等和金额口径。
|
||||
|
||||
| 页面/操作 | 原型或当前事实 | 当前承载/本轮调整 |
|
||||
|---|---|---|
|
||||
| 客户账户列表、详情、账期 | `page-customer-account` 637 行、详情 645 行;`FinanceCustomerAccountsView` | 列表/独立详情/详情内账期编辑;返回与客户同行,账户实际余额、冻结、授信等全部口径保留为紧凑摘要 |
|
||||
| 手工充值、手工扣款 | 当前 `adjustmentOpen`,与最近 Finance 指引一致 | 720px 弹框;保留类型、金额、付款方式、流水号、原因、账户版本及幂等键 |
|
||||
| 授信维护 | 当前 `creditLimitOpen` | 560px 弹框;保留到期日、额度下限与校验 |
|
||||
| 充值申请审核/驳回 | `modal-customer-recharge-review` 1807 行,当前 `reviewOpen` | 620px 弹框;保留申请描述表、凭证和审核原因 |
|
||||
| 充值凭证预览 | 当前 `voucherPreviewOpen` | 920px 图片预览,保留图片尺寸和清理,不压成普通表单 |
|
||||
| 账户流水查询/导出 | 当前详情 `ledger-query` 和 `exportLedger` | 独立筛选与服务端流水表保留,统一行高和工具栏 |
|
||||
| 客户应收应付列表/费用详情 | `page-customer-arap` 661 行、详情 798 行;`FinanceCustomerArapView` | 独立详情、来源金额摘要、单据与结算信息;统一标题、描述表和日志 |
|
||||
| 来源编辑、提交、审核/驳回、调整、作废 | 当前 `mutationOpen` 与 `reviewOpen` | 默认居中框;上游来源只读、整组分摊、状态及权限条件不变,按实际可见操作数量折叠 |
|
||||
| 应收款统计查询/打印/导出 | `page-finance-ar-detail-report` 761 行;`FinanceReceivableStatisticsView` | 真实按月 CNY 汇总;摘要压缩,打印保持既有规则和异步 Excel 导出 |
|
||||
| 对账单列表/详情 | `page-customer-recon-stmt` 822 行;`FinanceCustomerStatementsView` | 独立详情;去重复页头,保留客户/期间与 20 项概要、两个页签及全部版本记录 |
|
||||
| 生成对账单 | 当前 `createOpen` | 680px 弹框,保留费用候选、已选总额与账期 |
|
||||
| 提交、通过、驳回、出账、作废、重开 | 当前 `performAction` | 保留权限/状态条件和原因确认,操作不超过 3 个全部直显;超过 3 个才显示省略号 |
|
||||
| 对账单调整 | 当前 `adjustOpen` | 900px 弹框,保留来源明细及金额计算 |
|
||||
| 应收/应付列表与详情 | `page-settlement-ar` 940 行、`page-settlement-ap` 995 行、详情 1073 行;`FinanceFormalSettlementPage` 两模式 | 返回、结算单号和状态同行,删除路由 ID 文案回退;四项金额/日期摘要与描述表保留全部字段 |
|
||||
| 生成应收/应付结算单 | 当前 `createOpen` | 600px 弹框,保留各自候选和方向约束 |
|
||||
| 部分收款、部分付款 | 当前 `receiptOpen`/`paymentOpen` | 各 760px 弹框;保留部分核销摘要、凭证上传、剩余金额预览及保存限制 |
|
||||
| 结算单作废/重开、导出 | 当前 `performAction`/`exportDetail` | 原因确认与导出沿用原流程,接入公共确认框样式 |
|
||||
|
||||
`CustomerStatementsPanel` 虽作为 Finance 公开组件存在,但当前六菜单路由没有引用;不能凭文件存在恢复旧抽屉入口。若后续模块沿实际引用命中,另行纳入其操作范围。
|
||||
|
||||
## 检查
|
||||
|
||||
本轮代码核对覆盖上述 6 菜单 / 11 路由。5 个主体页面显式接入公共密度样式,财务局部布局位于 `src/modules/finance/financeDensity.css`;应收/应付两个路由封装移除旧的 `tbody` 网格覆盖,由共享详情描述表统一排版。
|
||||
|
||||
- 客户账户、费用来源、对账单、应收/应付详情统一返回、业务标题与状态;金额摘要使用公共紧凑布局,对账单保留 20 个概要字段与两个页签。
|
||||
- 11 处弹框声明及各自版本、权限、金额、凭证处理保留;操作原因框和导出提示框显式接入样式。导出公共辅助函数增加可选 `dense` 参数,未接入消费者保持原样。
|
||||
- 账户仅有详情/账期时直接显示两个按钮;有充扣及授信权限时才折叠。费用来源草稿有 4 个动作时折叠作废,3 个及以下全部显示;通过真实组件测试验证省略号无文字且菜单里的作废仍能打开原确认流程。
|
||||
- 收款/付款由结算方向与权限互斥,最多 3 个行内操作;应收款统计打印/导出归入表格工具栏,打印时隐藏工具栏。
|
||||
- 清除页面内重复密度外观及空 CSS 选择器;公共维护合同纳入财务 5 个页面和模块 CSS,并增加空选择器检查。
|
||||
|
||||
2026-09-14 检查结果:财务、公共密度和导出提示定向测试 183 项通过;全量 `pnpm test --maxWorkers=4` 为 251 个文件、1950 项通过;`pnpm typecheck`、`pnpm build`、`git diff --check` 通过。新增/编辑、审核、上传、部分核销、金额守恒及导出行为沿用原有财务测试,未删除这些业务断言。
|
||||
|
||||
代码检查与财务行为测试不等同于视觉验收;所有本轮修改后的页面和弹框仍待人工在 1920×1080、100% 缩放下截图确认。
|
||||
@@ -0,0 +1,58 @@
|
||||
# Admin 通用资料样式核对记录
|
||||
|
||||
范围为 `adminNavigation.ts` 的通用组 10 个可见菜单,沿正式路由定位到 14 个页面。10 个菜单的 14 个页面已完成代码样式核对;全部修改后页面尚待人工截图确认。隐藏产品信息、税率和旧库位页面不恢复。
|
||||
|
||||
原型目录为 `docs/悦/货代SAAS平台后台/prototype-src/`。列表操作依据当前用户确认:不超过 3 个全部显示,超过 3 个才折叠,折叠入口只显示省略号。新增、编辑、详情、文件和确认逐项检查,不能从某一弹框推断其他操作。
|
||||
|
||||
| 菜单 | 正式页面入口(`apps/admin-web/src/modules/` 下) | 原型入口 | 已定位操作 / 下一步 |
|
||||
|---|---|---|---|
|
||||
| 供应商列表 | `suppliers/pages/SuppliersView.vue`、`SupplierDetailView.vue`、`SupplierFormView.vue` | `05-suppliers.html`:列表 34 行、编辑 108 行 | 独立新增/编辑/详情;实际引用 `components/SupplierLicenseDialog.vue` 560px;核对返回、资质信息与操作权限 |
|
||||
| 快递公司 | `master-data/express-companies/pages/ExpressCompaniesView.vue` | `05-suppliers.html`:2 行 | 批量导入、580px 编辑抽屉;原型静态列表仅列出新增/导入/导出,具体表单原型未定义,保留当前承载 |
|
||||
| 往来单位 | `master-data/counterparties/pages/PartnersView.vue` | `05-suppliers.html`:8 行 | 680px 编辑/详情抽屉、批量导入;详情、编辑、启停均已显式接入,保留真实权限 |
|
||||
| 费用项目 | `fee-items/pages/FeeItemsView.vue` | `10-general.html`:8 行 | 620px 编辑抽屉;启停与删除分别使用确认框;核对表单分组和危险操作 |
|
||||
| 汇率管理 | `overseas-master-data/pages/ExchangeRatesView.vue` | `10-general.html`:21 行 | 560px 月度汇率新增/编辑框,保留月份和汇率校验 |
|
||||
| 仓库管理 | `warehouses/pages/WarehousesView.vue` | `10-general.html`:44、51、58、65 行 | 多类仓库列表;650px 新增/编辑框、760px 导入框,无独立详情入口;保留仓库类型、版本、导入文件和状态操作 |
|
||||
| 海外仓报价 | `overseas-master-data/pages/OverseasQuotesView.vue` | `10-general.html`:167 行 | 980px 详情、1180px 新增/编辑框;保留报价与计费字段 |
|
||||
| 船期价格表 | `fba-pricing/carrier-rates/pages/CarrierRatesView.vue`、`CarrierRateDetailView.vue` | `10-general.html`:273 行;当前价格簿接口与应用指引优先 | 560px 上传框、独立版本详情、仓库映射/确认;价格行只读,不恢复旧原型手工计价能力 |
|
||||
| 车辆列表 | `overseas-master-data/pages/VehiclesView.vue`、`VehicleDetailView.vue` | `10-general.html`:314、442 行 | 760px 新增/编辑、480px 状态变更、独立详情;核对关联派送及更换记录 |
|
||||
| 下载中心 | `downloads/pages/DownloadCenterView.vue` | `10-general.html`:228 行 | 720px 任务详情框、下载与重试;保留任务状态/退避/文件权限 |
|
||||
|
||||
共享批量导入组件与供应商资质组件须沿实际调用逐项检查是否能显式接入密度样式。不能仅在父页面增加类名就声称 Teleport 弹框已覆盖。
|
||||
|
||||
本轮先实施供应商、汇率、海外仓报价、车辆四个菜单(7 个页面及供应商资质组件)。供应商新增/编辑/详情继续独立路由;资质 560px、汇率 560px、报价详情 980px/编辑 1180px、车辆编辑 760px/状态 480px 保留承载和宽度,车辆详情继续独立页面。海外资料操作证据补充见应用内 `overseas-master-data/PROTOTYPE_MATRIX.md`:`modal-gen-overseas-quote-detail`、`modal-gen-overseas-quote`、`modal-exchange-rate-edit`、`modal-vehicle-edit`。供应商资质来自 `overlays.html:660`,保留其证照版式。供应商分类数量合并到同一组彩色页签,保留四类数量与筛选事件;连续详情使用公共页头与字段网格,列表行内操作均不超过三个,全部直显。状态和停用确认只接入外观,保留原权限、版本与请求。
|
||||
|
||||
所有修改后页面仍需人工在 1920×1080、100% 缩放下提供截图核对。
|
||||
|
||||
## 其余六菜单逐操作核对
|
||||
|
||||
- 快递公司:编辑、启停最多两项直显;580px 编辑抽屉和共享批量导入 720px。原型未定义的具体编辑承载按当前实现保留,不擅自改为独立页。
|
||||
- 往来单位:详情、编辑、启停最多三项直显;680px 详情/编辑抽屉和共享批量导入 720px。
|
||||
- 费用项目:编辑、启停、删除最多三项直显;620px 编辑抽屉,启停和删除各有确认框。
|
||||
- 仓库管理:编辑、启停最多两项直显;650px 编辑和 760px 导入框。不要把 `AppDialog` 内表单误认为独立页面。
|
||||
- 船期价格表:列表详情、原文件、待确认版本作废最多三项直显;560px 上传框;独立详情页头保留下载与确认生效操作,不按列表行内按钮压缩。
|
||||
- 下载中心:详情、成功后下载、符合条件时重试;详情 720px 弹框,按状态保留后端重试资格。
|
||||
|
||||
共享 `BatchImportDialog.vue` 保持单一 `el-dialog` 为根;挂载测试已验证父传 class 实际到达 Teleport 根。组件直接引用密度变量并保留未接入时的默认值,无需新增参数。
|
||||
|
||||
## 已实施四菜单的检查结果
|
||||
|
||||
2026-09-14:7 个页面和供应商资质组件显式接入公共密度。供应商分类数量并入彩色页签;汇率四项摘要保留为紧凑一行;三个独立详情/表单页使用公共 `density-detail-layout`、同行返回与业务标题,供应商路由关闭重复页头。报价详情采用两组连续键值表,供应商及车辆长字段跨列;车辆标题不再回退内部 ID,筛选、列表、表单与详情统一使用原中文状态名称。
|
||||
|
||||
- 原字段及作业入口保留:供应商表单 14 项、报价表单 8 项及两组 10 个表格列、车辆表单 10 项、汇率表单 3 项;供应商详情 12 项、车辆详情 11 项。已有资质版式和六个弹框的宽度、关闭与提交逻辑保留。
|
||||
- 定向测试 60 项通过,包含长供应商名称/地址、返回目标、车辆详情失败不展示内部 ID、最多三个操作直接显示;原有版本冲突、长 ID、汇率精度和失败保留表单测试继续通过。
|
||||
- 全量测试 251 个文件、1956 项通过。随后仅统一车辆状态中文名称,再次运行上述 60 项定向检查和 `pnpm build`(含类型检查),均通过;`git diff --check` 通过。
|
||||
- 本地 5173 开发服务返回这 7 个页面的已编译密度代码,HTTP 均为 200。该检查证明正在提供新代码,不代替真实页面视觉验收。
|
||||
|
||||
四菜单均待人工在 1920×1080、100% 缩放下核对修改后截图。
|
||||
|
||||
## 其余六菜单的检查结果
|
||||
|
||||
2026-09-14:七个页面和共享批量导入组件完成显式密度接入。列表操作使用白底描边纯文字,最多三项全部直显;抽屉根同时接入页面密度和抽屉密度,弹框根显式接入对话框密度。公共 FormSection 样式覆盖独立浮层,修正只依赖父页面造成的样式遗漏。仓库新增菜单的浮层间距限定在自身,不再覆盖其他菜单。
|
||||
|
||||
- 维持前表逐操作承载与尺寸。往来单位详情和下载详情采用两组连续键值网格,长地址、备注与文件跨列;船期价格详情使用同行返回、版本号、状态及主要操作,摘要保留报价范围和上传时间,正文为连续白底。渠道页签使用公共彩色图标,预览表保留在页签正文外,价格行继续只读。
|
||||
- 七页脚本语法树比对(排除样式导入、已移除装饰图标与确认框外观参数)及所有表单绑定比对均一致,原业务处理、权限、版本、仓库映射、导入预检与下载重试逻辑保留。
|
||||
- 定向检查 94 项通过,包含排车六组权限下的操作数量、往来单位详情浮层、下载详情 11 个字段、批量导入普通/密度模式及成功提交;类型检查通过。
|
||||
- 全量测试 251 个文件、1957 项通过;构建(含类型检查)和差异空白检查通过。
|
||||
- 本地 5173 返回这七页及排车列表的新密度代码,HTTP 均为 200。排车列表已是纯省略号入口;代码与开发服务验证不能代替页面截图。
|
||||
|
||||
通用 10 菜单代码检查完成,全部待人工在 1920×1080、100% 缩放下核对修改后截图。首页、系统管理另行继续。
|
||||
@@ -0,0 +1,28 @@
|
||||
# Admin 首页与系统管理样式核对记录
|
||||
|
||||
范围为导航首页 1 个菜单及系统管理 3 个菜单,沿正式路由进入四个页面。依据当前确认的高密度样板,保留权限、状态、请求和真实字段。四页代码样式及直接交互检查已完成;全部页面待人工在 1920×1080、100% 缩放下提供修改后截图。
|
||||
|
||||
原型目录:`docs/悦/货代SAAS平台后台/prototype-src/`。页面入口相对 `apps/admin-web/src/modules/`。
|
||||
|
||||
| 页面 | 操作 | 原型证据 | 当前实现与结论 |
|
||||
|---|---|---|---|
|
||||
| `dashboard/pages/DashboardView.vue` | 指标、刷新、全屏 | `modules/00-dashboard.html:2`,全屏按钮 7 行、指标 10 行起 | 保留当前四项真实指标、统计口径、部分失败和更新时间;合并为连续信息区,保留原生全屏。无新增、编辑、详情、删除入口,不恢复静态图表、营收和待办演示。 |
|
||||
| `iam/pages/InternalUsersView.vue` | 新增、编辑、密码重置 | `modules/11-system-messages.html:2`;`overlays.html:545` 新增 650px,682 行编辑 650px | 保留 650px 居中框及两列表单;密码重置仍在编辑框内,保留独立权限、校验、受保护账号和海外 PDA 仓库绑定。 |
|
||||
| 用户管理 | 启停 | 当前列表 `toggleStatus` | 两项以内全部直显;保留独立确认框、当前登录用户及系统管理员禁用限制。无独立详情或文件入口。 |
|
||||
| `iam/pages/RolesView.vue` | 新增、配置角色及权限 | `modules/11-system-messages.html:7`;`app.js:5035` 的 `showRoleEdit` 打开模态框 | 保留当前 860px 居中框及左右基础信息/权限树;半选、恢复已选、菜单分组和授予权限独立控制。原型旧数据范围和字段授权不恢复。 |
|
||||
| 角色权限 | 启停、删除 | 当前 `toggleStatus`、`removeRole` | 三项以内全部直显;启停和删除分别保留确认,内置角色、已关联用户及加载门禁不变。无独立详情、文件入口。 |
|
||||
| `iam/pages/PermissionsView.vue` | 新增、添加下级、编辑 | `modules/11-system-messages.html:62` 的 `modal-sys-menu-permission`,720px 居中框;`app.js:5235` | 已由 600px 非模态抽屉修正为 720px 居中框,保留当前资源字段与可编辑性、上级候选、保存和未保存登记。 |
|
||||
| 菜单权限 | 启停、删除、展开/收起 | 原型同文件 54 行树操作;当前 `permissionActionCount` / `showDeleteMore` | 保留树展开/收起与层级;按实际权限超过三项才折叠,省略号图标独显、下拉项纯文字;受保护资源不可修改,删除资格和确认保留。无独立详情或文件入口。 |
|
||||
|
||||
公共密度样式通过四页显式导入,所有模态框及消息确认框在自身浮层根接入;不向未声明页面扩散。此处矩阵记录实现范围,不代表视觉验收通过。
|
||||
|
||||
## 代码检查结果
|
||||
|
||||
2026-09-14:四个页面及 IAM 局部布局样式完成接入,列表按钮沿用公共纯文字描边与语义色;菜单权限最多三项直显、第四项进纯省略号菜单,保留原权限及内置资源门禁。角色权限树保持半选与已保存授权恢复,长名称及权限编码可换行,无授权配置权限时基础表单使用完整宽度。首页四项指标使用连续键值信息区,刷新及全屏使用普通工具栏按钮;不增加未接通的演示数据。
|
||||
|
||||
- 93 项定向检查通过,覆盖用户/PDA 仓库绑定、角色权限树、菜单权限数量及保护、居中框真实挂载、新增/编辑保存失败保留表单、首页部分失败刷新和进出全屏。菜单权限弹框测试明确模拟表单校验成功/失败结果,避免 Vitest 外部加载 Element Plus 时的 CJS 校验库互操作差异;不声称该测试替代真实浏览器校验。
|
||||
- 四页脚本语法树及表单绑定与修改前一致(排除样式/组件导入、确认框外观参数及已移除的首页装饰色字段),权限、保存、校验规则和统计口径未变。
|
||||
- 全量测试 252 个文件、1961 项通过;类型检查、构建与差异空白检查通过。
|
||||
- 本地 5173 的四页源码编译请求均为 200,并返回密度样式入口;该证据只证明开发服务提供了当前代码。
|
||||
|
||||
此批无剩余代码检查失败;修改后视觉仍待人工截图。全模块沿组件引用继续复核,不能由四页通过推断其他共享子弹框全部通过。
|
||||
@@ -183,10 +183,13 @@
|
||||
| 常用间距、圆角、普通数据区底色 | `--admin-space-*`、`--admin-radius`、`--admin-surface` 等 | 业务布局引用变量;不可在页面重定义变量默认值 |
|
||||
| 描边按钮外观、悬停/禁用/焦点状态 | `adminDensity.css` 的 `.density-action` | 只选择 `data-tone` 与业务事件 |
|
||||
| 详情返回导航 | `.density-back` | 使用 `link`,保留返回事件和可访问名称;客户管理按纯文字约定保留返回文字 |
|
||||
| 详情页头与业务摘要 | `.density-detail-header` / `.density-detail-heading` / `.density-detail-title` / `.density-detail-overview` | 与国内订单样板共用排版;页面提供实际业务编号、状态及摘要,不复制标题字号和摘要间距 |
|
||||
| 连续白底独立详情容器 | `DetailPageLayout` 上的 `.density-detail-layout` | 显式接入统一页头分隔线、正文间距与零区块间隙;正文去掉重复面板,业务仅保留列数和长字段跨列 |
|
||||
| 详情页签及彩色图标 | `.density-tabs`、`.density-tab-icon` | 保留标签、键盘事件和激活态;只配置业务内容 |
|
||||
| 现有 Element 详情页签 | `.density-element-tabs` | 保留 `el-tabs` 的键盘处理、权限条件与切换事件,标签复用彩色图标 |
|
||||
| 现有原生资料表、状态历史表 | `.density-table` | 保留字段、记录排序、业务列宽和固定操作列;不另写行高、边线和表头底色 |
|
||||
| 分组页面与弹框表单 | `.density-form` | 显式接入统一标签字号和字段间距,模块只维护列数、跨列及字段顺序 |
|
||||
| 既有 FormSection 分组 | `.density-form-section` | 在 `FormSection` 上显式添加,复用公共标题字号和分组间距,保留业务标题与分组顺序 |
|
||||
| Element 描述表 | `.density-descriptions` | 页面显式接入统一标签/内容字号与行高;保留原字段及列数 |
|
||||
| 连续信息表边框、标签底色、文字与内边距 | `.density-fields` | 只配置列数、跨列、字段顺序;特殊标签宽度使用局部 `--admin-field-label-width` |
|
||||
| 弹框/抽屉标题、正文滚动、底部间距 | `.admin-density-dialog` / `.admin-density-drawer` | 容器显式接入,保留该业务已确认宽度与作业高度 |
|
||||
|
||||
Reference in New Issue
Block a user