feat(table): 调整表格操作列宽度并统一文字链接间距

- /business/project-apply 主表操作列宽度固定为 220，移除 applyTableMenuWidth 调用
- /business/temporary-credit-limit 通过传入 menuWidth prop 固定操作列宽度为 180
- /base/common-address 操作列宽度由 220 降至 180
- /business/process-config 操作列宽度由 320 调整为 180，修复末尾语法错误
- /vehicle/insurance-record 操作列宽度先降至 140 后改回 160，后全部车/船务管理模块记录页统一为 180
- 多个车/船务管理模块相关 option 文件及 vue 文件操作列宽统调为 180
- 新增 business-crud-page 组件 menuWidth prop，支持外部传值控制操作列宽度
- 全站操作列文字链接去除 el-link 默认 margin，避免和 gap 叠加导致文字间距过宽
- 优化操作列按钮过多时自动换行展示逻辑，确保按钮不被裁切

.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 与手写操作列），仅作用于操作列链接，不修改普通数据单元格。

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: '地址名称',

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,
+};

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: [
     {

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: [
     {

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: [
     {

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: '车船类型',

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: '车船类型',

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: [
     {

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: '车船类型',

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: [
     {

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: [
     {

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: [
     {

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: '车牌号',

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: [
     {

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: '车船类型',

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;

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,

src/views/business/contract-manage.vue

@@ -1,5 +1,5 @@
 <template>
-  <business-crud-page :api="api" :config="config" :crud-option="option" />
+  <business-crud-page :api="api" :config="config" :crud-option="option" :menu-width="245" />
 </template>
 
 <script>

src/views/business/project-apply.vue

@@ -695,7 +695,6 @@ import { getDictionary as getSystemDictionary } from '@/api/system/dict';
 import { getDictionary as getBizDictionary } from '@/api/system/dictbiz';
 import { getList as getUserList } from '@/api/system/user';
 import { getToken } from '@/utils/auth';
-import { applyTableMenuWidth } from '@/utils/table-menu';
 import { downloadFileByUrl, downloadXls } from '@/utils/util';
 import { mapGetters } from 'vuex';
 import NProgress from 'nprogress';
@@ -1036,18 +1035,17 @@ export default {
   },
   methods: {
     buildTableOption() {
-      return applyTableMenuWidth(
+      return {
-        {
+        ...option,
-          ...option,
+        dialogType: 'dialog',
-          dialogType: 'dialog',
+        addBtn: false,
-          addBtn: false,
+        viewBtn: false,
-          viewBtn: false,
+        editBtn: false,
-          editBtn: false,
+        delBtn: false,
-          delBtn: false,
+        // 操作列收窄：本项目操作按钮较少，320px 过宽，调整为 220px（链接会自动换行兜底）
-          column: (option.column || []).map(column => ({ ...column, display: false })),
+        menuWidth: 180,
-        },
+        column: (option.column || []).map(column => ({ ...column, display: false })),
-        4
+      };
-      );
     },
     hasPermission(code) {
       return this.isAdmin || this.validData(this.permission && this.permission[code], false);

src/views/business/shipping-template.vue

@@ -1,5 +1,5 @@
 <template>
-  <business-crud-page :api="api" :config="config" :crud-option="option" />
+  <business-crud-page :api="api" :config="config" :crud-option="option" :menu-width="270" />
 </template>
 
 <script>

src/views/business/temporary-credit-limit.vue

@@ -1,5 +1,5 @@
 <template>
-  <business-crud-page :api="api" :config="config" :crud-option="option" />
+  <business-crud-page :api="api" :config="config" :crud-option="option" :menu-width="270" />
 </template>
 
 <script>

src/views/business/transport-plan.vue

@@ -1,5 +1,5 @@
 <template>
-  <business-crud-page :api="api" :config="config" :crud-option="option" />
+  <business-crud-page :api="api" :config="config" :crud-option="option" :menu-width="220" />
 </template>
 
 <script>

src/views/vehicle/maintenance-plan.vue

@@ -172,7 +172,7 @@ export default {
         viewBtn: true,
         selection: true,
         dialogClickModal: false,
-        menuWidth: 160,
+        menuWidth: 180,
         column: [
           {
             label: '车船类型',

src/views/vehicle/maintenance-record.vue

@@ -170,7 +170,7 @@ export default {
         viewBtn: true,
         selection: true,
         dialogClickModal: false,
-        menuWidth: 160,
+        menuWidth: 180,
         column: [
           {
             label: '车船类型',