diff --git a/.workbuddy/memory/2026-08-21.md b/.workbuddy/memory/2026-08-21.md index 27eec74..d685666 100644 --- a/.workbuddy/memory/2026-08-21.md +++ b/.workbuddy/memory/2026-08-21.md @@ -190,3 +190,57 @@ ## ⚠️ option.labelWidth 必须放在 createCrudOption 展开之后 - 第一次给 transport-plan.js、waybill-manage.js 加 `labelWidth: 100` 时写在 `...createCrudOption(...)` **之前**，被 createCrudOption 自带 `labelWidth: 'auto'` 覆盖，label 仍是 auto（按内容参差，看着像"150 不统一"）。shipping-template 当时写在 createCrudOption 之后才生效。 - 教训：业务 option 文件顶层 `export const option = { labelWidth: 100, ...createCrudOption([...]) }` 写法**无效**，必须 `export const option = { ...createCrudOption([...]), labelWidth: 100, dialogWidth, ... }` 后写覆盖前写。 + +## payable-detail 主表格单据号列固定左侧 +- 需求：`/settlement/payable-detail` 主表格除序号外，「单据号」列也固定左侧（横向滚动时始终可见）。 +- 改动（2 处）： + 1. `src/option/settlement/receivable-payable-detail.js`：`documentNo` 列加 `fixed: 'left'`。 + 2. `src/views/settlement/receivable-payable-detail.vue`：主表格 v-for 动态列加 `:fixed="column.fixed"`（模板需显式透传才生效）。 +- 注意：payable-detail 与 receivable-detail 共用同一组件，应收明细页同步生效（两侧一致）。左侧固定区 = 选择框52 + 序号64 + 单据号180。 + +## project-apply 列表列全部居中 +- 需求：`/business/project-apply` avue-crud 列表所有列居中看效果。 +- 改动（单文件 `src/views/business/project-apply.vue` `buildTableOption()`）：column map 展开时加 `align:'center'` + `headerAlign:'center'`。avue 中 align 只管单元格内容，表头需 headerAlign 单独设。 +- 弹窗内子表格（客户/承运商/材料/变更记录/选人）本就 align="center"，无需动。Vite 2889 已 HMR。 + +## project-apply 审批状态列改纯文字 +- 需求：审批状态列从 el-tag 改为纯文字。 +- 改动（单文件 `src/views/business/project-apply.vue`）：`#approvalStatus` 插槽去掉 `` 包裹，直接输出 `displayStatus(row,'approvalStatus')`；删除已无引用的 `statusTagType()` 方法。Vite 2889 编译 200。 + +## 全站表格列居中（含操作列） +- 需求：project-apply 居中效果被确认后，要求操作列按钮也居中，并应用到全站表格。 +- 改动（`src/styles/element-ui.scss`，2 处全局规则）： + 1. `.avue-crud .avue-crud__menu.avue-crud__menu`：`justify-content: start` → `center`，`text-align: left` → `center`（Avue 操作列按钮居中，含下拉更多按钮）。 + 2. 表头背景规则后新增全站规则：`.el-table th.el-table__cell .cell, .el-table td.el-table__cell .cell { text-align: center }`（所有 el-table 表头+单元格内容居中，命中固定列；.cell 直接设置覆盖 el-table-column align 的继承值）。 +- project-apply.vue 页面级 `align:'center'` 保留（双保险，无害）；手写表格操作列 `.cell:has(> .el-link)` 本就 `justify-content:center`。 +- 注意：全站居中会覆盖个别页面金额列 `align: right` 等显式右对齐，后续若某页要右对齐需页面级更高特异性覆盖。 + +## ⚠️ Vite optimizeDeps 缓存坑（patch node_modules 后必须重启 dev server） +- 修改 `node_modules/@smallwei/avue/lib/...` 这种深度依赖后，HMR **不会重新打包**：Vite 首次启动时已把整个 Avue ES module 预打包到 `node_modules/.vite/deps/@smallwei_avue.js`，缓存的 chunk 持续被 dev server 返回，导致代码修改"看起来没生效"。 +- 解法（任选其一）： + 1. 重启 dev server（Vite 会重新 optimizeDeps）。 + 2. 手动删 `node_modules/.vite/deps/@smallwei_avue.js` + `_metadata.json`，再让 server 收到请求时触发重新打包（最干净，连同 `_metadata.json` 一起删，否则 fileHash 缓存会让它误以为已最新）。 +- 经验：以后再 patch 任何被 Vite optimizeDeps 预打包的依赖（如 element-plus / avue / wangeditor 等），都要重启 server 才能生效。 + +## 全站弹窗/表单 label 去掉冒号（pnpm patch 修复 Avue 默认值） +- 需求：全站所有 el-form / avue-form 的字段 label（车站名称:、所属省份: 等）后冒号要去掉。 +- 关键事实（重要，避免重复踩坑）： + - Element Plus 的 label-suffix 不是用 `::after` 渲染，而是把后缀直接拼接到 label 文本节点： + ```js + // node_modules/element-plus/es/components/form/src/form-item.vue...mjs:115 + const currentLabel = computed(() => `${props.label || ""}${formContext?.labelSuffix || ""}`); + ``` + - EP el-form 的 labelSuffix prop 默认 `''`（空），不产生冒号；冒号来自 Avue。 + - Avue 默认 `labelSuffix: ":"`，逻辑 `this.tableOption.labelSuffix || ":"`（空串 falsy 回落 `":"`），透传给 el-form 的 `label-suffix` prop。 + - **踩坑**：Avue package.json 有 `"module": "es/index.mjs"` 和 `"main": "lib/index.js"`。Vite 用 ES 模块版（`es/`），不是 CommonJS 版（`lib/`）。**pnpm patch 必须同时覆盖 `es/` 和 `lib/` 两个文件**，否则 Vite 加载的 `es/` 版本未被 patch，冒号照旧！ + - 另一个坑：Vite 把 Avue 预打包到 `node_modules/.vite/deps/@smallwei_avue.js`。patch 后必须删整个 `.vite` 目录 + 重启 dev server，否则预打包缓存仍是旧代码。 +- 实施（pnpm patch + 手动补 es/ 版本）： + 1. `pnpm patch @smallwei/avue` → 临时目录，编辑 `lib/.../index2.js`。 + 2. `pnpm patch-commit <临时目录>` → 生成 `patches/@smallwei__avue.patch`（仅含 lib/ 改动）。 + 3. **手动更新 patch 文件**：追加 `es/packages/element-plus/form/index2.mjs` 的 diff（同样 `|| ":"` → `|| ""`）。 + 4. **手动编辑 node_modules** 中 `es/.../index2.mjs`（pnpm patch 只生成了 lib/ 的改动，es/ 版本需手动改）。 + 5. 删 `node_modules/.vite` 整个目录 → 重启 `pnpm dev` → Vite 重新预打包（含 es/ patch）→ 浏览器强刷。 +- patch 文件：`patches/@smallwei__avue.patch`（含 es/ + lib/ 两处 diff）。 +- pnpm 配置：`pnpm-workspace.yaml` 内 `patchedDependencies: { '@smallwei/avue': patches/@smallwei__avue.patch }`。 +- ⚠️ 提交时务必带上：`patches/`、`pnpm-workspace.yaml`、`pnpm-lock.yaml`，缺一不可。 +- ⚠️ `pnpm install` 会从 patch 文件重新应用补丁——如果 patch 文件没有 es/ 的 diff，es/ 版本会被还原为原始代码（冒号回来）。已手动补上 es/ diff 到 patch 文件。 diff --git a/.workbuddy/memory/2026-08-24.md b/.workbuddy/memory/2026-08-24.md new file mode 100644 index 0000000..ebf95c7 --- /dev/null +++ b/.workbuddy/memory/2026-08-24.md @@ -0,0 +1,22 @@ +# 2026-08-24 + +## 发货模板查看弹窗白底卡片统一化 +- 问题：shipping-template 查看弹窗仍走 Avue 默认 rowView，各板块无白底卡片分隔。 +- 改动： + - `src/option/business/shipping-template.js`：config 新增 `detailButton: true`、`detailButtonIgnoreDraftStatus: true`，并配置 `detailSections`（模板信息/基本信息/收发货信息），每板块两列 el-descriptions，备注与地址占整行。 + - `src/views/business/components/business-crud-page.vue`：在 detailBox 通用详情模板中，货物信息卡片后新增运费信息 section-card，区分公路（单价/数量合计/运费/运费合计/其他运费合计/币种）与非公路（运费/数量合计/其他运费合计/币种）展示。 +- 样式：`&__detail-content` 已统一 `gap: 12px`，section-card 间距即为 12px；新增 `&__freight-descriptions` 单位/币种辅助色。 +- 验证：`npm run build` 通过。 + +## 发货模板查看弹窗 label 宽度统一 +- 问题：详情弹窗各 section 的 el-descriptions 按内容自动列宽，导致「收发货信息」板块含 6 字标签（发货联系方式/收货联系方式）时 label 列比其他板块（4 字标签）更宽，视觉不一致。原 CSS `.el-descriptions__label{width:140px}` 在含 span 行的 fixed 布局下未能可靠等宽。 +- 改动： + - `src/views/business/components/business-crud-page.vue` 在通用详情描述（line ~3109）与运费信息两张描述表（road / 非 road）上加 `label-width="140px"`。 + - `src/option/business/shipping-template.js`：将「收发货信息」字段顺序调整为联系人/联系方式在前、地址整行在后（非 span 行置于首行，让 `table-layout: fixed` 能在首行正确建立两列 label 宽度）。 +- 验证：`npm run build` 通过。 + +## 全站业务状态标签文字化（调度状态/审批状态） +- 新增全局 `.status-text` 工具类（`src/styles/element-ui.scss` 末尾）：去掉 `el-tag` 背景/边框，保留彩色文字 + `currentColor` 圆点。 +- 全站所有业务状态 `el-tag` 统一加 `class="status-text"`：business-crud-page（#status/#businessStatus/#approvalStatus 插槽 + 运输计划详情头 + 运单详情头 + 调度弹窗头）、master-order 系列 businessStatus、loading-manage 详情弹窗、结算三处 approvalStatus、process-config 流程状态。 +- 已通过 dev (localhost:2889) HMR 生效，刷新即可查看。调度状态（businessStatus）全站视觉已统一为"文字 + 颜色"。 +- `credit-score-quantification.vue` 状态列（#status 插槽，statusMap: 正常/停用/草稿）的 el-tag 也加 `.status-text` 统一。 diff --git a/.workbuddy/memory/MEMORY.md b/.workbuddy/memory/MEMORY.md index c5c320e..3205c80 100644 --- a/.workbuddy/memory/MEMORY.md +++ b/.workbuddy/memory/MEMORY.md @@ -33,6 +33,19 @@ - **master-order?mode=editor**：`master-order.vue` 把 `` 包进 ` @@ -116,6 +117,7 @@ format="YYYY-MM-DD" value-format="YYYY-MM-DD" placeholder="请选择" + style="width: 200px" /> @@ -428,7 +430,27 @@
-
上传点击下载模板
 + + +
+ + 上传 + + + 点击下载模板 +
+ + +
@@ -1975,6 +1997,15 @@ export default { margin-top: 8px; color: #606266; } +.cargo-import { + display: flex; + flex-direction: column; + gap: 16px; + .el-upload__tip { + margin-top: 8px; + line-height: 1.5; + } +} @media screen and (max-width: 1440px) { .route-node-form { grid-template-columns: repeat(2, minmax(320px, 1fr)); diff --git a/src/views/business/contract-manage-change.vue b/src/views/business/contract-manage-change.vue index 6501e32..d70b607 100644 --- a/src/views/business/contract-manage-change.vue +++ b/src/views/business/contract-manage-change.vue @@ -17,8 +17,8 @@ -
份
 - 天 +
+ @@ -56,7 +56,7 @@ - + diff --git a/src/views/business/loading-manage.vue b/src/views/business/loading-manage.vue index eab0003..f3a5b2e 100644 --- a/src/views/business/loading-manage.vue +++ b/src/views/business/loading-manage.vue @@ -395,7 +395,7 @@
配载单详情
{{ dialogForm.loadingNo || '-' }}
-
{{ statusText(dialogForm) }}
+
{{ statusText(dialogForm) }}
{{ transportTypeLabel(dialogForm.transportType) }}
@@ -871,7 +871,7 @@ - + .loading-manage-page { + margin-bottom: 60px; .loading-manage-page__search { padding: 12px 12px 4px; margin-bottom: 20px; diff --git a/src/views/business/master-order.vue b/src/views/business/master-order.vue index 4fffbac..f872540 100644 --- a/src/views/business/master-order.vue +++ b/src/views/business/master-order.vue @@ -62,7 +62,7 @@
{{ row.masterNo }}{{ + >{{ statusName(row.businessStatus) }}
diff --git a/src/views/business/process-config.vue b/src/views/business/process-config.vue index 4fc4639..1e824ed 100644 --- a/src/views/business/process-config.vue +++ b/src/views/business/process-config.vue @@ -44,7 +44,7 @@ @@ -1198,7 +1198,9 @@ export default { &__timeline-line { position: absolute; - top: 22px; + // 圆点中心位置 = padding-top(12) + dot 半径(7) = 19px； + // 线 height 3px，因此 top 需为 19 - 1.5 = 17.5px，使线视觉中心与圆点中心对齐 + top: 17.5px; right: 58px; left: 58px; height: 3px; diff --git a/src/views/business/project-apply.vue b/src/views/business/project-apply.vue index 246e5bb..3c57bad 100644 --- a/src/views/business/project-apply.vue +++ b/src/views/business/project-apply.vue @@ -55,9 +55,7 @@ @@ -80,7 +80,7 @@ 查看 @@ -354,7 +354,7 @@ - + - + - + - + @@ -439,17 +439,17 @@ {{ row.creditLevel }} - + - +