diff --git a/Admin货柜管理样式核对记录.md b/Admin货柜管理样式核对记录.md index 72bb197..1009be2 100644 --- a/Admin货柜管理样式核对记录.md +++ b/Admin货柜管理样式核对记录.md @@ -1,5 +1,17 @@ # Admin 货柜管理样式核对记录 +## 浮层隔离与附件布局复查（2026-10-21） + +本轮由用户反馈“推广后弹框混乱、不好用”触发，保留原承载与业务规则；不因定向测试通过关闭人工验收。 + +| 入口 / 操作 | 代码定位与问题 | 已修范围 | 人工待验 | +|---|---|---|---| +| 船期详情 → 人工补录节点 | `CarrierScheduleQueryPanel` 的子 AppDialog 原留在父框 DOM 内 | 子框显式挂到 body，保留原宽度、权限和提交 | 普通／全屏、长内容、错误重试、取消重开和父框独立状态 | +| 拖车预约 → 附件 | `TruckAttachmentDialog` 文件选择区无收缩边界 | 文件区可收缩、长文件名换行，上传／删除按钮不被挤压 | 长文件名、上传失败、全屏与重开 | +| 货柜／预装清单 → 新增模拟柜 | `ContainerSimulationCreate` 位于 DataTable 工具栏插槽，子框仍是工具栏 DOM 后代 | 显式挂到 body；工具栏公共样式另由公共唯一写者限制作用域 | 两入口普通／全屏、底部按钮尺寸、取消重开与创建失败 | + +首两项定向9文件92项通过。模拟柜问题先经真实 DataTable + Element 挂载复现，第二轮修复及最终集成检查尚待收尾，不能沿用首轮结果。公共框架、独立主题根及工具栏选择器隔离规则统一见[风格参考](界面参考/蓝白卡片式工作台风格参考.md#弹框与抽屉的布局边界)。 + ## 智能装柜跨客户加入与箱数对齐（2026-10-20） ### 智能装柜嵌套弹框回归（2026-10-21） diff --git a/独立任务协作登记.md b/独立任务协作登记.md index 973fd07..e03fcc7 100644 --- a/独立任务协作登记.md +++ b/独立任务协作登记.md @@ -46,6 +46,10 @@ 2026-10-21 本轮五组派工已逐一发送成功，并已核对五个新回合全部 active/inProgress，修复结果尚待回报；先前检查结果不作为本轮完成证明。总控独立只读复核发现 AppDialog 默认并非必然 Teleport，智能装柜内部分配弹框可真实嵌套，公共后代部位选择器存在穿透风险；已分别交公共唯一写者与国内业务组核实并最小修复。workspace 的92vh和独立compact卡14px应保留，不因排查一律清零或压缩。 +2026-10-21 第一轮五组已交付，各组定向检查分别116、92、256、123、257项通过（存在范围重叠，不相加为总覆盖数）。总控继续第二轮：公共组处理工具栏后代按钮规则穿透浮层，并获 `DataTable.vue` 与直接测试的唯一附加写权；货柜组处理 `ContainerSimulationCreate` 的工具栏内浮层挂载。其余三组只读交叉审查公共、海外预约、客户通知改动，业务源码冻结。货柜共同核对记录由总控合并，避免两组并写。 + +第一轮41文件已由另一个用户任务提交为 Admin `0a1968a1`，基线为 `2f9a3330`，该提交不等于本轮最终验收。其完整回归运行期间不启动重复全量；第二轮输入变化后，根以最终源码快照决定必要重验。公共规范新增浮层隔离、单一正文滚动、底部操作与长错误占位约束；用户人工截图仍未收到，本批实际页面可用性不能宣告验收完成。 + 当前授权为本地实施与检查，执行任务不推送、不部署、不执行 SQL 或真实业务写入，不打开浏览器；样板已发布不等于全 Admin 已发布或已完成人工验收。检查统一走 `local-check.ps1` 两槽入口，执行任务只运行必要定向检查，稳定后由总控统一全量检查；截图由用户提供。各执行任务在自身对话交付文件清单、覆盖范围、检查结果和未验项，总控读取结果，不由派工消息额外授予互发消息权限。当前阶段：三个执行任务的模块展示改造及总控公共样式、首页登录、外壳已完成集成；已核对113条正式业务路由、99个页面入口及实际复用组件。随后按用户截图统一12px页边距、移除整页外框、合并同级列表页签与按钮、收紧顶部和筛选区、消除订单嵌入审核重复内距，并修复折叠菜单横向溢出。最终经共享门禁完成464个测试文件／4204项全通过，类型检查与生产构建通过，验证窗口1114份源码摘要一致；证据留在 Admin 本地忽略目录 `.logs/admin-workbench-rollout-20261020/`。公共规范和各域既有矩阵已更新，仍待用户1920×1080、100%截图确认；本批未推送、未部署。 总控随后只读核对预约专项已交付并 idle，原排车前端专项当前只做 driver 来源与账本只读预审；因此将之前保护的预约、排车、自有／外配及关联车次页面的展示写权交回本批海外组。保留其业务差异及 API，逐文件修改前核对无内容漂移；出现新的活动 UI 写者则暂停该文件。此记录不接管上述专项的业务、环境或验收职责。 diff --git a/界面参考/蓝白卡片式工作台风格参考.md b/界面参考/蓝白卡片式工作台风格参考.md index a6bbb65..70190da 100644 --- a/界面参考/蓝白卡片式工作台风格参考.md +++ b/界面参考/蓝白卡片式工作台风格参考.md @@ -28,6 +28,7 @@ | Canvas 图表字体、颜色、坐标网格与提示框主题 | [`adminWorkbenchChartTheme.ts`](../../apps/admin-web/src/styles/adminWorkbenchChartTheme.ts) | | 显式接入范围、变量归属、公共类与浮层作用域合同 | [`adminWorkbench.test.ts`](../../apps/admin-web/src/styles/adminWorkbench.test.ts) | | 原有表格、控件和弹窗密度 | [`adminDensityTokens.css`](../../apps/admin-web/src/styles/adminDensityTokens.css)、[`adminDensity.css`](../../apps/admin-web/src/styles/adminDensity.css) | +| 弹框与抽屉的标题、正文滚动和底部操作 | [`AppDialog.vue`](../../apps/admin-web/src/shared/components/AppDialog.vue)、[`AppDrawer.vue`](../../apps/admin-web/src/shared/components/AppDrawer.vue)；真实 Element 挂载回归见 [`AppDialog.layout.test.ts`](../../apps/admin-web/src/shared/components/AppDialog.layout.test.ts) | 以下列出样板的主要取值，便于理解效果；代码以对应令牌为准，修改数值只改唯一实现入口，不在页面重新声明默认值。 @@ -127,6 +128,18 @@ DataTable 的属性透传目标是内部表格，不能只把 `workbench-table` 业务页只保留列数、排列、业务宽度与高度；接入公共类后删除被接管的私有配色、边框和标题外观，不能保留两套 CSS 再叠加优先级或 `!important`。共享组件应明确接入模式并核对实际调用者，避免影响尚未推广的页面。 +### 弹框与抽屉的布局边界 + +新增、编辑先参考公共 `AppDialog`／`AppDrawer`，表单字段排列仍参考本业务已确认的样板。客户新增／编辑使用三列短字段，地址、备注和长内容跨列；小型确认框保留原宽度。智能装柜等工作台保留原有宽版和 92vh 高度，不把所有浮层压成同一尺寸。 + +- 标题、正文和页脚样式只匹配当前浮层的直接子节点；业务页的 `:deep` 规则也必须限定自身，不能通过任意后代选择器影响子弹框。 +- 不假设 `AppDialog` 默认一定挂到 body。嵌在另一个弹框、工具栏或有裁切的容器中的独立浮层，应明确设置 `append-to-body`，并把主题类放到实际浮层根。核对关闭、重开、全屏和取消仅影响对应窗口。 +- 标题与底部操作不随长正文滚走，正文使用单一纵向滚动区；真实宽表可在自己的区域横向滚动。不要通过整框 `overflow: hidden`、固定短高度或隐藏按钮解决溢出。 +- 底部多按钮可换行且保持间距；已有复合底栏（统计、分页、提交等）保留自身布局，不强制改成一排普通按钮。工具栏的紧凑按钮尺寸不得传入浮层。 +- 长校验错误应占据正常布局空间，不能遮住下一行；长文件名允许换行，文件选择、上传和删除按钮保持可用宽度。必填标识、字段标签、错误和提交反馈不为清爽而删除。 + +公共选择器修复至少覆盖真实 Element 挂载下的非 Teleport 嵌套、显式 Teleport、工具栏内浮层及全屏重开。组件测试可证明 DOM、状态与部分 CSS 作用域，不能证明浏览器像素布局或实际滚动已经验收；最终仍由用户在 1920×1080、100% 缩放下截图确认。 + ## 图表与数据表达 Canvas 图表显式导入 `adminWorkbenchChartTheme`，在 option 构建处组合字体、轴标签、网格、颜色与 tooltip；不注册全局 ECharts 主题。业务 option 入口分别为 [`skuTrendChart.ts`](../../apps/admin-web/src/modules/self-operated/skuTrendChart.ts)、[`dashboardChartOptions.ts`](../../apps/admin-web/src/modules/self-operated/dashboardChartOptions.ts)、[`turnoverPresentation.ts`](../../apps/admin-web/src/modules/self-operated/turnoverPresentation.ts)。