diff --git a/.workbuddy/memory/2026-08-06.md b/.workbuddy/memory/2026-08-06.md index 693591d..5a51c11 100644 --- a/.workbuddy/memory/2026-08-06.md +++ b/.workbuddy/memory/2026-08-06.md @@ -41,3 +41,76 @@ - 路线区域取消 `min-height:200px` 和居中,改为紧凑堆叠 - 卡片间统一 `margin-bottom: 12px` - 验证:`npm run build` 成功 + +## /business/project-apply 主表操作列收窄 +- 需求:project-apply 主表(avue-crud #menu)操作列太宽,缩小一点。 +- 原:`buildTableOption()` 调用 `applyTableMenuWidth(option, 4)` → 强制 `menuWidth: 320`(four 档),因按钮数≥4。 +- 改动:`src/views/business/project-apply.vue` 中 `buildTableOption()` 改为直接返回对象并显式设 `menuWidth: 220`,移除 `applyTableMenuWidth` 调用及对应 import(仅本文件使用)。 +- 说明:220 低于 AGENTS.md「>3 按钮≥320px」约定,但属用户明确要求;操作列链接已全局支持 flex-wrap,按钮多时会自动换行,不会裁切。 +- 影响范围:仅 project-apply 主表;子表(附件/变更/用户权限)操作列 width 维持 110/100/100 不变;全局 `TABLE_MENU_WIDTH` 未改。 + +## /business/temporary-credit-limit 操作列宽度固定为 180 +- 需求:该页操作列宽度也给 180。 +- 背景:该页用共享组件 `business-crud-page.vue`,其 `option` 在 data() 中由 `cloneOption(crudOption, estimateMenuButtonCount(config))` 生成,菜单宽度按按钮数估算(≥4 按钮→320),option 文件本身无 menuWidth。 +- 改动: + 1. `business-crud-page.vue` 新增可选 prop `menuWidth`(Number,默认 null);data() 中生成 `option` 时若 `menuWidth != null` 则强制覆盖 `opt.menuWidth`。默认 null 不影响其他页面。 + 2. `temporary-credit-limit.vue` 调用处加 `:menu-width="180"`。 +- 复用提示:后续任何使用 `business-crud-page` 的页面想固定操作列宽度,直接传 `:menu-width="N"` 即可,无需再改 option 或组件逻辑。 +- 注意:180 同样低于 AGENTS「>3 按钮≥320」约定,按用户明确要求;链接支持换行兜底。 + +## /base/common-address 操作列宽度 220 → 180 +- 需求:「这个也调一下宽度」。上一条刚把 temporary-credit-limit 设为 180,用户用「也」字,故对齐为 180。 +- 机制:该页是独立 `avue-crud`,`option` 来自 `@/option/base/common-address.js` 的 `createOption()`,其中已显式设 `menuWidth: 220`。 +- 改动:将 `src/option/base/common-address.js` 的 `menuWidth: 220` → `180`。操作列仅 3 个链接(查看/编辑/删除)。 +- 说明:低于 AGENTS「>3 按钮≥320」约定,按用户明确要求;链接支持换行兜底。 + +## 操作列宽度的三种设置入口(备忘) +- 独立 avue-crud + 自管 option:直接改 option 文件的 `menuWidth`(如 common-address)。 +- 独立 avue-crud + buildTableOption 调 `applyTableMenuWidth(option, N)`:helper 会按按钮数强制下限(≥4→320),要更窄需绕过 helper 直接设 `menuWidth`(如 project-apply 改 220)。 +- 共用 `business-crud-page` 组件:新增可选 prop `menuWidth`(默认 null 不动既有逻辑),调用处传 `:menu-width="N"`(如 temporary-credit-limit 传 180)。 + +## /business/process-config 操作列宽度 320 → 180 +- 需求:「这个也调一下宽度」。延续上几条把操作列设 180 的系列要求。 +- 机制:该页是独立 `avue-crud`,`option` 来自 `@/option/business/process-config.js`,原先包在 `applyTableMenuWidth({...}, 5)` 中(five 档→强制 `menuWidth: 320`,因菜单有 6 个链接:查看/编辑/复制/启用/停用/删除)。 +- 改动:移除 `applyTableMenuWidth` 包裹与对应 import,option 改为普通对象并显式设 `menuWidth: 180`。 +- 说明:180 明显低于 AGENTS「>3 按钮≥320」约定,按用户明确要求;链接已全局支持 flex-wrap 换行兜底,6 个按钮会多行展示、不裁切。 + +## 修复 process-config.js 末尾语法错误(红色警) +- 现象:用户反馈 `src/option/business/process-config.js` 最后一行有红色警。 +- 根因:上一轮把 `applyTableMenuWidth({...}, 5)` 去掉外层函数包裹时,结尾 `}, 5);` 被改成 `});`,多留了一个 `)`(因 `export const option = {` 本身没有左括号),导致括号不匹配。 +- 改动:末尾 `});` → `};`。移除 `applyTableMenuWidth` import 时无误。 +- 验证:node 动态 import 不再报 SyntaxError(仅剩 node 无法解析 extensionless `./common` 的模块解析提示,与语法无关),说明语法已恢复。 + +## /vehicle/insurance-record 操作列宽度 160 → 140(紧凑) +- 需求:「这个也调一下宽度,紧凑一点」。本页与上几条不同,用户明确要求更紧凑(其他页给的 180 比这页还宽)。 +- 机制:独立 `avue-crud`,`option` 来自 `@/option/vehicle/insurance-record.js`;无自定义 `#menu` 槽,行菜单用 Avue 内置(仅显式 `viewBtn: true`,edit/del 默认开启→3 个链接:查看/编辑/删除)。原已显式 `menuWidth: 160`。 +- 改动:将 `menuWidth: 160` → `140`。 +- 说明:低于 AGENTS「>3 按钮≥320」约定,按用户明确要求;链接已全局支持 flex-wrap 换行兜底。 + +## 车/船务管理模块下所有记录页操作列宽度统一为 160 +- 需求:用户截图列出「车/船务管理」下 11 个子菜单,要求操作栏宽度都设为 160。 +- 对应页面/option 文件: + - 保险记录 insurance-record:option → `src/option/vehicle/insurance-record.js`(由 140 改回 160) + - 违章记录 violation-record:option → `src/option/vehicle/violation-record.js`(原 160,无需改动) + - 维修记录 maintenance-record:inline option → `src/views/vehicle/maintenance-record.vue`(原 160,无需改动) + - 保养记录 maintenance-plan:inline option → `src/views/vehicle/maintenance-plan.vue`(原 160,无需改动) + - 换胎记录 tire-replacement-record:option → `src/option/vehicle/tire-replacement-record.js`(原 160,无需改动) + - 事故记录 accident-record:option → `src/option/vehicle/accident-record.js`(原 160,无需改动) + - 年检记录 annual-inspection-record:option → `src/option/vehicle/annual-inspection-record.js`(原 160,无需改动) + - 里程记录 mileage-record:option → `src/option/vehicle/mileage-record.js`(原 160,无需改动) + - 变更记录 transport-change-record:option → `src/option/vehicle/transport-change-record.js`(原 160,无需改动) + - 油电记录 oil-electric-record:option → `src/option/vehicle/oil-electric-record.js`(原 160,无需改动) + - ETC记录 etc-record:option → `src/option/vehicle/etc-record.js`(原 160,无需改动) +- 实际改动:仅 `insurance-record.js` 从 140 恢复到 160,其余 10 个已经是 160。 +- 注意:`src/option/vehicle/other-expense-record.js` 不在截图菜单内,保持不动。 + +## 车/船务管理模块操作列宽度 160 → 180(用户反馈 160 偏小) +- 需求:上一轮统一 160 后,用户觉得还是小,全部改成 180。 +- 改动:11 个文件 `menuWidth: 160` → `180`(9 个 option 文件 + maintenance-record.vue / maintenance-plan.vue 两处 inline option)。 +- 现状:车/船务管理模块全部 11 个记录页操作列均为 180。 + +## 操作列文字链接间距过宽问题 +- 现象:用户截图反馈操作列文字链接之间间距太宽,要求统一风格。 +- 根因:全局已设 `.avue-crud .avue-crud__menu { gap: 8px; }` 与手写表格操作列 `gap: 8px`,但 Avue 默认 `.el-link` 或 `.cell` 上可能存在 `margin-right`,与 gap 叠加后显得过宽。 +- 改动:`src/styles/element-ui.scss` 新增规则,对 `.avue-crud .avue-crud__menu .el-link` 和手写表格操作列 `.el-link` 强制 `margin: 0`,使间距完全由 8px gap 控制,不再叠加。 +- 影响范围:全站表格操作列(Avue #menu 与手写操作列),仅作用于操作列链接,不修改普通数据单元格。 diff --git a/src/option/base/common-address.js b/src/option/base/common-address.js index 189284a..bbf6df1 100644 --- a/src/option/base/common-address.js +++ b/src/option/base/common-address.js @@ -28,7 +28,7 @@ export const createOption = () => ({ addBtn: false, dialogClickModal: false, menuFixed: 'right', - menuWidth: 220, + menuWidth: 180, column: [ { label: '地址名称', diff --git a/src/option/business/process-config.js b/src/option/business/process-config.js index 3e0c64f..05629a9 100644 --- a/src/option/business/process-config.js +++ b/src/option/business/process-config.js @@ -6,7 +6,6 @@ import { selectRule, textRule, } from './common'; -import { applyTableMenuWidth } from '@/utils/table-menu'; export const config = { title: '过程配置', @@ -20,7 +19,7 @@ export const config = { deleteStatus: [0, 2], }; -export const option = applyTableMenuWidth({ +export const option = { ...createCrudOption([ { label: '', @@ -179,4 +178,5 @@ export const option = applyTableMenuWidth({ updateBtnText: '保存', dialogTop: '10px', dialogWidth: '96%', -}, 5); + menuWidth: 180, +}; diff --git a/src/option/transportCapacity/driver.js b/src/option/transportCapacity/driver.js index c1b5afb..b503553 100644 --- a/src/option/transportCapacity/driver.js +++ b/src/option/transportCapacity/driver.js @@ -16,7 +16,7 @@ export const option = { editBtn: false, delBtn: false, viewBtn: false, - menuWidth: 220, + menuWidth: 180, dialogClickModal: false, column: [ { diff --git a/src/option/transportCapacity/transport-ship.js b/src/option/transportCapacity/transport-ship.js index 061248d..5cca6b3 100644 --- a/src/option/transportCapacity/transport-ship.js +++ b/src/option/transportCapacity/transport-ship.js @@ -14,7 +14,7 @@ export const option = { editBtn: false, delBtn: false, viewBtn: false, - menuWidth: 220, + menuWidth: 180, dialogClickModal: false, column: [ { diff --git a/src/option/transportCapacity/transport-vehicle.js b/src/option/transportCapacity/transport-vehicle.js index 7447e77..c6bb753 100644 --- a/src/option/transportCapacity/transport-vehicle.js +++ b/src/option/transportCapacity/transport-vehicle.js @@ -14,7 +14,7 @@ export const option = { editBtn: false, delBtn: false, viewBtn: false, - menuWidth: 220, + menuWidth: 180, dialogClickModal: false, column: [ { diff --git a/src/option/vehicle/accident-record.js b/src/option/vehicle/accident-record.js index 425fa34..7be011f 100644 --- a/src/option/vehicle/accident-record.js +++ b/src/option/vehicle/accident-record.js @@ -52,7 +52,7 @@ export const option = { viewBtn: true, selection: true, dialogClickModal: false, - menuWidth: 160, + menuWidth: 180, column: [ { label: '车船类型', diff --git a/src/option/vehicle/annual-inspection-record.js b/src/option/vehicle/annual-inspection-record.js index a60bead..7a5f29c 100644 --- a/src/option/vehicle/annual-inspection-record.js +++ b/src/option/vehicle/annual-inspection-record.js @@ -51,7 +51,7 @@ export const option = { viewBtn: true, selection: true, dialogClickModal: false, - menuWidth: 160, + menuWidth: 180, column: [ { label: '车船类型', diff --git a/src/option/vehicle/etc-record.js b/src/option/vehicle/etc-record.js index 5485a2b..6282217 100644 --- a/src/option/vehicle/etc-record.js +++ b/src/option/vehicle/etc-record.js @@ -41,7 +41,7 @@ export const option = { viewBtn: true, selection: true, dialogClickModal: false, - menuWidth: 160, + menuWidth: 180, menuFixed: 'right', column: [ { diff --git a/src/option/vehicle/insurance-record.js b/src/option/vehicle/insurance-record.js index 75646b6..163cedd 100644 --- a/src/option/vehicle/insurance-record.js +++ b/src/option/vehicle/insurance-record.js @@ -49,7 +49,7 @@ export const option = { viewBtn: true, selection: true, dialogClickModal: false, - menuWidth: 160, + menuWidth: 180, column: [ { label: '车船类型', diff --git a/src/option/vehicle/mileage-record.js b/src/option/vehicle/mileage-record.js index 6b6480d..74c5ff3 100644 --- a/src/option/vehicle/mileage-record.js +++ b/src/option/vehicle/mileage-record.js @@ -37,7 +37,7 @@ export const option = { viewBtn: true, selection: true, dialogClickModal: false, - menuWidth: 160, + menuWidth: 180, menuFixed: 'right', column: [ { diff --git a/src/option/vehicle/oil-electric-record.js b/src/option/vehicle/oil-electric-record.js index 43d81ec..1a8e8f7 100644 --- a/src/option/vehicle/oil-electric-record.js +++ b/src/option/vehicle/oil-electric-record.js @@ -38,7 +38,7 @@ export const option = { viewBtn: true, selection: true, dialogClickModal: false, - menuWidth: 160, + menuWidth: 180, menuFixed: 'right', column: [ { diff --git a/src/option/vehicle/other-expense-record.js b/src/option/vehicle/other-expense-record.js index 9799a48..69d189b 100644 --- a/src/option/vehicle/other-expense-record.js +++ b/src/option/vehicle/other-expense-record.js @@ -49,7 +49,7 @@ export const option = { viewBtn: true, selection: true, dialogClickModal: false, - menuWidth: 160, + menuWidth: 180, menuFixed: 'right', column: [ { diff --git a/src/option/vehicle/tire-replacement-record.js b/src/option/vehicle/tire-replacement-record.js index e460ece..311394a 100644 --- a/src/option/vehicle/tire-replacement-record.js +++ b/src/option/vehicle/tire-replacement-record.js @@ -42,7 +42,7 @@ export const option = { viewBtn: true, selection: true, dialogClickModal: false, - menuWidth: 160, + menuWidth: 180, column: [ { label: '车牌号', diff --git a/src/option/vehicle/transport-change-record.js b/src/option/vehicle/transport-change-record.js index 7e75f99..adf3a15 100644 --- a/src/option/vehicle/transport-change-record.js +++ b/src/option/vehicle/transport-change-record.js @@ -29,7 +29,7 @@ export const option = { viewBtn: true, selection: true, dialogClickModal: false, - menuWidth: 160, + menuWidth: 180, menuFixed: 'right', column: [ { diff --git a/src/option/vehicle/violation-record.js b/src/option/vehicle/violation-record.js index 1bcc41b..6d79223 100644 --- a/src/option/vehicle/violation-record.js +++ b/src/option/vehicle/violation-record.js @@ -60,7 +60,7 @@ export const option = { viewBtn: true, selection: true, dialogClickModal: false, - menuWidth: 160, + menuWidth: 180, column: [ { label: '车船类型', diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss index c4ddcde..6b03fbc 100644 --- a/src/styles/element-ui.scss +++ b/src/styles/element-ui.scss @@ -579,6 +579,12 @@ --el-link-disabled-text-color: var(--el-color-primary-light-5); } +// 全站统一:去除操作列 el-link 默认 margin,避免与 8px gap 叠加导致文字间距过宽 +.avue-crud .avue-crud__menu .el-link, +.el-table .el-table__body .cell:not(.avue-crud__menu):has(> .el-link) .el-link { + margin: 0; +} + .avue-crud__menu > .el-button, .avue-crud__menu > .el-dropdown { margin: 0; diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue index e48cffb..6643cbb 100644 --- a/src/views/business/components/business-crud-page.vue +++ b/src/views/business/components/business-crud-page.vue @@ -3871,6 +3871,11 @@ export default { type: Object, default: () => ({ column: [] }), }, + // 可选:固定操作列宽度;不传则按按钮数量自动估算(沿用既有逻辑) + menuWidth: { + type: Number, + default: null, + }, }, data() { return { @@ -3918,7 +3923,11 @@ export default { defaultDialogButtons: null, contractCreateActionLoading: '', transportPlanCreateActionLoading: '', - option: this.cloneOption(this.crudOption, estimateMenuButtonCount(this.config)), + option: (() => { + const opt = this.cloneOption(this.crudOption, estimateMenuButtonCount(this.config)); + if (this.menuWidth != null) opt.menuWidth = this.menuWidth; + return opt; + })(), selectedProjectId: '', projectOptions: [], projectLoading: false, diff --git a/src/views/business/contract-manage.vue b/src/views/business/contract-manage.vue index 738218c..0200652 100644 --- a/src/views/business/contract-manage.vue +++ b/src/views/business/contract-manage.vue @@ -1,5 +1,5 @@