修复业务模块bug

2、新增应收明细
3、新增异常处置
4、新增风险处置
5、新增在途追踪
6、修复业务模块bug

.env.development

@@ -3,6 +3,8 @@
 VITE_APP_ENV = 'development'
 
 #接口地址
+# 开发环境建议填 [/api]：由下方 vite.config.mjs 的 proxy 同源转发到后端(172.16.203.228:8000)，避免跨域(CORS)被浏览器拦截
+# 如需直连线上绝对地址(如 http://172.16.203.228:8000/api)，必须让后端 CORS 把 Allow-Origin 改为具体前端域名，不能用 `*`(配合 credentials 会被浏览器拒绝)
 VITE_APP_API=/api
 
 #调试参数

.workbuddy/memory/2025-07-29.md

@@ -0,0 +1,3 @@
+## 2025-07-29
+
+- 货物类型管理页面(cargo-type)：搜索栏「类型」和「货物类型编码」字段 searchSpan 从 12 分别调整为 6 和 8，收窄 input 宽度使两字段在一排内紧凑展示

.workbuddy/memory/2026-07-27.md

@@ -0,0 +1,77 @@
+# 2026-07-27 工作日志
+
+## 开发环境启动与登录排查
+
+- 终止了遗留的 2888 端口 dev server 进程，清理端口占用。
+- 将 `.env.development` 的 `VITE_APP_API` 从 `http://172.16.203.228:8000/api` 改为 `/api`，让前端请求走 Vite 代理。
+- 将 `vite.config.mjs` 的 `/api` 代理 target 从 `http://localhost` 改为 `http://172.16.203.228:8000`，并去掉 `rewrite`（后端接口本身就在 `/api` 前缀下，不能去掉）。
+- 修复后发现登录无响应的根因：后端 CORS 返回 `Access-Control-Allow-Origin: *`，与 axios `withCredentials: true` 冲突，浏览器拦截所有跨域请求；走 Vite 代理后同源，CORS 问题消失。
+- 启动 dev server 于 `http://localhost:2888`。
+- 使用 agent-browser（系统 Chrome）打开登录页，填入账号 `admin` / 密码 `admin`，成功触发行为验证码弹窗。
+- 行为验证码（滑块/拼图）需人工在浏览器窗口完成。
+
+## 货物类型导入模板模拟数据
+
+- 模板：`/Users/gxwebsoft/Downloads/货物类型导入模板.xlsx`，单 Sheet「货物类型导入模板」，表头 6 列：类型(必填)、上级货物类型、上级货物类型编码、货物类型(必填)、货物类型编码(必填)、备注。一级类型上级字段留空。
+- 在 `/Users/gxwebsoft/Downloads/货物类型导入模板_模拟数据.xlsx` 生成 5 条模拟数据（2 条一级 + 3 条二级，演示层级）。原模板保持不变。
+
+## 货物类型模块（/base/cargo-type）按需求完善
+
+- 需求：新增默认二级；类型/上级/编码在编辑查看禁编辑；一级隐藏上级字段、二级显示；同上级名称唯一 + 编码全局唯一交后端；提交失败展示后端提示。
+- 抽出 `src/option/base/cargo-type.js`，导出工厂 `getCargoTypeOption(ctx)`，依赖组件的校验/change 通过 `ctx` 闭包访问（`ctx.form`、`ctx.handleTypeLevelChange` 等），避免 Option API 写死 this。
+- `cargo-type.vue` 改动：import 该 option；新增默认 `typeLevel:2`；`beforeOpen` 设置 `dialogType`（add/edit/view）；上级下拉框 `:disabled="dialogType!=='add' || typeLevel!==2"`；列配置加 `editDisabled:true`（类型/编码/上级编码）控制编辑禁用；view 模式 Avue 自动禁用其余字段。
+- 提交失败处理：axios 拦截器已对非 200 弹 `ElMessage`（后端 msg），故 rowSave/rowUpdate 的 error 仅 `loading()`，不再 console/重复 toast。
+- 导入失败明细下载已合规：`src/utils/import-excel.js` 的 `handleImportExcel` 已实现 content-type 区分 JSON/Excel、失败下载 `货物类型导入失败明细时间.xlsx`、错误提示；businessName='货物类型'。
+- 注意：导入/下载模板由后端 `/blade-system/cargo-type/import-cargo-type`、`/export-template` 控制，前端模板列名由后端决定，需后端保证与需求卡字段一致。
+
+## 货物类型批量导入失败排查（19:12）
+
+- 失败明细 `货物类型导入失败明细2026-07-27 19_12_24.xlsx`：5 条全部「请选择货物类型级别」。
+- 根因（数据问题，非前端代码）：模拟数据「类型」列误填为业务分类 `普通货物/冷链货物`，但需求卡 REQ-CARGO-007/008 规定「类型」是**货物类型级别**，仅允许填 `一级货物类型`/`二级货物类型`；且编码误用字母（`GOODS-ELEC-001`），违反 REQ-CARGO-006「一级 2 位数字、二级 4 位数字」。
+- 已重造 `货物类型导入模板_模拟数据.xlsx`：类型改为一级/二级；编码改为纯数字（01/02 一级，0101/0102/0201 二级继承父级前 2 位）。
+- 风险：二级行依赖一级行已存在，若后端按 DB 校验而非按文件顺序处理，二级行可能报「请选择上级货物类型」，建议先导入 2 条一级、再导入 3 条二级。
+
+## 货物类型导入失败复查（23:27）
+
+- 第二版失败明细 `货物类型导入失败明细2026-07-27 19_17_21.xlsx`：类型已正确，但一级报「货物类型编码格式不正确」、二级报「请选择上级货物类型」。
+- 根因：编码列被存成**数字(int)**，前导零丢失（'01'→1、'0101'→101），一级编码非 2 位、二级非 4 位；一级失败未入库 → 二级找不到上级。
+- 修复：写入时强制 C/E 列 `number_format='@'`（文本）保留前导零；编码 '01'/'02'、'0101'/'0102'/'0201'。
+- 为消除级联风险，拆成两个文件：货物类型导入_一级.xlsx(2条)、货物类型导入_二级.xlsx(3条)，先导入一级再导入二级确保成功。
+
+## 货物类型导入第三次复查（23:30）
+
+- 第三版失败明细：一级导入也失败，报「该货物类型编码已存在」（01/02 已被占用）。根因：01/02 极可能是用户此前测试新增功能时手动建的，导入撞车；失败导入不写库，说明编码 pre-exist。
+- 同期发现 2888 dev server 进程退出（lsof 无监听），导致 Vite 代理对 localhost:2888 全返回 502（含根路径）。已重启 `pnpm dev`（端口 2888，proxy target 172.16.203.228:8000），代理恢复 200。后端直连一直正常。
+- 改用新编码重造：一级 11/12（电子产品/生鲜食品），二级 1101/1102（父11）、1201（父12），文本格式保留前导零。三份文件（一级/二级/合并）已更新。
+- 结论：导入功能本身 OK，问题一直是造数（类型值、编码格式、编码冲突）+ dev server 偶发退出。建议导入前确认 dev server 在跑。
+
+## 导入失败明细标红 + 原因改写（23:50）
+
+- 需求：导入失败后，失败明细 Excel 中**仅违规那一栏标红**，且「导入失败原因」列改写为清晰格式，如`（第2行：货物类型编码格式不正确，一级2位数字，二级4位数字）`。
+- 现状：失败明细 Excel 此前是后端生成、前端 `import-excel.js` 直接 `downloadXls` 原样下载，无加工。
+- 改动：
+  1. `pnpm add exceljs`（4.4.0，运行时依赖；`import('exceljs')` 动态加载，不进主包）。
+  2. `src/utils/import-excel.js`：`openImportDialog` 增加可选 `options.failDetailDecorator`；`handleImportExcel` 在 Excel 响应分支用 exceljs 读取后端失败明细 blob → 调用 decorator 加工（标红+改写原因）→ 再下载。**未传 decorator 的模块保持原行为（向后兼容、通用）**。
+  3. `src/views/base/cargo-type.vue`：新增模块级 `decorateCargoTypeFailDetail(workbook)`，建立「表头列名→列号」映射，按错误文本匹配规则（7 类错误 → 标红列 + 规则说明），遍历数据行标红违规栏并将原因列改写为`（第N行：错误，规则）`；`handleImport` 传入 `{ failDetailDecorator: decorateCargoTypeFailDetail }`。标红填充色 `FFFFC7CE`（淡红），物理行号（表头第1行，数据第2行起）。
+- 验证：Node + exceljs 跑 decorator 等价逻辑全 PASS（标红列命中、原因格式正确）；vite 将 `import('exceljs')` 重写为浏览器版 chunk（/node_modules/.vite/deps/exceljs.js，HTTP 200，1.46MB），浏览器运行时无 polyfill 报错；cargo-type.vue 与 import-excel.js 经 vite 编译均 200。
+- 注意：decorator 依赖后端失败明细 Excel 的「导入失败原因」列文本与模板列名（类型/上级货物类型/上级货物类型编码/货物类型/货物类型编码/备注/导入失败原因）精确一致；若后端改列名需同步更新 `CARGO_TYPE_FAIL_RULES` 的 col 值。
+
+## 导入失败明细改为「不标红 + 加列宽」（00:08 次晨）
+
+- 用户反馈两点：① 不要标红，只写清错误原因即可；② 失败明细 xls 列太挤，需加宽。
+- 改动（同一对文件）：
+  - `src/views/base/cargo-type.vue`：删除 `FAIL_RED_FILL` 常量与所有 `cell.fill` 标红逻辑，仅保留原因列改写为`（第N行：错误，规则）`；新增 `CARGO_TYPE_FAIL_COL_WIDTH` 列宽映射（类型14/上级货物类型16/上级货物类型编码20/货物类型16/货物类型编码16/备注18/导入失败原因60），遍历 colMap 设置 `ws.getColumn(n).width`；原因列额外 `alignment={wrapText:true,vertical:'top'}` 提升可读性。
+  - `src/utils/import-excel.js`：注释由「标红 / 改写原因列」改为中性「改写原因列、调整列宽等加工」。
+- 验证：Node + exceljs 等价逻辑全 PASS（无红色填充=✅、原因含「第N行」、导入失败原因列宽=60）；cargo-type.vue 与 import-excel.js vite 编译均 200，FAIL_RED_FILL 残留=0。
+
+## 下载模板改为「前端本地生成 + 带示例」（00:11 次晨）
+
+- 需求：点击「下载模板」给的导入模板要自带一个数据示例（参照可正常导入的 `货物类型导入模板_模拟数据.xlsx`）。
+- 现状：`handleTemplate` 原调用后端 `/blade-system/cargo-type/export-template` 下载空模板（无示例）。
+- 改动 `src/views/base/cargo-type.vue` 的 `handleTemplate`：改为 `import('exceljs')` 本地生成模板，不再依赖后端空模板。
+  - 表头严格使用真实模板列名（含 `*` 与括号说明）：`*类型` / `上级货物类型（如为一级则不需填写）` / `上级货物类型编码（如为一级则不需填写）` / `*货物类型` / `*货物类型编码` / `备注`（与可正常导入的本地模板一致）。
+  - 示例数据 2 条：一级 `电子产品2/117` + 二级 `手机2/11014`（父117），演示层级，取值与用户确认可导入的模拟数据一致。
+  - 列宽加宽（类型14/上级货物类型24/上级货物类型编码26/货物类型16/货物类型编码16/备注18）；编码列(3、5) `numFmt='@'` 文本格式防前导零丢失；表头行 `wrapText` 完整显示长说明。
+  - 下载文件名仍为 `货物类型导入模板.xlsx`。`exportBlob` 仍被 `handleExport` 使用，import 不冗余。
+- 验证：Node + exceljs 等价逻辑确认表头/示例行/列宽/文本格式正确（稀疏 eachCell 跳过空单元格导致一次断言误报，按列号复核确认数据无误）；cargo-type.vue vite 编译 200。
+- 注意：示例行若被直接导入会创建 `电子产品2/手机2` 两条演示数据；用户应按需删除/替换示例再填自己的数据。

.workbuddy/memory/2026-07-28.md

@@ -0,0 +1,53 @@
+# 2026-07-28 工作日志
+
+## 货物类型导入模板美化
+- 文件：`src/views/base/cargo-type.vue` 的 `handleTemplate()`
+- 改动（第一次）：表头行加主色底色 `#409EFF` + 白色加粗字体 + 居中对齐 + 细边框；行高 42。
+- 改动（调整后）：按用户反馈，表头底色改为统一灰色 `#D9D9D9` + 黑色加粗字体，行高降为 30。
+- 导入失败明细 `decorateCargoTypeFailDetail` 调整：仅「导入失败原因」列字体红色；错误按 `A./B./C.` 编号，分号（；）隔开，并去掉后端重复的「第N行：」前缀；最终格式示例 `第2行：A.该货物类型编码已存在，请更换唯一编码`。
+- 验证：Node + exceljs 4.4.0 跑通生成逻辑，确认表头 fill/font/alignment/height、失败原因编号格式与红色字体均正确。
+
+## 货物类型导入失败明细 - 备注超长与标红强化
+- 确认需求：除「导入失败原因」列外，其他列一律不标红；已增加 decorator 清除所有非失败原因列红色字体（含类型列，不论对错）。
+- 失败原因按 A./B./C. 编号、分号（；）隔开；并优化：错误文本已包含规则说明时不重复拼接（避免「备注不能超过200字，备注不能超过200字」）。
+- 新增兜底：失败明细行若「备注」列文本长度 > 200 且失败原因未含备注错误，自动追加一条「备注不能超过200字」编号项（Node 验证通过）。
+- 后端根因（已读 /Users/gxwebsoft/JAVA/tms-erp-api-ws/blade-service/blade-system/.../CargoTypeServiceImpl.java）：validate() 用 throw 实现，一行多个错误时只抛第一个，备注超长校验（第238行）可能被前置的编码/名称/上级错误挡住，导致失败明细不显示备注原因。彻底方案需后端改收集式校验（列出全部错误），待用户确认是否改 Java。
+- **最终确认（样式）**：decorator 仅操作 G 列「导入失败原因」——黑色字体（argb `FF000000`）、无背景填充（fill→none）；其余列单元格样式/内容不修改。
+- **列宽修复（关键 bug）**：失败明细列宽之前全部失效，根因是 `CARGO_TYPE_FAIL_COL_WIDTH` 的 key 用了「类型/上级货物类型」等简写，而后端 `CargoTypeImportFailureExcel` 表头带 `*` 与括号说明（如 `*类型`、`上级货物类型（如为一级则不需填写）`），key 对不上导致走默认 18。已把 key 改为与后端表头完全一致，并恢复「给所有列设宽」逻辑。最终宽度：`*类型`16 / `上级货物类型（…）`22 / `上级货物类型编码（…）`26 / `*货物类型`18 / `*货物类型编码`18 / `备注`24 / `导入失败原因`70。Node 验证通过。
+- **事务性导入（后端改动）**：`CargoTypeServiceImpl.importCargoType` 加 `@Transactional(rollbackFor=Exception.class)`，逐条 validate+save 后若有任一失败则 `TransactionAspectSupport.currentTransactionStatus().setRollbackOnly()` 回滚整批，实现"全部正确才入库，任一错误则一条都不存"。需重新编译部署 tms-erp-api-ws 后端生效。
+
+## 国标 GB-T 42820-2023 数据 → cargo-type 导入（分析+转换）
+- 源文件：`/Users/gxwebsoft/Downloads/副本货物类型导入模板_模拟数据(1).xlsx`，单 Sheet，A1 是标题，真实表头在第 2 行。
+- 源列：一级编码(A,2位)、一级类型(B)、二级编码(C,仅序号)、二级类型(D)、完整国标编码(E,4位)、一级类型/编码(F)、(G空)、(H标注不可靠)。
+- 关键规则：二级真实编码 = E 列后 2 位，必须**忽略 C 列序号**；E 前 2 位 = A。116 行全为二级明细，唯一一级 19 个（01-99）。无重码、名称≤14字、无备注。
+- 映射：系统 6 列模板（`*类型`/`上级货物类型（…）`/`上级货物类型编码（…）`/`*货物类型`/`*货物类型编码`/`备注`）。一级行=类型一级、上级空、名称=B、编码=A；二级行=类型二级、上级名称=B、上级编码=A、名称=D、编码=E。
+- 已生成预览/导入文件（按系统模板表头，编码列设文本格式）：`/Users/gxwebsoft/VUE/tms-erp-web-ws/import-cargo-type/货物类型导入_一级.xlsx`（19 条）、`货物类型导入_二级.xlsx`（116 条）。
+- 用户确认：一级+二级都导、手动页面上传、测试/空环境直接导。导入动作由用户在系统"货物类型-批量导入"完成（两阶段：先一级后二级）。
+- 后端导入机制补充（读 CargoTypeServiceImpl.importCargoType）：逐行 build→validate→save，挂 @Transactional；二级父级解析走 `findParentByCode` 查库。因同事务同连接，前面已 save 的一级对后续二级查询可见 → **单文件（一级行严格在前、二级在后）也能一次性成功**。但整法"全有或全无"：任一失败行触发 setRollbackOnly 回滚整批。分两文件主要规避"顺序依赖+全批回滚"两风险。
+- 已新增单文件版：`/Users/gxwebsoft/VUE/tms-erp-web-ws/import-cargo-type/货物类型导入_单文件(一级在前).xlsx`（一级19条在前+二级116条在后，共135数据行）。
+- 美化：对 import-cargo-type 下 3 个 xlsx 表头统一加样式（灰底 #D9D9D9 + 黑色加粗居中 + 细边框 #D0D7E2 + 行高30），数据区细边框、编码列文本格式、列宽适配长表头；表头文字保持不变以兼容后端解析。
+- 重新美化（按原始模板蓝色主题）：提取 Downloads/副本货物类型导入模板_模拟数据(1).xlsx 样式（表头 #0070C0 蓝底白字微软雅黑11居中、数据行 #EBF1F8 浅蓝黑字微软雅黑10、边框 #D9D9D9 细线、表头行高24→因我表头更长设为30、数据行高19），应用到 3 个导入文件。注意：原始第1行是标题"GB-T 42820-2023…"，但导入文件必须表头在 row1（后端按 row1 读），故不照搬标题行，只复用表头+数据行样式。
+
+## 模板下载改静态资源 + 导入两遍法加固（本次）
+- 模板下载：`cargo-type.vue` 的 `handleTemplate()` 不再用 exceljs 本地生成 2 行示例，改为 fetch 工程内置静态文件 `public/cargo-type-import-template.xlsx`（内容=已生成的标准"单文件一级在前"模板，含一级19类+全部二级示例），下载名仍为 `货物类型导入模板.xlsx`。base 用 `import.meta.env.BASE_URL`（当前 `/`）拼路径，无需后端 export-template 接口、离线可用。
+- 后端加固（`CargoTypeServiceImpl.importCargoType`）：由单遍逐行改为两遍法——第一遍先 validate+save 全部一级，第二遍再解析父级并 save 全部二级；父级解析仍走 `findParentByCode` 查库（第一遍已入库，同事务可见）。目的：让"完整导入"不受 Excel 行顺序影响（即使某二级行排在所属一级之前也不会整批失败）；事务边界（`@Transactional` + 任一失败 `setRollbackOnly` 整批回滚）与失败明细 Excel（表头=CargoTypeExcel+导入失败原因，与前端 decorator 列宽 key 完全一致）保持不变。
+- 注意：后端 Java 改动未在本机编译，需在 tms-erp-api-ws 重新编译部署生效；校验文案（请选择货物类型级别/货物类型编码格式不正确/二级编码前2位必须与上级货物类型编码一致/该货物类型编码已存在/该上级下已存在同名货物类型/货物类型名称不能超过50字符/备注不能超过200字）保持不变以匹配前端 `CARGO_TYPE_FAIL_RULES`。
+
+## 货物类型页面搜索区紧凑化 + 展开/收缩功能
+- **文件**: `src/views/base/cargo-type.vue` + `src/option/base/cargo-type.js`
+- **改动**: 搜索区域紧凑化改造——两个搜索字段（类别、货物类型编码）改为单行并排（searchSpan:12）；添加展开/收缩功能，默认收缩状态，通过 searchMenuSlot 在查询/重置按钮后追加「展开/收起」切换按钮（带箭头图标动画）；option 配置中 searchShow 默认 false、searchMenuSlot 启用、移除 searchIcon。
+
+## cargo-type 搜索区重构为自定义紧凑单行搜索栏
+- **文件**: `src/views/base/cargo-type.vue` + `src/option/base/cargo-type.js`
+- **改动**: 将 Avue 默认搜索表单完全替换为自定义紧凑单行搜索栏（对齐设计稿截图风格）：
+  - 左侧：`el-select` 类型下拉（选择类型）+ `el-input` 搜索输入框（搜索分类名称，带搜索图标按钮）
+  - 右侧：添加分类（主色按钮）、批量导入、批量删除操作按钮
+  - 隐藏 Avue 内置搜索（`searchShow: false`），移除 `menu-left` 插槽中的按钮
+  - 新增 `handleCompactSearch` 方法，支持回车/点击/清除/下拉切换触发搜索，keyword 映射为 `cargoName` 参数
+  - 引入 Element Plus 图标组件（Search, Plus）
+  - 样式：flex 单行布局、轻量阴影 `0 2px 8px rgba(0,0,0,0.06)`、select 160px / input 280px 固定宽度
+
+## cargo-type 操作按钮恢复（导出/模板）
+- 紧凑搜索栏重构时误删了「下载模板」「批量导出」两个按钮（原在 menu-left 插槽）。
+- 已重新加回按钮区：添加分类、批量导入、下载模板（`cargo_type_template`+`handleTemplate`）、批量导出（`cargo_type_export`+`handleExport`）、批量删除。
+- `handleExport` / `handleTemplate` 方法始终未删，仅缺按钮入口，现已恢复。

.workbuddy/memory/2026-07-29.md

@@ -0,0 +1,28 @@
+# 2026-07-29 工作日志
+
+## cargo-type 顶部按钮区优化
+- **文件**: `src/views/base/cargo-type.vue` + `src/option/base/cargo-type.js`
+- **改动**:
+  1. 新增按钮文字 `添加分类` → `新增`（与截图一致）
+  2. 为 4 个按钮补齐 Element Plus 图标：批量导入(Upload)、下载模板(Download)、批量导出(Download)、批量删除(Delete)，均带 `el-icon--left`
+  3. 图标导入注册：`import { Plus, Upload, Download, Delete }`（移除不再需要的 Search），components 同步注册
+  4. 补充规范样式：`:deep(.basic-container__card) > .el-card__body { padding: 0 }`
+
+## cargo-type 按钮迁移至 menu-left + 移除紧凑搜索栏（本次）
+- **用户要求**：功能按钮从自定义紧凑搜索栏迁移到 avue-crud 的 `menu-left` 插槽（表格工具栏右侧），同时删除自定义紧凑搜索栏，恢复 Avue 原生搜索。
+- **模板改动**：
+  - 删除整个 `.compact-search` 自定义搜索栏 div（含 el-select + el-input + 按钮）
+  - 在 `<avue-crud>` 内新增 `<template #menu-left>` 插槽，放置全部 5 个按钮（新增/批量导入/下载模板/批量导出/批量删除）
+- **Option 改动**：`searchShow: false` → `searchShow: true`，恢复 Avue 原生搜索表单（类型 radio + 货物类型编码 input）
+- **清理**：移除 `Search` 图标导入、`handleCompactSearch()` 方法、`.compact-search` 相关样式、隐藏 `.avue-crud__search-btn` 规则
+- **确认无需改动项**：操作列(220px)、分页组件布局均符合规范
+
+## cargo-type 导出逻辑修复 + 去重新增按钮（本次）
+- **导出逻辑**：`buildExportParams()` 移除 `ids` 参数拼接，始终按当前搜索条件导出（不再受勾选行影响）
+- **去重新增按钮**：Avue 内置 addBtn 由 `validData(permission, false)` 改为 `false`，隐藏内置"新增"按钮；仅保留 `menu-left` 插槽中带图标的"新增"按钮
+
+## cargo-type 查看/编辑"请求未完成"修复（本次）
+- **现象**：点击查看/编辑弹窗不打开，提示"请求未完成，请联系管理员"（该文案前端/后端 Java 源码均无字面匹配，疑似网关或全局异常统一包装的报错）。
+- **根因**：`beforeOpen` 中对 view/edit 调用 `getDetail(this.form.id)` 重新拉取详情，但 `done()` 仅在 `.then` 内调用；该请求一旦失败/超时 → `done()` 不执行 → 弹窗卡死 + 拦截器 toast 报错。且 `getDetail` 本身冗余：列表 `selectCargoTypePage` 已直接返回完整 `CargoTypeVO`（id/typeLevel/parentId/parentCargoName/cargoName/cargoCode/remark 等全字段），Avue 打开弹窗前已把整行填充进 `this.form`。
+- **修复**：删除 `beforeOpen` 中 view/edit 分支的 `getDetail` 调用，改为直接复用 Avue 已填充的 `this.form`，仅保留 `ensureParentOption(this.form)` + `syncColumnDisplay()` + `done()`；同步移除 `getDetail` 的 import（api 文件中的导出保留勿删）。
+- **副作用消除**：查看/编辑不再发 detail 请求，彻底规避该接口失败导致的卡死与报错。若后续确需"打开时拉最新数据"，需先排查后端 `/blade-system/cargo-type/detail` 为何报错（网关默认只拦 actuator/health，detail 不在拦截名单）。

.workbuddy/memory/2026-07-31.md

@@ -0,0 +1,124 @@
+# 2026-07-31 工作记录
+
+## 货物类型（/base/cargo-type）批量导入「全或无」改造
+
+- 需求：批量导入时只要任一行报错，整批都不入库，并返回失败明细 Excel。用户在「事务 vs 校验」之间选了"全或无 + 推荐方案"。
+- 结论（已落地）：**全量预校验 + 单事务兜底**，而非纯事务或纯校验二选一。
+- 后端仓库：`/Users/gxwebsoft/JAVA/tms-erp-api-ws`（BladeX，本仓库 tms-erp-web-ws 是纯前端，无 Java）。
+- 改动文件：`blade-service/blade-system/.../service/impl/CargoTypeServiceImpl.java`（仅此一文件，未动 Controller/前端）。
+- 实现要点：
+  - `importCargoType` 拆为两阶段：阶段一 `validateImportAll`（只读，不写库）→ 任一失败直接返回失败明细、整批不入库；阶段二 `saveImportAll` 全部通过后才在 `@Transactional` 内统一写库（兜底防半截入库）。
+  - 补上原缺失的校验：文件内编码全局去重、一级名称去重、二级(同上级)名称去重；二级父级解析同时支持 DB 与"文件内一级映射"（解决"单文件一级在前"场景，二级引用同文件的一级）。
+  - 原代码其实已是 `@Transactional + setRollbackOnly`，但"边校验边写库"且缺文件内去重/父子引用校验；本次重构成更干净的预校验优先。
+- 前端无需改动：`src/views/base/cargo-type.vue` + `utils/import-excel.js` 已支持失败明细 Excel 下载与 `decorateCargoTypeFailDetail` 装饰。
+- 验证：本环境无 maven，无法编译；已做静态核对（imports/方法/字段/括号完整，无 TransactionAspectSupport 残留）。需在本地 `mvn -pl blade-service/blade-system compile` 确认。
+- 遗留小问题（非本次引入，可选优化）：后端二级编码前缀报错文案为"货物类型编码前2位必须与上级货物类型编码一致"，而前端 `CARGO_TYPE_FAIL_RULES` 匹配的是"二级编码前2位必须与上级货物类型编码一致"，二者不完全一致，导致该错误前端不会追加规则说明（仍会显示原因）。可后续对齐文案。
+
+## cargo-type 分页隐藏「首页/上一页/下一页/尾页」
+
+- 根因：页面有两套分页——有数据时用 `avue-crud` 自带分页（默认 layout `total, sizes, prev, pager, next, jumper`，原生上一页/下一页来自这里）；无数据时用共享组件 `<empty-pagination>`（layout 写死同样带 prev/next）。「首页/尾页」按钮不是 Avue/EP 原生的，而是全局增强器 `src/utils/pagination.js` 的 `setupPaginationEnhancer()`（main.js 第 98 行全局启用）扫描所有 `.el-pagination`，在 `.btn-prev` 前插「首页」、`.btn-next` 后插「尾页」。
+- 关键机制：增强器只在存在 `.btn-prev/.btn-next` 时才注入首页/尾页。因此去掉分页 layout 里的 prev/next，首页/尾页就不会被注入。
+- 改动（仅 `src/views/base/cargo-type.vue`，未碰共享组件）：① `page` 数据加 `layout: 'total, sizes, pager, jumper'` 处理有数据状态；② 新增 scoped `:deep(.avue-crud__pagination)` 规则隐藏 `.btn-prev/.btn-next/.erp-pagination-first/.erp-pagination-last`，覆盖无数据时的 empty-pagination 状态。
+- 注意：`empty-pagination` 被 16+ 页面共用，本次未改它的默认 layout，避免影响其它页面。如需其它页面也隐藏，应给该组件加 `layout` prop 而非改默认值。
+
+## 全站分页统一隐藏「首页/上一页/下一页/尾页」（接上一条）
+
+- 用户要求全站统一。逐页改不现实（empty-pagination 被 16+ 页共用，还有大量 avue-crud 自带分页），改为**集中两处全局改动**：
+  1. `src/utils/pagination.js`：删除全局增强器对「首页/尾页」按钮的注入（保留「跳转」）；同步精简 `updatePaginationButtons`（不再处理 first/last disabled）。
+  2. `src/styles/element-ui.scss`：新增全局规则 `.el-pagination { .btn-prev, .btn-next { display: none !important } }`，统一隐藏原生「上一页/下一页」。
+- 因此**回退了 cargo-type.vue 之前的两处页面级改动**（`page.layout` 与 scoped 隐藏样式），避免与全局方案两套机制并存；cargo-type 现由全局方案统一接管。
+- 效果：全站所有 el-pagination（含 avue-crud 自带分页与 empty-pagination）均只保留「总条数/每页条数/页码/跳转」，首页/上一页/下一页/尾页全部隐藏；「跳转」按钮保留。
+- 风险点：全局 `display:none !important` 会影响所有分页，符合"全站统一"诉求；如后续某页面需恢复导航按钮，需针对该页用更高优先级样式覆盖或单独处理。
+
+## 全站搜索按钮文案统一
+
+- **文件**: `src/lang/zh.js`、`src/lang/en.js`
+- **改动**:
+  - `tagsView.search`: `搜索` → `查询`（中）/ `Search` → `Query`（英）
+  - `crud.filter.resetBtn`: `清空条件` → `重置`
+- **影响范围**: 全站所有 Avue CRUD 搜索栏按钮自动生效（通过 i18n 全局配置）
+- **排除**: 地图搜索、日志清空等非 CRUD 场景的按钮文案保持不变
+
+## 全站操作栏按钮隐藏图标
+
+- **文件**: `src/styles/element-ui.scss`
+- **改动**: 新增全局 CSS 规则 `.avue-crud__menu .el-button--text i, .avue-crud__menu .el-button i { display: none !important }`
+- **效果**: 全站所有 Avue CRUD 操作列（查看/编辑/删除等）按钮前的图标统一隐藏，仅保留文字
+- **方案选择**: CSS 全局覆盖，无需逐个修改 option 配置文件
+
+## 全站操作栏按钮紧凑间距
+
+- **文件**: `src/styles/element-ui.scss`
+- **改动**: 新增全局规则 `.avue-crud__menu .el-button { margin-left: 4px; margin-right: 0; padding: 0 4px }`
+- **效果**: 全站 CRUD 操作列按钮统一为 4px 间距 + 4px 内边距，与 cargo-type 一致
+
+## 全站操作列宽度统一为 160px
+
+- **目标**: 参考 cargo-type（menuWidth: 160）的紧凑效果，全站统一操作列宽度
+- **改动**: ① `src/main.js` 全局默认 `menuWidth` 由 220 改为 160；② 批量将 src 下 72 处 option/vue 里显式 `menuWidth: 数字` 统一替换为 `menuWidth: 160`
+- **影响范围**: 全站所有 Avue CRUD 操作列（含自定义 menu 插槽列，menuWidth 仍控制该列宽度）
+- **风险**: 原部分页面操作按钮较多（如 tenant/customer-archive 等曾配 380~420），统一 160px 后若按钮数 > 3 可能出现换行/溢出；如某页溢出需单独放宽或精简按钮
+
+## 全站操作列内容左对齐
+
+- **文件**: `src/styles/element-ui.scss`
+- **原因**: cargo-type 用自定义 `#menu` 模板默认左对齐；其他页面用 Avue 内置菜单（viewBtn:true）默认右对齐
+- **改动**: 新增 `.avue-crud .el-table td .cell.avue-crud__menu { text-align: left }`
+- **效果**: 全站操作列统一左对齐
+
+## 顶部工具栏工具全部隐藏
+
+- **文件**: `src/config/website.js` + `src/page/index/top/index.vue`
+- **改动**: ① website.js `setting` 新增/关闭 `theme:false`、`debug:false`、`lang:false`、`settingBtn:false`（原 theme/debug 仍为 true）；② index.vue 给 `<top-lang>` 加 `v-if="setting.lang"`、`<top-setting>` 加 `v-if="setting.settingBtn"`
+- **效果**: 顶部工具排仅保留用户头像+姓名下拉（含退出登录）；语言切换/设置齿轮/日志/皮肤图标均隐藏
+- **默认主题**: `src/store/modules/common.js` 第 21 行 `themeName` 默认改为 `theme-d2`（已登录用户若 localStorage 存过旧主题需手动切一次或清存储）
+
+## 欢迎页（/wel/index）重设计为 TMS-ERP 业务仪表盘
+
+- **文件**: `src/views/wel/index.vue`（整文件重写，移除 Saber 默认营销内容）
+- **设计**: 浅色 d2 主题风，纯 SVG/CSS 自绘图表（项目无 echarts，零依赖）
+- **模块**: ① 问候横幅(用户名+日期+新建运单按钮) ② 4 张核心指标卡(今日运单/在途运输/待办事项/运力车辆,含环比) ③ 运单趋势(SVG柱状,近7日) ④ 货物类型分布(SVG环形donut) ⑤ 运输方式占比(横向条) ⑥ 预警提醒列表 ⑦ 快捷入口网格(跳真实路由)
+- **数据**: 全 mock，data() 中每项标注对应后端接口（如 /blade-business/waybill/count、/trend、/cargoStat 等），后续替换真实接口即可
+- **预览**: `npm run build` 通过；dev server `http://localhost:2889/`
+- **注意**: 快捷入口 path 依据 views 目录结构推断（/business/waybill-manage 等），需与后端菜单 path 一致才能跳转
+
+## 图标悬停圆形背景效果示例
+
+- 按用户提供的两张截图（T 恤默认图标 / 铃铛带圆形背景图标），实现了一个悬停时显示浅灰圆形背景的图标按钮效果。
+- 产物: `/Users/gxwebsoft/VUE/tms-erp-web-ws/icon-hover-demo.html`（含 CSS 核心代码与 Element Plus 用法示例）。
+
+## 顶栏 T 恤图标悬停效果落地
+
+- 用户要求把悬停圆形背景效果运用到顶部状态栏的 T 恤图标（实际指向主题图标位置 `<i class="icon-zhuti">`）。
+- 改动文件: `src/page/index/top/top-theme.vue`
+  - 模板：将 `<i class="icon-zhuti" @click="open">` 替换为内联 SVG T 恤（保留 `@click="open"` 打开主题选择弹窗）。
+  - 样式：新增 scoped `.top-theme-icon`，`::before` 浅灰圆形背景 `#f2f3f5`，默认 `scale(0.6) opacity(0)`，hover/focus 弹性放大到 `scale(1)`，图标 `z-index:1` 压在上层。
+  - 调整：用户反馈 T 恤图标在顶栏中上下不居中，把 `.top-theme-icon` 由 `display:flex; height:100%` 改为 `display:inline-flex; vertical-align:middle; width:32px; height:32px`，使其与右侧头像/用户名在同一水平中线。
+  - 注意：该组件受 `website.setting.theme` 控制（之前曾设为 false 隐藏），若顶栏未显示主题图标，需确认 website.js 中 `setting.theme` 为 true。
+
+## 顶栏头像触发下拉菜单（hover）
+
+- **需求**: 鼠标移到头像（top-bar__img）也能触发下拉，行为与点用户名一致。
+- **文件**: `src/page/index/top/index.vue`
+- **改动**:
+  1. 把 `<img class="top-bar__img" :src="userInfo.avatar">` 从 el-dropdown 外的同级节点，移入 el-dropdown 触发区（`<span class="el-dropdown-link">`）内。
+  2. 给 `<el-dropdown>` 加 `trigger="hover"`，让头像+姓名整体支持 hover 触发。
+  3. scoped 样式新增 `.top-user__trigger`（inline-flex / padding 4px 8px / hover 浅灰背景 rgba(0,0,0,0.04)），并把 `.top-bar__img` 自身 `margin` 改为 `0 5px 0 0` 配合新容器。
+- **效果**: 鼠标悬停在头像或姓名任一处都会展开下拉；保留 `:hide-on-click="false"`（菜单内点击不收起，el-tooltip 等仍可交互）。
+- **注意**: 若用户后续希望「hover 触发」仅作用于头像、不影响姓名点击行为，需把姓名部分移出 el-dropdown 触发区；当前实现是统一行为。
+
+## 全站 avue-crud 弹窗内部滚动高度统一
+
+- **需求**：/business/process-config 与 /base/cargo-type 表单弹窗滚动高度不一致（process-config 用 dialogWidth:'96%'+dialogTop:'10px' 且内容很长被撑爆；cargo-type 用 dialogWidth:760 窄窗），要求全站统一。
+- **关键结论**：@smallwei/avue 3.9.2 的 avue-crud **没有 `dialogHeight` 属性**（源码 avue.js 中无此字符串；dialogTop 默认值为 "0"）。逐个 option 设 dialogHeight 不可行，故延续本项目「全局 CSS 统一」范式（见上「全站操作栏按钮」等先例）。
+- **改动文件**：`src/styles/element-ui.scss`（全局生效，被 common.scss 通过 `@use './element-ui.scss'` 引入）
+- **新增规则**：`.avue-crud__dialog .el-dialog__body { max-height: calc(100vh - 200px); overflow-y: auto; }`
+- **效果**：全站所有 Avue CRUD 弹窗（含 process-config、cargo-type）的 body 在 `calc(100vh - 200px)` 内滚动，内容超长时在窗内滚动而非撑爆整窗；矮弹窗不受影响（max-height 仅为上限）。
+- **验证**：已 `pnpm build` 后台运行验证全站编译。
+
+## 顶部状态栏标题区加背景条
+
+- **需求**：给顶部状态栏（`.top-bar__title` 中间区域）加一条背景条，与白色头部区分。
+- **文件**：`src/styles/top.scss` 的 `.top-bar__title` 规则（原来背景是纯白 `#fff`，看不出边界）
+- **改动**：`background: rgba(64,158,255,0.12)`（品牌色淡底）+ `border-left: 4px solid #409eff`（左侧主色竖条），沿用项目主色 `#409eff`；文字保持深色 `rgba(0,0,0,0.85)`、搜索框可读。
+- **注意**：默认 light 主题（go/d2 等白底头部）效果好；dark 主题头部 `#2c3643` 下淡蓝条可能略冲突（原 `#fff` 背景在 dark 下本就冲突，属历史遗留），如需可给 dark 主题单独覆盖。

.workbuddy/memory/2026-08-04.md

@@ -0,0 +1,18 @@
+# 2026-08-04 工作记录
+
+## 撰写《AI 辅助编程规范与实战示例》文档
+- 应业主想了解"如何用 AI 编程"的需求，以 `src/views/base/cargo-type.vue`（货物类型模块）为实例，撰写对外说明文档。
+- 产出文件：`/Users/gxwebsoft/VUE/tms-erp-web-ws/AI辅助编程规范与实战示例.md`
+- 文档结构：协作流程总览 → AGENTS.md 规范条款 → cargo-type 模块实例拆解（三级文件分离、校验三处一致、审计字段用姓名、导入失败明细加工、样式规范）→ 人机协作人工兜底项 → 5 条经验 → 给业主的价值建议。
+- 文档引用了真实代码片段：cargo-type.vue / option / api / utils/import-excel.js，强调需求卡 + AGENTS.md + 复用 utils 三件套作为"单一事实来源"。
+
+## 生成 Word(.docx) 版本
+- 用 docx-js（managed node workspace）将《AI 辅助编程规范与实战示例.md》转成 Word 文档：`/Users/gxwebsoft/VUE/tms-erp-web-ws/AI辅助编程规范与实战示例.docx`。
+- 踩坑：docx-js 会在段落间注入非法空节点 `<0/>`（`<N/>`），导致 XML 不合法；后处理用正则剔除 `<\d+/>` 后重新校验通过。
+- 生成脚本：`/Users/gxwebsoft/.workbuddy/binaries/node/workspace/gen_doc.js`（含标题/表格/代码块/项目符号样式）。
+
+## 分页组件：上一页/下一页改为原生箭头图标
+- 需求：全站不隐藏上一页/下一页，改显示原生箭头图标；首页/尾页保持不注入。
+- 改动文件：`src/styles/element-ui.scss`（3 处历史遗留规则）、`src/utils/pagination.js`（注释同步）。
+- 删除的遗留规则：①隐藏原生 `.el-icon` 箭头；②用 `::before` 注入「上一页/下一页」文字；③整体 `display:none` 隐藏 `.btn-prev/.btn-next`。首页/尾页仍由 pagination.js 增强器不注入，且各页面 layout 无 first/last。
+- 效果：上一页/下一页显示 Element Plus 原生箭头（‹ ›），带边框与页码按钮视觉统一，hover 变主色，禁用态灰显。

.workbuddy/memory/2026-08-05.md

@@ -0,0 +1,63 @@
+# 2026-08-05 工作记录
+
+## 排查：改线上接口后前端"运行不了"（CORS 根因）
+
+- 现象：用户将 `.env.development` 的 `VITE_APP_API` 改为 `http://172.16.203.228:8000/api`（直连线上/测试后端）后仍运行不了。
+- 根因：Saber3 的 axios 配了 `withCredentials = true`（`src/axios.js:79`）。该后端（openresty + blade-gateway）对跨域请求返回 `Access-Control-Allow-Origin: *` 且 `Access-Control-Allow-Credentials: true`，浏览器规定 credentials 模式下 Allow-Origin 不能是 `*`，非法组合会被直接拒绝 → 所有接口失败。
+- 之前用 `/api` 能跑是因为走 Vite 代理，浏览器请求同源 localhost:2888，不触发跨域。
+- 已改动：
+  1. `.env.development` 的 `VITE_APP_API` 改回 `/api`，并加注释说明两种模式。
+  2. `vite.config.mjs` 的 `server.proxy['/api']` target 改为 `http://172.16.203.228:8000`，并去掉 `rewrite` 去掉 `/api` 的逻辑（保留 `/api` 前缀，对齐 openresty 期望路径）。
+- 注意：改 `.env` / `vite.config.mjs` 后必须重启 `npm run dev`（Vite 启动时加载环境变量，运行中改动不会热更新）。
+- 若确需直连绝对地址（如生产/部署）：必须让后端 CORS 把 Allow-Origin 改为具体前端域名（blade-gateway 的 CorsConfig 用 `setAllowedOriginPatterns` 或显式域名），不可用 `*` 配合 credentials。
+
+## 调整：货物类型导入失败原因展示格式
+
+- 文件：`src/views/base/cargo-type.vue`
+- 修改 `decorateCargoTypeFailDetail`：
+  - 移除「第N行：」前缀；
+  - 失败原因编号从 `A. B. C.` 改为 `1. 2. 3.`；
+  - 备注超长兜底提示也同步使用数字编号。
+
+## UI 优化：客商档案弹窗「基本信息」分组（vehicle/customer-archive.vue）
+
+- 背景：原弹窗「基本信息」是一整块 `el-row` 平铺 20 个字段，信息密度过高。
+- 方案（与用户确认）：采用「分区标题平铺 + 浅色背景块」而非嵌套卡片（契合 AGENTS.md 去卡片化哲学；全局 `.dialog-section-title` 已自带 4px 主色竖条）。
+- 改动：
+  - 模板：将单一 `el-row` 拆分为 4 个 `.archive-form__group`：工商信息 / 联系信息(3项 span=8) / 财务·信用信息 / 其他信息(备注 span=24)；字段顺序重组但全部保留，地址、备注保持 span=24。
+  - 样式：新增 `.archive-form__group`（#fafafa 背景、8px 圆角、16px/20px 内边距、组间距 16px），子标题复用 `.dialog-section-title`（14px/500）。
+- 校验：@vue/compiler-sfc 解析 0 错误；标签闭合平衡。
+- 注：此前讨论中提及的「Tab 内容加内边距」「材料区标题竖条」未纳入本次（材料区已用 dialog-section-title）；如需可后续追加。
+
+## 排查：分页「上一页/下一页原生箭头」样式被还原
+
+- 现象：昨日（08-04）已对 `src/styles/element-ui.scss` 三处历史遗留规则做删除（隐藏 `.el-icon` 箭头、用 `::before` 注入「上一页/下一页」文字、整体 `display:none` 隐藏 `.btn-prev/.btn-next`），今早用户反馈效果被覆盖。
+- 排查：重新 Grep 确认 `element-ui.scss` 三处原隐藏规则全部恢复成原始状态；而 `src/utils/pagination.js` 的注释（"统一展示为原生箭头图标"）未被还原，说明只有该样式文件被外部覆盖（疑似 git 还原 / 重新拉取 / 某生成流程），并非逻辑层问题。
+- 已重新逐条应用三处删除（单条提交，避开并行编辑的缓存冲突），并验证无遗留 `display:none`/`content:'上一页'`；`pagination.js` 无需再改。
+- 提醒：`element-ui.scss` 若处于版本控制或生成流程中，可能被再次还原；如需长期生效，建议把该改动提交入 git，或排查是否有自动覆盖该文件的脚本。
+
+## UI 调整：Avue CRUD 弹窗内容区背景改为灰色 #f5f6fa
+
+- 文件：`src/styles/element-ui.scss` 第 225 行附近 `.avue-crud__dialog .el-dialog__body`
+- 改动：在原 `max-height`/`overflow-y` 规则中新增 `background: #f5f6fa;`
+- 范围：**全局生效**（所有 Avue CRUD 弹窗的内容区都会变灰）。起因是用户想在货物类型（cargo-type）新增弹窗用灰底衬托。
+- 注意：弹窗默认 `append-to-body`，scoped 样式选不到；如需仅货物类型单页变灰，需给 option 加 `dialogCustomClass` 再单独写选择器。用户未要求收窄，暂保持全局。
+
+## UI 改造：project-apply 弹窗灰底+白卡片布局
+
+- 文件：`src/views/business/project-apply.vue`
+- 需求：弹窗背景色 `#f5f6fa`，每个分组区域用白色卡片
+- 改动：
+  - 弹窗 body（global 选择器）：加 `background: #f5f6fa`
+  - `__grid`、`__table`、`__textarea-list`、`__material-head`、`__upload`、`__change-textarea` 统一加白底 + 6px 圆角 + 极淡阴影 + 内边距
+- 效果：灰蓝底弹窗上浮白色分组卡片，与客商档案弹窗的「灰色分组块+白色内层卡片」方案一致
+
+## 二次优化：project-apply 分区标题也包进白色卡片
+
+- 文件：`src/views/business/project-apply.vue`
+- 需求：把「项目基本信息」这类分区标题也装进白色卡片内（标题+内容合一张白卡）
+- 改动：
+  - `.dialog-section-title`（排除 material 标题）加白底 + 上圆角 `6px 6px 0 0` + `z-index:1`，紧接内容块
+  - `__grid`/`__table`/`__textarea-list`/`__change-textarea` 圆角改为下圆角 `0 0 6px 6px`，与标题拼接成完整白卡
+  - 材料区（`__material-head`/`__upload`）标题与按钮本就在白卡内，不受影响
+- 纯 CSS 改动，未动模板结构；用 `:not()` 排除材料标题避免破坏既有布局

.workbuddy/memory/2026-08-06.md

@@ -0,0 +1,116 @@
+# 2026-08-06 工作日志
+
+## 全站表格操作列文字链接统一为蓝色
+- 需求：客户档案页（/vehicle/customer-archive）操作列颜色统一蓝色，且全站统一风格。
+- 实现：在 `src/styles/element-ui.scss` 新增全局规则，覆盖 Avue `#menu` 槽位（`.avue-crud__menu .el-link`）与手写表格操作列（`.el-table .el-table__body .cell:has(.el-link) .el-link`）中所有 `el-link` 的 `--el-link-text-color` / hover / active / disabled 变量为主色 `#409eff` 及其浅/深色，从而把 warning/success/danger 等类型强制转蓝。
+- 单点生效，无需逐页改 `type`。dev server(2888) 已运行会热更新。
+- 注意：选择器以「表格体内含 el-link 的单元格」为目标，本仓库表格内 el-link 仅用于操作列，无副作用；若未来某数据单元格用 el-link 作强调色需另行排除。
+
+## 运输计划调度弹窗 UX 分析
+- 完成 `/business/transport-plan` 调度弹窗的 UX 审查，对比 project-apply 页面风格
+- 输出 6 项改进方案（P0-P5），核心问题为缺少灰底(#f5f6fa)+白卡(section-card)分组设计模式
+- 所有改动集中在 `business-crud-page.vue` 一个文件
+- 待用户确认后实施第一阶段（P0灰底 + P1白卡分组）
+
+## 已实施的改进（全部在 business-crud-page.vue）
+- P0: `__dispatch-dialog` 的 `.el-dialog__body` 改为 `padding:16px; background:#f5f6fa; overflow-y:auto`（原 padding:0）
+- P1: 调度弹窗三块分区用全局 `<section-card>` 包裹：基本信息 / 收发货路线 / 待调度列表；"新增"按钮+汇总文字移入列表卡 `#extra` slot
+- P2: `__dispatch-route-line` 由黑色实线改为 `#409EFF` 虚线 + 箭头（主色方向感）
+- P3: 待调度列表纳入白卡容器（随 P1 完成）
+- P4: 调度表操作列 `width` 180→220 预留扩展
+- P5: `__dispatch-footer` 增加 `border-top` + padding/margin-top 分隔
+- 旧 `__dispatch-list` / `__dispatch-top`(border-bottom/32px padding) 样式已清理；section-card 已全局注册，无需 import
+- 验证：SFC 模板单独编译通过（6 处 section-card 引用配对平衡）；完整 vite build 仍因预存 `xlsx` 幽灵依赖（pnpm 未装）失败，与本次改动无关
+- 注意：本项目完整 build 依赖 `xlsx@0.18.5`（package.json 有声明但 node_modules 缺失），属环境预存问题，非本次引入
+
+## 运输计划调度弹窗二次视觉紧凑化
+- 客户反馈：弹窗“空、不紧凑、内容多但不好看”
+- 改动仍集中在 `business-crud-page.vue`
+- 模板：
+  - 标题与单号/状态标签合并到同一行，移除 `|` 分隔符
+  - 基本信息与收发货路线由左右双列改为上下堆叠的白卡，各自独占一行
+  - 基本信息网格改为 4 列：客户 / 项目 / 合同编号 / 计划执行时间；货物信息占 2 列；附件独占一行
+  - 日期展示由 `-` 改为 ` ~ `，更明确是区间
+  - 路线改为“横向节点 + 下方双列明细”：起点/终点徽章+名称居中，发货地址/收货地址左对齐分两列，避免居中留白
+- 样式：
+  - 顶部标题字号 22px→18px，顶部 padding 22px→0
+  - 信息标签字号 14px→12px、颜色 #666→#909399，值行高 1.45→1.4
+  - 基本信息网格 3 列/48px 列间距/18px 行间距 → 4 列/24px 列间距/12px 行间距
+  - 路线徽章 46px→32px、字号 16px→13px、圆角 6px→4px
+  - 路线标题字号 22px→16px，取消居中，最长名称省略
+  - 路线区域取消 `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 与手写操作列），仅作用于操作列链接，不修改普通数据单元格。

.workbuddy/memory/2026-08-07.md

@@ -0,0 +1,198 @@
+# 2026-08-07 工作日志
+
+## 修复车辆/船舶/司机管理「所属组织」列前导空格
+- 症状：车辆管理列表截图中「所属组织」列值左侧有明显缩进空格。
+- 根因：组织下拉选项构建时把带层级缩进（全角空格 `'　'.repeat(level)`）的字符串同时作为 `label` 和 `value`，保存到后端后表格直接回显该值，导致前导空格。
+- 改动：
+  - `src/views/transportCapacity/vehicle.vue`、`ship.vue`、`driver.vue`
+    - `flattenDeptOptions` / `formatDeptOptions`：`value` 改为无缩进的 `rawLabel`，`label` 仍保留缩进用于下拉层级展示。
+    - 表格增加 `#organizationName` 插槽，对 `row.organizationName` 去除前导半角/全角空白，兼容已入库的旧数据。
+  - `src/option/transportCapacity/transport-vehicle.js`、`transport-ship.js`、`driver.js`
+    - 「所属组织」列增加 `slot: true`，使自定义插槽生效。
+- 验证：通过 `git diff` 确认 6 个文件改动正确。
+
+## 调整司机管理到期筛选标签位置
+- 需求：截图反馈司机管理页「全部 / 30天内到期 / 已到期」三个筛选标签放在搜索表单右侧，占位突兀，希望与搜索/重置按钮同排或放到更合适位置。
+- 方案：参考 `business-crud-page.vue` 的 `#search-menu` 插槽，把筛选标签移到搜索菜单行（搜索/重置按钮同一排），标签居左、按钮居右。
+- 改动：
+  - `src/views/transportCapacity/driver.vue`
+    - `#expireStatus-search` 插槽改为 `#search-menu` 插槽。
+    - `.driver-page__expiry-tags` 增加 `order: -1`、`margin-right: auto`、`min-width: 0`，移除 `width: 100%` 和不再需要的响应式媒体查询。
+  - `src/option/transportCapacity/driver.js`
+    - 删除仅作为占位用的 `expireStatus` 隐藏搜索字段（`search: true`、`searchSpan: 6` 等）。
+- 说明：筛选逻辑仍通过 `query.expireStatus` + `handleExpireChange` 工作，不受字段删除影响；车辆/船舶管理页有相同布局，如需统一可复用该改法。
+- 验证：通过 `git diff` 确认改动正确。
+
+## 运输计划调度弹窗恢复左右分栏布局
+- 需求：客户提供「计划详情」参考截图，要求调度弹窗改回「左侧基本信息卡 + 右侧收发货路线卡」的左右分栏布局。
+- 改动：`src/views/business/components/business-crud-page.vue`
+  - 模板：把基本信息与收发货路线重新包进 `business-crud-page__dispatch-summary` 双列容器；左侧 `section-card` 内恢复 3 列网格（客户/项目/合同编号），货物信息占 2 列、计划执行时间占 1 列、附件独占一行；右侧 `section-card` 内恢复左右排列的起点/终点（徽章+名称+地址+联系人），中间用方向虚线连接。
+  - 样式：
+    - 外容器恢复 `grid-template-columns: minmax(0, 1.25fr) minmax(420px, 1fr)`，gap 16px，卡片等高拉伸。
+    - 基本信息网格恢复 3 列，列间距 16px、行间距 12px。
+    - 路线区恢复 `grid-template-columns: 1fr 56px 1fr`，徽章 32px，标题 16px，地址/联系人 13px，连接线 56px。
+    - 保留紧凑化后的字号/间距（标签 12px、值 14px），避免回到原先过松的状态。
+- 验证：`npm run build` 成功。
+
+## 运输计划调度弹窗基本信息改为 2 列
+- 需求：客户截图反馈左侧「基本信息」还嫌松，要求改为 2 列更紧凑。
+- 改动：`src/views/business/components/business-crud-page.vue`
+  - 模板：调整基本信息字段顺序为 客户/项目、合同编号/计划执行时间、货物信息（占满 2 列）、附件（占满 2 列）。
+  - 样式：`business-crud-page__dispatch-summary-grid` 从 `repeat(3, minmax(0, 1fr))` 改为 `repeat(2, minmax(0, 1fr))`，保持 gap 12px 16px。
+- 验证：`npm run build` 成功。
+
+## 运输计划调度弹窗路线连接改为车辆图标
+- 需求：客户希望把收发货路线中间的方向虚线换成车辆图标。
+- 改动：`src/views/business/components/business-crud-page.vue`
+  - 模板：把 `<div class="business-crud-page__dispatch-route-line" />` 替换为 `<div class="business-crud-page__dispatch-route-vehicle"><el-icon><Van /></el-icon></div>`。
+  - 样式：删除原 `&__dispatch-route-line` 虚线箭头样式，新增 `&__dispatch-route-vehicle`，使用主色圆形背景、白色 `Van` 图标，尺寸 36×36px，居中与路线节点对齐。
+- 验证：`npm run build` 成功。
+
+## 运输计划调度弹窗收发货路线视觉美化
+- 需求：客户反馈右上角「收发货路线」卡片仍不够美观，要求继续优化。
+- 改动：`src/views/business/components/business-crud-page.vue`
+  - 样式：
+    - 路线容器去掉 `padding-top`，改为 `align-items: center` 垂直居中。
+    - 起点/终点 item 改为 `align-items: center`，徽章从方角改为圆形，并加轻微阴影。
+    - 车辆图标改为白底 + 主色边框 + 主色 `Van` 图标，尺寸加大到 44×44px，两侧各延伸 20px 虚线，形成「路线」流动感。
+    - 城市名称限制单行并溢出省略，地址/联系人间距收紧、颜色变淡。
+- 验证：`npm run build` 成功。
+
+## 通知公告 /desk/notice 操作列加宽
+- 需求：客户截图反馈操作列中「查看、编辑、删除」三个文字链接被挤成两行，要求加宽。
+- 改动：`src/views/desk/notice.vue`
+  - 在 Avue CRUD option 中新增 `menuWidth: 220`，使操作列可在一行容纳三个操作链接；符合项目样式规范「三个操作按钮时宽度不小于 220px」。
+
+## 全仓表格操作列宽度统一（≤3 按钮统一 180）
+- 需求：客户提供新截图，要求所有操作按钮 ≤3 个的表格操作列统一宽度为 180；>3 个按钮保持 320。
+- 核心改动：
+  - `src/utils/table-menu.js`：`TABLE_MENU_WIDTH` 的 `default` 与 `three` 都从 160/220 统一改为 180，`four` 保持 320；`resolveTableMenuWidth` 逻辑不变。
+  - `src/main.js`：全局 `crudOption.menuWidth` 从 160 改为 180，覆盖未显式设置 menuWidth 的 Avue CRUD 页面。
+  - `src/views/desk/notice.vue`：`menuWidth` 从 220 改为 180。
+  - `src/option/business/process-config.js`：`menuWidth` 从 200 改为 180。
+  - `src/views/system/param.vue`：手写 el-table 操作列宽度从 220 改为 180。
+  - 批量替换：对 44 个显式设置 `menuWidth: 160` 的 `.vue` / `.js` / `const/*.js` 文件统一改为 180（含部分文件内多处）。
+- 验证：`npm run build` 成功（exit code 0）。
+
+## 角色管理 /authority/role 操作列改 180
+- 需求：用户明确要求把 /authority/role 页面操作列宽度设为 180（该页面此前设为 320，因含「查看/编辑/删除 + 权限设置」自定义菜单）。
+- 改动：`src/views/authority/role.vue`
+  - option 内联 `menuWidth: 320` 改为 `menuWidth: 180`。
+
+## 全站操作列按钮统一为链接（el-link）风格
+- 需求：用户要求「操作栏里的按钮改成链接的方案，全站风格统一」，并先确认了对功能是否有影响。
+- 调研结论（关键）：全仓手写 el-table 操作列（10 个文件、约 28 列）与 53 个 avue-crud 自定义 `#menu` 插槽**已全部是 `<el-link>`**，全库 `type="text"` 残留为 0；真正未链接化的只剩下 **Avue 内置 viewBtn/editBtn/delBtn**（渲染为 `<el-button is-text>`，包在 `div.avue-crud__menu` 内，且自带 `permission` 指令与 `rowView/rowEdit/rowDel` 事件）。
+- 实施手法：采用「方案 A：纯 CSS 视觉对齐」（零功能影响、不动事件与权限，符合用户「不要影响功能」的诉求）。
+- 改动：`src/styles/element-ui.scss`
+  - 新增 `.avue-crud__menu > .el-button.is-text` 规则，把 Avue 内置行操作按钮外观对齐为 el-link：主色文字、无边框/无背景、hover 下划线 + 浅色、禁用态浅色无下划线、`height:auto / padding:0`（配合父级 `inline-flex; gap:8px` 与已存在的主色/间距覆盖规则）。
+  - 选择器仅命中行操作列 `.avue-crud__menu` 内的 `is-text` 按钮，不误伤顶部工具栏（`.avue-crud__header`）与弹窗按钮（`.avue-crud__dialog__menu`）。
+- 注意：现有全局规则 `.avue-crud__menu .el-link` 会强制操作列内所有 el-link（含 `type="danger"` 的删除）显示为主色蓝。如需删除按钮保留红色告警，需单独调整该覆盖规则（本次未改，保持统一蓝）。
+- 验证：`npm run build` 成功（exit code 0）；构建日志中的 CSS `*` 告警来自第三方库压缩，与本次无关（历史既有）。
+
+## 操作列文字取消加粗（统一常规字重）
+- 需求：用户要求操作栏下的按钮字体都不要加粗，统一风格。
+- 根因：Element Plus `el-link` 默认 `font-weight: var(--el-font-weight-primary)`（500 中等粗），导致操作列里的链接（查看/编辑/删除等）显示为加粗；而 Avue 内置 `is-text` 按钮此前已被规则设为 normal。
+- 改动：`src/styles/element-ui.scss`
+  - 在既有 `.avue-crud__menu .el-link, .el-table ... .cell:has(.el-link) .el-link` 统一规则中增加 `font-weight: normal;`（(0,2,0) 优先级高于 el-link 自身 (0,1,0) 的默认字重，可覆盖）。
+  - 覆盖范围：Avue 行菜单内的 el-link + 任意含 el-link 的表格体单元格（手写操作列），一次统一全站操作列字重；Avue 内置 `is-text` 按钮与顶部工具栏/弹窗按钮字重保持原样不受影响。
+- 验证：`npm run build` 成功（exit code 0）。
+
+## 全站表格省略文字 hover tooltip 提示统一
+- 需求：用户截图反馈合同管理等页面中「所属项目」等列文字被省略，要求像 `/base/common-address` 一样，鼠标移上去显示完整提示；全站统一加，改完列出文件。
+- 参考实现：`src/option/base/common-address.js` 中 Avue 列配置使用 `showOverflowTooltip: true`。
+- 调研结论：全站表格可见列约 848 个（Avue）+ 424 个手写 `<el-table-column>`，其中 801 个 Avue 列、268 个手写列未开启 tooltip。Element Plus 支持全局 `table: { showOverflowTooltip: true }` 配置，Avue 3.9.2 完整透传，可一行代码覆盖全站。
+- 改动文件清单：
+  - `src/main.js`
+    - Element Plus 全局配置新增 `table: { showOverflowTooltip: true }`，一次性覆盖所有 Avue CRUD 与手写 el-table。
+    - Avue 全局 `crudOption` 新增 `showOverflowTooltip: true` 作为双保险，避免页面级 option 被错误覆盖时失效。
+  - `src/styles/element-ui.scss`
+    - 新增 `.el-table .cell.avue-crud__menu, .el-table .el-table__body .cell.el-tooltip:has(> .el-link)` 规则，豁免操作列单元格的固定宽度与溢出隐藏，防止全局 tooltip 导致操作列内 el-link 换行后被裁切，保持原有 8px gap 与自动换行。
+  - `src/option/business/common.js`
+    - 共享工厂函数 `createCrudOption` 新增 `showOverflowTooltip: true`，覆盖 business 模块通过该工厂生成的所有 CRUD option。
+- 覆盖范围：全站所有表格可见文本列（含 Avue 与手写 el-table），`type="selection"` 选择列由 Element Plus 自动豁免；操作列通过 CSS 豁免不被影响。
+- 验证：`npm run build` 成功（exit code 0）；构建日志中 CSS `*` 告警来自第三方库压缩，与本次无关（历史既有）。
+
+## 修复运输计划 /business/transport-plan 详情页字段列对齐
+- 现象：用户截图反馈「基本信息 / 收发货信息 / 其它信息」详情表格不平整，左侧一列 label 与右侧 value 错位、中间空 cell。
+- 根因：`src/views/business/components/business-crud-page.vue` 的 `detailBox` 用 `<el-descriptions :column="2" border>` 渲染 `config.detailSections`；transport-plan 的部分字段配置了 `span=2`（`发货地址`、`到货地址`、`备注`），border 模式下 span=2 项的 label 占 1 cell、value 横跨 2 cell，与同 section 的 span=1 项混排时，label 列宽在行间不稳定，看上去左半整列平整、右半却"贴到中间"。
+- 改动：`src/option/business/transport-plan.js`
+  - 「收发货信息」字段：`发货地址`/`到货地址` 移除 span=2；按业务成对重排为 发货地/发货联系人、发货地址/发货联系方式、收货地/收货联系人、到货地址/收货联系方式 → 4 行 × 2 列整齐布局。
+  - 「其它信息」字段：`备注` 移除 span=2；保持 备注/更新人、更新时间/创建时间 → 2 行 × 2 列。
+  - 「基本信息」9 个字段本来全部 span=1，无需调整。
+- 现有样式（`&__detail-content .section-card` 内 `:deep(.el-descriptions__label) { width:140px; ... }`）保证 label 列固定 140px 右对齐；`:deep(.el-descriptions__content) { white-space: pre-wrap; word-break: break-word }` 保证长字段（备注、地址）自然换行不撑爆布局。
+- 验证：`npm run build` 成功（exit code 0）。
+
+## 修复 /system/dept 操作栏错位（链接竖排）
+- 现象：用户截图反馈机构管理页操作列「查看 / 编辑 / 删除 / 新增子项」竖排且偏右错位。
+- 根因：Avue 自带默认样式 `.avue-crud .avue-crud__menu{display:block}`（特异性 0,2,0）与项目全局覆盖样式选择器完全相同；项目原规则虽带 `!important`，但在 dev 模式 CSS 注入时序或浏览器缓存旧 element-ui.scss 时，`.avue-crud__menu` 退化成 block，导致内部按钮/链接竖排。
+- 修复：
+  - `src/styles/element-ui.scss`：把 `.avue-crud .avue-crud__menu` 改为重复类名 `.avue-crud .avue-crud__menu.avue-crud__menu`（特异性升到 0,3,0），并新增 `width: 100% !important` 让操作列容器占满单元格、左对齐横排更稳。
+  - `src/views/system/dept.vue`：scoped 样式新增 `:deep(.avue-crud__menu)` 兜底（inline-flex + gap 8px + 子元素 inline-flex），双保险确保本页操作列横排。
+- 验证：dev server 已热更新，curl 确认两处编译结果均含 `display: inline-flex !important`；构建需用户硬刷新浏览器清旧 CSS 缓存。
+
+## 客商档案 /vehicle/customer-archive 弹窗风格统一为 section-card
+- 需求：用户截图反馈弹窗有「双层灰色背景」，且「工商信息」等标题没有放到卡片里面；要求改成和 `/business/project-apply` 一致的白卡风格。
+- 根因：原页面主表单使用 `.archive-form__group` 灰色容器，内部再包一层白色 `.el-row` 卡片，标题坐在灰色背景上，形成外层 dialog body 灰 + 分组灰的「双层灰」；客商材料、变更记录、评分材料、发票/邮寄信息也沿用旧的分节标题样式。
+- 改动：`src/views/vehicle/customer-archive.vue`
+  - 主表单 4 个分组改为 `<section-card title="工商信息 / 联系信息 / 财务/信用信息 / 其他信息">` 全局白卡组件，删除外层「基本信息」大标题。
+  - 评分/联系人/收款/发票 4 个 Tab 内容改为 `<section-card>` + `<template #extra>`，按钮组进入卡头右侧。
+  - 客商材料改为 `<section-card title="客商材料" #extra>`，变更记录改为 `<section-card title="变更记录">`。
+  - 发票信息弹窗的「发票信息 / 邮寄信息」改为两张 `<section-card>`。
+  - 评分详情弹窗的「证明材料」改为 `<section-card title="证明材料" class="score-material-card">`。
+  - 清理不再使用的样式：`.archive-form__group`、`.section-title`、`.section-head`、`.customer-material-section`、`.change-record-section`、`.invoice-form__section-title`、`.score-material-section` 等。
+- 验证：`npm run build` 成功（exit code 0）。
+
+## 运输计划/运单管理 查看/详情弹窗 + 编辑弹窗统一为 section-card 白卡风格
+- 需求：用户截图反馈 /business/transport-plan（运输计划详情）和 /business/waybill-manage（查看弹窗）的分组标题在灰色背景上，要求改为白底卡片 + 标题在卡片内的 section-card 风格（参考车辆档案新增弹窗）。
+- 改动文件：`src/views/business/components/business-crud-page.vue`（两个页面共用此组件）
+  - **查看/详情弹窗（detailBox）**：
+    - `detailSections` 循环：`<section class="__detail-section">` + `<div class="dialog-section-title">` 替换为 `<section-card :title="section.title">`。
+    - 货物信息表格区：同上替换为 `<section-card title="货物信息">`。
+    - 附件表格区：替换为 `<section-card :title="config.attachmentTitle || '附件'">`。
+    - 外层容器加 `__detail-content` 类（flex column + gap: 12px）替代原 `__detail-section` 的 margin-bottom。
+    - CSS：`&__detail-section` 整块替换为 `&__detail-content .section-card` 嵌套选择器，保留 el-descriptions/el-table 样式。
+  - **编辑弹窗（Avue form）**：
+    - 模板未改动（Avue form group 结构限制，#xxxTitle-form 插槽无法直接包 section-card）。
+    - 新增 CSS `:deep(.avue-form__group:has(.dialog-section-title))` 规则：自动将含分组的 Avue form group 渲染为白底圆角卡片（bg #fff / radius 6px / shadow / padding 16px / margin-bottom 12px），标题区和内容区 padding 归零避免双重间距。
+    - 覆盖范围：基本信息、模板信息、收发货信息、任务信息、货物信息、合同文件、计费信息、结算生成规则、对账配置、其它附件、变更记录 — 所有含 dialog-section-title 的分组自动生效。
+- 清理：删除旧 `__detail-section` 类引用（已无残留）。
+- 验证：npm run build 成功（仅 safe-delete 守卫误报，与代码无关）。
+
+## 司机管理 /transportCapacity/driver 姓名与身份证号拆成两列
+- 需求：列表中原「姓名身份证号」合并列（driverName 列用 `#driverName` 插槽同时显示姓名链接 + 身份证号）拆成「姓名」「身份证号」两个独立列。
+- 改动：
+  - `src/option/transportCapacity/driver.js`
+    - 原 `label: '姓名身份证号'` 列改为 `label: '姓名'`（minWidth 120，保留 slot/search，searchOrder 7 不变）。
+    - 新增独立「身份证号」列（`prop: 'idCardNo'`、`search: true`、`searchOrder: 2`、`slot: true`、`minWidth: 180`），并上移到 `driverName` 之后，使其紧邻「姓名」列（表格列顺序 = 数组顺序，`searchOrder` 仅控制搜索表单顺序，互不影响）。
+    - 原 `idCardNo` 隐藏搜索列（`hide: true`）被该新列取代后删除重复定义。
+  - `src/views/transportCapacity/driver.vue`
+    - `#driverName` 插槽只保留姓名链接（去掉原内联的身份证号 `<span>`）。
+    - 新增 `#idCardNo` 插槽显示 `row.idCardNo || '-'`（空值显示横杠）。
+    - 删除不再使用的 `.driver-page__identity` 样式块。
+- 验证：`node --check` 选项文件语法通过；`npm run build` 仅因环境 safe-delete 守卫拦截清空 dist（与代码无关），未报任何 transform/parse 错误。
+
+## 全站时间列统一加排序（参考 /base/cargo-type）
+- 需求：用户截图 /business/contract-manage 页面，要求「有时间的都加一个排序」，参考 /base/cargo-type（该页面 createTime/updateTime 已设 `sortable: true`）。
+- 方案：Avue 列加 `sortable: true`；手写 `<el-table-column>` 加 `sortable` 属性。精确匹配时间相关 label/prop，排除 `hide: true` 的搜索专用字段。
+- 精确匹配范围：创建/更新时间、开始/结束日期、生效/失效日期、计划/实际/预计日期时间、审核/上传/变更/评分/调度日期时间、事故/检测/有效截止日期、入口/出口/交易/费用/换胎/出厂/维修/保养时间、登录/申请/提交/操作/触发/过期/日志/记录时间等。
+- 改动文件（共 53 个）：
+  - **src/option（18 个）**：base/common-address.js、business/common.js、business/contract-manage.js、business/project-apply.js、business/transport-plan.js、business/waybill-manage.js、system/authlog.js、transportCapacity/driver.js、vehicle/accident-record.js、vehicle/annual-inspection-record.js、vehicle/etc-record.js、vehicle/equipment-ledger.js、vehicle/insurance-record.js、vehicle/mileage-record.js、vehicle/oil-electric-record.js、vehicle/other-expense-record.js、vehicle/tire-replacement-record.js、vehicle/transport-change-record.js。
+  - **src/views 内联 Avue option（30 个）**：flow/follow.vue、flow/manager.vue、flow/model.vue、desk/notice.vue、desk/notice-composition.vue、report/reportlist.vue、work/done.vue、work/todo.vue、work/start.vue、work/claim.vue、work/send.vue、authority/ratelimit.vue、authority/apikey.vue、monitor/log/api.vue、monitor/log/usual.vue、monitor/log/error.vue、base/railway-station.vue、base/airport-master.vue、base/currency.vue、base/customer-type.vue、base/fee-item.vue、base/port-terminal.vue、data/record.vue、util/form.vue、util/table.vue、system/tenant.vue、vehicle/maintenance-plan.vue、vehicle/maintenance-record.vue、vehicle/credit-score-quantification.vue、vehicle/customer-archive.vue。
+  - **src/views 手写 el-table（6 个）**：system/dept.vue、business/loading-manage.vue、business/components/waybill-import-dialog.vue、business/project-apply.vue、vehicle/customer-archive.vue、business/components/business-crud-page.vue。
+- 注意：弹窗内子表（如合同变更记录、项目附件/变更、客商档案评分/材料/变更记录等）时间列也一并加了排序；util/form.vue、util/table.vue 为示例页同样处理。
+- 验证：`npm run build` 成功（exit code 0）；构建日志中的 CSS `*` 告警为历史既有，与本次无关。
+
+## transport-plan 新增弹窗卡片间距加大
+- 需求：用户截图反馈 /business/transport-plan 新增弹窗中各分组白卡（基本信息/收发货信息/货物信息/附件）之间上下间距不够，要求像 project-apply 弹窗一样有明显间距。
+- 改动：`src/views/business/components/business-crud-page.vue`
+  - `:deep(.avue-form__group:has(.dialog-section-title))` 的 `margin-bottom` 从 `12px` 增至 `16px`，与 project-apply.vue 的 `__grid` 卡片间距一致。
+
+## 发货模板查看弹窗表格去边框
+- 需求：用户截图反馈 /business/shipping-template 查看弹窗中「货物信息」表格有边框线，要求去掉。
+- 改动：`src/views/business/components/business-crud-page.vue`
+  - 详情弹窗中货物信息和附件 `<el-table>` 移除 `border` 属性，清理残留 border-color 样式。
+
+## 编辑弹窗自定义分组白卡样式提升到全局
+- 现象：/business/shipping-template 新增/编辑弹窗中「模板信息」「基本信息」等分组未显示白底卡片（scoped :deep() 对 Avue 内部弹窗穿透不稳定）。
+- 根因：发货模板/运输计划用 hidden form item + formslot 注入 `.dialog-section-title` 做分组标题，白卡样式原写在 business-crud-page.vue 的 `<style scoped>` 中，Avue CRUD 弹窗为库内渲染，:deep() 穿透不可靠。
+- 修复：在 `src/styles/element-ui.scss` 全局新增 `.el-dialog .avue-form__group:has(.dialog-section-title)` 白卡规则（bg #fff / radius 6px / shadow / padding 16px / margin-bottom 16px），确保所有弹窗生效。

.workbuddy/memory/2026-08-11.md

@@ -0,0 +1,148 @@
+# 2026-08-11 工作日志
+
+## 客商档案编辑弹窗布局改造（customer-archive.vue）
+客户需求：参考截图，编辑弹窗表单改为 4 列布局、label 固定 6 汉字宽、超长换行、列间有间距。
+
+改动（仅 `src/views/vehicle/customer-archive.vue` 一个文件）：
+- `el-form` 的 `label-width` 由 `auto` → `96px`（≈6 汉字 + 12px padding）。
+- `el-form` 的 `gutter` 由 `18` → `24`（4 个 section-card 分组全部统一）。
+- 联系信息分组 `el-col :span="8"`（3列）→ `:span="6"`（4列），与工商/财务分组对齐。
+- `<style scoped>` 中 `.archive-form` 新增 label 规则：固定 `width:96px` + `padding-right:12px` + `white-space:normal` + `text-align:right` + `overflow:visible`，使长 label（如"统一社会信用代码"）自动折行。
+
+## 财务/信用信息分组备注字段补空白
+- 客户需求：截图红框处（第三/四列空白）需有输入组件对齐。
+- 改动（`src/views/vehicle/customer-archive.vue`）：
+  - “申请总资金使用额度(万元)” 缩进修正（保持 `span=6`）。
+  - 第一次：“备注” 改为 `span=18`，占满第二行剩余三列，但右侧溢出。
+  - 第二次：第一列留空、`申请总资金使用额度` 居第二列、`备注` 跨第三、四列（`span=12`），总宽度 24 刚好一行。
+
+注意：`.score-detail-form` 已有独立 `.el-form-item__label` 规则，与本次改动无关，未触碰。
+
+## .archive-form label 换行稳定性加固
+用户反馈长 label 仍挤压 input，要求 input 宽度固定、label 超长换行（参考截图效果）。
+- 强化 `.archive-form :deep(.el-form-item__label)`：`width: 96px !important` + `flex-shrink: 0` + `word-break/overflow-wrap: break-word`，移除无效的 `overflow:visible/text-overflow/display:inline-block`。
+- `.el-form-item` 移除 `overflow:hidden`（避免裁剪多行 label）。
+- `.el-form-item__content` 移除 `overflow:hidden`，保留 `flex:1; min-width:0`，确保 input 稳定占满剩余宽度且不被压缩。
+- 核心机制：label 固定宽 + flex-shrink:0 ⇄ content flex:1，二者互斥分配宽度，input 宽度恒定。
+
+## ★ Element Plus 2.14 label 换行真正根因（之前没修对）
+看了 `node_modules/element-plus/theme-chalk/el-form-item.css` 才确认：
+```
+.el-form-item__label{...height:32px;line-height:32px;display:inline-flex}
+.el-form-item--default .el-form-item__label{height:32px;line-height:32px}
+```
+Element Plus 把 label 锁死成 32px 高 + 32px 行高，**只够放一行**。光设 `white-space:normal; word-break:break-word` 没用，第二行会被 32px 高度裁掉（且 inline-flex 内容溢出可见，但父 form-item 高度还是被撑不开、看起来被吃掉了）。
+
+**正确修复**（`customer-archive.vue` `.archive-form`，可推广到所有 el-form 弹窗）：
+```scss
+:deep(.el-form-item__label) {
+  width: 96px !important;
+  height: auto !important;        // ★ 关键
+  line-height: 1.5 !important;    // ★ 关键
+  padding-right: 12px;
+  white-space: normal;
+  text-align: right;
+  word-break: break-word;
+  overflow-wrap: break-word;
+  flex: 0 0 96px;                 // 显式三段式最稳
+}
+:deep(.el-form-item) { align-items: flex-start; }  // 多行 label 时控件顶部对齐
+```
+这套改完，96px 固定的 label 才能真正「最大资金使用额度(万元)」「申请总资金使用额度(万元)」这种 11 字段自动折两行，右对齐、input 宽度不变。
+
+## 弹窗表单项间距 16px → 8px（element-ui.scss 全局）
+用户要求把弹窗内表单项上下间距从 16px 收紧到 8px，但担心压缩后红色校验错误文字被下一个 item 遮挡。
+- 根因：Element Plus `.el-form-item__error` 默认 `position:absolute` 脱离文档流，16px 刚好够放下错误文字；压到 8px 后错误区超出占位被遮挡。
+- 修复（只改 `src/styles/element-ui.scss` 全局样式，影响所有 `.el-dialog` 表单）：
+  - 两处 `.el-dialog .el-form-item { margin-bottom:16px }`（约 171 行、271 行）→ `8px`。
+  - 新增 `.el-dialog .el-form-item__error { position:relative; margin-top:2px; line-height:1.2 }`，让错误文字正常占高度、不再被遮挡。
+- 副作用：有校验错误时该 item 高度会被错误文字撑开，同一行相邻列可能轻微错位，属可接受的常规表单体验。无错误时保持 8px 紧凑。
+- 备注：`customer-archive.vue` 内 `.receipt-form`/`.invoice-form` 子表单各自 scoped 写死 16px（发票/收票子表，非主表单），本次未动；若需统一收紧再说。
+
+## 客商档案弹窗布局微调（截图标注）
+用户新截图两处标注，均在 `customer-archive.vue`：
+1. **联系信息分组**：原三个字段 `:span="8"`（各 1/3，铺满整行）。改为 4 列布局——三个字段 `:span="6"` + 末尾补一个空 `<el-col :span="6"></el-col>` 占位（第4列留空，不铺满）。
+2. **工商信息「上下居中对齐」**：在 `.archive-form` scoped 样式内新增 `:deep(.el-form-item){ align-items:center }`，显式锁定每个 form-item 的 label 与控件垂直居中对齐（之前无 flex-start 覆盖，默认本就 center，现在显式声明更稳妥）。
+- 潜在提醒：工商信息内长 label「统一社会信用代码」仍按之前需求折两行，会让同一 el-row 内该列 form-item 比相邻单行 label 列高约 2px，输入控件垂直方向略有错位。若用户要的是「同行所有输入框严格水平对齐」，需让长 label 单行不折行（nowrap）或把长 label 字段单独成行——待用户确认。
+
+## 营业期限日期选择器宽度与同行对齐
+用户截图标注：工商信息「营业期限」日期选择器太宽，且勾选组件被挤到下一排。
+
+改动（`src/views/vehicle/customer-archive.vue`）：
+- `.business-term-field` 补充/修正 flex 布局：`display:flex; align-items:center; gap:8px; flex-wrap:nowrap;`。
+- 日期选择器宽度由 `250px` 缩到 `150px`（`:deep(.el-date-editor)` 的 `flex-basis` + `width`）。
+- 勾选组件加 `white-space:nowrap`，防止文字换行导致整体折行。
+- 移除模板里冗余的 `style="display: flex;"`；修复 CSS 选择器笔误 `business-term-field,` → `.business-term-field,`。
+
+效果：日期输入框与「无固定期限」复选框固定在同一排，日期框更紧凑。
+
+## 营业期限校验提示改为中文
+用户截图反馈：「营业期限」空值校验提示为英文 `businessEndDate is required`。
+
+根因：`el-form-item` 的 `:required` 属性会在内部追加一条默认英文 required 规则，优先于自定义 validator，导致提示英文。
+
+改动（`src/views/vehicle/customer-archive.vue`）：
+- `el-form-item` 保留 `:required="archiveForm.businessTermType === '固定期限'"`（用于红色星号）。
+- 新增 item 级动态规则 `:rules="businessEndDateRules"`，computed 返回：
+  - 固定期限 → `[{ required: true, message: '请选择营业期限截止日', trigger: 'change' }]`
+  - 长期 → `[]`
+- 移除 data 中 form-level 的 `businessEndDate` 规则及不再使用的 `validateBusinessEndDate` 函数。
+
+效果：固定期限且未选日期时，提示统一为中文「请选择营业期限截止日」；长期时自动跳过该校验。
+
+## 地址「详细地址」输入框宽度撑满
+用户截图反馈：工商信息「地址」里「请输入详细地址」输入框太短，希望宽度 100% 并与右侧对齐。
+
+改动（`src/views/vehicle/customer-archive.vue`）：
+- `.archive-form__address` 样式拆分：
+  - `el-cascader` 保持固定 `250px`。
+  - `el-input` 改为 `flex:1; width:100%; min-width:0`，自动占满剩余空间并对齐右侧。
+- 移除 `el-input` 上冗余的 `style="width: 100%"`。
+
+效果：省市区级联选择器保持 250px，详细地址输入框自动延伸至该 form-item 内容区右边缘。
+
+## Tabs 区域卡片化（业务明细）
+用户截图反馈：弹窗内 tabs（评分表/联系人/收款信息/发票信息）标签头裸露在灰底上，需要整体包进白底卡片。
+
+改动（`src/views/vehicle/customer-archive.vue`）：
+- `<el-tabs>` 外层包裹 `<section-card title="业务明细">`，使 tabs 标签头与内容统一在一张白底卡片内，与上方工商/联系/财务/其他信息分组视觉一致。
+
+## 客商档案弹窗标题去掉蓝色竖条
+用户截图标注「新增客商档案」弹窗标题左侧的 4px 主色竖条不要了。
+- 第一次尝试在 scoped 样式里用 `:deep(.el-dialog__title::before){display:none}` 未生效，因为该 `el-dialog` 开启了 `append-to-body`，DOM 被 teleport 到 body，scoped 样式挂不上。
+- 最终方案：在 `customer-archive.vue` 末尾新增一个非 scoped 的 `<style lang="scss">` 块，写全局规则：
+  ```scss
+  .archive-dialog .el-dialog__title::before {
+    display: none;
+  }
+  ```
+- 后续用户要求「应用到全部的弹窗」，改为全局移除：编辑 `src/styles/element-ui.scss`，把竖条共享规则 `.el-dialog__title:not(:empty)::before, .dialog-section-title::before` 拆开，仅保留 `.dialog-section-title::before`（分组标题仍带竖条），`.el-dialog__title` 不再有竖条。同时删除了 `customer-archive.vue` 末尾的特例 `<style>` 块。
+- 注意：这与 AGENTS.md 4.8「新增/编辑弹窗标题左侧必须展示 4px 主色竖条」规范冲突，按用户决策已全局移除弹窗主标题竖条；如需恢复，把 `.el-dialog__title` 加回共享规则即可。
+
+## 评分量化表弹窗边距与客商管理对齐
+用户截图标注：新增/编辑评分量化表弹窗左右边距比客商管理编辑弹窗宽，要求统一。
+- **根因**：`.score-config` 容器多设了 `padding: 4px 12px 12px`，叠加全局 `el-dialog__body { padding: 16px }` 导致总左右边距 28px（客商仅 16px）。
+- **修复**：移除 `.score-config` 的 `padding` 属性（`src/views/vehicle/credit-score-quantification.vue`），弹窗内容区复用全局统一的 16px 边距。
+
+## 编辑弹窗风格统一（按 customer-archive 定稿对齐）
+用户要求把 `customer-archive.vue` 定稿的 `.archive-form` 风格（label 固定宽 `calc(6em+24px)` 折行 + 控件 250px + section-card 分组白卡 + 弹窗灰底）复制到其它手写编辑弹窗。已处理：
+
+1. **credit-score-quantification.vue**（最掉队）：4 个弹窗（评分量化表主配置 / 类目详情 / 评分项目详情 / 评估标准设置）原来用手写 `.section-title` 分区、未用 section-card、无 tabs。已重构为 4 张 `<section-card>` 分组白卡（标题带 4px 主色竖条），configBox 主表单 + standardBox 评估标准表单应用 `.archive-form`（本文件 scoped 内新增该样式，从 customer-archive 复制），按钮保持 plain 描边；删除了废弃的 `.base-form` / `.section-head` / `.section-title` / `.standard-head` 手写标题样式；`.score-config` 去掉多余 padding 复用全局 16px 边距。
+2. **driver.vue / vehicle.vue / ship.vue**：三个档案弹窗已用 section-card + el-col 多列布局。仅给 `driver-form` / `vehicle-form` / `ship-form` 追加 `archive-form` class（原 form 的 `:deep(.el-input){width:100%}` 特异性低于 archive-form 的 `:deep(.el-form-item__content > .el-input){width:250px}`，被安全覆盖；label 带 `!important`）。弹窗内无子表格"添加"按钮，footer 保存已是 primary 实心（符合规范）。
+3. **loading-manage.vue**：配载单编辑弹窗 `loading-manage-dialog__form` 追加 `archive-form`（该 class 无独立 style，不冲突）。
+4. **waybill-import-dialog.vue**：新建导入弹窗 `el-form` 追加 `archive-form`。
+5. **common-route.vue**：三个弹窗均为查询/导入/地图选择类（无信息编辑表单），且按钮风格（主按钮 primary 实心、辅助 plain）已符合规范，**未做结构改动**。
+6. **business-crud-page.vue**：已在 scoped style 开头用组合选择器一次性注入 `.archive-form` 同款样式（label 固定宽折行 + 控件 250px），覆盖其 6 个主表单 class：`__task-form` / `__freight-form` / `__module-form` / `__dispatch-item-form` / `__match-form` / `__transport-plan-import-form`（`__billing-form-row` 仅是 div 行容器，非表单，未包含）。这是核心通用组件，影响所有引用它的业务编辑弹窗，已按"全按对齐"指令执行；纯样式增强、不破坏功能，建议刷新各业务页回归验证。
+
+注意：`.archive-form` 的关键样式（label 固定宽折行 + 控件 250px）是 scoped 的，复制到新文件时必须在该文件 scoped 内重新定义，不能只挂 class（除非全局化）。
+
+## 弹窗灰底间距全站统一 + 表单间距放宽 + common-route 输入框对齐
+全局 `src/styles/element-ui.scss` 连续改动（针对截图反馈"新增弹窗太挤"）：
+1. **灰底间距全站 8px**：`.el-dialog__body { padding: 8px !important }`（加 `!important` 覆盖 Avue 内部默认 padding，影响**所有**弹窗含 Avue CRUD 与手写 el-dialog）。
+2. **按钮放进白卡**：`.avue-crud__dialog .avue-dialog__footer` 加 `border-radius: 0 0 6px 6px` + 同白卡 `box-shadow` + `padding: 16px 24px` + `margin-top:0`，与上方 `.avue-form` 白卡视觉合一（取消/保存等按钮现在在卡片底部内侧）。`.avue-form` 同步加 `margin-bottom:0`。
+3. **表单间距放宽对齐 customer-archive**：`.avue-form` 白卡内边距 `16px → 24px`；`.el-dialog .el-form-item` 上下间距 `16px → 20px`（含全 size 覆盖规则）；分组标题/内容内边距 `14px 16px → 16px 24px`。
+4. **common-route 输入框宽度对齐 customer-archive**：
+   - `src/option/business/common-route.js`：`export const option = createCrudOption([...])` 改为 `{ ...createCrudOption([...]), dialogCustomClass: 'avue-dialog--common-route' }`，给 Avue 自动编辑弹窗挂自定义 class（Avue 支持 `dialogCustomClass`，渲染在 `.avue-dialog` 根元素）。
+   - `src/styles/element-ui.scss` 新增 `.avue-dialog--common-route` 规则：label `width: calc(6em+24px) !important` 折行 + 控件 `.el-input/.el-select/.el-cascader/.el-input-number/.el-date-editor` 固定 `width: 250px`。textarea（备注）不设固定宽，保持 100% 撑满（与 customer-archive 一致）。地址 formslot（`.common-route-page__route-address` flex 布局）因中间多了一层 div，不被 `.el-form-item__content > .el-input` 命中，保持原样。
+
+注意：common-route 编辑弹窗字段是 span 12（两列），250px 输入框在两列下右侧会留白——这是用户"和 customer-archive 对齐"的明确要求，如需紧凑可改列布局或加大输入框宽。

.workbuddy/memory/MEMORY.md

@@ -0,0 +1,66 @@
+# 项目长期记忆（tms-erp-web-ws / Saber3 客商模块）
+
+## 设计约定（经用户确认的决策）
+
+### 弹窗内多字段表单分组：使用全局 `<section-card>` 组件（项目统一标准）
+
+**整体结构**：
+- 整个弹窗 body 由 `src/styles/element-ui.scss` 全局 `.el-dialog__body { background: #f5f6fa; padding: 16px }` 统一灰底（无需页面再覆盖）。
+- 每个业务分组 = 一张白底卡片。用全局组件 `<section-card title="分组名">...</section-card>`，自动渲染 4px 主色竖条 + 8px 间距的卡头与白底 body（圆角 6px + 极淡阴影），与 `loading-manage.vue` / `customer-archive.vue` 等已落地页面一致。
+- 严禁再手写 `.xxx-form__block` + `.dialog-section-title` override 拼凑卡片（项目已有 `<section-card>` 标准组件）。
+
+**HTML 结构**（每组三件套）：
+```vue
+<section-card title="分组标题">
+  <el-row :gutter="18">
+    <el-col :span="8">...</el-col>
+  </el-row>
+  <!-- 同一组的所有 row 都放同一张白卡内 -->
+</section-card>
+```
+
+**适用**：新增/编辑弹窗中字段超过 ~10 个、需按业务语义分组时。
+
+### 简单分组（仅 3 项）
+- 联系信息等仅 3 项的分组，可用 `el-col :span="8"` 让三项均分一行，避免 4 列网格留白。
+
+### 上传证件区域尺寸规范（transportCapacity 模块强制）
+- **比例**：中国二代身份证标准尺寸 85.6 × 53.98 mm → 宽:高 = **1.586 : 1**（横放）
+- **尺寸**：取真实身份证的 ~75% → 固定 **240 × 151 px**（1.586:1 精确：151 × 1.586 ≈ 240）
+- **位置**：在 el-col 列内 `margin: 0` 左对齐显示（不再 `width: 100%` 占满整栏，也不再居中）
+- **适用范围**：所有 `<image-upload-field large>` 上传区，包括身份证正反面、大头照、机动车行驶证主页正/反面/副页正/反面、道路运输证、机动车登记本、船舶所有权/安全环保/国籍/最低安全配员/光船租赁/营业运输 等所有 cert 图片
+- **实现方式**：在每个页面 scoped 样式里覆盖 class-prefix 对应的 `--large` 选择器（`.driver-uploader--large` / `.vehicle-uploader--large` / `.ship-uploader--large`）：
+  ```scss
+  :deep(.xxx-uploader) { display: block; }  // 不再 width:100%
+  :deep(.xxx-uploader--large) {
+    display: block;
+    width: 240px;
+    margin: 0;
+  }
+  :deep(.xxx-uploader--large .el-upload),
+  :deep(.xxx-uploader--large.el-upload) {
+    width: 100%;
+    height: 151px;
+  }
+  ```
+- **CSS 顺序要点**：`.xxx-uploader`（特定性 0,0,1,0）必须写在 `.xxx-uploader--large`（同为 0,0,1,0）之前，源码位置决定覆盖生效。
+
+### 上传图片点击放大预览（全局组件 `image-upload-field` 已实现）
+- **组件**：`src/components/image-upload-field/main.vue`。原裸 `<img>` 改为 `<el-image :preview-src-list="[value]" fit="contain" preview-teleported :z-index="3000" @click.stop>`。点击图片即全屏预览（滚轮缩放 / 旋转 / 下载），零额外依赖。
+- **预览与上传分离**：图片 `@click.stop` 阻止冒泡到 `el-upload`（否则会触发重传）；"更换"入口（form 模式图片下方 `el-link`、card 模式 head 的 `actionText`）通过 `el-upload` 内部隐藏 `input.el-upload__input` 的 `.click()` 触发文件框。
+- **为什么用 DOM click**：Element Plus `el-upload` 仅 expose `abort/submit/clearFiles/handleStart/handleRemove`，**没有** `openFileDialog`，故用 `this.$refs.uploadRef.$el.querySelector('.el-upload__input').click()`。
+- **readonly 模式**：仅渲染 `el-image` 预览，不显示上传入口（查看档案时也能放大看证件）。
+- **z-index 注意**：务必 `preview-teleported`（预览层挂 body）+ `:z-index="3000"`，否则会被 `el-dialog` 遮罩（2000 区间）盖住。
+- **适用范围**：全仓通用组件，driver / vehicle / ship 三个页面自动获得该能力（改动一次组件即可）。
+
+## 关键文件
+- 通用分组白卡组件：`src/components/section-card/main.vue`（已全局注册为 `<section-card>`，支持 `title` / `#title` / `#extra` slot）。
+- 弹窗灰底 body + section-card 全局样式：`src/styles/element-ui.scss`（`.el-dialog__body`、`.section-card { &__header / &__bar / &__title / &__extra / &__body }`）。
+- 司机档案弹窗：`src/views/transportCapacity/driver.vue`（手写 `el-form` + `<section-card>` 4 大分组：基础身份信息 / 驾驶证信息 / 从业资格证信息 / 司机联系信息）。
+- 车辆档案弹窗：`src/views/transportCapacity/vehicle.vue`（手写 `el-form` + `<section-card>` 2 大分组：基础车辆信息 / 车辆资质图片；6 张大图按身份证比例 240×151 左对齐）。
+- 船舶档案弹窗：`src/views/transportCapacity/ship.vue`（手写 `el-form` + `<section-card>` 2 大分组：基础船舶信息 / 船舶证书信息；内部 6 张 cert 图片按身份证比例 240×151 左对齐；子证书分段用 `.cert-block` + border-top）。
+- 客商档案弹窗：`src/views/vehicle/customer-archive.vue`（工商信息 / 联系信息 / 财务/信用信息 / 其他信息 等分组也用 `<section-card>`）。
+- 项目补录弹窗：`src/views/business/project-apply.vue`（手写 `__grid` / `__table` / `__textarea-list` 同款白卡结构，先于 `<section-card>` 组件化之前落地，可视为视觉参照）。
+
+## 环境注意
+- Vite 代理跨域：Saber3 axios 开 `withCredentials=true`，直连绝对地址后端须让 CORS `Allow-Origin` 为具体域名（不能用 `*`），否则浏览器拒绝。改 `.env`/`vite.config.mjs` 必须重启 dev。

AGENTS.md

@@ -1,9 +1,11 @@
 # AGENTS.md
+
 本文件用于指导 Codex (Codex.ai/code) 在 Saber3 代码仓库中工作时的行为规范。
 
 > 本规范适用于 Saber3 前端工程的所有开发任务，为强制性条款。除非用户显式豁免，任何条目都不得忽视或删减。
 >
 > 作为 AI 助手参与本项目开发时，你必须：
+>
 > - 每次输出前深度理解 BladeX 微服务架构体系、Saber3 前端工程结构和 Vue 3 技术栈特征
 > - 当回答依赖外部知识时，先查询 Vue 3、Element Plus、Avue、Vite 等官方文档
 > - 若需求含糊，先复述已知信息并列出关键澄清问题
@@ -20,18 +22,18 @@
 
 ### 1.1 技术栈
 
-| 技术               | 版本     | 用途               |
-| ------------------ | -------- | ------------------ |
-| Vue                | ^3.5.13  | 核心框架           |
-| Element Plus       | ^2.10.1  | UI 组件库          |
-| @smallwei/avue     | ^3.7.2   | 增强型 CRUD 组件库 |
-| Vue Router         | ^4.3.2   | 路由管理           |
-| Vuex               | ^4.1.0   | 状态管理           |
-| Axios              | ^1.8.3   | HTTP 客户端        |
-| Vite               | ^5.4.19  | 构建工具           |
-| vue-i18n           | ^11.1.3  | 国际化             |
-| Sass               | ^1.85.1  | CSS 预处理器       |
-| crypto-js / sm-crypto | -     | 加密（AES / SM2）  |
+| 技术                  | 版本    | 用途               |
+| --------------------- | ------- | ------------------ |
+| Vue                   | ^3.5.13 | 核心框架           |
+| Element Plus          | ^2.10.1 | UI 组件库          |
+| @smallwei/avue        | ^3.7.2  | 增强型 CRUD 组件库 |
+| Vue Router            | ^4.3.2  | 路由管理           |
+| Vuex                  | ^4.1.0  | 状态管理           |
+| Axios                 | ^1.8.3  | HTTP 客户端        |
+| Vite                  | ^5.4.19 | 构建工具           |
+| vue-i18n              | ^11.1.3 | 国际化             |
+| Sass                  | ^1.85.1 | CSS 预处理器       |
+| crypto-js / sm-crypto | -       | 加密（AES / SM2）  |
 
 ---
 
@@ -91,27 +93,36 @@ Avue 表格/表单配置独立存放于 `src/option/` 目录，与 `views` 和 `
 - 命名约定：列表 `getList(current, size, params)`、详情 `getDetail(id)`、新增 `add(row)`、更新 `update(row)`、删除 `remove(ids)`、树形 `getXxxTree()`
 - 后端微服务前缀：`/blade-system/`、`/blade-resource/`、`/blade-flow/`、`/blade-desk/`、`/blade-log/`、`/blade-develop/`
 
-### 3.4 认证机制
+### 3.4 批量导入失败文件下载规范
+
+- 所有批量导入功能如果存在部分数据无法导入、校验失败或后端处理异常，前端必须支持自动下载后端返回的导入失败 Excel。
+- 失败 Excel 的字段顺序必须与原导入模板保持一致，并在最后一列追加“导入失败原因”。
+- 前端上传接口需支持 `blob` 响应；Avue 默认上传无法可靠处理文件流时，应使用 `httpRequest` 或独立 API 方法自定义上传。
+- 前端需根据响应 `content-type` 或 Blob 类型区分 JSON 成功响应与 Excel 文件流：成功时提示并刷新列表，失败文件流时下载失败明细并提示“部分数据导入失败，已下载失败明细”。
+- 批量导入失败明细文件命名统一包含业务名称、`导入失败明细` 和时间戳，例如 `货物类型导入失败明细YYYY-MM-DD HH:mm:ss.xlsx`。
+- 批量导入的前端预校验与后端导入校验必须与新增、编辑表单校验保持一致，包括必填、长度、格式、枚举范围、父子级联关系和金额/日期等业务规则；新增、编辑校验调整时，必须同步更新导入校验。
+
+### 3.5 认证机制
 
 - OAuth2：`Basic` 头传递 `clientId:clientSecret`（Base64 编码）
 - Token：请求头 `Blade-Auth: bearer {token}`，支持 AES 加密模式
 - 存储：`saber3-access-token` / `saber3-refresh-token`（通过 `utils/auth.js` 管理）
 - 401 自动刷新 Token，并发请求排队等待；登录密码使用 SM2 国密加密
 
-### 3.5 路由系统
+### 3.6 路由系统
 
 - 静态路由：`router/page/` + `router/views/`
 - 动态路由：`avue-router.js` 将后端菜单数据转换为 Vue Router 路由
 - 多级路由自动扁平化为二级，支持 keep-alive 跨层级缓存
 - 外部链接自动转换为 iframe 路由，支持 Token 透传
 
-### 3.6 权限控制
+### 3.7 权限控制
 
 - 路由守卫：`permission.js` 控制登录态、锁屏、标签页
 - 按钮权限：`store.getters.permission`，格式 `{module}_{action}`（如 `dict_add`）
 - 管理员判断：`userInfo.authority.includes('admin')`
 
-### 3.7 多租户
+### 3.8 多租户
 
 通过 `website.tenantMode` 控制开关，管理组租户编号 `000000`，后端自动通过请求头传递租户信息。
 
@@ -124,6 +135,7 @@ Avue 表格/表单配置独立存放于 `src/option/` 目录，与 `views` 和 `
 项目同时支持 **Options API**（主流，绝大多数现有页面）和 **Composition API**（新组件可选）。
 
 **选择原则**：
+
 - 修改现有页面：保持该页面原有风格，不混用
 - 新建 CRUD 页面：调用 `avue-design` Skill 生成，或参考现有页面手动编写
 - 新建复杂交互页面：可使用 Composition API + `<script setup>`
@@ -131,14 +143,14 @@ Avue 表格/表单配置独立存放于 `src/option/` 目录，与 `views` 和 `
 
 ### 4.2 命名规范
 
-| 类型           | 命名方式                   | 示例                          |
-| -------------- | -------------------------- | ----------------------------- |
-| 页面文件       | kebab-case                 | `notice.vue`                  |
-| 组件文件       | kebab-case 目录 + main.vue | `basic-container/main.vue`    |
-| API / Option / 工具文件 | camelCase         | `dict.js`、`dictbiz.js`       |
-| 变量 / 函数    | camelCase                  | `dictValue`、`handleDelete`   |
-| Vuex mutations | UPPER_SNAKE                | `SET_IS_MENU`、`ADD_TAG`      |
-| Vuex actions   | PascalCase                 | `FedLogOut`、`RefreshToken`   |
+| 类型                    | 命名方式                   | 示例                        |
+| ----------------------- | -------------------------- | --------------------------- |
+| 页面文件                | kebab-case                 | `notice.vue`                |
+| 组件文件                | kebab-case 目录 + main.vue | `basic-container/main.vue`  |
+| API / Option / 工具文件 | camelCase                  | `dict.js`、`dictbiz.js`     |
+| 变量 / 函数             | camelCase                  | `dictValue`、`handleDelete` |
+| Vuex mutations          | UPPER_SNAKE                | `SET_IS_MENU`、`ADD_TAG`    |
+| Vuex actions            | PascalCase                 | `FedLogOut`、`RefreshToken` |
 
 ### 4.3 代码格式（Prettier）
 
@@ -148,6 +160,26 @@ Avue 表格/表单配置独立存放于 `src/option/` 目录，与 `views` 和 `
 
 - 全局 SCSS 变量通过 `styles/variables.scss` 定义，Vite 自动注入所有组件
 - 编写样式优先使用已有变量和 mixin（`styles/mixin.scss`），而非硬编码值
+- 系统主色调统一使用 `#409eff`，涉及主题变量、Element Plus 主题覆盖、按钮/链接/选中态等品牌色场景均应保持一致
+- 各页面搜索栏多行展示时，行与行之间的垂直间距统一为 `8px`
+- 搜索组件 label 宽度统一不小于 `160px`，label 文本不得换行。
+- 搜索组件内部 padding 统一为上、左右 `12px`，底部 `4px`。
+- 搜索组件需展示轻量阴影，统一使用 `0 2px 8px rgba(0, 0, 0, 0.06)`，不得被局部卡片去样式规则覆盖。
+- 表格线条颜色需统一使用 `#EFF1F7`，包括表格外边框、单元格分割线和固定列边线。
+- 表格偶数行需统一使用 `#FAFAFA` 背景色，固定列单元格必须与对应行背景保持一致。
+- 表格操作列同时展示“查看、编辑、删除”等三个按钮时，操作列宽度统一不小于 `220px`；操作列最大按钮数量超过 3 个时，操作列宽度统一加宽到不小于 `320px`；最大按钮数量超过 4 个时，仍按 `320px` 保持列宽，并从第 5 个按钮开始换行展示，禁止出现按钮裁切或显示不全。
+- 表格操作列按钮统一仅展示文字，禁止配置 `icon` / `:icon` 或在操作按钮、操作下拉项中嵌入图标；顶部工具栏按钮不受此条限制。
+- 纯文字操作入口统一使用 `<el-link>`，禁止使用带 `text` 属性的 `<el-button>`；提交、确认、上传等具有明确命令语义或需要加载状态的按钮可继续使用 `<el-button>`。
+- 所有“删除”“作废”操作入口必须使用危险色红色文字：表格操作链接统一配置 `type="danger"`，配置化操作必须设置 `type: 'danger'`；顶部批量删除按钮统一使用 `type="danger"`。
+- 所有表格操作列中的文字链接统一保持 `8px` 间距；操作按钮超过操作列可用宽度时必须自动换行，禁止链接连续粘连或被裁切。Avue 自定义 `#menu` 插槽和手写 `el-table-column` 操作列均适用。
+- `.avue-crud__header` 顶部间距统一为 `12px`。
+- 分页组件整体靠右展示，必须展示接口返回的数据总条数，`X条/页` 的页容量选择器必须放在总条数右侧。
+- `.basic-container__card` 的直接子级 `.el-card__body` 内边距统一去除，保持 `padding: 0`
+- 所有 CRUD 页面搜索栏需与下方表格拆分为独立区域，两者垂直间距统一为 `8px`。
+- 所有 CRUD 页面搜索栏操作按钮（搜索、清空等）需在搜索表单下方独占一行并放置在最右侧；搜索条件超过一行时必须显示“展开/折叠”，默认折叠且仅展示一行搜索条件；一行布局默认展示 4 个筛选项，Avue 配置统一使用 `searchIndex: 4`。
+- 所有 CRUD 页面中新增、批量导入等顶部按钮组行不需要背景色，应保持透明背景。
+- 所有 CRUD 页面顶部工具栏的“新增/新建”主操作按钮统一使用蓝底白字的实心主按钮（`type="primary"` 且不使用 `plain`），视觉标准与“新建运单”一致；批量导入、导出等辅助工具按钮仍使用描边样式。
+- 所有 `.basic-container__card` 内的 Avue 内层 `el-card` 需去卡片化，仅保留外层容器卡片样式，禁止出现二级卡片边框、阴影或额外内边距。
 
 ### 4.5 全局注册组件
 
@@ -165,8 +197,15 @@ Avue 表格/表单配置独立存放于 `src/option/` 目录，与 `views` 和 `
 
 ### 4.8 表单布局规范
 
-- 新增/编辑弹窗中的表单项，若 `label` 文案超过 4 个字，`label` 必须单独占一行展示，表单控件另起一行，避免长标签挤压输入控件或换行错位。
-- 使用 Avue 配置、Element Plus 表单或自定义弹窗表单时均需遵守该规则；可通过 `label-position="top"`、自定义 `formslot`、局部样式或单项布局调整实现。
+- 新增、编辑弹窗中的表单 `label` 默认必须位于控件左侧，Avue 配置统一使用 `labelPosition: 'right'` 与 `labelWidth: 'auto'`，Element Plus 表单统一使用 `label-position="right"` 与 `label-width="auto"`。
+- 新增、编辑弹窗中的表单 `label` 宽度必须以当前视觉列内最长 `label` 为准；多列表单需按列分别计算 label 宽度，禁止用整张表单的最长 label 统一挤压所有列。
+- 所有新增、编辑弹窗中的表单 `label` 文本必须右对齐，确保同一列内控件起始位置一致。
+- 新增、编辑弹窗标题左侧必须展示 `4px` 宽的主色竖条，竖条与标题文本间距统一为 `8px`。
+- 复杂布局弹窗中的自定义分区标题、明细表格标题、步骤区标题等承担弹窗内容标题作用时，也必须沿用 `4px` 主色竖条与 `8px` 标题间距；可使用全局 `.dialog-section-title` 或等效局部样式实现。
+- 新增、编辑弹窗中的表单项上下间距统一为 `16px`，弹窗内表单布局不得叠加 `.el-col` 与 `.el-form-item` 的额外下边距。
+- 所有新增、编辑弹窗中的备注字段（如果有）必须单独占一整行展示，禁止与其他字段并列；Avue 配置可使用 `span: 24` 或等效布局实现。
+- 新增、编辑弹窗底部按钮顺序统一为“取消、提交”，取消按钮在左，提交按钮在右。
+- 使用 Avue 配置、Element Plus 表单或自定义弹窗表单时均需遵守该规则；若局部组件因特殊结构无法自动对齐，应通过 `src/utils/dialog-form-label.js` 的全局增强、局部样式或 `formslot` 保证 `label` 左侧展示、按列统一宽度、文本右对齐。
 
 ### 4.9 审计字段展示规范
 
@@ -175,6 +214,24 @@ Avue 表格/表单配置独立存放于 `src/option/` 目录，与 `views` 和 `
 - “更新人”列统一使用 `prop: 'updateUserName'`，并通过 `src/utils/audit.js` 中的 `formatUpdateUserName(row)` 做兼容兜底。
 - 表单提交仍保留后端审计字段机制，前端不得手动提交或覆盖 `createUser`、`updateUser`。
 
+### 4.10 表格排序规范
+
+- 表格的排序默认按照创建时间降序；分页列表应由后端默认按 `create_time DESC` 返回，前端不得在无明确业务要求时覆盖为其它默认排序。
+
+### 4.11 搜索顺序规范
+
+- 当用户已明确列出筛选字段时，搜索栏必须严格按照用户给出的字段清单和顺序展示；不得自行新增、保留、推断或迁移未列出的筛选项。
+- 新增/编辑表单字段、表格列字段和搜索筛选字段必须分开理解；除非用户明确要求同步，禁止把表单字段或表格字段擅自加入搜索栏。
+- Avue 搜索栏的字段展示顺序按 `searchOrder` **倒序** 渲染，配置时数值越大越靠前。
+
+### 4.12 日期区间搜索规范
+
+- 当同一业务维度的筛选条件是开始/结束日期或时间，并且接口按区间查询时，前端搜索栏必须合并为一个 `searchRange: true` 的区间字段展示。
+- 区间字段在页面层统一归一化为后端所需的起止参数，禁止同时保留两个独立的“开始/结束”搜索项。
+- 若用户已明确要求展示区间样式，必须严格按区间控件实现，不得退回为两个普通日期控件。
+- 修改搜索项顺序时必须同步调整 `searchOrder`，不要依赖 `column` 数组前后位置来控制搜索栏顺序。
+- `searchIndex: 4` 仅控制首屏展示数量，不影响 `searchOrder` 的优先级。
+
 ---
 
 ## 5. 新功能开发流程
@@ -225,17 +282,17 @@ pnpm run serve        # 预览构建产物
 
 项目采用 **Gitmoji** 风格，中文描述：
 
-| Emoji      | 代码         | 场景             |
-| ---------- | ------------ | ---------------- |
+| Emoji      | 代码         | 场景               |
+| ---------- | ------------ | ------------------ |
 | :sparkles: | `:sparkles:` | 新增功能、优化增强 |
-| :bug:      | `:bug:`      | 修复 Bug         |
+| :bug:      | `:bug:`      | 修复 Bug           |
 | :zap:      | `:zap:`      | 性能优化、问题修复 |
-| :tada:     | `:tada:`     | 重大版本发布     |
-| :lipstick: | `:lipstick:` | 样式调整         |
-| :recycle:  | `:recycle:`  | 代码重构         |
-| :wrench:   | `:wrench:`   | 配置修改         |
-| :memo:     | `:memo:`     | 文档更新         |
-| :fire:     | `:fire:`     | 删除代码/文件    |
+| :tada:     | `:tada:`     | 重大版本发布       |
+| :lipstick: | `:lipstick:` | 样式调整           |
+| :recycle:  | `:recycle:`  | 代码重构           |
+| :wrench:   | `:wrench:`   | 配置修改           |
+| :memo:     | `:memo:`     | 文档更新           |
+| :fire:     | `:fire:`     | 删除代码/文件      |
 
 ---
 

AI辅助编程规范与实战示例.md

@@ -0,0 +1,225 @@
+# AI 辅助编程规范与实战示例——以「货物类型模块」为例
+
+> 文档目的：向业主说明我们团队如何用 AI 协作完成前端开发，包含协作流程、工程规范、以及一个可直接对照代码的真实模块示例，便于业主了解我们的工作方式、质量保障手段与可复用的经验。
+
+
+
+---
+
+## 一、背景：我们为什么用 AI 编程
+
+本项目（Saber3 企业级后台）是一个模块多、表单多、校验规则多、样式规范严苛的大型 Vue 3 工程。传统人工开发存在两个痛点：
+
+1. **重复劳动多**：每个 CRUD 模块的列表、搜索、新增、编辑、导入、导出结构高度相似，但样式细节（表格线色、偶数行底色、操作列宽度、弹窗竖条等）又极易被写错。
+2. **规范易漂移**：数十个模块由不同人开发，若没有统一约束，代码风格、校验口径、审计字段展示会逐渐不一致。
+
+我们引入 AI 编程的核心思路不是"让 AI 自由发挥"，而是**把人类沉淀的工程规范喂给 AI，让 AI 在规范的边界内批量、稳定地产出代码，再由人工做业务与视觉复核**。这样既提效，又保住质量底线。
+
+---
+
+## 二、我们的 AI 协作流程（总览）
+
+```
+需求澄清 ──> 需求卡（单一事实来源）──> AGENTS.md（工程规范）──> AI 生成代码
+   │                                                          │
+   └──────────────── 人工复核 / 验收 ──────────────────────────┘
+```
+
+四个关键阶段：
+
+| 阶段      | 产物                          | 负责人     | 说明                               |
+| ------- | --------------------------- | ------- | -------------------------------- |
+| 1. 需求澄清 | 模块需求卡（.md）                  | 产品/前端   | 用 `模块需求卡生成规范.md` 统一格式，拆成 REQ 编号项 |
+| 2. 规范约束 | AGENTS.md                   | 架构/前端   | 把技术栈、风格、样式、校验、审计等写成"对 AI 的强制条款"  |
+| 3. 代码生成 | view / option / api / utils | AI + 前端 | AI 按 AGENTS.md 生成，前端实时纠偏         |
+| 4. 复核验收 | 可运行模块                       | 前端/测试   | 校验业务规则、视觉规范、边界异常                 |
+
+**核心原则：需求卡和 AGENTS.md 是 AI 与人对齐的"单一事实来源"，不靠口头交代。**
+
+---
+
+## 三、工程规范如何约束 AI（AGENTS.md 核心条款节选）
+
+我们维护了一份 `AGENTS.md`，作为 AI 每次动手前的"必读规范"。与本示例强相关的条款有：
+
+### 3.1 文件同构结构
+
+```
+src/
+├── views/base/cargo-type.vue     # 页面（模板 + 交互逻辑）
+├── option/base/cargo-type.js     # Avue 表格/表单配置（与 views 同构路径）
+└── api/base/cargo-type.js        # 接口层（按业务模块组织）
+```
+
+> 规范要点：Avue 配置独立存放于 `src/option/`，与 `views` 和 `api` 保持同构的模块路径映射。AI 生成时不会把配置写死在页面里。
+
+### 3.2 样式规范（极易被写错，故用规范强制）
+
+- 表格线条颜色统一 `#EFF1F7`；偶数行背景 `#FAFAFA`，固定列须与行背景一致；
+- 操作列同时展示"查看/编辑/删除"时宽度不小于 `220px`；
+- `.avue-crud__header` 顶部间距 `12px`；
+- `.basic-container__card` 内层 `el-card` 去卡片化（`padding: 0`）；
+- 主色统一 `#409eff`。
+
+### 3.3 表单校验规范
+
+- 金额类非负、经纬度范围、备注类 ≤200 字（前端阻止提交并提示）；
+- 新增、导入、编辑三处的校验口径必须一致；
+- 审计字段（创建人/更新人）**禁止直接展示用户 ID**，须绑定后端返回的姓名字段（`createUserName`）。
+
+### 3.4 批量导入失败明细规范（本项目重点）
+
+- 部分数据导入失败时，前端必须自动下载后端返回的失败 Excel；
+- 失败 Excel 字段顺序须与原模板一致，最后追加"导入失败原因"列；
+- 前端需根据 `content-type` 区分"JSON 成功响应"与"Excel 文件流"；
+- 失败明细文件命名含业务名、导入失败明细、时间戳。
+
+---
+
+## 四、实例拆解：货物类型模块
+
+### 4.1 模块能力一览
+
+货物类型是一个**两级层级**的主数据模块：一级货物类型（2 位编码）+ 二级货物类型（4 位编码，前 2 位须与上级一致）。功能包括：列表、条件查询、新增、编辑、查看、删除、批量删除、**批量导入 + 模板下载 + 失败明细加工**、批量导出。
+
+### 4.2 文件同构结构（真实存在）
+
+```
+src/views/base/cargo-type.vue       # 589 行，页面 + 交互
+src/option/base/cargo-type.js       # 189 行，Avue 列配置 + 校验器
+src/api/base/cargo-type.js          # 74 行，7 个接口方法
+src/utils/import-excel.js           # 109 行，通用导入弹窗（被本模块复用）
+```
+
+### 4.3 AI 按规范落地的关键代码点
+
+下面每一条都对应前述规范条款，可直接对照源码。
+
+**① 三级文件分离（对应 3.1）**
+
+页面只负责交互，配置与接口独立：
+
+```js
+// src/views/base/cargo-type.vue
+import { getList, getNextCode, getParentOptions, remove, submit } from '@/api/base/cargo-type';
+import { getCargoTypeOption } from '@/option/base/cargo-type';
+```
+
+**② 表单校验三处一致（对应 3.3）**
+
+前端表单（option）与 JS 内 `validateRow` 共用同一套规则口径，避免"表单能过、导入却崩"：
+
+```js
+// src/views/base/cargo-type.vue —— 提交前的统一校验
+validateRow(row) {
+  const pattern = row.typeLevel === 1 ? /^\d{2}$/ : /^\d{4}$/;
+  if (!pattern.test(row.cargoCode)) { this.$message.warning('货物类型编码格式不正确'); return false; }
+  if (row.typeLevel === 2 && !row.cargoCode.startsWith(row.parentCargoCode)) {
+    this.$message.warning('二级编码前2位必须与上级货物类型编码一致'); return false;
+  }
+  if (row.remark.length > 200) { this.$message.warning('备注不能超过200字'); return false; }
+  return true;
+}
+```
+
+```js
+// src/option/base/cargo-type.js —— 弹窗表单的同源校验器
+{ validator: (rule, value, callback) => {
+    const form = ctx.form || {};
+    const pattern = form.typeLevel === 1 ? /^\d{2}$/ : /^\d{4}$/;
+    // 同样的规则：格式 + 二级前缀一致性
+}, trigger: 'blur' }
+```
+
+**③ 审计字段用姓名不用 ID（对应 3.3）**
+
+```vue
+
+<template #createUserName="{ row }">
+  {{ row.createUserName || row.createUser || '' }}
+</template>
+```
+
+列表直接绑定 `createUserName`，避免出现一串无意义的用户 ID。
+
+**④ 导入失败明细加工（对应 3.4，本项目 AI 协作的亮点）**
+
+后端只返回原始失败原因文本，AI 被要求生成一个**可独立测试的小函数** `decorateCargoTypeFailDetail`，把原因按 A./B./C. 编号、追加规则说明、仅"导入失败原因"列标红、自动加宽列：
+
+```js
+// src/views/base/cargo-type.vue
+export const decorateCargoTypeFailDetail = async workbook => {
+  // 1. 映射表头列号
+  // 2. 清理非原因列的多余红色字体
+  // 3. 把每行原因拆条、编号、拼接规则说明
+  // 4. 仅操作"导入失败原因"列样式（黑字、无填充、自动换行）
+  // 5. 按 CARGO_TYPE_FAIL_COL_WIDTH 加宽各列
+};
+```
+
+该函数通过通用导入工具 `import-excel.js` 的 `failDetailDecorator` 钩子注入，做到**模块零耦合复用**：
+
+```js
+// 复用通用导入弹窗，仅传入本模块的加工函数
+handleImport() {
+  openImportDialog(this, '货物类型', undefined, {
+    failDetailDecorator: decorateCargoTypeFailDetail,
+  });
+}
+```
+
+**⑤ 样式规范落地（对应 3.2）**
+
+```scss
+/* src/views/base/cargo-type.vue <style> */
+:deep(.el-table) {
+  --el-table-border-color: #eff1f7;   /* 表格线条统一色 */
+}
+:deep(.el-table__body tr:nth-child(even) > td.el-table__cell) {
+  background: #fafafa;                 /* 偶数行底色，固定列同色 */
+}
+:deep(.basic-container__card) > .el-card__body { padding: 0; }  /* 去卡片化 */
+```
+
+### 4.4 人机协作中，AI 不擅长、需要人工兜底的部分
+
+诚实地说，AI 不是万能的。本模块在协作中由人工重点把控的有：
+
+1. **业务规则澄清**：一级/二级层级关系、编码前缀约束这类"业务语义"，需要产品/前端先讲清，AI 才能写出正确校验。
+2. **视觉细节微调**：表格行高、表头高度、间距的最终眼检，依赖人工在浏览器里确认。
+3. **前后端字段契约**：`CargoTypeVO` 是否返回 `createUserName`、失败 Excel 的表头文案，必须与后端对齐，AI 无法替你确认。
+4. **破坏性操作确认**：删除/批量删除的二次确认文案与风险，由人工定稿。
+
+---
+
+## 五、经验沉淀（可复用的 5 条）
+
+1. **把规范写成 `AGENTS.md`，比口头交代可靠 10 倍。** AI 每次都会读，规范不会因人离职而丢失。
+2. **需求卡是 AI 与人对齐的单一事实来源。** 用统一格式（REQ 编号 + 功能点/异常边界/反例）避免"我以为你要的是……"。
+3. **把重复能力抽成 utils。** 如 `import-excel.js`，新模块导入直接复用，AI 只需写"本模块特有的加工函数"。
+4. **校验三处一致**：前端表单、前端导入、后端校验口径对齐，且一处改、三处同步改。
+5. **让 AI 生成"小而纯"的函数**（如失败明细加工函数），比让它改一整个 600 行页面更可控、更易测、更易复核。
+
+---
+
+## 六、给业主的价值与建议
+
+| 维度      | 传统方式      | 我们的 AI 协作方式      |
+| ------- | --------- | ---------------- |
+| 单模块开发周期 | 长，易返工     | 短，规范内一次成型        |
+| 多模块一致性  | 易漂移       | AGENTS.md 强制统一   |
+| 规范传承    | 靠老人带      | 沉淀为文件，新人/AI 即取即用 |
+| 质量风险    | 校验、审计字段易漏 | 规范条款逐项约束         |
+
+**建议**：业主要求交付的不只是代码，更是"可持续维护的规范资产"。我们交付的每个模块背后都有需求卡 + AGENTS.md + 复用 utils 三件套，后续无论是换人维护还是扩展新模块，成本都显著更低。
+
+---
+
+*附：本示例涉及的全部源码路径*
+
+- `src/views/base/cargo-type.vue`
+- `src/option/base/cargo-type.js`
+- `src/api/base/cargo-type.js`
+- `src/utils/import-excel.js`
+- `AGENTS.md`（工程规范总纲）
+- `模块需求卡生成规范.md`（需求卡格式规范）

docs/backend-stubs/transit/risk-disposal/RiskDisposalBackend.md

@@ -0,0 +1,76 @@
+# 风险处置后端接口契约
+
+> 当前仓库为前端工程，无 Java 后端源码。本文件提供 BladeX 后端落库与接口实现契约，路径需放入 `blade-transport` 服务。
+
+## Controller
+
+```java
+@RestController
+@AllArgsConstructor
+@RequestMapping("/risk-disposal")
+@Api(value = "风险处置", tags = "风险处置")
+public class RiskDisposalController {
+
+	private final IRiskDisposalService riskDisposalService;
+
+	@GetMapping("/list")
+	public R<IPage<RiskDisposalVO>> list(RiskDisposalQuery query, Query page) {
+		IPage<RiskDisposalVO> pages = riskDisposalService.selectRiskDisposalPage(Condition.getPage(page), query);
+		return R.data(pages);
+	}
+
+	@GetMapping("/detail")
+	public R<RiskDisposalVO> detail(Long id) {
+		return R.data(riskDisposalService.detail(id));
+	}
+
+	@PostMapping("/dispose")
+	public R<Boolean> dispose(@Valid @RequestBody RiskDisposalDTO dto) {
+		return R.status(riskDisposalService.dispose(dto));
+	}
+
+	@PostMapping("/batch-dispose")
+	public R<Boolean> batchDispose(@Valid @RequestBody RiskDisposalBatchDTO dto) {
+		return R.status(riskDisposalService.batchDispose(dto));
+	}
+}
+```
+
+## 字段约定
+
+- `riskLevel`: `low` 低，`medium` 中，`high` 高
+- `disposalStatus`: `pending` 待处理，`processed` 已处理，`ignored` 已忽略
+- `disposalMethod`: `process` 处理，`ignore` 忽略
+- 列表默认按 `create_time DESC` 返回
+- `riskNo` 由后端生成：`RK + yyyyMMdd + 3位流水号`
+
+## 接口
+
+- `GET /blade-transport/risk-disposal/list`
+- `GET /blade-transport/risk-disposal/detail?id=`
+- `POST /blade-transport/risk-disposal/dispose`
+- `POST /blade-transport/risk-disposal/batch-dispose`
+
+## DTO
+
+```java
+@Data
+public class RiskDisposalDTO {
+	@NotNull(message = "风险ID不能为空")
+	private Long id;
+	@NotBlank(message = "请选择处理方式")
+	private String disposalMethod;
+	@Length(max = 500, message = "处置说明不能超过500个字符")
+	private String disposalRemark;
+}
+
+@Data
+public class RiskDisposalBatchDTO {
+	@NotEmpty(message = "风险ID不能为空")
+	private List<Long> ids;
+	@NotBlank(message = "请选择处理方式")
+	private String disposalMethod;
+	@Length(max = 500, message = "处置说明不能超过500个字符")
+	private String disposalRemark;
+}
+```

docs/backend-stubs/transit/track-tracking/TrackTrackingBackend.md

@@ -0,0 +1,27 @@
+# 在途追踪后端接口契约
+
+## 接口
+
+- `GET /blade-transport/track-tracking/map`
+- `GET /blade-transport/track-tracking/ship`
+
+## 建议返回
+
+```json
+{
+  "code": 200,
+  "success": true,
+  "data": {
+    "siteName": "XX园区A门",
+    "address": "南宁市邕宁区龙岗大道21号",
+    "coordinates": "108.348610;22.721864",
+    "records": []
+  }
+}
+```
+
+## 说明
+
+- `map` 用于轨迹查询
+- `ship` 用于船舶查询
+- 当前前端先做高德地图占位，后端可先只返回基础信息和轨迹点数组

docs/sql/transit/risk-disposal.sql

@@ -0,0 +1,66 @@
+-- 风险处置模块初始化脚本
+-- 父菜单：在途管理
+
+INSERT INTO `blade_menu` (
+  `id`, `parent_id`, `code`, `name`, `alias`, `path`, `source`, `sort`, `category`, `action`, `is_open`,
+  `remark`, `tenant_id`, `create_user`, `create_dept`, `create_time`, `update_user`, `update_time`, `status`,
+  `is_deleted`
+) VALUES (
+  '1710000000000000001', 0, 'transit_manage', '在途管理', 'transit_manage', '/transit', 'el-icon-truck',
+  20, 1, 1, 1, '在途管理父菜单', '000000', 1, 1, NOW(), 1, NOW(), 1, 0
+);
+
+INSERT INTO `blade_menu` (
+  `id`, `parent_id`, `code`, `name`, `alias`, `path`, `source`, `sort`, `category`, `action`, `is_open`,
+  `remark`, `tenant_id`, `create_user`, `create_dept`, `create_time`, `update_user`, `update_time`, `status`,
+  `is_deleted`
+) VALUES (
+  '1710000000000000002', '1710000000000000001', 'risk_disposal', '风险处置', 'risk_disposal',
+  '/transit/risk-disposal', 'el-icon-warning-outline', 20, 1, 1, 1, '风险处置页面',
+  '000000', 1, 1, NOW(), 1, NOW(), 1, 0
+);
+
+INSERT INTO `blade_menu` (
+  `id`, `parent_id`, `code`, `name`, `alias`, `path`, `source`, `sort`, `category`, `action`, `is_open`,
+  `remark`, `tenant_id`, `create_user`, `create_dept`, `create_time`, `update_user`, `update_time`, `status`,
+  `is_deleted`
+) VALUES
+('1710000000000000003', '1710000000000000002', 'risk_disposal_query', '查询', 'risk_disposal_query', '', '', 10, 2, 1, 1, '风险处置查询权限', '000000', 1, 1, NOW(), 1, NOW(), 1, 0),
+('1710000000000000004', '1710000000000000002', 'risk_disposal_process', '处理', 'risk_disposal_process', '', '', 20, 2, 1, 1, '风险处置处理权限', '000000', 1, 1, NOW(), 1, NOW(), 1, 0),
+('1710000000000000005', '1710000000000000002', 'risk_disposal_ignore', '忽略', 'risk_disposal_ignore', '', '', 30, 2, 1, 1, '风险处置忽略权限', '000000', 1, 1, NOW(), 1, NOW(), 1, 0),
+('1710000000000000006', '1710000000000000002', 'risk_disposal_batch_process', '批量处理', 'risk_disposal_batch_process', '', '', 40, 2, 1, 1, '风险处置批量处理权限', '000000', 1, 1, NOW(), 1, NOW(), 1, 0),
+('1710000000000000007', '1710000000000000002', 'risk_disposal_batch_ignore', '批量忽略', 'risk_disposal_batch_ignore', '', '', 50, 2, 1, 1, '风险处置批量忽略权限', '000000', 1, 1, NOW(), 1, NOW(), 1, 0),
+('1710000000000000008', '1710000000000000002', 'risk_disposal_view', '查看', 'risk_disposal_view', '', '', 60, 2, 1, 1, '风险处置查看权限', '000000', 1, 1, NOW(), 1, NOW(), 1, 0);
+
+CREATE TABLE IF NOT EXISTS `tms_risk_disposal` (
+  `id` bigint NOT NULL COMMENT '主键',
+  `tenant_id` varchar(12) DEFAULT '000000' COMMENT '租户ID',
+  `risk_no` varchar(30) NOT NULL COMMENT '风险编号',
+  `rule_name` varchar(50) NOT NULL COMMENT '规则名称',
+  `waybill_id` bigint DEFAULT NULL COMMENT '运单ID',
+  `waybill_no` varchar(30) DEFAULT NULL COMMENT '运单号',
+  `project_id` bigint DEFAULT NULL COMMENT '项目ID',
+  `project_name` varchar(50) DEFAULT NULL COMMENT '项目名称',
+  `risk_level` varchar(20) NOT NULL COMMENT '风险等级：low/medium/high',
+  `transport_type` varchar(20) DEFAULT NULL COMMENT '运输类型',
+  `risk_description` varchar(500) DEFAULT NULL COMMENT '风险描述',
+  `trigger_time` datetime DEFAULT NULL COMMENT '触发时间',
+  `disposal_status` varchar(20) NOT NULL DEFAULT 'pending' COMMENT '处理状态：pending/processed/ignored',
+  `disposal_method` varchar(20) DEFAULT NULL COMMENT '处理方式：process/ignore',
+  `disposal_remark` varchar(500) DEFAULT NULL COMMENT '处置说明',
+  `dispose_user` bigint DEFAULT NULL COMMENT '处置人',
+  `dispose_user_name` varchar(50) DEFAULT NULL COMMENT '处置人名称',
+  `dispose_time` datetime DEFAULT NULL COMMENT '处置时间',
+  `create_user` bigint DEFAULT NULL COMMENT '创建人',
+  `create_dept` bigint DEFAULT NULL COMMENT '创建部门',
+  `create_time` datetime DEFAULT NULL COMMENT '创建时间',
+  `update_user` bigint DEFAULT NULL COMMENT '更新人',
+  `update_time` datetime DEFAULT NULL COMMENT '更新时间',
+  `status` int DEFAULT 1 COMMENT '状态',
+  `is_deleted` int DEFAULT 0 COMMENT '是否已删除',
+  PRIMARY KEY (`id`),
+  UNIQUE KEY `uk_tms_risk_disposal_no` (`risk_no`),
+  KEY `idx_tms_risk_disposal_status` (`disposal_status`),
+  KEY `idx_tms_risk_disposal_level` (`risk_level`),
+  KEY `idx_tms_risk_disposal_waybill` (`waybill_id`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='风险处置';

docs/sql/transit/track-tracking.sql

@@ -0,0 +1,29 @@
+-- 在途追踪模块初始化脚本
+
+INSERT INTO `blade_menu` (
+  `id`, `parent_id`, `code`, `name`, `alias`, `path`, `source`, `sort`, `category`, `action`, `is_open`,
+  `remark`, `tenant_id`, `create_user`, `create_dept`, `create_time`, `update_user`, `update_time`, `status`,
+  `is_deleted`
+) VALUES (
+  '1720000000000000001', 0, 'transit_manage', '在途管理', 'transit_manage', '/transit', 'el-icon-truck',
+  20, 1, 1, 1, '在途管理父菜单', '000000', 1, 1, NOW(), 1, NOW(), 1, 0
+);
+
+INSERT INTO `blade_menu` (
+  `id`, `parent_id`, `code`, `name`, `alias`, `path`, `source`, `sort`, `category`, `action`, `is_open`,
+  `remark`, `tenant_id`, `create_user`, `create_dept`, `create_time`, `update_user`, `update_time`, `status`,
+  `is_deleted`
+) VALUES (
+  '1720000000000000002', '1720000000000000001', 'track_tracking', '在途追踪', 'track_tracking',
+  '/transit/track-tracking', 'el-icon-position', 10, 1, 1, 1, '在途追踪页面',
+  '000000', 1, 1, NOW(), 1, NOW(), 1, 0
+);
+
+INSERT INTO `blade_menu` (
+  `id`, `parent_id`, `code`, `name`, `alias`, `path`, `source`, `sort`, `category`, `action`, `is_open`,
+  `remark`, `tenant_id`, `create_user`, `create_dept`, `create_time`, `update_user`, `update_time`, `status`,
+  `is_deleted`
+) VALUES
+('1720000000000000003', '1720000000000000002', 'track_tracking_query', '查询', 'track_tracking_query', '', '', 10, 2, 1, 1, '在途追踪查询权限', '000000', 1, 1, NOW(), 1, NOW(), 1, 0),
+('1720000000000000004', '1720000000000000002', 'track_tracking_ship_query', '船舶查询', 'track_tracking_ship_query', '', '', 20, 2, 1, 1, '在途追踪船舶查询权限', '000000', 1, 1, NOW(), 1, NOW(), 1, 0),
+('1720000000000000005', '1720000000000000002', 'track_tracking_refresh', '刷新', 'track_tracking_refresh', '', '', 30, 2, 1, 1, '在途追踪刷新权限', '000000', 1, 1, NOW(), 1, NOW(), 1, 0);

icon-hover-demo.html

@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>图标悬停圆形背景效果</title>
+  <style>
+    * { box-sizing: border-box; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+      background: #f5f7fa;
+      padding: 40px;
+      color: #333;
+    }
+    h1 { font-size: 18px; margin: 0 0 24px; }
+    h2 { font-size: 14px; margin: 32px 0 12px; color: #666; }
+    .card {
+      background: #fff;
+      border-radius: 12px;
+      padding: 24px;
+      max-width: 600px;
+      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
+    }
+    .row {
+      display: flex;
+      align-items: center;
+      gap: 24px;
+      padding: 16px 0;
+    }
+
+    /* 核心样式：图标按钮悬停圆形背景 */
+    .icon-hover-btn {
+      position: relative;
+      width: 40px;
+      height: 40px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border: none;
+      border-radius: 50%;
+      background: transparent;
+      color: #333;
+      cursor: pointer;
+      outline: none;
+      transition: color 0.2s ease;
+    }
+    .icon-hover-btn::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      border-radius: 50%;
+      background: #f2f3f5;
+      transform: scale(0.6);
+      opacity: 0;
+      transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
+    }
+    .icon-hover-btn:hover::before,
+    .icon-hover-btn:focus-visible::before {
+      transform: scale(1);
+      opacity: 1;
+    }
+    .icon-hover-btn svg {
+      position: relative;
+      z-index: 1;
+      width: 22px;
+      height: 22px;
+      pointer-events: none;
+    }
+
+    .code-block {
+      background: #f8f9fa;
+      border: 1px solid #ebeef5;
+      border-radius: 8px;
+      padding: 16px;
+      font-size: 12px;
+      line-height: 1.6;
+      overflow-x: auto;
+      white-space: pre;
+      font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+    }
+  </style>
+</head>
+<body>
+  <h1>图标悬停圆形背景效果</h1>
+  <div class="card">
+    <p>把鼠标移到下面的 T 恤图标上，就会出现类似“铃铛”示例的浅灰圆形背景。</p>
+
+    <div class="row">
+      <button class="icon-hover-btn" aria-label="T恤">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M7 3l3 3h4l3-3 4 4-3 2v11a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V9L3 7l4-4z" />
+        </svg>
+      </button>
+
+      <span style="color:#999;font-size:13px;">↑ hover 查看效果</span>
+    </div>
+
+    <h2>CSS 核心代码（可复制）</h2>
+    <pre class="code-block">.icon-hover-btn {
+  position: relative;
+  width: 40px;
+  height: 40px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: 50%;
+  background: transparent;
+  color: #333;
+  cursor: pointer;
+  transition: color 0.2s ease;
+}
+.icon-hover-btn::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  background: #f2f3f5;
+  transform: scale(0.6);
+  opacity: 0;
+  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
+              opacity 0.2s ease;
+}
+.icon-hover-btn:hover::before,
+.icon-hover-btn:focus-visible::before {
+  transform: scale(1);
+  opacity: 1;
+}
+.icon-hover-btn svg {
+  position: relative;
+  z-index: 1;
+  width: 22px;
+  height: 22px;
+}</pre>
+
+    <h2>Element Plus 用法示例</h2>
+    <pre class="code-block">&lt;el-button class="icon-hover-btn" link&gt;
+  &lt;el-icon size="22"&gt;&lt;Upload /&gt;&lt;/el-icon&gt;
+&lt;/el-button&gt;</pre>
+  </div>
+</body>
+</html>

index.html

@@ -13,14 +13,14 @@
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black" />
     <meta name="format-detection" content="telephone=no" />
-    <link rel="icon" href="/favicon.png" />
     <link rel="stylesheet" href="/iconfont/index.css" />
     <link rel="stylesheet" href="/iconfont/avue/iconfont.css" />
     <link rel="stylesheet" href="/iconfont/saber/iconfont.css" />
     <link rel="stylesheet" href="/iconfont/common/iconfont.css" />
     <link rel="stylesheet" href="/css/loading.css" />
     <link rel="stylesheet" href="/css/saber.css" />
-    <title>TMS物流运输管理系统</title>
+    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <title>运输板块数字化管理平台</title>
   </head>
 
   <body>

package.json

@@ -9,36 +9,41 @@
     "serve": "vite preview --host"
   },
   "dependencies": {
-    "element-plus": "^2.14.2",
     "@element-plus/icons-vue": "^2.3.1",
-    "@smallwei/avue": "~3.9.2",
-    "avue-plugin-ueditor": "^1.0.4",
+    "@open-file-viewer/core": "^0.1.27",
+    "@open-file-viewer/vue": "^0.1.27",
     "@saber/nf-design-base-elp": "^1.3.0",
     "@saber/nf-form-design-elp": "^1.6.1",
     "@saber/nf-form-elp": "^1.6.3",
+    "@smallwei/avue": "~3.9.2",
     "animate.css": "^4.1.1",
+    "avue-plugin-ueditor": "^1.0.4",
     "axios": "^1.13.5",
     "codemirror": "^5.65.21",
     "crypto-js": "^4.1.1",
     "dayjs": "^1.10.6",
     "disable-devtool": "^0.3.8",
+    "element-plus": "^2.14.2",
+    "exceljs": "^4.4.0",
     "highlight.js": "^11.9.0",
     "js-base64": "^3.7.4",
     "js-cookie": "^3.0.0",
     "js-md5": "^0.7.3",
     "nprogress": "^0.2.0",
+    "pdfjs-dist": "^6.1.200",
     "sm-crypto": "^0.4.0",
     "vue": "^3.5.13",
     "vue-i18n": "^11.4.2",
     "vue-router": "^4.3.2",
     "vue3-clipboard": "^1.0.0",
-    "vuex": "^4.1.0"
+    "vuex": "^4.1.0",
+    "xlsx": "0.18.5"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.4",
     "@vue/compiler-sfc": "^3.4.27",
-    "sass": "^1.85.1",
     "prettier": "^2.8.7",
+    "sass": "^1.85.1",
     "terser": "^5.31.1",
     "unplugin-auto-import": "^0.11.2",
     "vite": "^5.4.19",

src/api/base/cargo-type.js

@@ -0,0 +1,73 @@
+import request from '@/axios';
+
+export const getList = (current, size, params) => {
+  return request({
+    url: '/blade-system/cargo-type/list',
+    method: 'get',
+    params: {
+      ...params,
+      current,
+      size,
+    },
+  });
+};
+
+export const getDetail = id => {
+  return request({
+    url: '/blade-system/cargo-type/detail',
+    method: 'get',
+    params: {
+      id,
+    },
+  });
+};
+
+export const remove = ids => {
+  return request({
+    url: '/blade-system/cargo-type/remove',
+    method: 'post',
+    params: {
+      ids,
+    },
+  });
+};
+
+export const submit = row => {
+  return request({
+    url: '/blade-system/cargo-type/submit',
+    method: 'post',
+    data: row,
+  });
+};
+
+export const importCargoType = file => {
+  const formData = new FormData();
+  formData.append('file', file);
+  return request({
+    url: '/blade-system/cargo-type/import-cargo-type',
+    method: 'post',
+    data: formData,
+    responseType: 'blob',
+    timeout: 60000,
+  });
+};
+
+export const getParentOptions = keyword => {
+  return request({
+    url: '/blade-system/cargo-type/parent-options',
+    method: 'get',
+    params: {
+      keyword,
+    },
+  });
+};
+
+export const getNextCode = parentCargoCode => {
+  return request({
+    url: '/blade-system/cargo-type/next-code',
+    method: 'get',
+    params: {
+      parentCargoCode,
+    },
+  });
+};

src/api/base/common-address.js

@@ -39,14 +39,3 @@ export const remove = ids => {
     },
   });
 };
-
-export const getSourceOptions = (addressType, keyword) => {
-  return request({
-    url: '/blade-transport/common-address/source-options',
-    method: 'get',
-    params: {
-      addressType,
-      keyword,
-    },
-  });
-};

src/api/business/common-cargo.js

@@ -0,0 +1,8 @@
+import { createCrudApi } from './common';
+
+const api = createCrudApi('/blade-transport/common-cargo');
+
+export const getList = api.getList;
+export const getDetail = api.getDetail;
+export const submit = api.submit;
+export const remove = api.remove;

src/api/business/common-route.js

@@ -0,0 +1,8 @@
+import { createCrudApi } from './common';
+
+const api = createCrudApi('/blade-transport/common-route');
+
+export const getList = api.getList;
+export const getDetail = api.getDetail;
+export const submit = api.submit;
+export const remove = api.remove;

src/api/business/common.js

@@ -0,0 +1,113 @@
+import request from '@/axios';
+
+export const createCrudApi = baseUrl => ({
+  getList(current, size, params) {
+    return request({
+      url: `${baseUrl}/list`,
+      method: 'get',
+      params: {
+        ...params,
+        current,
+        size,
+      },
+    });
+  },
+  getDetail(id) {
+    return request({
+      url: `${baseUrl}/detail`,
+      method: 'get',
+      params: {
+        id,
+      },
+    });
+  },
+  submit(row) {
+    return request({
+      url: `${baseUrl}/submit`,
+      method: 'post',
+      data: row,
+    });
+  },
+  remove(ids) {
+    return request({
+      url: `${baseUrl}/remove`,
+      method: 'post',
+      params: {
+        ids,
+      },
+    });
+  },
+  copy(id) {
+    return request({
+      url: `${baseUrl}/copy`,
+      method: 'post',
+      params: {
+        id,
+      },
+    });
+  },
+  enable(id) {
+    return request({
+      url: `${baseUrl}/enable`,
+      method: 'post',
+      params: {
+        id,
+      },
+    });
+  },
+  disable(id) {
+    return request({
+      url: `${baseUrl}/disable`,
+      method: 'post',
+      params: {
+        id,
+      },
+    });
+  },
+  cancel(id) {
+    return request({
+      url: `${baseUrl}/cancel`,
+      method: 'post',
+      params: {
+        id,
+      },
+    });
+  },
+  complete(id) {
+    return request({
+      url: `${baseUrl}/complete`,
+      method: 'post',
+      params: {
+        id,
+      },
+    });
+  },
+  dispatch(payload) {
+    const data = payload && typeof payload === 'object' ? payload : { id: payload };
+    const id = data.id || payload;
+    return request({
+      url: `${baseUrl}/dispatch`,
+      method: 'post',
+      params: id ? { id } : undefined,
+      data,
+    });
+  },
+  reassign(id) {
+    return request({
+      url: `${baseUrl}/reassign`,
+      method: 'post',
+      params: {
+        id,
+      },
+    });
+  },
+  batchComplete(ids) {
+    return request({
+      url: `${baseUrl}/batch-complete`,
+      method: 'post',
+      params: {
+        ids,
+      },
+    });
+  },
+});

src/api/business/contract-manage.js

@@ -0,0 +1,85 @@
+import { createCrudApi } from './common';
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/contract-manage';
+const api = createCrudApi(baseUrl);
+
+export const getList = api.getList;
+export const getDetail = api.getDetail;
+export const submit = api.submit;
+export const remove = api.remove;
+export const copy = api.copy;
+
+export const saveDraft = row =>
+  request({
+    url: `${baseUrl}/save-draft`,
+    method: 'post',
+    data: row,
+  });
+
+export const toTemporary = id =>
+  request({
+    url: `${baseUrl}/to-temporary`,
+    method: 'post',
+    params: { id },
+  });
+
+export const submitFormal = id =>
+  request({
+    url: `${baseUrl}/submit-formal`,
+    method: 'post',
+    params: { id },
+  });
+
+export const approve = id =>
+  request({
+    url: `${baseUrl}/approve`,
+    method: 'post',
+    params: { id },
+  });
+
+export const reject = id =>
+  request({
+    url: `${baseUrl}/reject`,
+    method: 'post',
+    params: { id },
+  });
+
+export const updateAttachments = row =>
+  request({
+    url: `${baseUrl}/update-attachments`,
+    method: 'post',
+    data: row,
+  });
+
+export const withdraw = id =>
+  request({
+    url: `${baseUrl}/withdraw`,
+    method: 'post',
+    params: { id },
+  });
+
+export const startChange = (id, reason) =>
+  request({
+    url: `${baseUrl}/start-change`,
+    method: 'post',
+    params: {
+      id,
+      changeContent: reason,
+      changeReason: reason,
+    },
+  });
+
+export const terminate = (id, reason) =>
+  request({
+    url: `${baseUrl}/terminate`,
+    method: 'post',
+    params: { id, reason },
+  });
+
+export const expireStats = params =>
+  request({
+    url: `${baseUrl}/expire-stats`,
+    method: 'get',
+    params,
+  });

src/api/business/loading-manage.js

@@ -0,0 +1,98 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/loading-manage';
+
+export const exportUrl = `${baseUrl}/export-loading-manage`;
+
+export const getList = (current, size, params) =>
+  request({
+    url: `${baseUrl}/list`,
+    method: 'get',
+    params: {
+      ...params,
+      current,
+      size,
+    },
+  });
+
+export const getDetail = id =>
+  request({
+    url: `${baseUrl}/detail`,
+    method: 'get',
+    params: {
+      id,
+    },
+  });
+
+export const saveDraft = row =>
+  request({
+    url: `${baseUrl}/save-draft`,
+    method: 'post',
+    data: row,
+  });
+
+export const submit = row =>
+  request({
+    url: `${baseUrl}/submit`,
+    method: 'post',
+    data: row,
+  });
+
+export const remove = ids =>
+  request({
+    url: `${baseUrl}/remove`,
+    method: 'post',
+    params: {
+      ids,
+    },
+  });
+
+export const copy = id =>
+  request({
+    url: `${baseUrl}/copy`,
+    method: 'post',
+    params: {
+      id,
+    },
+  });
+
+export const reassign = row =>
+  request({
+    url: `${baseUrl}/reassign`,
+    method: 'post',
+    data: row,
+  });
+
+export const cancel = id =>
+  request({
+    url: `${baseUrl}/cancel`,
+    method: 'post',
+    params: {
+      id,
+    },
+  });
+
+export const complete = id =>
+  request({
+    url: `${baseUrl}/complete`,
+    method: 'post',
+    params: {
+      id,
+    },
+  });
+
+export const batchComplete = ids =>
+  request({
+    url: `${baseUrl}/batch-complete`,
+    method: 'post',
+    params: {
+      ids,
+    },
+  });
+
+export const changeRoute = row =>
+  request({
+    url: `${baseUrl}/change-route`,
+    method: 'post',
+    data: row,
+  });

src/api/business/master-order.js

@@ -0,0 +1,32 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/master-order';
+
+export const getList = (current, size, params) =>
+  request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
+export const getDetail = id => request({ url: `${baseUrl}/detail`, method: 'get', params: { id } });
+export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
+export const saveDraft = data => request({ url: `${baseUrl}/draft`, method: 'post', data });
+export const copy = id => request({ url: `${baseUrl}/copy`, method: 'post', params: { id } });
+export const remove = id => request({ url: `${baseUrl}/remove`, method: 'post', params: { id } });
+export const closeDispatch = id =>
+  request({ url: `${baseUrl}/close-dispatch`, method: 'post', params: { id } });
+export const dispatch = data => request({ url: `${baseUrl}/dispatch`, method: 'post', data });
+export const exportList = params =>
+  request({ url: `${baseUrl}/export`, method: 'get', params, responseType: 'blob' });
+export const getAvailableProjects = () =>
+  request({
+    url: '/blade-transport/project-apply/list',
+    method: 'get',
+    params: {
+      current: 1,
+      size: 9999,
+      approvalStatuses: 'approved,change_approved',
+    },
+  });
+export const getProjectContracts = projectId =>
+  request({
+    url: '/blade-transport/contract-manage/list',
+    method: 'get',
+    params: { current: 1, size: 9999, projectId },
+  });

src/api/business/process-config.js

@@ -0,0 +1,11 @@
+import { createCrudApi } from './common';
+
+const api = createCrudApi('/blade-transport/process-config');
+
+export const getList = api.getList;
+export const getDetail = api.getDetail;
+export const submit = api.submit;
+export const remove = api.remove;
+export const copy = api.copy;
+export const enable = api.enable;
+export const disable = api.disable;

src/api/business/project-apply.js

@@ -0,0 +1,77 @@
+import { createCrudApi } from './common';
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/project-apply';
+const api = createCrudApi(baseUrl);
+
+export const getList = api.getList;
+export const getDetail = api.getDetail;
+export const submit = api.submit;
+export const remove = api.remove;
+
+export const saveDraft = row =>
+  request({
+    url: `${baseUrl}/save-draft`,
+    method: 'post',
+    data: row,
+  });
+
+export const submitApproval = id =>
+  request({
+    url: `${baseUrl}/submit-approval`,
+    method: 'post',
+    params: { id },
+  });
+
+export const approve = id =>
+  request({
+    url: `${baseUrl}/approve`,
+    method: 'post',
+    params: { id },
+  });
+
+export const reject = id =>
+  request({
+    url: `${baseUrl}/reject`,
+    method: 'post',
+    params: { id },
+  });
+
+export const withdraw = id =>
+  request({
+    url: `${baseUrl}/withdraw`,
+    method: 'post',
+    params: { id },
+  });
+
+export const voidProject = (id, reason) =>
+  request({
+    url: `${baseUrl}/void`,
+    method: 'post',
+    params: { id, reason },
+  });
+
+export const saveChange = row =>
+  request({
+    url: `${baseUrl}/save-change`,
+    method: 'post',
+    data: row,
+  });
+
+export const submitChange = row =>
+  request({
+    url: `${baseUrl}/submit-change`,
+    method: 'post',
+    data: row,
+  });
+
+export const startChange = (id, reason) =>
+  request({
+    url: `${baseUrl}/start-change`,
+    method: 'post',
+    params: {
+      id,
+      changeContent: reason,
+      changeReason: reason,
+    },
+  });

src/api/business/shipping-template.js

@@ -0,0 +1,11 @@
+import { createCrudApi } from './common';
+import request from '@/axios';
+
+const api = createCrudApi('/blade-transport/shipping-template');
+
+export const getList = api.getList;
+export const getDetail = api.getDetail;
+export const submit = api.submit;
+export const remove = api.remove;
+export const copy = api.copy;
+export const nextCode = () => request({ url: '/blade-transport/shipping-template/next-code', method: 'get' });

src/api/business/temporary-credit-limit.js

@@ -0,0 +1,45 @@
+import { createCrudApi } from './common';
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/temporary-credit-limit';
+const api = createCrudApi(baseUrl);
+
+export const getList = api.getList;
+export const getDetail = api.getDetail;
+export const submit = api.submit;
+export const remove = api.remove;
+
+export const saveDraft = row =>
+  request({
+    url: `${baseUrl}/save-draft`,
+    method: 'post',
+    data: row,
+  });
+
+export const submitApproval = id =>
+  request({
+    url: `${baseUrl}/submit-approval`,
+    method: 'post',
+    params: { id },
+  });
+
+export const approve = id =>
+  request({
+    url: `${baseUrl}/approve`,
+    method: 'post',
+    params: { id },
+  });
+
+export const reject = id =>
+  request({
+    url: `${baseUrl}/reject`,
+    method: 'post',
+    params: { id },
+  });
+
+export const withdraw = id =>
+  request({
+    url: `${baseUrl}/withdraw`,
+    method: 'post',
+    params: { id },
+  });

src/api/business/transport-plan.js

@@ -0,0 +1,38 @@
+import { createCrudApi } from './common';
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/transport-plan';
+const api = createCrudApi(baseUrl);
+
+export const getList = api.getList;
+export const getDetail = api.getDetail;
+export const submit = api.submit;
+export const dispatch = api.dispatch;
+export const remove = api.remove;
+export const copy = api.copy;
+export const cancel = api.cancel;
+export const complete = api.complete;
+
+export const importTransportPlan = ({
+  file,
+  projectId,
+  projectName,
+  customerName,
+  contractId,
+  contractName,
+}) => {
+  const data = new FormData();
+  data.append('file', file);
+  data.append('projectId', projectId || '');
+  data.append('projectName', projectName || '');
+  data.append('customerName', customerName || '');
+  data.append('contractId', contractId || '');
+  data.append('contractName', contractName || '');
+  return request({
+    url: `${baseUrl}/import-transport-plan`,
+    method: 'post',
+    data,
+    responseType: 'blob',
+    timeout: 60000,
+  });
+};

src/api/business/voucher-manage.js

@@ -0,0 +1,39 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/voucher-manage';
+
+export const getList = (current, size, params) =>
+  request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
+export const getDetail = id => request({ url: `${baseUrl}/detail`, method: 'get', params: { id } });
+export const submit = data => request({ url: `${baseUrl}/submit`, method: 'post', data });
+export const createUploadDraft = data =>
+  request({ url: `${baseUrl}/upload-draft`, method: 'post', data });
+export const completeUploadFile = data =>
+  request({ url: `${baseUrl}/complete-upload-file`, method: 'post', data });
+export const remove = id => request({ url: `${baseUrl}/remove`, method: 'post', params: { id } });
+export const getWaybillBatches = (current, size, params) =>
+  request({
+    url: `${baseUrl}/waybill-batches`,
+    method: 'get',
+    params: { current, size, ...params },
+  });
+
+const fileTaskBaseUrl = '/blade-file/fileTask';
+export const queryFileTask = md5 =>
+  request({ url: `${fileTaskBaseUrl}/queryFileTask`, method: 'get', params: { md5 } });
+export const getFileTask = id =>
+  request({ url: `${fileTaskBaseUrl}/queryFileTask`, method: 'get', params: { id } });
+export const createFileTask = data =>
+  request({ url: `${fileTaskBaseUrl}/createFileTask`, method: 'post', data });
+export const getPartUploadUrl = (id, partNumber) =>
+  request({ url: `${fileTaskBaseUrl}/getUploadUrl`, method: 'get', params: { id, partNumber } });
+export const updateFileTask = data =>
+  request({ url: `${fileTaskBaseUrl}/updateFileTask`, method: 'post', data });
+export const pauseFileTask = ids =>
+  request({ url: `${fileTaskBaseUrl}/updatePaused`, method: 'post', params: { ids: ids.join(',') } });
+export const resumeFileTask = id =>
+  request({ url: `${fileTaskBaseUrl}/resume`, method: 'post', params: { id } });
+export const getFileTaskList = (current, size, params) =>
+  request({ url: `${fileTaskBaseUrl}/list`, method: 'get', params: { current, size, ...params } });
+export const getFileTaskUrl = id =>
+  request({ url: `${fileTaskBaseUrl}/file-url`, method: 'get', params: { id } });

src/api/business/waybill-manage.js

@@ -0,0 +1,37 @@
+import request from '@/axios';
+import { createCrudApi } from './common';
+
+const baseUrl = '/blade-transport/waybill-manage';
+const api = createCrudApi(baseUrl);
+
+export const getList = api.getList;
+export const getDetail = api.getDetail;
+export const submit = api.submit;
+export const remove = api.remove;
+export const copy = api.copy;
+export const cancel = api.cancel;
+export const reassign = api.reassign;
+export const complete = api.complete;
+export const batchComplete = api.batchComplete;
+export const changeRoute = data =>
+  request({
+    url: `${baseUrl}/change-route`,
+    method: 'post',
+    data,
+  });
+export const roadLoading = ids =>
+  request({
+    url: `${baseUrl}/road-loading`,
+    method: 'post',
+    params: {
+      ids,
+    },
+  });
+
+export const getImportBatches = params => request({ url: `${baseUrl}/import-batch/list`, method: 'get', params });
+export const getImportDetails = params => request({ url: `${baseUrl}/import-batch/details`, method: 'get', params });
+export const removeImportBatches = ids => request({ url: `${baseUrl}/import-batch/remove`, method: 'post', params: { ids } });
+export const getImportOptions = () => request({ url: `${baseUrl}/import-batch/options`, method: 'get' });
+export const exportImportTemplate = () => request({ url: `${baseUrl}/import-batch/export-template`, method: 'get', responseType: 'blob' });
+export const saveImportDraft = data => request({ url: `${baseUrl}/import-batch/draft`, method: 'post', data });
+export const confirmImport = data => request({ url: `${baseUrl}/import-batch/confirm`, method: 'post', data });

src/api/common.js

@@ -1,15 +1,47 @@
 import request from '@/axios';
+import { ElLoading, ElMessage } from 'element-plus';
 
 /**
  * 文件流返回
  * @param url 接口地址
  * @param params 接口参数
  */
-export const exportBlob = (url, params) => {
+export const exportBlob = (url, params, options = {}) => {
+  const { feedback = false, loadingText = '导出中', successText = '导出完成' } = options;
+  const loading = feedback
+    ? ElLoading.service({
+        lock: true,
+        text: loadingText,
+        background: 'rgba(255, 255, 255, 0.7)',
+      })
+    : null;
   return request({
     url: url,
     params: params,
     method: 'get',
     responseType: 'blob',
+  })
+    .then(res => {
+      if (feedback) {
+        ElMessage.success(successText);
+      }
+      return res;
+    })
+    .finally(() => {
+      if (loading) {
+        loading.close();
+      }
+    });
+};
+
+export const importBlob = (url, file) => {
+  const formData = new FormData();
+  formData.append('file', file);
+  return request({
+    url,
+    method: 'post',
+    data: formData,
+    responseType: 'blob',
+    timeout: 60000,
   });
 };

src/api/settlement/receivable-payable-detail.js

@@ -0,0 +1,54 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/receivable-payable-detail';
+
+export const getList = (current, size, params) =>
+  request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
+
+export const getFeeDetail = id =>
+  request({ url: `${baseUrl}/fee-detail`, method: 'get', params: { id } });
+
+export const getChangeRecords = (current, size, params) =>
+  request({
+    url: `${baseUrl}/change-records`,
+    method: 'get',
+    params: { current, size, ...params },
+  });
+
+export const updateFee = data =>
+  request({ url: `${baseUrl}/update-fee`, method: 'post', data });
+
+export const transferSettlement = data =>
+  request({ url: `${baseUrl}/transfer-settlement`, method: 'post', data });
+
+export const getTransferCandidates = (current, size, params) =>
+  request({
+    url: `${baseUrl}/transfer-candidates`,
+    method: 'get',
+    params: { current, size, ...params },
+  });
+
+export const getGenerateWaybills = (current, size, params) =>
+  request({
+    url: `${baseUrl}/generate-waybills`,
+    method: 'get',
+    params: { current, size, ...params },
+  });
+
+export const getGeneratePreview = (current, size, params) =>
+  request({
+    url: `${baseUrl}/generate-preview`,
+    method: 'get',
+    params: { current, size, ...params },
+  });
+
+export const generateFee = data =>
+  request({ url: `${baseUrl}/generate-fee`, method: 'post', data });
+
+export const exportDetail = params =>
+  request({
+    url: `${baseUrl}/export-receivable-payable-detail`,
+    method: 'get',
+    params,
+    responseType: 'blob',
+  });

src/api/system/user.js

@@ -61,6 +61,13 @@ export const getUser = id => {
   });
 };
 
+export const getCustomerOptions = () => {
+  return request({
+    url: '/blade-system/user/customer-options',
+    method: 'get',
+  });
+};
+
 export const getUserPlatform = id => {
   return request({
     url: '/blade-system/user/platform-detail',

src/api/transit/exception-disposal.js

@@ -0,0 +1,15 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/exception-disposal';
+
+export const getList = (current, size, params) =>
+  request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
+
+export const getDetail = id => request({ url: `${baseUrl}/detail`, method: 'get', params: { id } });
+
+export const follow = data => request({ url: `${baseUrl}/follow`, method: 'post', data });
+
+export const complete = data => request({ url: `${baseUrl}/complete`, method: 'post', data });
+
+export const batchComplete = ids =>
+  request({ url: `${baseUrl}/batch-complete`, method: 'post', params: { ids } });

src/api/transit/risk-disposal.js

@@ -0,0 +1,13 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/risk-disposal';
+
+export const getList = (current, size, params) =>
+  request({ url: `${baseUrl}/list`, method: 'get', params: { current, size, ...params } });
+
+export const getDetail = id => request({ url: `${baseUrl}/detail`, method: 'get', params: { id } });
+
+export const dispose = data => request({ url: `${baseUrl}/dispose`, method: 'post', data });
+
+export const batchDispose = data =>
+  request({ url: `${baseUrl}/batch-dispose`, method: 'post', data });

src/api/transit/track-tracking.js

@@ -0,0 +1,9 @@
+import request from '@/axios';
+
+const baseUrl = '/blade-transport/track-tracking';
+
+export const getTrackingMap = params =>
+  request({ url: `${baseUrl}/map`, method: 'get', params });
+
+export const getShipTracking = params =>
+  request({ url: `${baseUrl}/ship`, method: 'get', params });

src/api/transportCapacity/driver.js

@@ -58,3 +58,23 @@ export const getExpiryStat = params => {
     params,
   });
 };
+
+export const recognitionIDCard = url => {
+  return request({
+    url: '/blade-file/file/recognitionIDCard',
+    method: 'get',
+    timeout: 60000,
+    params: {
+      url,
+    },
+  });
+};
+
+export const recognitionTransportCertificates = certificates => {
+  return request({
+    url: '/blade-file/file/recognitionTransportCertificates',
+    method: 'post',
+    timeout: 60000,
+    data: certificates,
+  });
+};

src/api/transportCapacity/transport-vehicle.js

@@ -51,6 +51,14 @@ export const changeStatus = (id, status) => {
   });
 };
 
+export const auditCertification = (id, certificationStatus, rejectReason) => {
+  return request({
+    url: '/blade-transport/transport-vehicle/audit-certification',
+    method: 'post',
+    params: { id, certificationStatus, rejectReason },
+  });
+};
+
 export const getExpiryStat = params => {
   return request({
     url: '/blade-transport/transport-vehicle/expiry-stat',
@@ -58,3 +66,12 @@ export const getExpiryStat = params => {
     params,
   });
 };
+
+export const recognitionTransportCertificates = objectKeys => {
+  return request({
+    url: '/blade-file/file/recognitionTransportCertificates',
+    method: 'post',
+    timeout: 60000,
+    data: objectKeys,
+  });
+};

src/api/vehicle/customer-archive.js

@@ -22,6 +22,18 @@ export const getDetail = id => {
   });
 };
 
+export const getChangeRecordList = (customerId, current, size) => {
+  return request({
+    url: '/blade-transport/customer-archive/change-record/list',
+    method: 'get',
+    params: {
+      customerId,
+      current,
+      size,
+    },
+  });
+};
+
 export const submit = row => {
   return request({
     url: '/blade-transport/customer-archive/submit',
@@ -40,6 +52,16 @@ export const submitApproval = id => {
   });
 };
 
+export const withdrawApproval = id => {
+  return request({
+    url: '/blade-transport/customer-archive/withdraw-approval',
+    method: 'post',
+    params: {
+      id,
+    },
+  });
+};
+
 export const approve = id => {
   return request({
     url: '/blade-transport/customer-archive/approve',

src/api/vehicle/equipment-ledger.js

@@ -0,0 +1,23 @@
+import request from '@/axios';
+
+export const getList = (current, size, params) =>
+  request({
+    url: '/blade-transport/equipment-ledger/list',
+    method: 'get',
+    params: { ...params, current, size },
+  });
+
+export const getDetail = id =>
+  request({ url: '/blade-transport/equipment-ledger/detail', method: 'get', params: { id } });
+
+export const getNextEquipmentCode = () =>
+  request({ url: '/blade-transport/equipment-ledger/next-equipment-code', method: 'get' });
+
+export const add = row =>
+  request({ url: '/blade-transport/equipment-ledger/submit', method: 'post', data: row });
+
+export const update = row =>
+  request({ url: '/blade-transport/equipment-ledger/submit', method: 'post', data: row });
+
+export const remove = ids =>
+  request({ url: '/blade-transport/equipment-ledger/remove', method: 'post', params: { ids } });

src/components/basic-container/main.vue

@@ -35,7 +35,7 @@ export default {
 
 <style lang="scss">
 .basic-container {
-  padding: 10px 6px;
+  padding: 0 6px;
   box-sizing: border-box;
 
   &--block {
@@ -48,6 +48,11 @@ export default {
 
   &__card {
     width: 100%;
+    background: none;
+
+    > .el-card__body {
+      padding: 0;
+    }
   }
 
   &:first-child {

src/components/cron-editor/main.vue

@@ -13,7 +13,7 @@
       <div class="cron-config-area">
         <!-- 每天模式 -->
         <div v-if="cronMode === 'daily'" class="mode-content">
-          <el-form :model="dailyConfig" label-width="100px" size="default">
+          <el-form :model="dailyConfig" label-width="auto" size="default">
             <el-form-item label="执行时间">
               <el-time-picker
                 v-model="dailyConfig.time"
@@ -30,7 +30,7 @@
 
         <!-- 每周模式 -->
         <div v-if="cronMode === 'weekly'" class="mode-content">
-          <el-form :model="weeklyConfig" label-width="100px" size="default">
+          <el-form :model="weeklyConfig" label-width="auto" size="default">
             <el-form-item label="星期选择">
               <el-checkbox-group v-model="weeklyConfig.weekDays" @change="generateCron" :disabled="disabled">
                 <el-checkbox label="1">周一</el-checkbox>
@@ -58,7 +58,7 @@
 
         <!-- 每月模式 -->
         <div v-if="cronMode === 'monthly'" class="mode-content">
-          <el-form :model="monthlyConfig" label-width="100px" size="default">
+          <el-form :model="monthlyConfig" label-width="auto" size="default">
             <el-form-item label="日期选择">
               <el-select
                 v-model="monthlyConfig.days"
@@ -93,7 +93,7 @@
 
         <!-- 自定义模式 -->
         <div v-if="cronMode === 'custom'" class="mode-content">
-          <el-form :model="customConfig" label-width="100px" size="default">
+          <el-form :model="customConfig" label-width="auto" size="default">
             <el-form-item label="秒">
               <el-input
                 v-model="customConfig.second"
@@ -161,7 +161,7 @@
       </div>
 
       <div class="cron-result">
-        <el-form label-width="120px">
+        <el-form label-width="auto">
           <el-form-item label="Cron 表达式">
             <el-input
               v-model="cronExpression"
@@ -567,7 +567,7 @@ export default {
   font-family: 'Courier New', monospace;
   font-size: 14px;
   font-weight: 600;
-  color: #409eff;
+  color: var(--el-color-primary);
 }
 
 :deep(.el-checkbox) {

src/components/empty-pagination/main.vue

@@ -0,0 +1,69 @@
+<template>
+  <div v-if="shouldShow" class="empty-pagination avue-crud__pagination">
+    <el-pagination
+      background
+      :current-page="page.currentPage"
+      :page-size="pageSize"
+      :page-sizes="pageSizes"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'EmptyPagination',
+  props: {
+    page: {
+      type: Object,
+      required: true,
+    },
+    alwaysShow: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  emits: ['size-change', 'current-change', 'load'],
+  computed: {
+    shouldShow() {
+      return this.alwaysShow || this.isEmptyTotal;
+    },
+    isEmptyTotal() {
+      return Number(this.page.total || 0) === 0;
+    },
+    pageSize() {
+      return this.page.pageSize || 10;
+    },
+    pageSizes() {
+      return this.page.pageSizes || [10, 20, 50, 100];
+    },
+    total() {
+      return Number(this.page.total || 0);
+    },
+  },
+  methods: {
+    handleSizeChange(pageSize) {
+      this.page.currentPage = 1;
+      this.page.pageSize = pageSize;
+      this.$emit('size-change', pageSize);
+      this.$emit('load');
+    },
+    handleCurrentChange(currentPage) {
+      this.page.currentPage = currentPage;
+      this.$emit('current-change', currentPage);
+      this.$emit('load');
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.empty-pagination {
+  display: flex;
+  justify-content: flex-end;
+  background: #fff;
+}
+</style>

src/components/image-upload-field/main.vue

@@ -0,0 +1,182 @@
+<template>
+  <el-form-item v-if="mode === 'form'" :label="label" :prop="prop">
+    <div :class="[`${classPrefix}-uploader`, { [`${classPrefix}-uploader--large`]: large }]">
+      <el-upload
+        ref="uploadRef"
+        class="upload-inner"
+        action="/api/blade-resource/oss/endpoint/put-file"
+        name="file"
+        :headers="uploadHeaders"
+        :show-file-list="false"
+        :disabled="readonly"
+        :before-upload="beforeUpload"
+        :on-progress="handleProgress"
+        :on-success="handleSuccess"
+        :on-error="handleError"
+      >
+        <el-image
+          v-if="value"
+          :src="value"
+          :class="`${classPrefix}-uploader__image`"
+          :preview-src-list="[value]"
+          fit="contain"
+          preview-teleported
+          :z-index="3000"
+          @click.stop
+        />
+        <div v-else :class="`${classPrefix}-uploader__empty`">{{ emptyText }}</div>
+      </el-upload>
+      <el-link
+        v-if="value && !readonly"
+        type="primary"
+        class="upload-replace-link"
+        @click.stop="triggerUpload"
+      >
+        更换
+      </el-link>
+    </div>
+  </el-form-item>
+  <el-form-item v-else :prop="prop" :class="`${classPrefix}-upload-item`">
+    <div :class="[`${classPrefix}-upload-card`, { [`${classPrefix}-upload-card--large`]: large }]">
+      <div v-if="label" :class="`${classPrefix}-upload-card__head`">
+        <span :class="`${classPrefix}-upload-card__label`">{{ label }}</span>
+        <el-link
+          v-if="!readonly"
+          type="primary"
+          :class="`${classPrefix}-upload-card__action`"
+          @click.stop="triggerUpload"
+        >
+          {{ actionText }}
+        </el-link>
+        <span v-else :class="`${classPrefix}-upload-card__action`">{{ actionText }}</span>
+      </div>
+      <el-upload
+        ref="uploadRef"
+        :class="`${classPrefix}-upload-card__uploader`"
+        action="/api/blade-resource/oss/endpoint/put-file"
+        name="file"
+        :headers="uploadHeaders"
+        :show-file-list="false"
+        :disabled="readonly"
+        :before-upload="beforeUpload"
+        :on-progress="handleProgress"
+        :on-success="handleSuccess"
+        :on-error="handleError"
+      >
+        <el-image
+          v-if="value"
+          :src="value"
+          :class="`${classPrefix}-upload-card__image`"
+          :preview-src-list="[value]"
+          fit="contain"
+          preview-teleported
+          :z-index="3000"
+          @click.stop
+        />
+        <div v-else :class="`${classPrefix}-upload-card__empty`">{{ emptyText }}</div>
+      </el-upload>
+    </div>
+  </el-form-item>
+</template>
+
+<script>
+import { ElLoading } from 'element-plus';
+import { getUploadHeaders } from '@/utils/upload';
+
+export default {
+  name: 'ImageUploadField',
+  props: {
+    label: String,
+    prop: String,
+    value: String,
+    readonly: Boolean,
+    headers: Object,
+    large: Boolean,
+    mode: {
+      type: String,
+      default: 'form',
+    },
+    classPrefix: {
+      type: String,
+      default: 'driver',
+    },
+    emptyText: {
+      type: String,
+      default: '上传证件图片',
+    },
+    actionText: {
+      type: String,
+      default: '点击上传',
+    },
+  },
+  computed: {
+    uploadHeaders() {
+      return getUploadHeaders(this.headers || {});
+    },
+  },
+  emits: ['success'],
+  data() {
+    return {
+      uploadLoading: null,
+    };
+  },
+  beforeUnmount() {
+    this.closeUploadLoading();
+  },
+  methods: {
+    triggerUpload() {
+      const uploadEl = this.$refs.uploadRef && this.$refs.uploadRef.$el;
+      const input = uploadEl && uploadEl.querySelector('.el-upload__input');
+      if (input) input.click();
+    },
+    showUploadLoading() {
+      if (this.uploadLoading) {
+        return;
+      }
+      this.uploadLoading = ElLoading.service({
+        lock: true,
+        text: '上传中',
+        background: 'rgba(255, 255, 255, 0.7)',
+      });
+    },
+    closeUploadLoading() {
+      if (!this.uploadLoading) {
+        return;
+      }
+      this.uploadLoading.close();
+      this.uploadLoading = null;
+    },
+    handleProgress() {
+      this.showUploadLoading();
+    },
+    handleSuccess(res) {
+      this.closeUploadLoading();
+      if (res.code === 200 && res.data) {
+        this.$message.success('上传完成');
+        this.$emit('success', res.data.link || res.data.url || res.data.domain || '', res.data);
+      } else {
+        this.$message.error(res.msg || '上传失败');
+      }
+    },
+    handleError() {
+      this.closeUploadLoading();
+      this.$message.error('上传失败');
+    },
+    beforeUpload(file) {
+      const validType = ['image/jpeg', 'image/png', 'image/jpg', 'image/bmp'].includes(file.type);
+      const validSize = file.size / 1024 / 1024 < 5;
+      if (!validType) {
+        this.$message.error('仅支持 JPG、PNG、BMP 图片');
+      }
+      if (!validSize) {
+        this.$message.error('图片大小不能超过 5MB');
+      }
+      const valid = validType && validSize;
+      if (valid) {
+        this.showUploadLoading();
+      }
+      return valid;
+    },
+  },
+};
+</script>

src/components/section-card/main.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="section-card">
+    <div v-if="title || $slots.title || $slots.extra" class="section-card__header">
+      <span class="section-card__bar" />
+      <span class="section-card__title">
+        <slot name="title">{{ title }}</slot>
+      </span>
+      <span class="section-card__extra">
+        <slot name="extra" />
+      </span>
+    </div>
+    <div class="section-card__body">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SectionCard',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    }
+  }
+}
+</script>

src/components/third-register/main.vue

@@ -8,7 +8,7 @@
     :show-close="false"
     width="20%"
   >
-    <el-form :model="form" ref="form" label-width="80px">
+    <el-form :model="form" ref="form" label-width="auto">
       <el-form-item v-if="tenantMode" label="租户编号">
         <el-input v-model="form.tenantId" placeholder="请输入租户编号"></el-input>
       </el-form-item>

src/components/vehicle-attachment-upload/main.vue

@@ -0,0 +1,394 @@
+<template>
+  <div class="vehicle-attachment-upload">
+    <el-upload
+      :action="uploadAction"
+      name="file"
+      :headers="uploadHeaders"
+      :file-list="fileList"
+      :accept="acceptText"
+      :multiple="multiple"
+      :limit="limit"
+      :disabled="readonly"
+      :show-file-list="showFileList"
+      :on-success="handleSuccess"
+      :on-error="handleError"
+      :on-change="handleChange"
+      :on-remove="handleRemove"
+      :on-preview="handlePreview"
+      :before-upload="beforeUpload"
+    >
+      <el-button v-if="!readonly" type="primary" plain :icon="buttonIcon">
+        {{ buttonText }}
+      </el-button>
+      <template #tip>
+        <div v-if="showTip && tipText && !readonly" class="el-upload__tip">
+          {{ tipText }}
+        </div>
+      </template>
+    </el-upload>
+    <span v-if="showUploading && uploadingCount" class="vehicle-attachment-upload__uploading">
+      上传中（{{ uploadingCount }}）
+    </span>
+    <span v-if="readonly && fileList.length === 0" class="vehicle-attachment-upload__empty">
+      -
+    </span>
+
+    <el-dialog
+      v-model="previewVisible"
+      :title="previewFile.name || '附件预览'"
+      append-to-body
+      destroy-on-close
+      width="90%"
+      top="4vh"
+      class="vehicle-attachment-upload__viewer-dialog"
+    >
+      <open-file-viewer
+        v-if="previewVisible && previewSource"
+        :file="previewSource"
+        :file-name="previewFile.name"
+        :mime-type="previewFile.mimeType"
+        width="100%"
+        height="72vh"
+        fit="contain"
+        theme="auto"
+        locale="zh-CN"
+        :toolbar="viewerToolbar"
+        :plugins="viewerPlugins"
+        @unsupported="handleUnsupported"
+        @error="handleViewerError"
+      />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { OpenFileViewer } from '@open-file-viewer/vue';
+import {
+  fallbackPlugin,
+  imagePlugin,
+  officePlugin,
+  pdfPlugin,
+  textPlugin,
+} from '@open-file-viewer/core';
+import '@open-file-viewer/core/style.css';
+import pdfWorkerSrc from 'pdfjs-dist/build/pdf.worker.mjs?url';
+import { baseUrl } from '@/config/env';
+import { getUploadHeaders } from '@/utils/upload';
+
+const MIME_MAP = {
+  jpg: 'image/jpeg',
+  jpeg: 'image/jpeg',
+  png: 'image/png',
+  gif: 'image/gif',
+  bmp: 'image/bmp',
+  webp: 'image/webp',
+  pdf: 'application/pdf',
+  doc: 'application/msword',
+  docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+  xls: 'application/vnd.ms-excel',
+  xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+  ppt: 'application/vnd.ms-powerpoint',
+  pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+  eml: 'message/rfc822',
+  msg: 'application/vnd.ms-outlook',
+  zip: 'application/zip',
+  txt: 'text/plain',
+};
+
+const viewerPlugins = [
+  imagePlugin(),
+  pdfPlugin({
+    workerSrc: pdfWorkerSrc,
+    useFetchData: true,
+  }),
+  officePlugin({
+    pdf: {
+      workerSrc: pdfWorkerSrc,
+      useFetchData: true,
+    },
+  }),
+  textPlugin(),
+  fallbackPlugin(),
+];
+
+export default {
+  name: 'VehicleAttachmentUpload',
+  components: {
+    OpenFileViewer,
+  },
+  props: {
+    modelValue: {
+      type: [Array, String, Object],
+      default: () => [],
+    },
+    action: {
+      type: String,
+      default: '',
+    },
+    accept: {
+      type: [String, Array],
+      default: '',
+    },
+    fileTypes: {
+      type: Array,
+      default: () => [],
+    },
+    multiple: {
+      type: Boolean,
+      default: true,
+    },
+    limit: {
+      type: Number,
+      default: 20,
+    },
+    maxSize: {
+      type: Number,
+      default: 0,
+    },
+    readonly: {
+      type: Boolean,
+      default: false,
+    },
+    buttonText: {
+      type: String,
+      default: '上传附件',
+    },
+    buttonIcon: {
+      type: String,
+      default: 'el-icon-upload',
+    },
+    tip: {
+      type: String,
+      default: '',
+    },
+    showTip: {
+      type: Boolean,
+      default: true,
+    },
+    showFileList: {
+      type: Boolean,
+      default: true,
+    },
+    showUploading: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  emits: ['update:modelValue', 'change', 'success'],
+  data() {
+    return {
+      fileList: [],
+      previewVisible: false,
+      previewFile: {},
+      previewSource: '',
+      viewerToolbar: {
+        download: true,
+        fullscreen: true,
+        print: true,
+        rotate: true,
+        zoom: true,
+      },
+      viewerPlugins,
+    };
+  },
+  computed: {
+    uploadAction() {
+      return this.action || `${baseUrl}/blade-resource/oss/endpoint/put-file`;
+    },
+    uploadHeaders() {
+      return getUploadHeaders();
+    },
+    acceptedList() {
+      const types = this.fileTypes.length ? this.fileTypes : this.accept;
+      if (Array.isArray(types)) {
+        return types.map(item => String(item).trim()).filter(Boolean);
+      }
+      return String(types || '')
+        .split(',')
+        .map(item => item.trim())
+        .filter(Boolean);
+    },
+    acceptText() {
+      return this.acceptedList.join(',');
+    },
+    tipText() {
+      if (this.tip) return this.tip;
+      const typeText = this.acceptText || '所有类型';
+      const sizeText = this.maxSize > 0 ? `，单文件不超过 ${this.maxSize}MB` : '';
+      return `支持上传 ${typeText}${sizeText}`;
+    },
+    uploadingCount() {
+      return this.fileList.filter(file => ['ready', 'uploading'].includes(file.status)).length;
+    },
+  },
+  watch: {
+    modelValue: {
+      handler(value) {
+        // Keep pending uploads in Element Plus' internal list until every selected file settles.
+        if (this.fileList.some(file => ['ready', 'uploading'].includes(file.status))) return;
+        this.fileList = this.toUploadList(value);
+      },
+      immediate: true,
+      deep: true,
+    },
+  },
+  methods: {
+    toUploadList(value) {
+      const list = this.parseValue(value);
+      return list.map((item, index) => {
+        const url = this.getFileUrl(item);
+        const originalName = item.originalName || item.name || this.getFileName(url) || '附件';
+        return {
+          ...item,
+          uid: item.uid || `${url || originalName || 'file'}-${index}`,
+          originalName,
+          name: originalName,
+          url,
+          status: 'success',
+        };
+      });
+    },
+    parseValue(value) {
+      if (!value) return [];
+      if (Array.isArray(value)) return value.filter(Boolean);
+      if (typeof value === 'object') return [value];
+      try {
+        const list = JSON.parse(value);
+        return Array.isArray(list) ? list : [];
+      } catch (error) {
+        return String(value)
+          .split(',')
+          .map(item => item.trim())
+          .filter(Boolean)
+          .map(item => ({
+            name: this.getFileName(item),
+            url: item,
+          }));
+      }
+    },
+    getFileUrl(file) {
+      return file.url || file.link || file.src || file.domain || '';
+    },
+    getFileName(url) {
+      if (!url) return '';
+      const path = String(url).split('?')[0];
+      return decodeURIComponent(path.substring(path.lastIndexOf('/') + 1));
+    },
+    getExtension(file) {
+      const name = String(file.name || this.getFileUrl(file) || '').split('?')[0];
+      const index = name.lastIndexOf('.');
+      return index >= 0 ? name.substring(index + 1).toLowerCase() : '';
+    },
+    beforeUpload(file) {
+      if (!this.validFileType(file)) {
+        this.$message.warning('文件类型不符合上传要求');
+        return false;
+      }
+      if (this.maxSize > 0 && file.size / 1024 / 1024 > this.maxSize) {
+        this.$message.warning(`单文件大小不能超过 ${this.maxSize}MB`);
+        return false;
+      }
+      return true;
+    },
+    validFileType(file) {
+      if (!this.acceptedList.length) return true;
+      const fileName = String(file.name || '').toLowerCase();
+      const mimeType = String(file.type || '').toLowerCase();
+      return this.acceptedList.some(type => {
+        const value = String(type).toLowerCase();
+        if (value === '*/*') return true;
+        if (value.startsWith('.')) return fileName.endsWith(value);
+        if (value.endsWith('/*')) return mimeType.startsWith(value.slice(0, -1));
+        if (value.includes('/')) return mimeType === value;
+        return fileName.endsWith(`.${value}`);
+      });
+    },
+    handleSuccess(response, file, files) {
+      if (!response || response.success === false || (response.code && response.code !== 200)) {
+        this.$message.error((response && response.msg) || '上传失败');
+        return;
+      }
+      this.emitUploadFiles(this.multiple ? files : [file]);
+      this.$emit('success', this.normalizeUploadFile(file));
+      this.$message.success('上传成功');
+    },
+    handleChange(file, files) {
+      this.fileList = files || [];
+    },
+    handleError() {
+      this.$message.error('上传失败');
+    },
+    handleRemove(file, files) {
+      if (this.readonly) return false;
+      this.emitUploadFiles(files);
+      return true;
+    },
+    emitUploadFiles(files) {
+      const list = files
+        .filter(file => file.status === 'success' || this.getFileUrl(file))
+        .map(this.normalizeUploadFile)
+        .filter(item => item.url);
+      this.$emit('update:modelValue', list);
+      this.$emit('change', list);
+    },
+    normalizeUploadFile(file) {
+      const data = (file.response && file.response.data) || file.data || file;
+      const url = data.link || data.url || data.domain || file.url || '';
+      const originalName =
+        data.originalName || file.originalName || data.name || file.name || this.getFileName(url) || '附件';
+      const extension = this.getExtension({ name: originalName, url });
+      return {
+        ...data,
+        uid: file.uid || data.uid,
+        originalName,
+        name: originalName,
+        url,
+        link: data.link || url,
+        size: data.size || data.attachSize || file.size || '',
+        extension,
+        mimeType: data.mimeType || data.contentType || file.raw?.type || MIME_MAP[extension] || '',
+      };
+    },
+    handlePreview(file) {
+      const previewFile = this.normalizeUploadFile(file);
+      if (!previewFile.url) {
+        this.$message.warning('附件地址为空，无法预览');
+        return;
+      }
+      this.previewFile = previewFile;
+      this.previewSource = previewFile.url;
+      this.previewVisible = true;
+    },
+    handleUnsupported() {
+      this.$message.warning('当前文件暂不支持在线预览');
+    },
+    handleViewerError() {
+      this.$message.error('附件预览失败');
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.vehicle-attachment-upload {
+  width: 100%;
+
+  :deep(.el-upload-list__item-name) {
+    cursor: pointer;
+  }
+
+  &__empty {
+    color: #909399;
+  }
+
+  &__uploading {
+    margin-left: 8px;
+    color: #409eff;
+    font-size: 13px;
+  }
+}
+
+:global(.vehicle-attachment-upload__viewer-dialog .el-dialog__body) {
+  padding: 12px 16px 16px;
+}
+</style>

src/config/website.js

@@ -5,7 +5,7 @@ export default {
   title: '运输板块数字化管理平台',
   logo: 'X',
   key: 'saber', //配置主键,目前用于存储
-  indexTitle: 'TMS物流运输管理系统',
+  indexTitle: '运输板块数字化管理平台',
   clientId: 'saber3', // 客户端id
   clientSecret: 'saber3_secret', // 客户端密钥
   tenantMode: true, // 是否开启租户模式
@@ -24,14 +24,16 @@ export default {
   setting: {
     sidebar: 'vertical',
     tag: true,
-    debug: true,
+    debug: false,
     collapse: true,
-    search: true,
-    color: true,
-    lock: true,
+    search: false,
+    color: false,
+    lock: false,
     screenshot: true,
-    fullscreen: true,
+    fullscreen: false,
     theme: true,
+    lang: false,
+    settingBtn: false,
     menu: true,
   },
   //首页配置
@@ -53,7 +55,7 @@ export default {
   //水印配置
   watermark: {
     mode: false,
-    text: 'TMS物流运输管理系统',
+    text: '运输板块数字化管理平台',
   },
   //oauth2配置
   oauth2: {

src/const/tool/model.js

@@ -147,7 +147,7 @@ export const option = {
   viewBtn: true,
   grid: true,
   selection: true,
-  menuWidth: 250,
+  menuWidth: 180,
   column: [
     {
       label: '数据源',

src/lang/en.js

@@ -128,7 +128,7 @@ export default {
     color: 'color',
   },
   tagsView: {
-    search: 'Search',
+    search: 'Query',
     menu: 'menu',
     clearCache: 'Clear Cache',
     closeOthers: 'Close Others',

src/lang/zh.js

@@ -1,5 +1,5 @@
 export default {
-  title: 'TMS物流运输管理系统',
+  title: '运输板块数字化管理平台',
   confirmTip: '提示',
   logoutTip: '退出系统, 是否继续?',
   submitText: '确定',
@@ -28,18 +28,18 @@ export default {
     a: '全部',
   },
   form: {
-    printBtn: '打 印',
-    mockBtn: '模 拟',
-    submitBtn: '提 交',
-    emptyBtn: '清 空',
+    printBtn: '打印',
+    mockBtn: '模拟',
+    submitBtn: '提交',
+    emptyBtn: '清空',
   },
   crud: {
     filter: {
       addBtn: '新增条件',
       clearBtn: '清空数据',
-      resetBtn: '清空条件',
-      cancelBtn: '取 消',
-      submitBtn: '确 定',
+      resetBtn: '重置',
+      cancelBtn: '取消',
+      submitBtn: '确定',
     },
     column: {
       name: '列名',
@@ -52,34 +52,34 @@ export default {
     },
     tipStartTitle: '当前表格已选择',
     tipEndTitle: '项',
-    editTitle: '编 辑',
-    copyTitle: '复 制',
-    addTitle: '新 增',
-    viewTitle: '查 看',
+    editTitle: '编辑',
+    copyTitle: '复制',
+    addTitle: '新增',
+    viewTitle: '查看',
     filterTitle: '过滤条件',
     showTitle: '列显隐',
     menu: '操作',
-    addBtn: '新 增',
-    show: '显 示',
-    hide: '隐 藏',
-    open: '展 开',
-    shrink: '收 缩',
-    printBtn: '打 印',
-    excelBtn: '导 出',
-    updateBtn: '修 改',
-    cancelBtn: '取 消',
-    searchBtn: '搜 索',
-    emptyBtn: '清 空',
-    menuBtn: '功 能',
-    saveBtn: '保 存',
-    viewBtn: '查 看',
-    editBtn: '编 辑',
-    copyBtn: '复 制',
-    delBtn: '删 除',
+    addBtn: '新增',
+    show: '显示',
+    hide: '隐藏',
+    open: '展开',
+    shrink: '收起',
+    printBtn: '打印',
+    excelBtn: '导出',
+    updateBtn: '修改',
+    cancelBtn: '取消',
+    searchBtn: '搜索',
+    emptyBtn: '重置',
+    menuBtn: '功能',
+    saveBtn: '保存',
+    viewBtn: '查看',
+    editBtn: '编辑',
+    copyBtn: '复制',
+    delBtn: '删除',
   },
   login: {
     title: '登录 ',
-    info: 'TMS物流运输管理系统',
+    info: '运输板块数字化管理平台',
     tenantId: '请输入租户ID',
     name: '请输入姓名',
     username: '请输入账号',
@@ -128,7 +128,7 @@ export default {
     color: '换色',
   },
   tagsView: {
-    search: '搜索',
+    search: '查询',
     menu: '更多',
     clearCache: '清除缓存',
     closeOthers: '关闭其它',

src/main.js

@@ -13,6 +13,9 @@ import '@smallwei/avue/lib/index.css';
 import avueUeditor from 'avue-plugin-ueditor';
 import crudCommon from '@/mixins/crud.js';
 import { getScreen, findColumn } from './utils/util';
+import { setupPaginationEnhancer } from './utils/pagination';
+import { setupDialogFormLabelAlign } from './utils/dialog-form-label';
+import { setupTableColumnDrag } from './utils/table-column-drag';
 import './permission';
 import error from './error';
 import App from './App.vue';
@@ -27,6 +30,8 @@ import codeEditor from './components/code-editor/main.vue';
 import cronEditor from './components/cron-editor/main.vue';
 import basicBlock from './components/basic-block/main.vue';
 import basicContainer from './components/basic-container/main.vue';
+import emptyPagination from './components/empty-pagination/main.vue';
+import vehicleAttachmentUpload from './components/vehicle-attachment-upload/main.vue';
 import thirdRegister from './components/third-register/main.vue';
 import flowDesign from './components/flow-design/main.vue';
 import flowDesignStep from './components/flow-design-step/main.vue';
@@ -35,6 +40,8 @@ import codeSetting from './views/tool/codesetting.vue';
 import formSetting from './views/tool/formsetting.vue';
 import tenantPackage from './views/system/tenantpackage.vue';
 import tenantDatasource from './views/system/tenantdatasource.vue';
+// 通用弹窗分组白卡（灰底弹窗内使用，标题在卡内）
+import sectionCard from './components/section-card/main.vue';
 
 window.$crudCommon = crudCommon;
 debug();
@@ -45,6 +52,8 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
 }
 app.component('basicContainer', basicContainer);
 app.component('basicBlock', basicBlock);
+app.component('emptyPagination', emptyPagination);
+app.component('vehicleAttachmentUpload', vehicleAttachmentUpload);
 app.component('highlight', highlight);
 app.component('codeEditor', codeEditor);
 app.component('cronEditor', cronEditor);
@@ -55,6 +64,7 @@ app.component('codeSetting', codeSetting);
 app.component('formSetting', formSetting);
 app.component('tenantPackage', tenantPackage);
 app.component('tenantDatasource', tenantDatasource);
+app.component('sectionCard', sectionCard);
 app.config.globalProperties.$app = app;
 app.config.globalProperties.$dayjs = dayjs;
 app.config.globalProperties.website = website;
@@ -66,10 +76,30 @@ app.use(store);
 app.use(router);
 app.use(ElementPlus, {
   locale: messages[language],
+  table: { showOverflowTooltip: true },
 });
 app.use(Avue, {
   axios,
   calcHeight: 10,
+  crudOption: {
+    searchIcon: true,
+    searchIndex: 4,
+    searchLabelWidth: 160,
+    searchMenuSpan: 24,
+    searchMenuPosition: 'right',
+    menuWidth: 180,
+    showOverflowTooltip: true,
+    viewBtnIcon: ' ',
+    editBtnIcon: ' ',
+    copyBtnIcon: ' ',
+    delBtnIcon: ' ',
+    saveBtnIcon: ' ',
+    updateBtnIcon: ' ',
+    cancelBtnIcon: ' ',
+    mockBtnIcon: ' ',
+  },
+  labelPosition: 'right',
+  labelWidth: 'auto',
   locale: language,
   i18n: (key, options) => i18n.global.t(key, options),
 });
@@ -78,4 +108,7 @@ app.use(VueClipboard, {
   autoSetContainer: true,
   appendToBody: true, // 这可以帮助解决一些更复杂的使用场景下的问题
 });
+setupTableColumnDrag(app);
 app.mount('#app');
+setupPaginationEnhancer();
+setupDialogFormLabelAlign();

src/option/base/cargo-type.js

@@ -0,0 +1,210 @@
+const typeLevelDic = [
+  { label: '一级货物类型', value: 1 },
+  { label: '二级货物类型', value: 2 },
+];
+
+const validateCargoName = (rule, value, callback) => {
+  const v = String(value || '').trim();
+  if (!v) {
+    callback(new Error('请输入货物类型名称'));
+  } else if (v.length > 50) {
+    callback(new Error('货物类型名称不能超过50字符'));
+  } else {
+    callback();
+  }
+};
+
+const validateRemark = (rule, value, callback) => {
+  if (String(value || '').length > 200) {
+    callback(new Error('备注不能超过200字'));
+  } else {
+    callback();
+  }
+};
+
+export const getCargoTypeOption = ctx => ({
+  height: 'auto',
+  calcHeight: 22,
+  dialogWidth: 760,
+  labelPosition: 'right',
+  labelWidth: 'auto',
+  tip: false,
+  searchBtnText: '查询',
+  emptyBtnText: '重置',
+  saveBtnText: '提交',
+  updateBtnText: '提交',
+  searchShow: true,
+  searchIcon: true,
+  searchLabelWidth: 50,
+  searchMenuSpan: 10,
+  searchIndex: 4,
+  searchMenuPosition: 'right',
+  border: true,
+  index: true,
+  indexLabel: '序号',
+  indexWidth: 70,
+  viewBtn: false,
+  delBtn: false,
+  editBtn: false,
+  selection: true,
+  dialogClickModal: false,
+  menuWidth: 180,
+  column: [
+    {
+      label: '类型',
+      prop: 'typeLevel',
+      type: 'radio',
+      dataType: 'number',
+      dicData: typeLevelDic,
+      search: false,
+      value: 2,
+      span: 24,
+      order: 100,
+      hide: true,
+      minWidth: 120,
+      editDisabled: true,
+      rules: [{ required: true, message: '请选择货物类型级别', trigger: 'change' }],
+      change: ({ value }) => ctx.handleTypeLevelChange(value),
+    },
+    {
+      label: '货物类型',
+      prop: 'cargoName',
+      minWidth: 150,
+      search: true,
+      searchPlaceholder: '请输入',
+      searchSpan: 6,
+      searchOrder: 2,
+      order: 70,
+      placeholder: '请输入',
+      maxlength: 50,
+      showWordLimit: true,
+      showOverflowTooltip: true,
+      rules: [
+        { required: true, message: '请输入货物类型名称', trigger: 'blur' },
+        { validator: validateCargoName, trigger: 'blur' },
+      ],
+    },
+    {
+      label: '货物类型编码',
+      prop: 'cargoCode',
+      minWidth: 140,
+      search: true,
+      searchPlaceholder: '请输入',
+      searchSpan: 6,
+      searchOrder: 1,
+      maxlength: 4,
+      order: 60,
+      placeholder: '请输入',
+      editDisabled: true,
+      rules: [
+        { required: true, message: '请输入货物类型编码', trigger: 'blur' },
+        {
+          validator: (rule, value, callback) => {
+            const form = ctx.form || {};
+            const code = String(value || '').trim();
+            const pattern = form.typeLevel === 1 ? /^\d{2}$/ : /^\d{4}$/;
+            if (!code) {
+              callback(new Error('请输入货物类型编码'));
+            } else if (!pattern.test(code)) {
+              callback(new Error('货物类型编码格式不正确'));
+            } else if (
+              form.typeLevel === 2 &&
+              form.parentCargoCode &&
+              !code.startsWith(form.parentCargoCode)
+            ) {
+              callback(new Error('二级编码前2位必须与上级货物类型编码一致'));
+            } else {
+              callback();
+            }
+          },
+          trigger: 'blur',
+        },
+      ],
+      change: ({ value }) => ctx.handleCargoCodeChange(value),
+    },
+    {
+      label: '上级货物类型',
+      prop: 'parentId',
+      formslot: true,
+      hide: true,
+      display: false,
+      span: 12,
+      order: 90,
+      placeholder: '请输入',
+      rules: [{ required: true, message: '请选择上级货物类型', trigger: 'change' }],
+    },
+    {
+      label: '上级货物类型',
+      prop: 'parentCargoName',
+      slot: true,
+      addDisplay: false,
+      editDisplay: false,
+      display: false,
+      showOverflowTooltip: true,
+      minWidth: 160,
+    },
+    {
+      label: '上级货物类型编码',
+      prop: 'parentCargoCode',
+      slot: true,
+      readonly: true,
+      editDisabled: true,
+      addDisabled: true,
+      addDisplay: false,
+      editDisplay: false,
+      display: false,
+      span: 12,
+      order: 80,
+      minWidth: 160,
+      placeholder: '请输入',
+      rules: [{ required: true, message: '请选择上级货物类型', trigger: 'change' }],
+    },
+    {
+      label: '创建人',
+      prop: 'createUserName',
+      slot: true,
+      addDisplay: false,
+      editDisplay: false,
+      display: false,
+      minWidth: 120,
+    },
+    {
+      label: '备注',
+      prop: 'remark',
+      type: 'textarea',
+      minRows: 4,
+      span: 24,
+      minWidth: 180,
+      placeholder: '请输入',
+      maxlength: 200,
+      showWordLimit: true,
+      overHidden: true,
+      showOverflowTooltip: true,
+      rules: [{ validator: validateRemark, trigger: 'blur' }],
+    },
+    {
+      label: '更新时间',
+      prop: 'updateTime',
+      type: 'datetime',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      addDisplay: false,
+      editDisplay: false,
+      display: false,
+      sortable: true,
+      minWidth: 160,
+    },
+    {
+      label: '创建时间',
+      prop: 'createTime',
+      type: 'datetime',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      addDisplay: false,
+      editDisplay: false,
+      display: false,
+      sortable: true,
+      minWidth: 160,
+    },
+  ],
+});

src/option/base/common-address.js

@@ -5,13 +5,18 @@ export const addressTypeOptions = [
   { label: '空港机场', value: '空港机场' },
 ];
 
-export const createOption = ({ validateLongitude, validateLatitude }) => ({
+export const createOption = () => ({
   height: 'auto',
   calcHeight: 32,
   dialogWidth: 980,
+  labelPosition: 'right',
+  labelWidth: 'auto',
   tip: false,
   searchShow: true,
-  searchMenuSpan: 6,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 4,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
   indexLabel: '序号',
@@ -22,14 +27,22 @@ export const createOption = ({ validateLongitude, validateLatitude }) => ({
   delBtn: false,
   addBtn: false,
   dialogClickModal: false,
+  menuFixed: 'right',
   menuWidth: 180,
   column: [
     {
       label: '地址名称',
       prop: 'addressName',
-      search: true,
+      span: 24,
       minWidth: 150,
-      rules: [{ required: true, message: '请输入地址名称', trigger: 'blur' }],
+      showOverflowTooltip: true,
+      placeholder: '请输入',
+      maxlength: 100,
+      showWordLimit: true,
+      rules: [
+        { required: true, message: '请输入地址名称', trigger: 'blur' },
+        { max: 100, message: '地址名称不能超过100个字', trigger: 'blur' },
+      ],
     },
     {
       label: '地址编号',
@@ -42,17 +55,12 @@ export const createOption = ({ validateLongitude, validateLatitude }) => ({
       label: '类型',
       prop: 'addressType',
       type: 'select',
-      search: true,
+      formslot: true,
+      span: 24,
+      minWidth: 140,
       dicData: addressTypeOptions,
       rules: [{ required: true, message: '请选择类型', trigger: 'change' }],
     },
-    {
-      label: '来源主数据',
-      prop: 'sourceId',
-      formslot: true,
-      hide: true,
-      span: 24,
-    },
     {
       label: '站点编码',
       prop: 'siteCodeDisplay',
@@ -61,62 +69,61 @@ export const createOption = ({ validateLongitude, validateLatitude }) => ({
       addDisplay: false,
       editDisplay: false,
     },
-    {
-      label: '站点编码',
-      prop: 'siteCode',
-      search: true,
-      hide: true,
-      addDisplay: false,
-      editDisplay: false,
-    },
     {
       label: '详细地址',
       prop: 'detailAddress',
-      search: true,
       formslot: true,
       type: 'textarea',
       minRows: 3,
       span: 24,
       minWidth: 220,
-      rules: [{ required: true, message: '请输入详细地址', trigger: 'blur' }],
+      showOverflowTooltip: true,
+      rules: [
+        { required: true, message: '请输入详细地址', trigger: 'blur' },
+        { max: 255, message: '详细地址不能超过255个字', trigger: 'blur' },
+      ],
     },
     {
       label: '经度',
       prop: 'longitude',
-      type: 'number',
-      precision: 6,
       minWidth: 120,
-      rules: [
-        { required: true, message: '请输入经度', trigger: 'blur' },
-        { validator: validateLongitude, trigger: 'blur' },
-      ],
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
     },
     {
       label: '纬度',
       prop: 'latitude',
-      type: 'number',
-      precision: 6,
       minWidth: 120,
-      rules: [
-        { required: true, message: '请输入纬度', trigger: 'blur' },
-        { validator: validateLatitude, trigger: 'blur' },
-      ],
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
     },
     {
       label: '行政区划',
       prop: 'regionName',
-      search: true,
+      display: false,
       minWidth: 150,
-      rules: [{ required: true, message: '请输入行政区划', trigger: 'blur' }],
+      rules: [{ required: true, message: '请选择行政区划', trigger: 'change' }],
     },
     {
-      label: '组织',
-      prop: 'deptId',
-      type: 'select',
-      search: true,
-      hide: true,
-      display: false,
-      dicData: [],
+      label: '联系人',
+      prop: 'contactName',
+      minWidth: 110,
+      placeholder: '请输入',
+      maxlength: 50,
+      rules: [{ max: 50, message: '联系人不能超过50个字', trigger: 'blur' }],
+    },
+    {
+      label: '联系方式',
+      prop: 'contactPhone',
+      minWidth: 130,
+      placeholder: '请输入',
+      maxlength: 20,
+      formslot: true,
+      rules: [
+        { pattern: /^1[3-9]\d{9}$/, message: '联系方式格式不正确', trigger: 'blur' },
+      ],
     },
     {
       label: '组织',
@@ -125,55 +132,204 @@ export const createOption = ({ validateLongitude, validateLatitude }) => ({
       addDisplay: false,
       editDisplay: false,
     },
-    {
-      label: '联系人',
-      prop: 'contactName',
-      search: true,
-      minWidth: 110,
-    },
-    {
-      label: '联系方式',
-      prop: 'contactPhone',
-      search: true,
-      minWidth: 130,
-    },
     {
       label: '备注',
       prop: 'remark',
       type: 'textarea',
       minRows: 4,
       span: 24,
-      hide: true,
+      minWidth: 160,
+      overHidden: true,
+      showOverflowTooltip: true,
+      placeholder: '请输入',
       maxlength: 200,
       showWordLimit: true,
       rules: [{ max: 200, message: '备注不能超过200个字', trigger: 'blur' }],
     },
-    {
-      label: '更新人',
-      prop: 'updateUserName',
-      minWidth: 120,
-      addDisplay: false,
-      editDisplay: false,
-    },
     {
       label: '更新时间',
       prop: 'updateTime',
+      sortable: true,
       type: 'datetime',
       format: 'YYYY-MM-DD HH:mm:ss',
       valueFormat: 'YYYY-MM-DD HH:mm:ss',
-      minWidth: 160,
+      width: 180,
       addDisplay: false,
       editDisplay: false,
     },
     {
       label: '创建时间',
       prop: 'createTime',
+      sortable: true,
       type: 'datetime',
       format: 'YYYY-MM-DD HH:mm:ss',
       valueFormat: 'YYYY-MM-DD HH:mm:ss',
-      minWidth: 160,
+      width: 180,
       addDisplay: false,
       editDisplay: false,
     },
+    {
+      label: '港口',
+      prop: 'portId',
+      formslot: true,
+      hide: true,
+      display: false,
+      span: 12,
+      rules: [{ required: true, message: '请选择港口', trigger: 'change' }],
+    },
+    {
+      label: '码头',
+      prop: 'terminalId',
+      formslot: true,
+      hide: true,
+      display: false,
+      span: 12,
+      rules: [{ required: true, message: '请选择码头', trigger: 'change' }],
+    },
+    {
+      label: '车站名称',
+      prop: 'stationId',
+      formslot: true,
+      hide: true,
+      display: false,
+      span: 24,
+      rules: [{ required: true, message: '请选择车站名称', trigger: 'change' }],
+    },
+    {
+      label: '机场标准名称',
+      prop: 'airportId',
+      formslot: true,
+      hide: true,
+      display: false,
+      span: 24,
+      rules: [{ required: true, message: '请选择机场标准名称', trigger: 'change' }],
+    },
+    {
+      label: '站点编码',
+      prop: 'siteCode',
+      hide: true,
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '组织',
+      prop: 'deptId',
+      type: 'select',
+      hide: true,
+      display: false,
+      dicData: [],
+    },
+    // 搜索字段与表格、表单字段独立，避免筛选配置影响数据展示和编辑布局。
+    {
+      label: '地址名称',
+      prop: 'searchAddressName',
+      searchProp: 'addressName',
+      search: true,
+      searchOrder: 8,
+      searchPlaceholder: '请输入',
+      hide: true,
+      display: false,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '类型',
+      prop: 'searchAddressType',
+      searchProp: 'addressType',
+      type: 'select',
+      searchType: 'select',
+      search: true,
+      searchOrder: 7,
+      searchPlaceholder: '请选择',
+      dicData: addressTypeOptions,
+      hide: true,
+      display: false,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '详细地址',
+      prop: 'searchDetailAddress',
+      searchProp: 'detailAddress',
+      search: true,
+      searchOrder: 6,
+      searchPlaceholder: '请输入',
+      hide: true,
+      display: false,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '行政区划',
+      prop: 'searchRegionName',
+      searchProp: 'regionName',
+      search: true,
+      searchOrder: 5,
+      searchPlaceholder: '请输入',
+      hide: true,
+      display: false,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '站点编码',
+      prop: 'searchSiteCode',
+      searchProp: 'siteCode',
+      search: true,
+      searchOrder: 4,
+      searchPlaceholder: '请输入',
+      hide: true,
+      display: false,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '组织',
+      prop: 'searchDeptId',
+      searchProp: 'deptId',
+      type: 'select',
+      searchType: 'select',
+      search: true,
+      searchOrder: 3,
+      searchPlaceholder: '请选择',
+      dicData: [],
+      filterable: true,
+      hide: true,
+      display: false,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '联系人',
+      prop: 'searchContactName',
+      searchProp: 'contactName',
+      search: true,
+      searchOrder: 2,
+      searchPlaceholder: '请输入',
+      hide: true,
+      display: false,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
+    {
+      label: '联系方式',
+      prop: 'searchContactPhone',
+      searchProp: 'contactPhone',
+      search: true,
+      searchOrder: 1,
+      searchPlaceholder: '请输入',
+      hide: true,
+      display: false,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
   ],
 });

src/option/business/common-cargo.js

@@ -0,0 +1,303 @@
+import {
+  auditColumns,
+  createCrudOption,
+  packageOptions,
+  priceUnitOptions,
+  textRule,
+} from './common';
+
+const listDicFormatter = res => {
+  const data = res?.data || res;
+  if (Array.isArray(data)) return data;
+  if (Array.isArray(data?.records)) return data.records;
+  if (Array.isArray(data?.data)) return data.data;
+  if (Array.isArray(data?.data?.records)) return data.data.records;
+  return [];
+};
+
+export const config = {
+  title: '常用货物',
+  permission: 'common_cargo',
+  exportUrl: '/blade-transport/common-cargo/export-common-cargo',
+  exportName: '常用货物',
+  importUrl: '/blade-transport/common-cargo/import-common-cargo',
+  templateUrl: '/blade-transport/common-cargo/export-template',
+  enableAllDept: false,
+};
+
+export const option = createCrudOption([
+  {
+    label: '货物名称',
+    prop: 'cargoName',
+    minWidth: 150,
+    placeholder: '请输入',
+    rules: textRule('货物名称', 100, true),
+  },
+  {
+    label: '货物编号',
+    prop: 'cargoCode',
+    formslot: true,
+    minWidth: 120,
+    maxlength: 20,
+    showWordLimit: true,
+    rules: [
+      { required: true, message: '请输入货物编号', trigger: 'blur' },
+      { max: 20, message: '货物编号不能超过20个字符', trigger: 'blur' },
+    ],
+  },
+  {
+    label: '一级货物类型',
+    prop: 'firstCargoTypeName',
+    formslot: true,
+    minWidth: 150,
+    editDisabled: true,
+    rules: [{ required: true, message: '请选择一级货物类型', trigger: 'change' }],
+  },
+  {
+    label: '一级货物类型编码',
+    prop: 'firstCargoTypeCode',
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisabled: true,
+  },
+  {
+    label: '二级货物类型',
+    prop: 'secondCargoTypeName',
+    formslot: true,
+    minWidth: 150,
+    editDisabled: true,
+    rules: [{ required: true, message: '请选择二级货物类型', trigger: 'change' }],
+  },
+  {
+    label: '二级货物类型编码',
+    prop: 'secondCargoTypeCode',
+    display: false,
+    addDisplay: false,
+    editDisabled: true,
+    minWidth: 180,
+  },
+  // 搜索字段与表格、表单字段独立，避免筛选配置影响数据展示和编辑布局。
+  {
+    label: '货物名称',
+    prop: 'searchCargoName',
+    searchProp: 'cargoName',
+    search: true,
+    searchOrder: 5,
+    searchPlaceholder: '请输入',
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisplay: false,
+    viewDisplay: false,
+  },
+  {
+    label: '货物编号',
+    prop: 'searchCargoCode',
+    searchProp: 'cargoCode',
+    search: true,
+    searchOrder: 4,
+    searchPlaceholder: '请输入',
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisplay: false,
+    viewDisplay: false,
+  },
+  {
+    label: '一级货物类型',
+    prop: 'searchFirstCargoTypeName',
+    searchProp: 'firstCargoTypeName',
+    type: 'select',
+    searchType: 'select',
+    search: true,
+    searchOrder: 3,
+    searchPlaceholder: '请选择',
+    dicUrl: '/blade-system/cargo-type/list?current=1&size=9999&typeLevel=1',
+    dicFormatter: listDicFormatter,
+    props: {
+      label: 'cargoName',
+      value: 'cargoName',
+    },
+    filterable: true,
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisplay: false,
+    viewDisplay: false,
+  },
+  {
+    label: '二级货物类型',
+    prop: 'searchSecondCargoTypeName',
+    searchProp: 'secondCargoTypeName',
+    type: 'select',
+    searchType: 'select',
+    search: true,
+    searchOrder: 2,
+    searchPlaceholder: '请选择',
+    dicUrl: '/blade-system/cargo-type/list?current=1&size=9999&typeLevel=2',
+    dicFormatter: listDicFormatter,
+    props: {
+      label: 'cargoName',
+      value: 'cargoName',
+    },
+    filterable: true,
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisplay: false,
+    viewDisplay: false,
+  },
+  {
+    label: '组织',
+    prop: 'searchDeptId',
+    searchProp: 'deptId',
+    type: 'select',
+    searchType: 'select',
+    search: true,
+    searchOrder: 1,
+    searchPlaceholder: '请选择',
+    dicData: [],
+    props: {
+      label: 'label',
+      value: 'value',
+    },
+    filterable: true,
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisplay: false,
+    viewDisplay: false,
+  },
+  {
+    label: '包装',
+    prop: 'packageType',
+    type: 'select',
+    dicData: packageOptions,
+    minWidth: 100,
+  },
+  {
+    label: '品牌',
+    prop: 'brand',
+    search: false,
+    minWidth: 120,
+    placeholder: '请输入',
+    rules: textRule('品牌', 50),
+  },
+  {
+    label: '规格',
+    prop: 'specification',
+    minWidth: 120,
+    placeholder: '请输入',
+    rules: textRule('规格', 50),
+  },
+  {
+    label: '型号',
+    prop: 'model',
+    minWidth: 120,
+    placeholder: '请输入',
+    rules: textRule('型号', 50),
+  },
+  {
+    label: '单价',
+    prop: 'cargoValue',
+    formslot: true,
+    minWidth: 120,
+    rules: [
+      {
+        validator: (rule, value, callback) => {
+          if (value === undefined || value === null || value === '') {
+            callback();
+            return;
+          }
+          if (!/^\d+(\.\d{1,2})?$/.test(String(value))) {
+            callback(new Error('货值只能输入数字，最多保留2位小数'));
+            return;
+          }
+          callback();
+        },
+        trigger: 'blur',
+      },
+    ],
+  },
+  {
+    label: '计价单位',
+    prop: 'priceUnit',
+    type: 'select',
+    dicData: priceUnitOptions,
+    display: false,
+    minWidth: 120,
+  },
+  {
+    label: '尺寸',
+    prop: 'sizeText',
+    minWidth: 120,
+    addDisplay: false,
+    editDisplay: false,
+    rules: textRule('尺寸', 100),
+  },
+  {
+    label: '其他说明1',
+    prop: 'descriptionOne',
+    minWidth: 160,
+    placeholder: '请输入',
+    rules: textRule('其他说明1', 100),
+  },
+  {
+    label: '其他说明2',
+    prop: 'descriptionTwo',
+    minWidth: 160,
+    placeholder: '请输入',
+    rules: textRule('其他说明2', 100),
+  },
+  {
+    label: '备注',
+    prop: 'remark',
+    type: 'textarea',
+    minRows: 4,
+    span: 24,
+    maxlength: 200,
+    showWordLimit: true,
+    placeholder: '请输入',
+    rules: textRule('备注', 200),
+  },
+  {
+    label: '组织',
+    prop: 'deptName',
+    minWidth: 150,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  ...auditColumns
+    .filter(column => ['updateTime', 'createTime'].includes(column.prop))
+    .sort(
+      (first, second) =>
+        ['updateTime', 'createTime'].indexOf(first.prop) -
+        ['updateTime', 'createTime'].indexOf(second.prop)
+    ),
+]);
+
+export const excelOption = {
+  submitBtn: false,
+  emptyBtn: false,
+  column: [
+    {
+      label: '导入模板',
+      prop: 'excelTemplate',
+      formslot: true,
+      span: 24,
+    },
+    {
+      label: 'Excel文件',
+      prop: 'excelFile',
+      type: 'upload',
+      drag: true,
+      loadText: '模板上传中，请稍等',
+      span: 24,
+      propsHttp: {
+        res: 'data',
+      },
+      tip: '请上传 .xls,.xlsx 标准格式文件',
+    },
+  ],
+};

src/option/business/common-route.js

@@ -0,0 +1,284 @@
+import { auditColumns, createCrudOption, phoneRule, textRule } from './common';
+
+export const config = {
+  title: '常用线路',
+  permission: 'common_route',
+  exportUrl: '/blade-transport/common-route/export-common-route',
+  exportName: '常用线路',
+  importUrl: '/blade-transport/common-route/import-common-route',
+  templateUrl: '/blade-transport/common-route/export-template',
+  enableAllDept: false,
+};
+
+export const option = {
+  ...createCrudOption([
+  {
+    label: '线路名称',
+    prop: 'routeName',
+    span: 12,
+    minWidth: 150,
+    overHidden: true,
+    rules: textRule('线路名称', 100, true),
+  },
+  {
+    label: '线路编号',
+    prop: 'routeCode',
+    minWidth: 120,
+    addDisplay: false,
+    editDisabled: true,
+  },
+  {
+    label: '发货地',
+    prop: 'departureName',
+    minWidth: 140,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '发货地址',
+    prop: 'departureAddress',
+    formslot: true,
+    span: 24,
+    minWidth: 220,
+    overHidden: true,
+    rules: textRule('发货地址', 255, true),
+  },
+  {
+    label: '发货经度',
+    prop: 'departureLongitude',
+    type: 'number',
+    precision: 6,
+    minWidth: 120,
+    hide: true,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '发货纬度',
+    prop: 'departureLatitude',
+    type: 'number',
+    precision: 6,
+    minWidth: 120,
+    hide: true,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '发货联系人',
+    prop: 'departureContact',
+    minWidth: 120,
+    rules: textRule('发货联系人', 50),
+  },
+  {
+    label: '发货联系方式',
+    prop: 'departurePhone',
+    minWidth: 140,
+    rules: [phoneRule('发货联系方式'), ...textRule('发货联系方式', 50)],
+  },
+  {
+    label: '收货地',
+    prop: 'arrivalName',
+    minWidth: 140,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '收货地址',
+    prop: 'arrivalAddress',
+    formslot: true,
+    span: 24,
+    minWidth: 220,
+    overHidden: true,
+    rules: textRule('收货地址', 255, true),
+  },
+  {
+    label: '收货经度',
+    prop: 'arrivalLongitude',
+    type: 'number',
+    precision: 6,
+    minWidth: 120,
+    hide: true,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '收货纬度',
+    prop: 'arrivalLatitude',
+    type: 'number',
+    precision: 6,
+    minWidth: 120,
+    hide: true,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '收货联系人',
+    prop: 'arrivalContact',
+    minWidth: 120,
+    rules: textRule('收货联系人', 50),
+  },
+  {
+    label: '收货联系方式',
+    prop: 'arrivalPhone',
+    minWidth: 140,
+    rules: [phoneRule('收货联系方式'), ...textRule('收货联系方式', 50)],
+  },
+  {
+    label: '备注',
+    prop: 'remark',
+    type: 'textarea',
+    minRows: 4,
+    span: 24,
+    minWidth: 180,
+    maxlength: 500,
+    showWordLimit: true,
+    rules: textRule('备注', 500),
+  },
+  {
+    label: '组织',
+    prop: 'deptName',
+    minWidth: 150,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  // 搜索字段独立于表格和表单字段，避免筛选配置影响数据展示和编辑布局。
+  {
+    label: '线路名称',
+    prop: 'searchRouteName',
+    searchProp: 'routeName',
+    search: true,
+    searchOrder: 7,
+    searchPlaceholder: '请输入',
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisplay: false,
+    viewDisplay: false,
+  },
+  {
+    label: '线路编号',
+    prop: 'searchRouteCode',
+    searchProp: 'routeCode',
+    search: true,
+    searchOrder: 6,
+    searchPlaceholder: '请输入',
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisplay: false,
+    viewDisplay: false,
+  },
+  {
+    label: '发货地',
+    prop: 'searchDepartureName',
+    searchProp: 'departureName',
+    search: true,
+    searchOrder: 5,
+    searchPlaceholder: '请输入',
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisplay: false,
+    viewDisplay: false,
+  },
+  {
+    label: '发货地址',
+    prop: 'searchDepartureAddress',
+    searchProp: 'departureAddress',
+    search: true,
+    searchOrder: 4,
+    searchPlaceholder: '请输入',
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisplay: false,
+    viewDisplay: false,
+  },
+  {
+    label: '收货地',
+    prop: 'searchArrivalName',
+    searchProp: 'arrivalName',
+    search: true,
+    searchOrder: 3,
+    searchPlaceholder: '请输入',
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisplay: false,
+    viewDisplay: false,
+  },
+  {
+    label: '收货地址',
+    prop: 'searchArrivalAddress',
+    searchProp: 'arrivalAddress',
+    search: true,
+    searchOrder: 2,
+    searchPlaceholder: '请输入',
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisplay: false,
+    viewDisplay: false,
+  },
+  {
+    label: '组织',
+    prop: 'searchDeptId',
+    searchProp: 'deptId',
+    search: true,
+    searchOrder: 1,
+    searchType: 'cascader',
+    searchPlaceholder: '请选择',
+    hide: true,
+    display: false,
+    addDisplay: false,
+    editDisplay: false,
+    viewDisplay: false,
+    dicData: [],
+    props: {
+      label: 'label',
+      value: 'value',
+      children: 'children',
+    },
+    checkStrictly: true,
+    emitPath: false,
+    showAllLevels: false,
+    filterable: true,
+  },
+  ...auditColumns
+    .filter(column => column.prop !== 'createUserName')
+    .map(column =>
+      ['createTime', 'updateTime'].includes(column.prop) ? { ...column, minWidth: 190 } : column
+    )
+    .sort(
+      (first, second) =>
+        ['updateUserName', 'updateTime', 'createTime'].indexOf(first.prop) -
+        ['updateUserName', 'updateTime', 'createTime'].indexOf(second.prop)
+    ),
+  ]),
+  dialogCustomClass: 'avue-dialog--common-route',
+};
+
+export const excelOption = {
+  submitBtn: false,
+  emptyBtn: false,
+  column: [
+    {
+      label: '导入模板',
+      prop: 'excelTemplate',
+      formslot: true,
+      span: 24,
+    },
+    {
+      label: 'Excel文件',
+      prop: 'excelFile',
+      type: 'upload',
+      drag: true,
+      loadText: '模板上传中，请稍等',
+      span: 24,
+      propsHttp: {
+        res: 'data',
+      },
+      tip: '请上传 .xls,.xlsx 标准格式文件',
+    },
+  ],
+};

src/option/business/common.js

@@ -0,0 +1,263 @@
+export const transportTypeOptions = [
+  { label: '公路运输', value: '公路运输' },
+  { label: '铁路运输', value: '铁路运输' },
+  { label: '水路运输', value: '水路运输' },
+  { label: '航空运输', value: '航空运输' },
+];
+
+export const packageOptions = [
+  { label: '袋装', value: '袋装' },
+  { label: '散装', value: '散装' },
+  { label: '桶装', value: '桶装' },
+  { label: '箱装', value: '箱装' },
+  { label: '托盘', value: '托盘' },
+];
+
+export const priceUnitOptions = [
+  { label: '元/吨', value: '元/吨' },
+  { label: '元/立方米', value: '元/立方米' },
+  { label: '元/件', value: '元/件' },
+  { label: '元/车', value: '元/车' },
+];
+
+export const templateTypeOptions = [
+  { label: '运输计划', value: '运输计划' },
+  { label: '常规运单', value: '常规运单' },
+];
+
+export const processStatusOptions = [
+  { label: '草稿', value: 0 },
+  { label: '启用', value: 1 },
+  { label: '停用', value: 2 },
+];
+
+export const planStatusOptions = [
+  { label: '草稿', value: 'draft' },
+  { label: '待调度', value: 'waiting_dispatch' },
+  { label: '调度中', value: 'dispatching' },
+  { label: '已完成', value: 'completed' },
+];
+
+export const waybillStatusOptions = [
+  { label: '草稿', value: 'draft' },
+  { label: '待执行', value: 'pending' },
+  { label: '进行中', value: 'processing' },
+  { label: '已完成', value: 'completed' },
+  { label: '已取消', value: 'cancelled' },
+];
+
+export const dataSourceOptions = [
+  { label: '手工创建', value: '手工创建' },
+  { label: '批量导入', value: '批量导入' },
+  { label: '模板生成', value: '模板生成' },
+  { label: '计划调度', value: '计划调度' },
+];
+
+export const projectTypeOptions = [
+  { label: '普通项目', value: '普通项目' },
+  { label: '重大项目', value: '重大项目' },
+];
+
+export const projectSourceOptions = [
+  { label: '商务洽谈', value: '商务洽谈' },
+  { label: '招投标', value: '招投标' },
+  { label: '客户委托', value: '客户委托' },
+  { label: '其它', value: '其它' },
+];
+
+export const projectApprovalStatusOptions = [
+  { label: '草稿', value: 'draft' },
+  { label: '审批中', value: 'reviewing' },
+  { label: '已撤回', value: 'withdrawn' },
+  { label: '审批通过', value: 'approved' },
+  { label: '已驳回', value: 'rejected' },
+  { label: '变更审批中', value: 'change_reviewing' },
+  { label: '变更驳回', value: 'change_rejected' },
+  { label: '变更审批通过', value: 'change_approved' },
+  { label: '已作废', value: 'voided' },
+];
+
+export const approvalStatusOptions = [
+  { label: '草稿', value: 'draft' },
+  { label: '审批中', value: 'reviewing' },
+  { label: '已撤回', value: 'withdrawn' },
+  { label: '审批通过', value: 'approved' },
+  { label: '已驳回', value: 'rejected' },
+];
+
+export const effectiveTypeOptions = [
+  { label: '未生效', value: 'not_effective' },
+  { label: '临时生效', value: 'temporary_effective' },
+  { label: '正式生效', value: 'formal_effective' },
+  { label: '已过期', value: 'expired' },
+];
+
+export const businessTypeOptions = [
+  { label: '一类规模业务', value: '一类规模业务' },
+  { label: '二类规模业务', value: '二类规模业务' },
+  { label: '普通业务', value: '普通业务' },
+];
+
+export const settlementModeOptions = [
+  { label: '先票后款', value: '先票后款' },
+  { label: '先款后票', value: '先款后票' },
+  { label: '月结', value: '月结' },
+];
+
+export const contractCategoryOptions = [
+  { label: '客户合同', value: '客户合同' },
+  { label: '承运商合同', value: '承运商合同' },
+  { label: '补充协议', value: '补充协议' },
+];
+
+export const signTypeOptions = [
+  { label: '新签', value: '新签' },
+  { label: '续签', value: '续签' },
+];
+
+export const contractStageOptions = [
+  { label: '草稿', value: 'draft' },
+  { label: '临时合同', value: 'temporary' },
+  { label: '正式合同', value: 'formal' },
+  { label: '已终止', value: 'terminated' },
+];
+
+export const contractApprovalStatusOptions = [
+  { label: '草稿', value: 'draft' },
+  { label: '审批中', value: 'reviewing' },
+  { label: '已驳回', value: 'rejected' },
+  { label: '审批通过', value: 'approved' },
+  { label: '变更审批中', value: 'change_reviewing' },
+  { label: '变更驳回', value: 'change_rejected' },
+  { label: '变更审批通过', value: 'change_approved' },
+];
+
+export const nodeOptions = [
+  { label: '接单', value: '接单' },
+  { label: '到场', value: '到场' },
+  { label: '装货', value: '装货' },
+  { label: '发货', value: '发货' },
+  { label: '在途', value: '在途' },
+  { label: '到货', value: '到货' },
+  { label: '卸货', value: '卸货' },
+  { label: '签收', value: '签收' },
+  { label: '回单', value: '回单' },
+];
+
+export const textRule = (label, max, required = false) => {
+  const rules = [];
+  if (required) {
+    rules.push({ required: true, message: `请输入${label}`, trigger: 'blur' });
+  }
+  if (max) {
+    rules.push({ max, message: `${label}不能超过${max}个字符`, trigger: 'blur' });
+  }
+  return rules;
+};
+
+export const selectRule = label => [
+  { required: true, message: `请选择${label}`, trigger: 'change' },
+];
+
+export const nonNegativeRule = label => ({
+  validator: (rule, value, callback) => {
+    if (value !== undefined && value !== null && value !== '' && Number(value) < 0) {
+      callback(new Error(`${label}不能小于0`));
+      return;
+    }
+    callback();
+  },
+  trigger: 'blur',
+});
+
+export const phoneRule = label => ({
+  pattern: /^1[3-9]\d{9}$/,
+  message: `${label}格式不正确`,
+  trigger: 'blur',
+});
+
+export const createCrudOption = columns => ({
+  height: 'auto',
+  calcHeight: 32,
+  dialogWidth: 980,
+  labelPosition: 'right',
+  labelWidth: 'auto',
+  tip: false,
+  searchBtnText: '查询',
+  emptyBtnText: '重置',
+  saveBtnText: '提交',
+  updateBtnText: '提交',
+  searchShow: true,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 4,
+  searchMenuPosition: 'right',
+  border: true,
+  index: true,
+  indexLabel: '序号',
+  indexWidth: 70,
+  selection: true,
+  addBtn: false,
+  viewBtn: false,
+  editBtn: false,
+  delBtn: false,
+  dialogClickModal: false,
+  menuFixed: 'right',
+  menuWidth: 180,
+  showOverflowTooltip: true,
+  column: columns,
+});
+
+export const withSearchPlaceholders = columns =>
+  columns.map(column => {
+    if (!column.search || column.searchPlaceholder) return column;
+    if (column.type === 'date' || column.type === 'datetime' || column.searchRange) return column;
+    const isSelectSearch =
+      column.type === 'select' ||
+      column.searchType === 'select' ||
+      Boolean(column.dicData) ||
+      Boolean(column.dicUrl);
+    return {
+      ...column,
+      searchPlaceholder: isSelectSearch ? '请选择' : '请输入',
+    };
+  });
+
+export const auditColumns = [
+  {
+    label: '创建人',
+    prop: 'createUserName',
+    minWidth: 120,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '更新人',
+    prop: 'updateUserName',
+    minWidth: 120,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '创建时间',
+    prop: 'createTime',
+    sortable: true,
+    type: 'datetime',
+    format: 'YYYY-MM-DD HH:mm:ss',
+    valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    minWidth: 160,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '更新时间',
+    prop: 'updateTime',
+    sortable: true,
+    type: 'datetime',
+    format: 'YYYY-MM-DD HH:mm:ss',
+    valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    minWidth: 160,
+    addDisplay: false,
+    editDisplay: false,
+  },
+];

src/option/business/contract-manage.js

@@ -0,0 +1,620 @@
+import {
+  auditColumns,
+  contractApprovalStatusOptions,
+  contractCategoryOptions,
+  contractStageOptions,
+  createCrudOption,
+  effectiveTypeOptions,
+  selectRule,
+  signTypeOptions,
+  textRule,
+} from './common';
+
+const contractSettlementModeOptions = [
+  { label: '现结', value: '现结' },
+  { label: '日结', value: '日结' },
+  { label: '周结', value: '周结' },
+  { label: '月结', value: '月结' },
+  { label: '按固定天数周期', value: '按固定天数周期' },
+];
+
+const listDicFormatter = res => {
+  const data = res?.data || res;
+  if (Array.isArray(data)) return data;
+  if (Array.isArray(data?.records)) return data.records;
+  if (Array.isArray(data?.data)) return data.data;
+  if (Array.isArray(data?.data?.records)) return data.data.records;
+  return [];
+};
+
+export const config = {
+  title: '合同管理',
+  permission: 'contract_manage',
+  exportUrl: '/blade-transport/contract-manage/export-contract-manage',
+  exportName: '合同管理',
+  defaultForm: {
+    contractCategory: '客户合同',
+  },
+  projectPlaceholder: '请选择',
+  organizationPlaceholder: '请选择',
+  enableAllDept: true,
+  allDeptReadonly: false,
+  batchDelete: false,
+  enableContractForm: true,
+  enableProjectSelect: true,
+  enableContractPeriod: true,
+  enableContractFileUpload: true,
+  enableCurrentUserHandler: true,
+  enableBillingPlan: true,
+  enableSettlementRule: true,
+  enableReconciliation: true,
+  enableAttachmentTable: true,
+  enableChangeRecord: true,
+  enableOrganizationSelect: true,
+  enableContractCreateActions: true,
+  enableContractExpiryTags: true,
+  actions: ['copy'],
+  statusProp: 'approvalStatus',
+  statusTextProp: 'approvalStatusName',
+  customMenuActions: true,
+  editLabelStatusMap: {
+    change_rejected: '编辑变更内容',
+  },
+  deleteStatus: ['draft'],
+  deleteStage: ['draft'],
+  editStatus: ['draft', 'rejected', 'change_rejected'],
+  operations: [
+    {
+      action: 'flow',
+      label: '查看流程',
+      statusProp: 'approvalStatus',
+      status: ['reviewing', 'change_reviewing'],
+      stage: ['temporary', 'formal'],
+      permission: 'contract_manage_view',
+    },
+    {
+      action: 'withdraw',
+      label: '撤回',
+      statusProp: 'approvalStatus',
+      status: ['reviewing'],
+      stage: ['temporary', 'formal'],
+      permission: 'contract_manage_withdraw',
+    },
+    {
+      action: 'approve',
+      label: '通过',
+      statusProp: 'approvalStatus',
+      status: ['reviewing'],
+      stage: ['temporary', 'formal'],
+      permission: 'contract_manage_approve',
+    },
+    {
+      action: 'reject',
+      label: '驳回',
+      statusProp: 'approvalStatus',
+      status: ['reviewing'],
+      stage: ['temporary', 'formal'],
+      permission: 'contract_manage_reject',
+    },
+    {
+      action: 'submitFormal',
+      label: '重新提交转正',
+      statusProp: 'approvalStatus',
+      status: ['rejected'],
+      stage: ['temporary'],
+      permission: 'contract_manage_formal',
+    },
+    {
+      action: 'startChange',
+      label: '发起变更',
+      statusProp: 'approvalStatus',
+      status: ['approved'],
+      stage: ['formal'],
+      permission: 'contract_manage_change',
+      prompt: '请输入变更内容与原因',
+    },
+    {
+      action: 'startChange',
+      label: '再次发起变更',
+      statusProp: 'approvalStatus',
+      status: ['change_approved'],
+      stage: ['formal'],
+      permission: 'contract_manage_change',
+      prompt: '请输入变更内容与原因',
+    },
+    {
+      action: 'attachmentUpload',
+      label: '附件上传',
+      statusProp: 'approvalStatus',
+      status: ['approved', 'change_approved'],
+      stage: ['formal'],
+      permission: 'contract_manage_edit',
+    },
+    {
+      action: 'flow',
+      label: '查看流程',
+      statusProp: 'approvalStatus',
+      status: ['approved', 'change_approved'],
+      stage: ['formal', 'terminated'],
+      permission: 'contract_manage_view',
+    },
+    {
+      action: 'withdraw',
+      label: '撤回变更',
+      statusProp: 'approvalStatus',
+      status: ['change_reviewing'],
+      stage: ['formal'],
+      permission: 'contract_manage_withdraw',
+    },
+    {
+      action: 'startChange',
+      label: '重新提交变更',
+      statusProp: 'approvalStatus',
+      status: ['change_rejected'],
+      stage: ['formal'],
+      permission: 'contract_manage_change',
+      prompt: '请输入变更内容与原因',
+    },
+  ],
+};
+
+export const option = createCrudOption([
+  {
+    label: '',
+    prop: 'basicInfoTitle',
+    formslot: true,
+    span: 24,
+    order: 200,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '合同编号',
+    prop: 'contractNo',
+    search: true,
+    searchOrder: 6,
+    searchPlaceholder: '请输入',
+    order: 185,
+    disabled: true,
+    placeholder: '不填写，则系统自动生成',
+    minWidth: 200,
+  },
+  {
+    label: '合同名称',
+    prop: 'contractName',
+    search: true,
+    searchOrder: 7,
+    searchPlaceholder: '请输入',
+    order: 180,
+    minWidth: 180,
+    rules: textRule('合同名称', 100, true),
+  },
+  {
+    label: '所属项目',
+    prop: 'projectName',
+    search: true,
+    searchOrder: 8,
+    searchType: 'select',
+    searchPlaceholder: '请选择',
+    formslot: true,
+    order: 140,
+    dicUrl: '/blade-transport/project-apply/list?current=1&size=9999',
+    dicFormatter: listDicFormatter,
+    props: {
+      label: 'projectName',
+      value: 'projectName',
+    },
+    filterable: true,
+    minWidth: 160,
+    rules: selectRule('所属项目'),
+  },
+  {
+    label: '所属项目ID',
+    prop: 'projectId',
+    hide: true,
+    display: false,
+  },
+  {
+    label: '所属组织',
+    prop: 'organizationName',
+    search: true,
+    searchOrder: 3,
+    searchType: 'cascader',
+    searchPlaceholder: '全部',
+    formslot: true,
+    order: 120,
+    dicData: [],
+    props: {
+      label: 'label',
+      value: 'id',
+      children: 'children',
+    },
+    checkStrictly: true,
+    emitPath: false,
+    showAllLevels: false,
+    filterable: true,
+    minWidth: 150,
+    rules: selectRule('所属组织'),
+  },
+  {
+    label: '合同类别',
+    prop: 'contractCategory',
+    type: 'select',
+    search: true,
+    searchOrder: 9,
+    searchPlaceholder: '请选择',
+    order: 170,
+    dicData: contractCategoryOptions,
+    minWidth: 130,
+    rules: selectRule('合同类别'),
+  },
+  {
+    label: '签约类型',
+    prop: 'signType',
+    type: 'select',
+    search: false,
+    span: 6,
+    order: 190,
+    dicData: signTypeOptions,
+    minWidth: 120,
+    rules: selectRule('签约类型'),
+  },
+  {
+    label: '生效类型',
+    prop: 'effectiveType',
+    type: 'select',
+    search: true,
+    searchOrder: 5,
+    searchPlaceholder: '请选择',
+    dicData: effectiveTypeOptions,
+    hide: true,
+    display: false,
+  },
+  {
+    label: '甲方',
+    prop: 'partyA',
+    type: 'select',
+    order: 160,
+    dicUrl:
+      '/blade-transport/customer-archive/list?current=1&size=9999&customerType=客户&approvalStatus=approved&status=1',
+    dicFormatter: listDicFormatter,
+    props: {
+      label: 'fullName',
+      value: 'fullName',
+    },
+    filterable: true,
+    minWidth: 160,
+    rules: selectRule('甲方'),
+  },
+  {
+    label: '乙方',
+    prop: 'partyB',
+    type: 'select',
+    order: 150,
+    dicUrl:
+      '/blade-transport/customer-archive/list?current=1&size=9999&customerType=承运商&approvalStatus=approved&status=1',
+    dicFormatter: listDicFormatter,
+    props: {
+      label: 'fullName',
+      value: 'fullName',
+    },
+    filterable: true,
+    minWidth: 160,
+    rules: selectRule('乙方'),
+  },
+  {
+    label: '合同期限',
+    prop: 'contractPeriod',
+    formslot: true,
+    order: 130,
+    hide: true,
+    rules: [{ required: true, message: '请选择合同期限', trigger: 'change' }],
+  },
+  {
+    label: '开始日期',
+    prop: 'startDate',
+    sortable: true,
+    type: 'date',
+    format: 'YYYY-MM-DD',
+    valueFormat: 'YYYY-MM-DD',
+    minWidth: 130,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '结束日期',
+    prop: 'endDate',
+    sortable: true,
+    type: 'date',
+    format: 'YYYY-MM-DD',
+    valueFormat: 'YYYY-MM-DD',
+    minWidth: 130,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '临时效力起',
+    prop: 'temporaryStartDate',
+    sortable: true,
+    type: 'date',
+    format: 'YYYY-MM-DD',
+    valueFormat: 'YYYY-MM-DD',
+    minWidth: 130,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '临时效力止',
+    prop: 'temporaryEndDate',
+    sortable: true,
+    type: 'date',
+    format: 'YYYY-MM-DD',
+    valueFormat: 'YYYY-MM-DD',
+    minWidth: 130,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '经办人',
+    prop: 'handlerUserName',
+    order: 110,
+    disabled: true,
+    minWidth: 120,
+    rules: textRule('经办人', 50, true),
+  },
+  {
+    label: '签订日期',
+    prop: 'signDate',
+    type: 'date',
+    format: 'YYYY-MM-DD',
+    valueFormat: 'YYYY-MM-DD',
+    hide: true,
+    order: 100,
+    minWidth: 130,
+    rules: [{ required: true, message: '请选择签订日期', trigger: 'change' }],
+  },
+  {
+    label: '结算类型',
+    prop: 'settlementMode',
+    type: 'select',
+    dicData: contractSettlementModeOptions,
+    hide: true,
+    order: 90,
+    minWidth: 120,
+    rules: selectRule('结算类型'),
+  },
+  {
+    label: '合同格式',
+    prop: 'contractFormat',
+    type: 'select',
+    dicData: [
+      { label: '电子合同', value: '电子合同' },
+      { label: '纸质合同', value: '纸质合同' },
+    ],
+    hide: true,
+    order: 80,
+    minWidth: 120,
+    rules: selectRule('合同格式'),
+  },
+  {
+    label: '是否需要加盖法人章',
+    prop: 'legalSealFlag',
+    type: 'select',
+    dicData: [
+      { label: '否', value: 0 },
+      { label: '是', value: 1 },
+    ],
+    value: 0,
+    hide: true,
+    order: 70,
+    minWidth: 100,
+    rules: selectRule('是否需要加盖法人章'),
+  },
+  {
+    label: '一式',
+    prop: 'copyCount',
+    formslot: true,
+    hide: true,
+    order: 60,
+    minWidth: 110,
+  },
+  {
+    label: '回款账期',
+    prop: 'paymentDays',
+    formslot: true,
+    hide: true,
+    order: 50,
+    minWidth: 130,
+  },
+  {
+    label: '创建时间',
+    prop: 'createTime',
+    sortable: true,
+    type: 'datetime',
+    format: 'YYYY-MM-DD HH:mm:ss',
+    valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    minWidth: 190,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '合同阶段',
+    prop: 'contractStage',
+    type: 'select',
+    search: true,
+    searchOrder: 2,
+    searchPlaceholder: '请选择',
+    slot: true,
+    dicData: contractStageOptions,
+    minWidth: 120,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '审核状态',
+    prop: 'approvalStatus',
+    type: 'select',
+    search: true,
+    searchOrder: 4,
+    searchPlaceholder: '请选择',
+    slot: true,
+    dicData: contractApprovalStatusOptions,
+    minWidth: 130,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '当前节点',
+    prop: 'currentNode',
+    minWidth: 140,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '当前处理人',
+    prop: 'currentProcessor',
+    minWidth: 130,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '计费信息',
+    prop: 'billingEnabled',
+    type: 'switch',
+    dicData: [
+      { label: '关闭', value: 0 },
+      { label: '开启', value: 1 },
+    ],
+    value: 1,
+    hide: true,
+    display: false,
+    minWidth: 110,
+  },
+  {
+    label: '备注',
+    prop: 'remark',
+    type: 'textarea',
+    span: 24,
+    hide: true,
+    order: 40,
+    maxlength: 2000,
+    showWordLimit: true,
+    rules: textRule('备注', 2000),
+  },
+  {
+    label: '',
+    prop: 'contractFileTitle',
+    formslot: true,
+    span: 24,
+    order: 30,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '附件',
+    prop: 'contractFileJson',
+    formslot: true,
+    span: 24,
+    order: 20,
+    hide: true,
+  },
+  {
+    label: '',
+    prop: 'billingInfoTitle',
+    formslot: true,
+    span: 24,
+    order: 10,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'billingPlanJson',
+    formslot: true,
+    span: 24,
+    order: 0,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'settlementRuleTitle',
+    formslot: true,
+    span: 24,
+    order: -10,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'settlementRuleJson',
+    formslot: true,
+    span: 24,
+    order: -20,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'reconciliationTitle',
+    formslot: true,
+    span: 24,
+    order: -30,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'reconciliationJson',
+    formslot: true,
+    span: 24,
+    order: -40,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'attachmentTitle',
+    formslot: true,
+    span: 24,
+    order: -50,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'attachmentsJson',
+    formslot: true,
+    span: 24,
+    order: -60,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'changeRecordTitle',
+    formslot: true,
+    span: 24,
+    order: -70,
+    hide: true,
+    labelWidth: 0,
+  },
+  {
+    label: '',
+    prop: 'changeRecordJson',
+    formslot: true,
+    span: 24,
+    order: -80,
+    hide: true,
+    labelWidth: 0,
+  },
+  ...auditColumns
+    .filter(column => column.prop !== 'createTime')
+    .map(column => ({ ...column, hide: true })),
+]);
+
+option.span = 8;
+option.dialogWidth = 1480;
+option.dialogTop = '10px';
+option.dialogCloseBtn = true;
+option.menuWidth = 320;

src/option/business/loading-manage.js

@@ -0,0 +1,54 @@
+import { dataSourceOptions } from './common';
+
+export const transportTypeDict = {
+  dicUrl: '/blade-system/dict-biz/dictionary?code=transport_type',
+  props: {
+    label: 'dictValue',
+    value: 'dictKey',
+  },
+};
+
+export const carrierTypeOptions = ['承运商', '自运', '网货平台'];
+
+export const loadingStatusOptions = [
+  { label: '草稿', value: 'draft' },
+  { label: '待执行', value: 'pending' },
+  { label: '进行中', value: 'running' },
+  { label: '已完成', value: 'completed' },
+  { label: '已取消', value: 'cancelled' },
+];
+
+export const loadingStatusMap = loadingStatusOptions.reduce((result, item) => {
+  result[item.value] = item.label;
+  return result;
+}, {});
+
+export const loadingManageConfig = {
+  title: '配载管理',
+  permission: 'loading_manage',
+  exportUrl: '/blade-transport/loading-manage/export-loading-manage',
+  exportName: '配载管理',
+  exportColumns: [
+    { prop: 'loadingNo', label: '配载单号' },
+    { prop: 'loadingSubNos', label: '配载子单号' },
+    { prop: 'vehicleNo', label: '车牌号/航班号/船号/班列号' },
+    { prop: 'driverName', label: '司机' },
+    { prop: 'driverPhone', label: '联系电话' },
+    { prop: 'carrierType', label: '承运类型' },
+    { prop: 'departureAddress', label: '发货地' },
+    { prop: 'transitAddress', label: '途经地' },
+    { prop: 'arrivalAddress', label: '到货地' },
+    { prop: 'carrierName', label: '承运商' },
+    { prop: 'transportType', label: '运输方式' },
+    { prop: 'dataSource', label: '数据来源' },
+    { prop: 'createTime', label: '创建时间' },
+    { prop: 'updateTime', label: '更新时间' },
+    { prop: 'currentProcessNode', label: '过程节点' },
+    { prop: 'businessStatus', label: '状态' },
+  ],
+  createText: '新建配载',
+  batchCompleteText: '批量完成',
+  statusProp: 'businessStatus',
+  statusTextProp: 'businessStatusName',
+  dataSourceOptions,
+};

src/option/business/process-config.js

@@ -0,0 +1,183 @@
+import {
+  auditColumns,
+  createCrudOption,
+  nodeOptions,
+  processStatusOptions,
+  selectRule,
+  textRule,
+} from './common';
+
+export const config = {
+  title: '过程配置',
+  permission: 'process_config',
+  exportUrl: '/blade-transport/process-config/export-process-config',
+  exportName: '过程配置',
+  enableAllDept: true,
+  actions: ['copy', 'enable', 'disable'],
+  statusProp: 'status',
+  statusTextProp: 'statusName',
+  deleteStatus: [0, 2],
+};
+
+export const option = {
+  ...createCrudOption([
+    {
+      label: '',
+      prop: 'basicInfo',
+      formslot: true,
+      span: 24,
+      hide: true,
+    },
+    {
+      label: '配置名称',
+      prop: 'configName',
+      search: true,
+      searchOrder: 6,
+      searchSpan: 6,
+      searchPlaceholder: '请输入',
+      span: 12,
+      minWidth: 150,
+      addDisplay: false,
+      editDisplay: false,
+      rules: textRule('配置名称', 100, true),
+    },
+    {
+      label: '配置编号',
+      prop: 'configCode',
+      search: true,
+      searchOrder: 4,
+      searchSpan: 6,
+      searchPlaceholder: '请输入',
+      minWidth: 130,
+      addDisplay: false,
+      editDisplay: false,
+      editDisabled: true,
+    },
+    {
+      label: '项目',
+      prop: 'projectNames',
+      formslot: true,
+      search: true,
+      searchOrder: 5,
+      searchType: 'input',
+      searchSpan: 6,
+      searchPlaceholder: '请输入',
+      type: 'textarea',
+      minRows: 2,
+      span: 12,
+      minWidth: 180,
+      dicData: [],
+      filterable: true,
+      addDisplay: false,
+      editDisplay: false,
+      rules: textRule('项目', 1000, true),
+    },
+    {
+      label: '过程节点',
+      prop: 'includedNodes',
+      type: 'select',
+      multiple: true,
+      dicData: nodeOptions,
+      minWidth: 260,
+      overHidden: false,
+      slot: true,
+      addDisplay: false,
+      editDisplay: false,
+      rules: selectRule('过程节点'),
+    },
+    {
+      label: '默认运输完成天数',
+      prop: 'defaultFinishDays',
+      formslot: true,
+      type: 'number',
+      min: 0,
+      max: 999,
+      span: 12,
+      minWidth: 170,
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '备注',
+      prop: 'remark',
+      type: 'textarea',
+      minRows: 4,
+      span: 24,
+      minWidth: 180,
+      addDisplay: false,
+      editDisplay: false,
+      maxlength: 500,
+      showWordLimit: true,
+      rules: textRule('备注', 500),
+    },
+    {
+      label: '组织',
+      prop: 'deptName',
+      minWidth: 150,
+      addDisplay: false,
+      editDisplay: false,
+    },
+    ...auditColumns
+      .filter(column => ['updateTime', 'createTime'].includes(column.prop))
+      .map(column => ({ ...column, minWidth: 190 }))
+      .sort(
+        (first, second) =>
+          ['updateTime', 'createTime'].indexOf(first.prop) -
+          ['updateTime', 'createTime'].indexOf(second.prop)
+      ),
+    {
+      label: '项目ID集合',
+      prop: 'projectIds',
+      hide: true,
+      display: false,
+      addDisplay: false,
+      editDisplay: false,
+      rules: textRule('项目ID集合', 1000, true),
+    },
+    {
+      label: '状态',
+      prop: 'status',
+      type: 'select',
+      search: true,
+      searchOrder: 1,
+      searchSpan: 6,
+      searchPlaceholder: '请选择',
+      dicData: processStatusOptions,
+      slot: true,
+      hide: true,
+      fixed: 'right',
+      minWidth: 100,
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '组织',
+      prop: 'searchDeptId',
+      searchProp: 'deptId',
+      type: 'select',
+      search: true,
+      searchOrder: 2,
+      searchSpan: 6,
+      searchPlaceholder: '请选择',
+      hide: true,
+      display: false,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+      dicData: [],
+      filterable: true,
+    },
+    {
+      label: '',
+      prop: 'nodeConfigJson',
+      formslot: true,
+      span: 24,
+      hide: true,
+    },
+  ]),
+  saveBtn: false,
+  updateBtn: false,
+  dialogTop: '10px',
+  dialogWidth: '96%',
+  menuWidth: 220,
+};

src/option/business/project-apply.js

@@ -0,0 +1,423 @@
+import {
+  auditColumns,
+  businessTypeOptions,
+  createCrudOption,
+  effectiveTypeOptions,
+  nonNegativeRule,
+  projectApprovalStatusOptions,
+  projectSourceOptions,
+  projectTypeOptions,
+  selectRule,
+  settlementModeOptions,
+  textRule,
+} from './common';
+
+const amountRules = label => [
+  { required: true, message: `请输入${label}`, trigger: 'blur' },
+  nonNegativeRule(label),
+];
+
+const userDicFormatter = res => {
+  const list = Array.isArray(res)
+    ? res
+    : Array.isArray(res.data)
+    ? res.data
+    : res.data?.records || [];
+  return list.map(user => ({
+    ...user,
+    realName: user.realName || user.name || user.account,
+  }));
+};
+
+const formatUserRealName = (row, role) =>
+  row[`${role}RealName`] ||
+  row[`${role}UserRealName`] ||
+  row[`${role}User`]?.realName ||
+  row[role]?.realName ||
+  row[`${role}UserName`] ||
+  '';
+
+export const config = {
+  title: '项目管理',
+  permission: 'project_apply',
+  exportUrl: '/blade-transport/project-apply/export-project-apply',
+  exportName: '项目立项',
+  enableAllDept: false,
+  statusProp: 'approvalStatus',
+  statusTextProp: 'approvalStatusName',
+  deleteStatus: ['draft', 'withdrawn', 'rejected'],
+  editStatus: ['draft', 'withdrawn', 'rejected', 'change_rejected'],
+  operations: [
+    {
+      action: 'submitApproval',
+      label: '提交',
+      statusProp: 'approvalStatus',
+      status: ['draft'],
+      permission: 'project_apply_submit',
+    },
+    {
+      action: 'withdraw',
+      label: '撤回',
+      statusProp: 'approvalStatus',
+      status: ['reviewing'],
+      permission: 'project_apply_withdraw',
+    },
+    {
+      action: 'approve',
+      label: '通过',
+      type: 'success',
+      statusProp: 'approvalStatus',
+      status: ['reviewing', 'change_reviewing'],
+      permission: 'project_apply_approve',
+    },
+    {
+      action: 'reject',
+      label: '审批驳回',
+      type: 'warning',
+      statusProp: 'approvalStatus',
+      status: ['reviewing', 'change_reviewing'],
+      permission: 'project_apply_reject',
+    },
+    {
+      action: 'startChange',
+      label: '变更',
+      statusProp: 'approvalStatus',
+      status: ['approved'],
+      permission: 'project_apply_change',
+    },
+    {
+      action: 'voidProject',
+      label: '作废',
+      type: 'danger',
+      statusProp: 'approvalStatus',
+      status: ['approved', 'change_approved'],
+      permission: 'project_apply_void',
+      prompt: '请输入作废原因',
+    },
+  ],
+};
+
+export const option = createCrudOption([
+  {
+    label: '立项申请单号',
+    prop: 'applyNo',
+    search: true,
+    searchPlaceholder: '请输入',
+    searchOrder: 7,
+    minWidth: 220,
+    addDisplay: false,
+    editDisabled: true,
+  },
+  {
+    label: '项目编号',
+    prop: 'projectCode',
+    minWidth: 150,
+    addDisplay: false,
+    editDisabled: true,
+  },
+  {
+    label: '项目名称',
+    prop: 'projectName',
+    search: true,
+    searchPlaceholder: '请输入',
+    searchOrder: 6,
+    minWidth: 180,
+    maxlength: 50,
+    rules: textRule('项目名称', 50, true),
+  },
+  {
+    label: '项目简称',
+    prop: 'projectShortName',
+    hide: true,
+    minWidth: 140,
+    maxlength: 20,
+    rules: textRule('项目简称', 20, true),
+  },
+  {
+    label: '项目类型',
+    prop: 'projectType',
+    type: 'select',
+    search: true,
+    searchPlaceholder: '请选择',
+    searchOrder: 3,
+    dicData: projectTypeOptions,
+    minWidth: 120,
+    rules: selectRule('项目类型'),
+  },
+  {
+    label: '客户名称',
+    prop: 'customerNames',
+    minWidth: 180,
+    rules: textRule('客户名称', 255, true),
+  },
+  {
+    label: '下游承运商',
+    prop: 'carrierNames',
+    minWidth: 180,
+    rules: textRule('下游承运商', 255, true),
+  },
+  {
+    label: '业务部门',
+    prop: 'businessDeptName',
+    hide: true,
+    minWidth: 150,
+    rules: textRule('业务部门', 50, true),
+  },
+  {
+    label: '承办部门',
+    prop: 'undertakeDeptName',
+    search: true,
+    searchPlaceholder: '请输入',
+    searchOrder: 5,
+    minWidth: 150,
+    rules: textRule('承办部门', 50, true),
+  },
+  {
+    label: '承办部门ID',
+    prop: 'undertakeDeptId',
+    hide: true,
+  },
+  {
+    label: '项目负责人',
+    prop: 'principalUserName',
+    minWidth: 130,
+    formatter: row => formatUserRealName(row, 'principal'),
+    rules: textRule('项目负责人', 50, true),
+  },
+  {
+    label: '项目负责人',
+    prop: 'principalUserId',
+    type: 'select',
+    search: true,
+    searchPlaceholder: '请选择',
+    searchOrder: 4,
+    filterable: true,
+    dicUrl: '/blade-system/user/user-list',
+    dicFormatter: userDicFormatter,
+    props: {
+      label: 'realName',
+      value: 'id',
+    },
+    hide: true,
+    display: false,
+  },
+  {
+    label: '项目经办人',
+    prop: 'handlerUserName',
+    hide: true,
+    minWidth: 130,
+    formatter: row => formatUserRealName(row, 'handler'),
+    rules: textRule('项目经办人', 50, true),
+  },
+  {
+    label: '项目由来',
+    prop: 'projectSource',
+    type: 'select',
+    dicData: projectSourceOptions,
+    value: '商务洽谈',
+    hide: true,
+    minWidth: 120,
+  },
+  {
+    label: '项目资金使用额度(万元)',
+    prop: 'fundLimit',
+    type: 'number',
+    precision: 2,
+    hide: true,
+    minWidth: 190,
+    rules: amountRules('项目资金使用额度'),
+  },
+  {
+    label: '项目应收账款额度(万元)',
+    prop: 'receivableLimit',
+    type: 'number',
+    precision: 2,
+    hide: true,
+    minWidth: 200,
+    rules: amountRules('项目应收账款额度'),
+  },
+  {
+    label: '应收账款回款期限(天)',
+    prop: 'receivableDays',
+    type: 'number',
+    hide: true,
+    minWidth: 190,
+    rules: [{ required: true, message: '请输入应收账款回款期限', trigger: 'blur' }],
+  },
+  {
+    label: '回款账期(天)',
+    prop: 'paymentDays',
+    type: 'number',
+    hide: true,
+    minWidth: 140,
+    rules: [{ required: true, message: '请输入回款账期', trigger: 'blur' }],
+  },
+  {
+    label: '货物类型',
+    prop: 'cargoType',
+    hide: true,
+    minWidth: 120,
+  },
+  {
+    label: '预估货物数量',
+    prop: 'cargoQuantity',
+    hide: true,
+    minWidth: 150,
+    maxlength: 100,
+  },
+  {
+    label: '业务周期开始',
+    prop: 'businessStartDate',
+    type: 'date',
+    format: 'YYYY-MM-DD',
+    valueFormat: 'YYYY-MM-DD',
+    hide: true,
+    minWidth: 130,
+  },
+  {
+    label: '业务周期结束',
+    prop: 'businessEndDate',
+    type: 'date',
+    format: 'YYYY-MM-DD',
+    valueFormat: 'YYYY-MM-DD',
+    hide: true,
+    minWidth: 130,
+  },
+  {
+    label: '运输线路',
+    prop: 'transportRoute',
+    hide: true,
+    minWidth: 180,
+    maxlength: 100,
+  },
+  {
+    label: '运输类型',
+    prop: 'transportType',
+    type: 'select',
+    dicUrl: '/blade-system/dict-biz/dictionary?code=transport_type',
+    props: {
+      label: 'dictValue',
+      value: 'dictKey',
+    },
+    hide: true,
+    minWidth: 120,
+  },
+  {
+    label: '业务类型',
+    prop: 'businessType',
+    type: 'select',
+    dicData: businessTypeOptions,
+    hide: true,
+    minWidth: 130,
+  },
+  {
+    label: '项目规模(万元)',
+    prop: 'projectScale',
+    type: 'number',
+    precision: 2,
+    hide: true,
+    minWidth: 150,
+    rules: [nonNegativeRule('项目规模')],
+  },
+  {
+    label: '预计利润(万元)',
+    prop: 'estimatedProfit',
+    type: 'number',
+    precision: 2,
+    hide: true,
+    minWidth: 150,
+    rules: [nonNegativeRule('预计利润')],
+  },
+  {
+    label: '资金需求(万元)',
+    prop: 'fundDemand',
+    type: 'number',
+    precision: 2,
+    hide: true,
+    minWidth: 150,
+    rules: [nonNegativeRule('资金需求')],
+  },
+  {
+    label: '结算方式',
+    prop: 'settlementMode',
+    type: 'select',
+    dicData: settlementModeOptions,
+    hide: true,
+    minWidth: 120,
+  },
+  {
+    label: '审批状态',
+    prop: 'approvalStatus',
+    type: 'select',
+    search: true,
+    searchPlaceholder: '请选择',
+    searchOrder: 2,
+    slot: true,
+    dicData: projectApprovalStatusOptions,
+    minWidth: 130,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '当前节点',
+    prop: 'currentNode',
+    minWidth: 140,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '当前处理人',
+    prop: 'currentProcessor',
+    minWidth: 130,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '生效类型',
+    prop: 'effectiveType',
+    type: 'select',
+    search: true,
+    searchPlaceholder: '请选择',
+    searchOrder: 1,
+    dicData: effectiveTypeOptions,
+    value: 'temporary',
+    minWidth: 110,
+  },
+  {
+    label: '审核通过时间',
+    prop: 'approvedTime',
+    sortable: true,
+    type: 'datetime',
+    format: 'YYYY-MM-DD HH:mm:ss',
+    valueFormat: 'YYYY-MM-DD HH:mm:ss',
+    minWidth: 170,
+    addDisplay: false,
+    editDisplay: false,
+  },
+  {
+    label: '项目由来说明',
+    prop: 'sourceRemark',
+    type: 'textarea',
+    span: 24,
+    hide: true,
+    maxlength: 300,
+    showWordLimit: true,
+  },
+  {
+    label: '项目情况说明',
+    prop: 'situationRemark',
+    type: 'textarea',
+    span: 24,
+    hide: true,
+    maxlength: 1000,
+    showWordLimit: true,
+  },
+  {
+    label: '项目附件JSON',
+    prop: 'attachmentsJson',
+    type: 'textarea',
+    span: 24,
+    hide: true,
+  },
+  ...auditColumns.map(column => ({ ...column, hide: true })),
+]);

src/option/business/shipping-template.js

@@ -0,0 +1,274 @@
+import {
+  auditColumns,
+  createCrudOption,
+  selectRule,
+  textRule,
+  transportTypeOptions,
+  withSearchPlaceholders,
+} from './common';
+
+const templateTypeOptions = [
+  { label: '运输计划', value: '运输计划' },
+  { label: '运单', value: '运单' },
+];
+
+export const config = {
+  title: '发货模板',
+  permission: 'shipping_template',
+  tableColumnOrder: [
+    'templateCode',
+    'templateName',
+    'templateType',
+    'transportType',
+    'createUserName',
+    'remark',
+    'updateTime',
+    'createTime',
+  ],
+  exportColumns: [
+    { prop: 'templateCode', label: '模板编号' },
+    { prop: 'templateName', label: '模板名称' },
+    { prop: 'templateType', label: '模板类型' },
+    { prop: 'transportType', label: '运输方式' },
+    { prop: 'createUserName', label: '创建人' },
+    { prop: 'remark', label: '备注' },
+    { prop: 'updateTime', label: '更新时间' },
+    { prop: 'createTime', label: '创建时间' },
+  ],
+  enableAllDept: false,
+  enableProjectSelect: true,
+  projectQueryParams: {
+    approvalStatuses: 'approved,change_approved',
+  },
+  excludeVoidedProjects: true,
+  enableAttachmentTable: true,
+  enableTransportPlanForm: true,
+  enableShippingTemplateFreight: true,
+  editableRoadAddress: true,
+  fixedTransportAddressType: true,
+  enableTemplateCodePreview: true,
+  attachmentTitle: '附件',
+  defaultForm: {
+    templateType: '运输计划',
+  },
+  transportFormRequiredFields: [
+    ['projectName', '项目'],
+    ['contractName', '客户合同'],
+    ['transportType', '运输方式'],
+    ['departureAddress', '发货地址'],
+    ['arrivalAddress', '收货地址'],
+  ],
+  actions: ['copy'],
+  operations: [
+    {
+      action: 'createFromTemplate',
+      label: '从模板新建',
+      permission: 'shipping_template_add',
+    },
+  ],
+};
+
+export const option = {
+  ...createCrudOption(
+    withSearchPlaceholders([
+      {
+        label: '',
+        prop: 'templateInfoTitle',
+        formslot: true,
+        span: 24,
+        order: 400,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '模板编号',
+        prop: 'templateCode',
+        search: true,
+        searchOrder: 4,
+        span: 8,
+        order: 390,
+        minWidth: 170,
+        disabled: true,
+        placeholder: '系统自动生成',
+        display: true,
+      },
+      {
+        label: '模板名称',
+        prop: 'templateName',
+        search: true,
+        searchOrder: 3,
+        span: 8,
+        order: 380,
+        minWidth: 150,
+        rules: textRule('模板名称', 50, true),
+        display: true,
+      },
+      {
+        label: '模板类型',
+        prop: 'templateType',
+        type: 'select',
+        search: true,
+        searchOrder: 2,
+        span: 8,
+        order: 370,
+        dicData: templateTypeOptions,
+        minWidth: 120,
+        rules: selectRule('模板类型'),
+        display: true,
+      },
+      {
+        label: '备注',
+        prop: 'remark',
+        type: 'textarea',
+        minRows: 3,
+        span: 24,
+        order: 360,
+        minWidth: 180,
+        maxlength: 200,
+        showWordLimit: true,
+        rules: textRule('备注', 200),
+        display: true,
+      },
+      {
+        label: '',
+        prop: 'basicInfoTitle',
+        formslot: true,
+        span: 24,
+        order: 350,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '项目',
+        prop: 'projectName',
+        formslot: true,
+        search: true,
+        searchOrder: 1,
+        span: 8,
+        order: 340,
+        minWidth: 150,
+        rules: textRule('项目', 100, true),
+        display: true,
+      },
+      {
+        label: '客户合同',
+        prop: 'contractName',
+        formslot: true,
+        span: 8,
+        order: 330,
+        minWidth: 160,
+        rules: textRule('客户合同', 100, true),
+        display: true,
+      },
+      {
+        label: '运输方式',
+        prop: 'transportType',
+        type: 'select',
+        span: 8,
+        order: 320,
+        dicData: transportTypeOptions,
+        minWidth: 130,
+        rules: selectRule('运输方式'),
+        display: true,
+      },
+      {
+        label: '备注',
+        prop: 'basicRemark',
+        type: 'textarea',
+        minRows: 3,
+        span: 24,
+        order: 315,
+        minWidth: 180,
+        maxlength: 200,
+        showWordLimit: true,
+        rules: textRule('备注', 200),
+        display: true,
+      },
+      {
+        label: '',
+        prop: 'shippingInfoTitle',
+        formslot: true,
+        span: 24,
+        order: 310,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '发货地址',
+        prop: 'departureAddress',
+        formslot: true,
+        span: 24,
+        order: 300,
+        minWidth: 220,
+        rules: textRule('发货地址', 255, true),
+        display: true,
+      },
+      {
+        label: '收货地址',
+        prop: 'arrivalAddress',
+        formslot: true,
+        span: 24,
+        order: 290,
+        minWidth: 220,
+        rules: textRule('收货地址', 255, true),
+        display: true,
+      },
+      {
+        label: '',
+        prop: 'goodsInfoTitle',
+        formslot: true,
+        span: 24,
+        order: 280,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '',
+        prop: 'goodsJson',
+        type: 'textarea',
+        formslot: true,
+        span: 24,
+        order: 270,
+        hide: true,
+        labelWidth: '0px',
+        className: 'business-crud-page__full-form-item',
+      },
+      { label: '运费信息', prop: 'freightJson', hide: true, display: false },
+      {
+        label: '',
+        prop: 'attachmentTitle',
+        formslot: true,
+        span: 24,
+        order: 260,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '',
+        prop: 'attachmentsJson',
+        type: 'textarea',
+        formslot: true,
+        span: 24,
+        order: 250,
+        hide: true,
+        labelWidth: '0px',
+        className: 'business-crud-page__full-form-item',
+      },
+      { label: '项目ID', prop: 'projectId', hide: true, display: false },
+      { label: '客户合同ID', prop: 'contractId', hide: true, display: false },
+      { label: '发货地', prop: 'departureName', hide: true, display: false },
+      { label: '发货联系人', prop: 'departureContact', hide: true, display: false },
+      { label: '发货联系方式', prop: 'departurePhone', hide: true, display: false },
+      { label: '收货地', prop: 'arrivalName', hide: true, display: false },
+      { label: '收货联系人', prop: 'arrivalContact', hide: true, display: false },
+      { label: '收货联系方式', prop: 'arrivalPhone', hide: true, display: false },
+      { label: '所属组织', prop: 'deptName', minWidth: 150, addDisplay: false, editDisplay: false, display: false },
+      ...auditColumns.map(column => ({
+        ...column,
+        display: false,
+      })),
+    ])
+  ),
+  dialogWidth: '96%',
+  dialogTop: '10px',
+};

src/option/business/temporary-credit-limit.js

@@ -0,0 +1,279 @@
+import {
+  approvalStatusOptions,
+  auditColumns,
+  createCrudOption,
+  nonNegativeRule,
+  textRule,
+} from './common';
+
+const listDicFormatter = res => {
+  const data = res?.data || res;
+  if (Array.isArray(data)) return data;
+  if (Array.isArray(data?.records)) return data.records;
+  if (Array.isArray(data?.data)) return data.data;
+  if (Array.isArray(data?.data?.records)) return data.data.records;
+  return [];
+};
+
+const userDicFormatter = res =>
+  listDicFormatter(res).map(user => ({
+    ...user,
+    realName: user.realName || user.name || user.account,
+  }));
+
+export const config = {
+  title: '临时额度管理',
+  permission: 'temporary_credit_limit',
+  exportUrl: '/blade-transport/temporary-credit-limit/export-temporary-credit-limit',
+  exportName: '临时额度申请',
+  enableAllDept: false,
+  enableProjectSelect: true,
+  projectQueryParams: {
+    temporaryCreditLimitSelectable: true,
+  },
+  enableAttachmentTable: true,
+  detailAttachmentUploadTimeWidth: 220,
+  enableDraftSave: true,
+  saveAsDraft: true,
+  defaultForm: {
+    usedFundLimit: 0,
+    remainingFundLimit: 0,
+  },
+  statusProp: 'approvalStatus',
+  statusTextProp: 'approvalStatusName',
+  deleteStatus: ['draft', 'withdrawn', 'rejected', '草稿'],
+  editStatus: ['draft', 'withdrawn', 'rejected', '草稿', '已撤回'],
+  ignoreReadonlyEditStatus: ['draft', 'withdrawn', '草稿', '已撤回'],
+  ignoreReadonlyDeleteStatus: ['draft', '草稿'],
+  operations: [
+    {
+      action: 'submitApproval',
+      label: '提交',
+      statusProp: 'approvalStatus',
+      status: ['draft', 'withdrawn', 'rejected'],
+      permission: 'temporary_credit_limit_submit',
+    },
+    {
+      action: 'flow',
+      label: '流程',
+      statusProp: 'approvalStatus',
+      status: ['reviewing'],
+      permission: 'temporary_credit_limit_view',
+    },
+    {
+      action: 'withdraw',
+      label: '撤回',
+      statusProp: 'approvalStatus',
+      status: ['reviewing'],
+      permission: 'temporary_credit_limit_withdraw',
+    },
+    {
+      action: 'approve',
+      label: '审批通过',
+      type: 'success',
+      statusProp: 'approvalStatus',
+      status: ['reviewing'],
+      permission: 'temporary_credit_limit_approve',
+    },
+    {
+      action: 'reject',
+      label: '审批驳回',
+      type: 'warning',
+      statusProp: 'approvalStatus',
+      status: ['reviewing'],
+      permission: 'temporary_credit_limit_reject',
+    },
+  ],
+};
+
+export const option = {
+  ...createCrudOption([
+    {
+      label: '申请单号',
+      prop: 'applicationNo',
+      search: true,
+      searchOrder: 5,
+      minWidth: 160,
+      addDisplay: false,
+      editDisplay: false,
+      editDisabled: true,
+    },
+    {
+      label: '项目名称',
+      prop: 'projectName',
+      search: true,
+      searchOrder: 4,
+      searchType: 'select',
+      formslot: true,
+      dicUrl: '/blade-transport/project-apply/list?current=1&size=9999',
+      dicFormatter: listDicFormatter,
+      props: {
+        label: 'projectName',
+        value: 'projectName',
+      },
+      filterable: true,
+      span: 12,
+      minWidth: 180,
+      rules: textRule('项目名称', 100, true),
+    },
+    {
+      label: '项目ID',
+      prop: 'projectId',
+      hide: true,
+      display: false,
+    },
+    {
+      label: '项目编号',
+      prop: 'projectCode',
+      hide: true,
+      disabled: true,
+      span: 12,
+      minWidth: 150,
+      rules: textRule('项目编号', 50),
+    },
+    {
+      label: '承办部门',
+      prop: 'undertakeDeptName',
+      hide: true,
+      disabled: true,
+      span: 12,
+      minWidth: 150,
+      rules: textRule('承办部门', 50, true),
+    },
+    {
+      label: '项目资金使用额度（万元）',
+      prop: 'projectFundLimit',
+      hide: true,
+      disabled: true,
+      span: 12,
+      minWidth: 200,
+      rules: [nonNegativeRule('项目资金使用额度')],
+    },
+    {
+      label: '已使用项目资金使用额度（万元）',
+      prop: 'usedFundLimit',
+      hide: true,
+      disabled: true,
+      span: 12,
+      minWidth: 220,
+      value: 0,
+      rules: [nonNegativeRule('已使用项目资金额度')],
+    },
+    {
+      label: '剩余项目资金使用额度（万元）',
+      prop: 'remainingFundLimit',
+      hide: true,
+      disabled: true,
+      span: 12,
+      minWidth: 230,
+      value: 0,
+      rules: [nonNegativeRule('剩余项目资金使用额度')],
+    },
+    {
+      label: '申请临时额度（万元）',
+      prop: 'applyLimit',
+      formslot: true,
+      span: 12,
+      minWidth: 180,
+      rules: [
+        { required: true, message: '请输入申请临时额度', trigger: 'blur' },
+        nonNegativeRule('申请临时额度'),
+      ],
+    },
+    {
+      label: '申请有效期至',
+      prop: 'validUntil',
+      type: 'date',
+      format: 'YYYY-MM-DD',
+      valueFormat: 'YYYY-MM-DD',
+      span: 12,
+      minWidth: 140,
+      rules: [{ required: true, message: '请选择申请有效期至', trigger: 'change' }],
+    },
+    {
+      label: '申请部门',
+      prop: 'applyDeptName',
+      search: true,
+      searchOrder: 2,
+      searchType: 'select',
+      dicUrl: '/blade-system/dept/select',
+      props: {
+        label: 'deptName',
+        value: 'deptName',
+      },
+      filterable: true,
+      minWidth: 150,
+      addDisplay: false,
+      editDisplay: false,
+      editDisabled: true,
+    },
+    {
+      label: '申请人',
+      prop: 'applicantName',
+      search: true,
+      searchOrder: 3,
+      searchType: 'select',
+      dicUrl: '/blade-system/user/user-list',
+      dicFormatter: userDicFormatter,
+      props: {
+        label: 'realName',
+        value: 'realName',
+      },
+      filterable: true,
+      minWidth: 120,
+      addDisplay: false,
+      editDisplay: false,
+      editDisabled: true,
+    },
+    {
+      label: '审批状态',
+      searchLabel: '状态',
+      prop: 'approvalStatus',
+      type: 'select',
+      search: true,
+      searchOrder: 1,
+      slot: true,
+      dicData: approvalStatusOptions,
+      minWidth: 130,
+      addDisplay: false,
+      editDisplay: false,
+      fixed: 'right',
+    },
+    {
+      label: '当前节点',
+      prop: 'currentNode',
+      minWidth: 140,
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '当前处理人',
+      prop: 'currentProcessor',
+      minWidth: 130,
+      addDisplay: false,
+      editDisplay: false,
+    },
+    {
+      label: '备注',
+      prop: 'remark',
+      type: 'textarea',
+      span: 24,
+      hide: true,
+      maxlength: 200,
+      showWordLimit: true,
+      rules: textRule('备注', 200),
+    },
+    {
+      label: '附件',
+      prop: 'attachmentsJson',
+      formslot: true,
+      span: 24,
+      hide: true,
+    },
+    ...auditColumns.map(column => ({ ...column, hide: true })),
+  ]),
+  dialogWidth: 1400,
+  menuFixed: 'right',
+  menuWidth: 320,
+  index: false,
+};

src/option/business/transport-plan.js

@@ -0,0 +1,606 @@
+import {
+  auditColumns,
+  createCrudOption,
+  dataSourceOptions,
+  phoneRule,
+  planStatusOptions,
+  selectRule,
+  textRule,
+  withSearchPlaceholders,
+} from './common';
+
+const listDicFormatter = res => {
+  const data = res?.data || res;
+  if (Array.isArray(data)) return data;
+  if (Array.isArray(data?.records)) return data.records;
+  if (Array.isArray(data?.data)) return data.data;
+  if (Array.isArray(data?.data?.records)) return data.data.records;
+  return [];
+};
+
+const parseGoodsRows = value => {
+  if (!value) return [];
+  if (Array.isArray(value)) return value;
+  if (typeof value === 'object') return [value];
+  try {
+    const data = JSON.parse(value);
+    return Array.isArray(data) ? data : [data];
+  } catch (error) {
+    return [];
+  }
+};
+
+const formatGoodsField = (row, propList) => {
+  const values = propList.map(prop => row[prop]).filter(Boolean);
+  if (values.length) return values.join('、');
+  return parseGoodsRows(row.goodsJson)
+    .map(item => propList.map(prop => item?.[prop]).find(Boolean))
+    .filter(Boolean)
+    .join('、');
+};
+
+const getGoodsQuantity = item => {
+  const value = item?.quantity ?? item?.cargoQuantity ?? item?.goodsQuantity ?? 0;
+  const number = Number(String(value).replace(/,/g, ''));
+  return Number.isFinite(number) ? number : 0;
+};
+
+const formatGoodsQuantity = value => {
+  const number = Math.round((value + Number.EPSILON) * 1000) / 1000;
+  return Number.isInteger(number) ? String(number) : String(number).replace(/\.?0+$/, '');
+};
+
+const getSecondCargoTypeName = item =>
+  item?.cargoType ||
+  item?.secondCargoTypeName ||
+  item?.secondCargoType ||
+  item?.goodsType ||
+  item?.type ||
+  item?.cargoTypeName ||
+  item?.firstCargoTypeName ||
+  '货物';
+
+const formatGoodsInfo = row => {
+  const rows = parseGoodsRows(row.goodsJson);
+  if (!rows.length) return row.goodsInfo || '';
+
+  const groups = rows.reduce((result, item = {}) => {
+    const hasGoodsInfo = [
+      item.cargoName,
+      item.goodsName,
+      item.name,
+      item.cargoType,
+      item.secondCargoTypeName,
+      item.goodsType,
+      item.type,
+      item.quantity,
+      item.cargoQuantity,
+      item.goodsQuantity,
+      item.quantityUnit,
+      item.goodsQuantityUnit,
+      item.unit,
+    ].some(Boolean);
+    if (!hasGoodsInfo) return result;
+
+    const unit = item.quantityUnit || item.goodsQuantityUnit || item.unit || '';
+    if (!result[unit]) {
+      result[unit] = {
+        typeName: getSecondCargoTypeName(item),
+        count: 0,
+        quantity: 0,
+      };
+    }
+    result[unit].count += 1;
+    result[unit].quantity += getGoodsQuantity(item);
+    return result;
+  }, {});
+
+  const text = Object.entries(groups)
+    .map(([unit, group]) => {
+      const quantity = `${formatGoodsQuantity(group.quantity)}${unit}`;
+      return `${group.typeName}等${group.count}种货物 | ${quantity}`;
+    })
+    .join('; ');
+
+  return text || row.goodsInfo || '';
+};
+
+const parseDispatchRows = row => {
+  const sources = [
+    row.dispatchRows,
+    row.dispatchList,
+    row.dispatchRecords,
+    row.waybillList,
+    row.waybillRows,
+  ];
+  for (const source of sources) {
+    const rows = parseGoodsRows(source);
+    if (rows.length) return rows;
+  }
+  return [];
+};
+
+const formatDispatchQuantity = value => {
+  const number = Number(value || 0);
+  if (!Number.isFinite(number)) return '0';
+  const fixed = Math.round((number + Number.EPSILON) * 1000) / 1000;
+  return Number.isInteger(fixed) ? String(fixed) : String(fixed).replace(/\.?0+$/, '');
+};
+
+const formatDispatchProgress = row => {
+  const goodsRows = parseGoodsRows(row.goodsJson);
+  const totalRows = goodsRows.length ? goodsRows : [row];
+  const dispatchRows = parseDispatchRows(row);
+  const summary = new Map();
+  const add = (item, field) => {
+    const unit = item.quantityUnit || item.goodsQuantityUnit || item.unit || '吨';
+    const quantity = Number(item.quantity || item.cargoQuantity || item.goodsQuantity || 0);
+    if (!summary.has(unit)) summary.set(unit, { total: 0, assigned: 0 });
+    if (Number.isFinite(quantity)) summary.get(unit)[field] += quantity;
+  };
+  totalRows.forEach(item => add(item, 'total'));
+  dispatchRows.forEach(item => add(item, 'assigned'));
+
+  if (!dispatchRows.length) {
+    const assigned = Number(row.dispatchedQuantity || row.dispatchQuantity || 0);
+    if (Number.isFinite(assigned)) {
+      const unit = row.quantityUnit || row.goodsQuantityUnit || row.unit || '吨';
+      if (!summary.has(unit)) summary.set(unit, { total: 0, assigned: 0 });
+      summary.get(unit).assigned = assigned;
+    }
+  }
+  const lines = Array.from(summary.entries()).map(
+    ([unit, item]) => `${formatDispatchQuantity(item.assigned)}/${formatDispatchQuantity(item.total)}${unit}`
+  );
+  return lines.length ? lines.join('\n') : row.dispatchProgressName || row.dispatchProgress || row.progress || '';
+};
+
+const auditColumn = prop => ({ ...auditColumns.find(item => item.prop === prop) });
+
+export const config = {
+  title: '运输计划',
+  permission: 'transport_plan',
+  exportUrl: '/blade-transport/transport-plan/export-transport-plan',
+  exportName: '运输计划',
+  enableAllDept: false,
+  enableProjectSelect: true,
+  projectQueryParams: {
+    approvalStatuses: 'approved,change_approved',
+  },
+  templateCreateTarget: 'transport-plan',
+  enableAttachmentTable: true,
+  enableTransportPlanForm: true,
+  enableTransportPlanCreateActions: true,
+  enableTransportPlanImport: true,
+  fixedTransportAddressType: true,
+  transportPlanImportTitle: '导入发货计划',
+  transportPlanTemplateUrl: '/blade-transport/transport-plan/export-template',
+  attachmentTitle: '附件',
+  searchRangeMap: {
+    planStartDateRange: ['planStartDateStart', 'planStartDateEnd'],
+    planEndDateRange: ['planEndDateStart', 'planEndDateEnd'],
+  },
+  actions: ['copy', 'complete'],
+  statusProp: 'businessStatus',
+  statusTextProp: 'businessStatusName',
+  deleteStatus: ['draft', 'waiting_dispatch'],
+  editStatus: ['draft', 'waiting_dispatch'],
+  detailButton: true,
+  detailSections: [
+    {
+      title: '基本信息',
+      fields: [
+        ['planNo', '计划单号'],
+        ['planName', '计划名称'],
+        ['projectName', '项目名称'],
+        ['customerName', '客户名称'],
+        ['transportType', '运输方式'],
+        ['businessStatus', '调度状态'],
+        ['planStartDate', '计划开始日期'],
+        ['planEndDate', '计划结束日期'],
+        ['dataSource', '数据来源'],
+      ],
+    },
+    {
+      title: '收发货信息',
+      fields: [
+        ['departureName', '发货地'],
+        ['departureContact', '发货联系人'],
+        ['departureAddress', '发货地址'],
+        ['departurePhone', '发货联系方式'],
+        ['arrivalName', '收货地'],
+        ['arrivalContact', '收货联系人'],
+        ['arrivalAddress', '到货地址'],
+        ['arrivalPhone', '收货联系方式'],
+      ],
+    },
+    {
+      title: '其它信息',
+      fields: [
+        ['remark', '备注'],
+        ['updateUserName', '更新人'],
+        ['updateTime', '更新时间'],
+        ['createTime', '创建时间'],
+      ],
+    },
+  ],
+  operations: [
+    {
+      action: 'dispatch',
+      label: '调度',
+      statusProp: 'businessStatus',
+      status: ['waiting_dispatch', 'dispatching'],
+      permission: 'transport_plan_edit',
+      confirm: '确定调度该运输计划?',
+    },
+  ],
+};
+
+export const option = {
+  ...createCrudOption(
+    withSearchPlaceholders([
+      {
+        label: '',
+        prop: 'basicInfoTitle',
+        formslot: true,
+        span: 24,
+        order: 400,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '计划单号',
+        prop: 'planNo',
+        search: true,
+        searchOrder: 13,
+        span: 6,
+        order: 370,
+        minWidth: 150,
+        disabled: true,
+        placeholder: '系统自动生成',
+      },
+      {
+        label: '计划名称',
+        prop: 'planName',
+        search: true,
+        searchOrder: 12,
+        span: 6,
+        order: 380,
+        minWidth: 150,
+        rules: textRule('计划名称', 50, true),
+      },
+      {
+        label: '运输方式',
+        prop: 'transportType',
+        type: 'select',
+        search: true,
+        searchOrder: 10,
+        span: 6,
+        order: 360,
+        dicUrl: '/blade-system/dict-biz/dictionary?code=transport_type',
+        props: {
+          label: 'dictValue',
+          value: 'dictKey',
+        },
+        minWidth: 130,
+        rules: selectRule('运输类型'),
+      },
+      {
+        label: '货物信息',
+        prop: 'goodsInfo',
+        formatter: row => formatGoodsInfo(row),
+        minWidth: 320,
+        className: 'business-crud-page__goods-info-cell',
+        overHidden: false,
+        showOverflowTooltip: false,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '调度进度',
+        prop: 'dispatchProgress',
+        formatter: row => formatDispatchProgress(row),
+        minWidth: 120,
+        className: 'business-crud-page__dispatch-progress-cell',
+        overHidden: false,
+        showOverflowTooltip: false,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '发货地址',
+        prop: 'departureAddress',
+        formslot: true,
+        search: true,
+        searchOrder: 7,
+        span: 24,
+        order: 310,
+        minWidth: 220,
+        rules: textRule('发货地址', 255, true),
+      },
+      {
+        label: '到货地址',
+        prop: 'arrivalAddress',
+        formslot: true,
+        search: true,
+        searchOrder: 6,
+        span: 24,
+        order: 300,
+        minWidth: 220,
+        rules: textRule('收货地址', 255, true),
+      },
+      {
+        label: '项目名称',
+        prop: 'projectName',
+        formslot: true,
+        search: true,
+        searchOrder: 11,
+        searchType: 'select',
+        span: 6,
+        order: 400,
+        dicUrl: '/blade-transport/project-apply/list?current=1&size=9999',
+        dicFormatter: listDicFormatter,
+        props: {
+          label: 'projectName',
+          value: 'projectName',
+        },
+        filterable: true,
+        minWidth: 150,
+        rules: textRule('项目', 100, true),
+      },
+      {
+        label: '客户名称',
+        prop: 'customerName',
+        search: true,
+        searchOrder: 5,
+        minWidth: 150,
+        addDisplay: false,
+        editDisplay: false,
+      },
+      {
+        label: '计划开始日期',
+        prop: 'planStartDate',
+        type: 'date',
+        format: 'YYYY-MM-DD',
+        valueFormat: 'YYYY-MM-DD',
+        span: 6,
+        order: 350,
+        minWidth: 150,
+      },
+      {
+        label: '计划结束日期',
+        prop: 'planEndDate',
+        type: 'date',
+        format: 'YYYY-MM-DD',
+        valueFormat: 'YYYY-MM-DD',
+        span: 6,
+        order: 340,
+        minWidth: 150,
+      },
+      {
+        label: '数据来源',
+        prop: 'dataSource',
+        type: 'select',
+        search: true,
+        searchOrder: 1,
+        dicData: dataSourceOptions,
+        minWidth: 120,
+        addDisplay: false,
+        editDisplay: false,
+      },
+      {
+        label: '货物类型',
+        prop: 'cargoType',
+        search: true,
+        searchOrder: 8,
+        formatter: row => formatGoodsField(row, ['cargoType', 'goodsType']),
+        minWidth: 130,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '货物名称',
+        prop: 'cargoName',
+        search: true,
+        searchOrder: 9,
+        formatter: row => formatGoodsField(row, ['cargoName', 'goodsName']),
+        minWidth: 150,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '备注',
+        prop: 'remark',
+        type: 'textarea',
+        minRows: 4,
+        span: 24,
+        order: 330,
+        minWidth: 180,
+        maxlength: 200,
+        showWordLimit: true,
+        rules: textRule('备注', 200),
+      },
+      {
+        ...auditColumn('updateUserName'),
+      },
+      {
+        ...auditColumn('createTime'),
+      },
+      {
+        ...auditColumn('updateTime'),
+      },
+      {
+        label: '调度状态',
+        prop: 'businessStatus',
+        type: 'select',
+        slot: true,
+        search: true,
+        searchLabel: '状态',
+        searchOrder: 2,
+        dicData: planStatusOptions,
+        minWidth: 120,
+        fixed: 'right',
+        addDisplay: false,
+        editDisplay: false,
+      },
+      {
+        label: '',
+        prop: 'shippingInfoTitle',
+        formslot: true,
+        span: 24,
+        order: 320,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '项目ID',
+        prop: 'projectId',
+        hide: true,
+        display: false,
+      },
+      {
+        label: '客户合同',
+        prop: 'contractName',
+        formslot: true,
+        hide: true,
+        span: 6,
+        order: 390,
+        minWidth: 160,
+        rules: textRule('客户合同', 100, true),
+      },
+      {
+        label: '客户合同ID',
+        prop: 'contractId',
+        hide: true,
+        display: false,
+      },
+      {
+        label: '发货地',
+        prop: 'departureName',
+        hide: true,
+        display: false,
+        minWidth: 140,
+        rules: textRule('发货地', 100, true),
+      },
+      {
+        label: '收货地',
+        prop: 'arrivalName',
+        hide: true,
+        display: false,
+        minWidth: 140,
+        rules: textRule('收货地', 100, true),
+      },
+      {
+        label: '发货联系人',
+        prop: 'departureContact',
+        hide: true,
+        display: false,
+        rules: textRule('发货联系人', 50),
+      },
+      {
+        label: '发货联系方式',
+        prop: 'departurePhone',
+        hide: true,
+        display: false,
+        rules: [phoneRule('发货联系方式'), ...textRule('发货联系方式', 50)],
+      },
+      {
+        label: '收货联系人',
+        prop: 'arrivalContact',
+        hide: true,
+        display: false,
+        rules: textRule('收货联系人', 50),
+      },
+      {
+        label: '收货联系方式',
+        prop: 'arrivalPhone',
+        hide: true,
+        display: false,
+        rules: [phoneRule('收货联系方式'), ...textRule('收货联系方式', 50)],
+      },
+      {
+        label: '',
+        prop: 'goodsInfoTitle',
+        formslot: true,
+        span: 24,
+        order: 280,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '计划开始日期',
+        prop: 'planStartDateRange',
+        type: 'date',
+        format: 'YYYY-MM-DD',
+        valueFormat: 'YYYY-MM-DD',
+        search: true,
+        searchRange: true,
+        searchOrder: 4,
+        hide: true,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '计划结束日期',
+        prop: 'planEndDateRange',
+        type: 'date',
+        format: 'YYYY-MM-DD',
+        valueFormat: 'YYYY-MM-DD',
+        search: true,
+        searchRange: true,
+        searchOrder: 3,
+        hide: true,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '所属组织',
+        prop: 'deptName',
+        hide: true,
+        minWidth: 150,
+        addDisplay: false,
+        editDisplay: false,
+      },
+      {
+        label: '',
+        prop: 'goodsJson',
+        type: 'textarea',
+        formslot: true,
+        minRows: 5,
+        span: 24,
+        order: 270,
+        hide: true,
+        labelWidth: '0px',
+        className: 'business-crud-page__full-form-item',
+      },
+      {
+        label: '',
+        prop: 'attachmentTitle',
+        formslot: true,
+        span: 24,
+        order: 265,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '',
+        prop: 'attachmentsJson',
+        type: 'textarea',
+        formslot: true,
+        minRows: 3,
+        span: 24,
+        order: 260,
+        hide: true,
+        labelWidth: '0px',
+        className: 'business-crud-page__full-form-item',
+      },
+    ])
+  ),
+  dialogWidth: '96%',
+};

src/option/business/waybill-manage.js

@@ -0,0 +1,845 @@
+import {
+  auditColumns,
+  createCrudOption,
+  dataSourceOptions,
+  phoneRule,
+  selectRule,
+  textRule,
+  waybillStatusOptions,
+  withSearchPlaceholders,
+} from './common';
+
+const transportTypeDict = {
+  dicUrl: '/blade-system/dict-biz/dictionary?code=transport_type',
+  props: {
+    label: 'dictValue',
+    value: 'dictKey',
+  },
+};
+
+const isEmpty = value => value === undefined || value === null || value === '';
+const normalizeNumericDisplayValue = value => (Number(value) === -1 ? '' : value);
+
+const parseJsonArray = value => {
+  if (Array.isArray(value)) return value;
+  if (typeof value !== 'string' || !value.trim()) return [];
+  try {
+    const result = JSON.parse(value);
+    if (Array.isArray(result)) return result;
+    if (Array.isArray(result.records)) return result.records;
+    if (Array.isArray(result.rows)) return result.rows;
+    return [];
+  } catch (error) {
+    return [];
+  }
+};
+
+const parseJsonObject = value => {
+  if (!value) return {};
+  if (typeof value === 'object' && !Array.isArray(value)) return value;
+  if (typeof value !== 'string' || !value.trim()) return {};
+  try {
+    const result = JSON.parse(value);
+    return result && typeof result === 'object' && !Array.isArray(result) ? result : {};
+  } catch (error) {
+    return {};
+  }
+};
+
+const parseProcessNodes = value => {
+  const result = parseJsonArray(value);
+  if (result.length) return result;
+  if (!value || typeof value !== 'object' || Array.isArray(value)) return [];
+  return Array.isArray(value.nodes) ? value.nodes : [];
+};
+
+const requiresDriverAcceptConfirmation = processJson =>
+  parseProcessNodes(processJson).some(
+    node =>
+      (node.key === 'accept' || node.name === '接单') &&
+      node.enabled !== false &&
+      node.confirmMode === 'yes' &&
+      node.confirmDriver === true
+  );
+
+const getFirstValue = (row, props) => {
+  const prop = props.find(item => !isEmpty(row[item]));
+  return prop ? row[prop] : '';
+};
+
+const getGoodsRows = row => parseJsonArray(row.goodsList || row.goodsRows || row.goodsJson);
+
+const getBillingRows = row => {
+  const freightRows = parseJsonArray(row.freightList || row.freightRows || row.freightJson);
+  if (freightRows.length) return freightRows;
+  return parseJsonArray(row.billingPlanJson).flatMap(item =>
+    Array.isArray(item.rules) ? item.rules : []
+  );
+};
+
+const joinText = list => list.filter(item => !isEmpty(item)).join('/');
+
+const formatGoodsInfo = row => {
+  const text = getFirstValue(row, ['goodsInfo', 'cargoInfo']);
+  if (text) return text;
+  return getGoodsRows(row)
+    .map(item => {
+      const name = getFirstValue(item, ['cargoName', 'goodsName', 'name']);
+      const type = getFirstValue(item, ['cargoType', 'goodsType', 'typeName']);
+      const quantity = joinText([
+        normalizeNumericDisplayValue(
+          getFirstValue(item, ['quantity', 'cargoQuantity', 'goodsQuantity'])
+        ),
+        getFirstValue(item, ['quantityUnit', 'cargoUnit', 'unit']),
+      ]);
+      return joinText([name, type, quantity]);
+    })
+    .filter(Boolean)
+    .join('; ');
+};
+
+const formatGoodsField = (row, props) => {
+  const value = getFirstValue(row, props);
+  if (value) return value;
+  const goods = getGoodsRows(row).find(item => getFirstValue(item, props));
+  return goods ? getFirstValue(goods, props) : '';
+};
+
+const formatUnitPrice = row => {
+  const value = normalizeNumericDisplayValue(getFirstValue(row, ['unitPrice', 'price']));
+  const unit = getFirstValue(row, ['priceUnit', 'billingUnit', 'unit']);
+  if (!isEmpty(value)) return unit ? `${value}(${unit})` : value;
+  const billing = getBillingRows(row).find(
+    item => !isEmpty(normalizeNumericDisplayValue(item.unitPrice))
+  );
+  if (!billing) return '';
+  const billingUnit = getFirstValue(billing, ['priceUnit', 'billingUnit', 'unit']);
+  const billingPrice = normalizeNumericDisplayValue(billing.unitPrice);
+  return billingUnit ? `${billingPrice}(${billingUnit})` : billingPrice;
+};
+
+const formatAmount = (row, props) => getFirstValue(row, props);
+
+const sumAmount = list =>
+  list.reduce((sum, item) => {
+    const value = getFirstValue(item, ['freightAmount', 'amount', 'totalAmount']);
+    return isEmpty(value) ? sum : sum + Number(value || 0);
+  }, 0);
+
+const calculateFreightTotal = rows => {
+  if (!rows.length) return '';
+  let hasAmountField = false;
+  const total = rows.reduce((sum, item) => {
+    const amount = getFirstValue(item, ['freightAmount', 'amount']);
+    if (!isEmpty(amount)) {
+      hasAmountField = true;
+      return sum + Number(amount || 0);
+    }
+    if (isEmpty(item?.unitPrice) || isEmpty(item?.quantity)) return sum;
+    hasAmountField = true;
+    return sum + Number(item.unitPrice || 0) * Number(item.quantity || 0);
+  }, 0);
+  if (!hasAmountField) return '';
+  return Number.isFinite(total) ? Number(total.toFixed(2)).toString() : '';
+};
+
+const formatFreight = row => {
+  const value = formatAmount(row, ['freight', 'freightAmount', 'transportFee']);
+  if (!isEmpty(value)) return value;
+  const freight = parseJsonObject(row.freightJson);
+  const freightValue = getFirstValue(freight, ['freightAmount', 'transportFee']);
+  if (!isEmpty(freightValue)) return freightValue;
+  const total = sumAmount(Array.isArray(freight.freightItems) ? freight.freightItems : []);
+  return total ? total : '';
+};
+
+const formatOtherFeeTotal = row => {
+  const value = formatAmount(row, ['otherFeeTotal', 'otherAmount', 'otherFeeAmount']);
+  return Number(value) === -1 ? '' : value;
+};
+
+const formatFreightTotal = row => {
+  const freight = parseJsonObject(row.freightJson);
+  const freightItems = Array.isArray(freight.freightItems) ? freight.freightItems : [];
+  const goodsRows = getGoodsRows(row);
+  const calculated = calculateFreightTotal(freightItems.length ? freightItems : goodsRows);
+  const otherFee = getFirstValue(freight, ['otherFreightAmount', 'otherFeeTotal']);
+  const otherFeeTotal = !isEmpty(otherFee) ? otherFee : formatOtherFeeTotal(row);
+  if (!isEmpty(calculated)) {
+    const total = Number(calculated || 0) + Number(otherFeeTotal || 0);
+    return Number.isFinite(total) ? Number(total.toFixed(2)).toString() : calculated;
+  }
+  const value = getFirstValue(freight, ['totalFreightAmount', 'totalFreight', 'totalAmount']);
+  if (!isEmpty(value)) return value;
+  return formatAmount(row, ['freightTotal', 'totalFreight', 'totalAmount']);
+};
+
+const auditColumn = prop => ({ ...auditColumns.find(item => item.prop === prop) });
+
+export const config = {
+  title: '运单管理',
+  permission: 'waybill_manage',
+  importUrl: '/blade-transport/waybill-manage/import-waybill-manage',
+  defaultForm: {
+    carrierType: '承运商',
+    quantityUnit: '吨',
+    priceUnit: '元/吨',
+  },
+  enableAllDept: false,
+  enableProjectSelect: true,
+  projectQueryParams: {
+    approvalStatuses: 'approved,change_approved',
+  },
+  templateCreateTarget: 'waybill-manage',
+  enableContractSelect: true,
+  enableShippingPlanSelect: true,
+  enableShippingInfoForm: true,
+  enableAttachmentTable: true,
+  attachmentTitle: '附件',
+  fixedTransportAddressType: true,
+  enableTaskInfoForm: true,
+  enableWaybillFooterFreightSummary: true,
+  enableDraftSave: true,
+  saveAsDraft: true,
+  skipDraftValidation: true,
+  draftStatusProp: 'businessStatus',
+  draftStatus: 'draft',
+  draftSaveText: '暂存',
+  batchDelete: false,
+  actionButtonLikeSearch: true,
+  createText: '新建运单',
+  importText: '导入运单',
+  enableWaybillImport: true,
+  roadLoading: true,
+  roadLoadingText: '公路配载',
+  searchRangeMap: {
+    startDateRange: ['startDateStart', 'startDateEnd'],
+    endDateRange: ['endDateStart', 'endDateEnd'],
+    createTimeRange: ['createTimeStart', 'createTimeEnd'],
+  },
+  actions: ['copy', 'cancel', 'reassign', 'complete', 'batchComplete'],
+  detailButton: true,
+  statusProp: 'businessStatus',
+  statusTextProp: 'businessStatusName',
+  formatStatus(row, prop, defaultText) {
+    if (
+      prop === 'businessStatus' &&
+      row.businessStatus === 'pending' &&
+      !requiresDriverAcceptConfirmation(row.processJson)
+    ) {
+      return '进行中';
+    }
+    return defaultText;
+  },
+  deleteStatus: ['draft'],
+  editStatus: ['draft', 'pending'],
+};
+
+export const option = {
+  ...createCrudOption(
+    withSearchPlaceholders([
+      {
+        label: '',
+        prop: 'basicInfoTitle',
+        formslot: true,
+        span: 24,
+        order: 900,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '运单号',
+        prop: 'waybillNo',
+        search: true,
+        searchOrder: 23,
+        minWidth: 150,
+        addDisplay: false,
+        editDisabled: true,
+      },
+      {
+        label: '配载单号',
+        prop: 'loadingNo',
+        search: true,
+        searchOrder: 5,
+        span: 6,
+        order: 840,
+        minWidth: 140,
+        addDisplay: false,
+        editDisplay: false,
+      },
+      {
+        label: '总单号',
+        prop: 'masterNo',
+        search: true,
+        searchLabel: '多联总单',
+        searchOrder: 6,
+        span: 6,
+        order: 830,
+        minWidth: 140,
+        addDisplay: false,
+        editDisplay: false,
+      },
+      {
+        label: '项目名称',
+        prop: 'projectName',
+        formslot: true,
+        search: true,
+        searchLabel: '项目',
+        searchOrder: 22,
+        span: 6,
+        order: 890,
+        minWidth: 150,
+        rules: textRule('项目', 100, true),
+      },
+      {
+        label: '客户',
+        prop: 'customerName',
+        search: true,
+        searchLabel: '客户名称',
+        searchOrder: 21,
+        minWidth: 150,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+        display: false,
+      },
+      {
+        label: '车牌号/航班号/船号/班列号',
+        prop: 'vehicleNo',
+        search: true,
+        searchLabel: '车/船/航班/班列',
+        searchOrder: 13,
+        minWidth: 210,
+        display: false,
+      },
+      {
+        label: '司机',
+        prop: 'driverName',
+        search: true,
+        searchLabel: '司机名称',
+        searchOrder: 14,
+        minWidth: 120,
+        display: false,
+      },
+      {
+        label: '联系方式',
+        prop: 'driverPhone',
+        formatter: row => getFirstValue(row, ['driverPhone', 'driverMobile', 'driverTel']),
+        minWidth: 140,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+        display: false,
+      },
+      {
+        label: '运输方式',
+        prop: 'transportType',
+        type: 'select',
+        search: true,
+        searchOrder: 20,
+        span: 6,
+        order: 850,
+        ...transportTypeDict,
+        minWidth: 130,
+        rules: selectRule('运输方式'),
+      },
+      {
+        label: '过程节点',
+        prop: 'currentProcessNode',
+        minWidth: 140,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+        display: false,
+      },
+      {
+        label: '承运类型',
+        prop: 'carrierType',
+        formatter: row => getFirstValue(row, ['carrierTypeName', 'carrierType']),
+        minWidth: 120,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+        display: false,
+      },
+      {
+        label: '承运商',
+        prop: 'carrierName',
+        search: true,
+        searchLabel: '承运商名称',
+        searchOrder: 15,
+        minWidth: 150,
+        display: false,
+      },
+      {
+        label: '货物信息',
+        prop: 'goodsInfo',
+        formatter: row => formatGoodsInfo(row),
+        minWidth: 260,
+        overHidden: true,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '发货地址',
+        prop: 'departureAddress',
+        formslot: true,
+        search: true,
+        searchOrder: 17,
+        span: 24,
+        order: 790,
+        minWidth: 220,
+        rules: textRule('发货地址', 255, true),
+      },
+      {
+        label: '到货地址',
+        prop: 'arrivalAddress',
+        formslot: true,
+        search: true,
+        searchLabel: '收货地址',
+        searchOrder: 16,
+        span: 24,
+        order: 780,
+        minWidth: 220,
+        rules: textRule('收货地址', 255, true),
+      },
+      {
+        label: '发货联系人',
+        prop: 'departureContact',
+        minWidth: 120,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '收货联系人',
+        prop: 'arrivalContact',
+        minWidth: 120,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '单价(计价单位)',
+        prop: 'unitPrice',
+        formatter: row => formatUnitPrice(row),
+        minWidth: 140,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '运费',
+        prop: 'freight',
+        formatter: row => formatFreightTotal(row),
+        minWidth: 120,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '其他费用合计',
+        prop: 'otherFeeTotal',
+        formatter: row => formatOtherFeeTotal(row),
+        minWidth: 140,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '运费合计',
+        prop: 'freightTotal',
+        formatter: row => formatFreightTotal(row),
+        minWidth: 120,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '客户合同',
+        prop: 'contractName',
+        formslot: true,
+        span: 6,
+        order: 880,
+        minWidth: 160,
+        rules: textRule('客户合同', 100, true),
+      },
+      {
+        label: '计划名称',
+        prop: 'planName',
+        formslot: true,
+        search: true,
+        searchOrder: 7,
+        span: 6,
+        order: 870,
+        minWidth: 150,
+      },
+      {
+        label: '货物类型',
+        prop: 'cargoType',
+        search: true,
+        searchOrder: 18,
+        formatter: row => formatGoodsField(row, ['cargoType', 'goodsType', 'typeName']),
+        minWidth: 130,
+        display: false,
+        rules: textRule('货物类型', 100, true),
+      },
+      {
+        label: '货物名称',
+        prop: 'cargoName',
+        search: true,
+        searchOrder: 19,
+        formatter: row => formatGoodsField(row, ['cargoName', 'goodsName', 'name']),
+        minWidth: 150,
+        display: false,
+        rules: textRule('货物名称', 100, true),
+      },
+      {
+        label: '实际发货时间',
+        prop: 'startDate',
+        sortable: true,
+        type: 'datetime',
+        format: 'YYYY-MM-DD HH:mm:ss',
+        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+        minWidth: 170,
+        addDisplay: false,
+        editDisplay: false,
+      },
+      {
+        label: '实际完成时间',
+        prop: 'endDate',
+        sortable: true,
+        type: 'datetime',
+        format: 'YYYY-MM-DD HH:mm:ss',
+        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+        minWidth: 170,
+        addDisplay: false,
+        editDisplay: false,
+      },
+      {
+        label: '原始单号',
+        prop: 'originalNo',
+        search: true,
+        searchOrder: 12,
+        span: 6,
+        order: 860,
+        minWidth: 140,
+      },
+      {
+        label: '运单批次号',
+        prop: 'batchNo',
+        search: true,
+        searchLabel: '运输批次',
+        searchOrder: 3,
+        minWidth: 140,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+        display: false,
+      },
+      {
+        label: '预计发货日期',
+        prop: 'estimatedStartTime',
+        sortable: true,
+        type: 'date',
+        format: 'YYYY-MM-DD',
+        valueFormat: 'YYYY-MM-DD',
+        formatter: row => getFirstValue(row, ['estimatedStartTime', 'planStartDate']),
+        minWidth: 170,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+        display: false,
+      },
+      {
+        label: '预计完成日期',
+        prop: 'estimatedEndTime',
+        sortable: true,
+        type: 'date',
+        format: 'YYYY-MM-DD',
+        valueFormat: 'YYYY-MM-DD',
+        formatter: row => getFirstValue(row, ['estimatedEndTime', 'planEndDate']),
+        minWidth: 170,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+        display: false,
+      },
+      {
+        label: '备注',
+        prop: 'remark',
+        type: 'textarea',
+        minRows: 4,
+        span: 24,
+        order: 810,
+        minWidth: 180,
+        overHidden: true,
+        maxlength: 200,
+        showWordLimit: true,
+        rules: textRule('备注', 200),
+      },
+      {
+        label: '数据来源',
+        prop: 'dataSource',
+        type: 'select',
+        search: true,
+        searchOrder: 10,
+        dicData: dataSourceOptions,
+        minWidth: 120,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+        display: false,
+      },
+      {
+        ...auditColumn('createTime'),
+      },
+      {
+        ...auditColumn('updateTime'),
+      },
+      {
+        label: '状态',
+        prop: 'businessStatus',
+        type: 'select',
+        slot: true,
+        search: true,
+        searchLabel: '状态',
+        searchOrder: 11,
+        dicData: waybillStatusOptions,
+        minWidth: 120,
+        fixed: 'right',
+        addDisplay: false,
+        editDisplay: false,
+      },
+      {
+        label: '',
+        prop: 'shippingInfoTitle',
+        formslot: true,
+        span: 24,
+        order: 800,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '',
+        prop: 'taskInfoTitle',
+        formslot: true,
+        span: 24,
+        order: 770,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '',
+        prop: 'taskInfoForm',
+        formslot: true,
+        span: 24,
+        order: 760,
+        hide: true,
+        labelWidth: '0px',
+        className: 'business-crud-page__full-form-item',
+      },
+      {
+        label: '实际发货时间',
+        prop: 'startDateRange',
+        type: 'datetime',
+        format: 'YYYY-MM-DD HH:mm:ss',
+        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+        search: true,
+        searchRange: true,
+        searchOrder: 9,
+        hide: true,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+        display: false,
+      },
+      {
+        label: '实际完成时间',
+        prop: 'endDateRange',
+        type: 'datetime',
+        format: 'YYYY-MM-DD HH:mm:ss',
+        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+        search: true,
+        searchRange: true,
+        searchOrder: 8,
+        hide: true,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+        display: false,
+      },
+      {
+        label: '创建时间',
+        prop: 'createTimeRange',
+        type: 'datetime',
+        format: 'YYYY-MM-DD HH:mm:ss',
+        valueFormat: 'YYYY-MM-DD HH:mm:ss',
+        search: true,
+        searchRange: true,
+        searchOrder: 4,
+        hide: true,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '关联单号',
+        prop: 'relationNo',
+        search: true,
+        searchOrder: 2,
+        span: 6,
+        order: 820,
+        minWidth: 140,
+        hide: true,
+      },
+      {
+        label: '货物信息',
+        prop: 'goodsJson',
+        type: 'textarea',
+        minRows: 5,
+        span: 24,
+        hide: true,
+        display: false,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '承运信息',
+        prop: 'carrierJson',
+        type: 'textarea',
+        minRows: 4,
+        span: 24,
+        hide: true,
+        display: false,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '过程配置',
+        prop: 'processJson',
+        type: 'textarea',
+        minRows: 4,
+        span: 24,
+        hide: true,
+        display: false,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '运费信息',
+        prop: 'freightJson',
+        type: 'textarea',
+        minRows: 4,
+        span: 24,
+        hide: true,
+        display: false,
+        addDisplay: false,
+        editDisplay: false,
+        viewDisplay: false,
+      },
+      {
+        label: '',
+        prop: 'attachmentTitle',
+        formslot: true,
+        span: 24,
+        order: 750,
+        hide: true,
+        labelWidth: 0,
+      },
+      {
+        label: '',
+        prop: 'attachmentsJson',
+        type: 'textarea',
+        formslot: true,
+        span: 24,
+        order: 740,
+        hide: true,
+        labelWidth: '0px',
+        className: 'business-crud-page__full-form-item',
+      },
+      {
+        label: '所属组织',
+        prop: 'deptName',
+        hide: true,
+        minWidth: 150,
+        addDisplay: false,
+        editDisplay: false,
+      },
+      {
+        label: '发货地',
+        prop: 'departureName',
+        hide: true,
+        display: false,
+        minWidth: 140,
+        rules: textRule('发货地', 100, true),
+      },
+      {
+        label: '收货地',
+        prop: 'arrivalName',
+        hide: true,
+        display: false,
+        minWidth: 140,
+        rules: textRule('收货地', 100, true),
+      },
+      {
+        label: '发货联系方式',
+        prop: 'departurePhone',
+        hide: true,
+        display: false,
+        rules: [phoneRule('发货联系方式'), ...textRule('发货联系方式', 50)],
+      },
+      {
+        label: '收货联系方式',
+        prop: 'arrivalPhone',
+        hide: true,
+        display: false,
+        rules: [phoneRule('收货联系方式'), ...textRule('收货联系方式', 50)],
+      },
+      {
+        label: '项目ID',
+        prop: 'projectId',
+        hide: true,
+        display: false,
+      },
+      {
+        label: '客户合同ID',
+        prop: 'contractId',
+        hide: true,
+        display: false,
+      },
+      {
+        label: '计划名称ID',
+        prop: 'planId',
+        hide: true,
+        display: false,
+      },
+      {
+        label: '任务录入模式',
+        prop: 'taskEntryMode',
+        hide: true,
+        display: false,
+        value: 'simple',
+      },
+      {
+        label: '任务备注',
+        prop: 'taskRemark',
+        hide: true,
+        display: false,
+      },
+      {
+        label: '任务信息',
+        prop: 'taskInfoJson',
+        hide: true,
+        display: false,
+      },
+    ])
+  ),
+  dialogWidth: '96%',
+  dialogTop: '10px',
+  menuWidth: 280,
+};

src/option/job/jobinfo.js

@@ -120,14 +120,17 @@ export default {
   calcHeight: 30,
   tip: false,
   searchShow: true,
-  searchMenuSpan: 6,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 8,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
   viewBtn: true,
   selection: true,
   grid: true,
-  labelWidth: 180,
-  menuWidth: 350,
+  labelWidth: 'auto',
+  menuWidth: 180,
   dialogWidth: 1200,
   dialogClickModal: false,
   tabs: true,

src/option/job/jobserver.js

@@ -3,14 +3,17 @@ export default {
   calcHeight: 30,
   tip: false,
   searchShow: true,
-  searchMenuSpan: 6,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 8,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
   viewBtn: true,
   selection: true,
   grid: true,
-  labelWidth: 100,
-  menuWidth: 350,
+  labelWidth: 'auto',
+  menuWidth: 180,
   dialogClickModal: false,
   column: [
     {

src/option/settlement/receivable-payable-detail.js

@@ -0,0 +1,126 @@
+export const settlementTypeOptions = [
+  { label: '应收', value: 'receivable' },
+  { label: '应付', value: 'payable' },
+];
+
+export const settlementStatusOptions = [
+  { label: '待结算', value: 'pending' },
+  { label: '已转预结算', value: 'pre_settled' },
+  { label: '已转正式结算', value: 'formal_settled' },
+  { label: '已关闭', value: 'closed' },
+];
+
+export const searchFields = [
+  { label: '单据号', prop: 'documentNo', type: 'input' },
+  { label: '生成日期', prop: 'generateDateRange', type: 'daterange' },
+  { label: '客户名称', prop: 'customerName', type: 'input' },
+  { label: '所属组织', prop: 'deptName', type: 'input' },
+  { label: '项目名称', prop: 'projectName', type: 'input' },
+  { label: '货物类型', prop: 'cargoType', type: 'input' },
+  { label: '货物名称', prop: 'cargoName', type: 'input' },
+  { label: '合同编号', prop: 'contractNo', type: 'input' },
+  { label: '合同名称', prop: 'contractName', type: 'input' },
+  { label: '预结算单号', prop: 'preSettlementNo', type: 'input' },
+  { label: '正式结算单号', prop: 'formalSettlementNo', type: 'input' },
+  { label: '批次号', prop: 'batchNo', type: 'input' },
+  { label: '车号', prop: 'vehicleNo', type: 'input' },
+];
+
+export const tableColumns = [
+  { label: '单据号', prop: 'documentNo', minWidth: 180, link: true },
+  { label: '项目名称', prop: 'projectName', minWidth: 120 },
+  { label: '所属组织', prop: 'deptName', minWidth: 120 },
+  { label: '费用日期', prop: 'feeDate', minWidth: 120 },
+  { label: '客商名称', prop: 'customerName', minWidth: 130 },
+  { label: '合同编号', prop: 'contractNo', minWidth: 140 },
+  { label: '合同名称', prop: 'contractName', minWidth: 140 },
+  { label: '来源', prop: 'sourceType', minWidth: 110 },
+  { label: '预结算单号', prop: 'preSettlementNo', minWidth: 140, link: true },
+  { label: '正式结算单号', prop: 'formalSettlementNo', minWidth: 140, link: true },
+  { label: '运单号', prop: 'waybillNo', minWidth: 140 },
+  { label: '车号', prop: 'vehicleNo', minWidth: 120 },
+  { label: '运输类型', prop: 'transportType', minWidth: 120 },
+  { label: '货物名称', prop: 'cargoName', minWidth: 130 },
+  { label: '货物类型', prop: 'cargoType', minWidth: 120 },
+  { label: '运输总量', prop: 'transportQuantity', minWidth: 120, align: 'right' },
+  { label: '里程（KM）', prop: 'mileage', minWidth: 120, align: 'right' },
+  { label: '批次号', prop: 'batchNo', minWidth: 120 },
+  { label: '运输单价', prop: 'unitPriceText', minWidth: 120, align: 'right' },
+  { label: '运输费', prop: 'freightAmountText', minWidth: 120, align: 'right' },
+  { label: '其它费用', prop: 'otherFeeAmountText', minWidth: 120, align: 'right' },
+  { label: '费用合计', prop: 'totalAmountText', minWidth: 130, align: 'right' },
+  { label: '状态', prop: 'settlementStatusName', minWidth: 120 },
+  { label: '创建人', prop: 'createUserName', minWidth: 120 },
+  { label: '创建时间', prop: 'createTime', minWidth: 170 },
+];
+
+export const feeDetailBaseColumns = [
+  { label: '货物名称', prop: 'cargoName', minWidth: 140 },
+  { label: '货物类型', prop: 'cargoType', minWidth: 130 },
+  { label: '规格', prop: 'specification', minWidth: 120 },
+  { label: '型号', prop: 'model', minWidth: 120 },
+  { label: '运费计费要素', prop: 'billingFactor', minWidth: 130 },
+  { label: '运费计费类型', prop: 'billingType', minWidth: 130 },
+  { label: '运输量', prop: 'transportQuantityText', minWidth: 120 },
+  { label: '运费计算单位', prop: 'priceUnit', minWidth: 130 },
+  { label: '运输单价', prop: 'unitPrice', minWidth: 120, align: 'right' },
+  { label: '里程（KM）', prop: 'mileage', minWidth: 120, align: 'right' },
+  { label: '运输费', prop: 'freightAmount', minWidth: 120, align: 'right' },
+];
+
+export const feeDetailTailColumns = [
+  { label: '原总金额', prop: 'originalAmountText', minWidth: 120, align: 'right' },
+  { label: '调整金额', prop: 'adjustAmountText', minWidth: 120, align: 'right' },
+  { label: '调整后总金额', prop: 'afterAmountText', minWidth: 140, align: 'right' },
+  { label: '备注', prop: 'remark', minWidth: 160 },
+  { label: '最后录入人', prop: 'updateUserName', minWidth: 120 },
+  { label: '最后录入时间', prop: 'updateTime', minWidth: 170 },
+];
+
+export const changeRecordColumns = [
+  { label: '行号', prop: 'lineNo', minWidth: 120 },
+  { label: '货物名称', prop: 'cargoName', minWidth: 140 },
+  { label: '变更内容', prop: 'changeContent', minWidth: 260 },
+  { label: '调整人', prop: 'adjustUserName', minWidth: 140 },
+  { label: '调整原因', prop: 'adjustReason', minWidth: 180 },
+  { label: '调整时间', prop: 'adjustTime', minWidth: 170 },
+];
+
+export const updateFeeFormFields = [
+  { label: '更新范围', prop: 'contractId', required: true },
+  { label: '合同计费方案', prop: 'billingPlanId' },
+];
+
+export const transferSearchFields = [
+  { label: '合同名称', prop: 'contractName', type: 'input' },
+  { label: '批次号', prop: 'batchNo', type: 'input' },
+  { label: '生成日期', prop: 'generateDateRange', type: 'daterange' },
+];
+
+export const generateSearchFields = [
+  { label: '运单合同', prop: 'contractId', required: true },
+  { label: '计费方案', prop: 'billingPlanId', required: true },
+  { label: '批次号', prop: 'batchNo' },
+  { label: '运单完成日期', prop: 'finishDateRange', type: 'daterange' },
+];
+
+export const generateWaybillColumns = [
+  { label: '运单号', prop: 'waybillNo', minWidth: 160, link: true },
+  { label: '项目名称', prop: 'projectName', minWidth: 160 },
+  { label: '客户/委托方', prop: 'customerName', minWidth: 160 },
+  { label: '车牌号/航班号/船号/班列号', prop: 'vehicleNo', minWidth: 190 },
+  { label: '司机', prop: 'driverName', minWidth: 120 },
+  { label: '承运商', prop: 'carrierName', minWidth: 160 },
+  { label: '运输类型', prop: 'transportType', minWidth: 130 },
+  { label: '承运类型', prop: 'carrierType', minWidth: 130 },
+  { label: '货物信息', prop: 'cargoInfo', minWidth: 160 },
+];
+
+export const generatePreviewColumns = [
+  { label: '客商名称', prop: 'customerName', minWidth: 160 },
+  { label: '运单号', prop: 'waybillNo', minWidth: 160 },
+  { label: '车号', prop: 'vehicleNo', minWidth: 140 },
+  { label: '货物名称', prop: 'cargoName', minWidth: 140 },
+  { label: '货物类型', prop: 'cargoType', minWidth: 140 },
+  { label: '规格', prop: 'specification', minWidth: 140 },
+];

src/option/system/authlock.js

@@ -12,14 +12,17 @@ export const LOCK_STATUS_DIC = [
 export const authLockOption = {
   tip: false,
   searchShow: true,
-  searchMenuSpan: 6,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 8,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
   addBtn: false,
   viewBtn: false,
   editBtn: false,
   delBtn: false,
-  menuWidth: 160,
+  menuWidth: 180,
   dialogType: 'drawer',
   dialogWidth: 800,
   dialogClickModal: false,

src/option/system/authlog.js

@@ -10,7 +10,10 @@ export const GRANT_TYPE_DIC = [
 export const authLogOption = {
   tip: false,
   searchShow: true,
-  searchMenuSpan: 6,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 8,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
   addBtn: false,
@@ -18,7 +21,7 @@ export const authLogOption = {
   editBtn: false,
   delBtn: false,
   menu: true,
-  menuWidth: 100,
+  menuWidth: 180,
   dialogType: 'drawer',
   dialogWidth: 800,
   dialogClickModal: false,
@@ -79,6 +82,7 @@ export const authLogOption = {
     {
       label: '登录时间',
       prop: 'loginTime',
+      sortable: true,
       span: 24,
       width: 180,
     },

src/option/system/dict.js

@@ -3,12 +3,15 @@ export const optionParent = {
   calcHeight: 32,
   tip: false,
   searchShow: true,
-  searchMenuSpan: 10,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 8,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
   selection: true,
   viewBtn: true,
-  menuWidth: 250,
+  menuWidth: 180,
   dialogWidth: 880,
   dialogClickModal: false,
   column: [
@@ -92,21 +95,24 @@ export const optionChild = {
   calcHeight: 95,
   tip: false,
   searchShow: true,
-  searchMenuSpan: 10,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 8,
+  searchMenuPosition: 'right',
   tree: true,
   border: true,
   index: true,
   selection: true,
   viewBtn: true,
-  menuWidth: 300,
+  menuWidth: 180,
   dialogWidth: 880,
   dialogClickModal: false,
   column: [
     {
       label: '字典编号',
       prop: 'code',
-      addDisabled: true,
-      editDisabled: true,
+      addDisplay: false,
+      editDisplay: false,
       search: true,
       span: 24,
       rules: [

src/option/system/dictbiz.js

@@ -3,12 +3,15 @@ export const optionParent = {
   calcHeight: 32,
   tip: false,
   searchShow: true,
-  searchMenuSpan: 10,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 8,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
   selection: true,
   viewBtn: true,
-  menuWidth: 250,
+  menuWidth: 180,
   dialogWidth: 880,
   dialogClickModal: false,
   column: [
@@ -93,21 +96,24 @@ export const optionChild = {
   calcHeight: 95,
   tip: false,
   searchShow: true,
-  searchMenuSpan: 10,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 8,
+  searchMenuPosition: 'right',
   tree: true,
   border: true,
   index: true,
   selection: true,
   viewBtn: true,
-  menuWidth: 300,
+  menuWidth: 180,
   dialogWidth: 880,
   dialogClickModal: false,
   column: [
     {
       label: '字典编号',
       prop: 'code',
-      addDisabled: true,
-      editDisabled: true,
+      addDisplay: false,
+      editDisplay: false,
       search: true,
       span: 24,
       rules: [

src/option/system/user.js

@@ -1,4 +1,3 @@
-import website from '@/config/website';
 import { getDeptLazyTree } from '@/api/system/dept';
 
 export const userOption = safe => {
@@ -23,41 +22,43 @@ export const userOption = safe => {
     calcHeight: 150,
     tip: false,
     searchShow: true,
-    searchMenuSpan: 6,
+    searchMenuSpan: 24,
+    searchIcon: true,
+    searchIndex: 4,
+    searchMenuPosition: 'right',
     border: true,
     index: true,
     selection: true,
     addBtn: false,
     viewBtn: true,
-    dialogType: 'drawer',
-    dialogWidth: 1000,
+    dialogType: 'dialog',
+    dialogWidth: '90%',
+    labelPosition: 'right',
+    labelWidth: 120,
     dialogClickModal: false,
     column: [
       {
-        label: '登录账号',
+        label: '账号名',
         prop: 'account',
         search: true,
+        searchOrder: 2,
         display: false,
       },
       {
-        label: '所属租户',
-        prop: 'tenantName',
-        slot: true,
-        display: false,
-      },
-      {
-        label: '用户姓名',
+        label: '姓名',
         prop: 'realName',
         search: true,
+        searchOrder: 4,
         display: false,
       },
       {
-        label: '所属角色',
-        prop: 'roleName',
-        slot: true,
-        overHidden: true,
+        label: '手机号',
+        prop: 'phone',
+        search: true,
+        searchOrder: 3,
         display: false,
       },
+      { label: '工号', prop: 'code', display: false },
       {
         label: '所属部门',
         prop: 'deptName',
@@ -65,33 +66,22 @@ export const userOption = safe => {
         overHidden: true,
         display: false,
       },
+      { label: '岗位', prop: 'postName', overHidden: true, display: false },
+      { label: '性别', prop: 'sexName', width: 80, display: false },
+      { label: 'OA人员id', prop: 'oaPersonId', minWidth: 120, overHidden: true, display: false },
+      { label: '备注', prop: 'remark', minWidth: 160, overHidden: true, display: false },
       {
-        label: '用户平台',
-        prop: 'userTypeName',
-        width: 100,
-        slot: true,
-        display: false,
-      },
-      {
-        label: '用户平台',
+        label: '状态',
+        prop: 'status',
         type: 'select',
-        dicUrl: '/blade-system/dict/dictionary?code=user_type',
-        props: {
-          label: 'dictValue',
-          value: 'dictKey',
-        },
+        dicData: [
+          { label: '启用', value: 1 },
+          { label: '禁用', value: 0 },
+        ],
         dataType: 'number',
         search: true,
-        hide: true,
+        searchOrder: 1,
         display: false,
-        prop: 'userType',
-        rules: [
-          {
-            required: true,
-            message: '请选择用户平台',
-            trigger: 'blur',
-          },
-        ],
       },
     ],
     group: [
@@ -101,53 +91,13 @@ export const userOption = safe => {
         icon: 'el-icon-user-solid',
         column: [
           {
-            label: '所属租户',
-            prop: 'tenantId',
-            type: 'tree',
-            dicUrl: '/blade-system/tenant/select',
-            props: {
-              label: 'tenantName',
-              value: 'tenantId',
-            },
-            hide: !website.tenantMode,
-            addDisplay: website.tenantMode,
-            editDisplay: website.tenantMode,
-            viewDisplay: website.tenantMode,
-            rules: [
-              {
-                required: true,
-                message: '请输入所属租户',
-                trigger: 'click',
-              },
-            ],
-            span: 24,
-          },
-          {
-            label: '登录账号',
+            label: '账号名',
             prop: 'account',
+            span: 6,
             rules: [
               {
                 required: true,
-                message: '请输入登录账号',
-                trigger: 'blur',
-              },
-            ],
-          },
-          {
-            label: '用户平台',
-            type: 'select',
-            dicUrl: '/blade-system/dict/dictionary?code=user_type',
-            props: {
-              label: 'dictValue',
-              value: 'dictKey',
-            },
-            dataType: 'number',
-            slot: true,
-            prop: 'userType',
-            rules: [
-              {
-                required: true,
-                message: '请选择用户平台',
+                message: '请输入账号名',
                 trigger: 'blur',
               },
             ],
@@ -158,6 +108,7 @@ export const userOption = safe => {
             hide: true,
             editDisplay: false,
             viewDisplay: false,
+            addDisplay: false,
             rules: [{ required: true, validator: validatePass, trigger: 'blur' }],
           },
           {
@@ -166,6 +117,7 @@ export const userOption = safe => {
             hide: true,
             editDisplay: false,
             viewDisplay: false,
+            addDisplay: false,
             rules: [{ required: true, validator: validatePass2, trigger: 'blur' }],
           },
         ],
@@ -188,12 +140,13 @@ export const userOption = safe => {
             ],
           },
           {
-            label: '用户姓名',
+            label: '姓名',
             prop: 'realName',
+            span: 6,
             rules: [
               {
                 required: true,
-                message: '请输入用户姓名',
+                message: '请输入姓名',
                 trigger: 'blur',
               },
               {
@@ -206,12 +159,14 @@ export const userOption = safe => {
           {
             label: '手机号码',
             prop: 'phone',
+            span: 6,
+            rules: [{ required: true, message: '请输入手机号码', trigger: 'blur' }],
             overHidden: true,
           },
           {
             label: '电子邮箱',
             prop: 'email',
-            hide: true,
+            span: 6,
             overHidden: true,
           },
           {
@@ -232,7 +187,7 @@ export const userOption = safe => {
                 value: 3,
               },
             ],
-            hide: true,
+            span: 6,
           },
           {
             label: '用户生日',
@@ -258,6 +213,8 @@ export const userOption = safe => {
           {
             label: '用户编号',
             prop: 'code',
+            label: '工号',
+            span: 6,
           },
           {
             label: '所属角色',
@@ -270,13 +227,7 @@ export const userOption = safe => {
             },
             checkStrictly: true,
             slot: true,
-            rules: [
-              {
-                required: true,
-                message: '请选择所属角色',
-                trigger: 'click',
-              },
-            ],
+            display: false,
           },
           {
             label: '所属部门',
@@ -289,6 +240,7 @@ export const userOption = safe => {
             },
             checkStrictly: true,
             slot: true,
+            span: 6,
             rules: [
               {
                 required: true,
@@ -301,7 +253,7 @@ export const userOption = safe => {
             label: '所属岗位',
             prop: 'postId',
             type: 'tree',
-            multiple: true,
+            multiple: false,
             dicData: [],
             props: {
               label: 'postName',
@@ -314,6 +266,7 @@ export const userOption = safe => {
                 trigger: 'click',
               },
             ],
+            span: 6,
           },
           {
             label: '直属主管',
@@ -327,6 +280,7 @@ export const userOption = safe => {
               value: 'id',
             },
             clearable: true,
+            display: false,
           },
           {
             label: '是否主管',
@@ -343,6 +297,49 @@ export const userOption = safe => {
               },
             ],
             value: 0,
+            display: false,
+          },
+          {
+            label: '人员类别',
+            prop: 'personCategory',
+            type: 'select',
+            span: 6,
+            value: 1,
+            dicData: [
+              { label: '内部员工', value: 1 },
+              { label: '承运商', value: 2 },
+            ],
+          },
+          {
+            label: '数据权限范围',
+            prop: 'dataScopeRange',
+            type: 'radio',
+            span: 24,
+            value: 1,
+            dicData: [
+              { label: '仅所属组织', value: 1 },
+              { label: '全部组织', value: 2 },
+              { label: '自定义', value: 3 },
+            ],
+          },
+          {
+            label: '数据层级范围',
+            prop: 'dataLevelRange',
+            type: 'radio',
+            span: 24,
+            value: 1,
+            dicData: [
+              { label: '包含下级', value: 1 },
+              { label: '仅本级', value: 2 },
+            ],
+          },
+          {
+            label: '备注',
+            prop: 'remark',
+            type: 'textarea',
+            span: 24,
+            maxlength: 200,
+            showWordLimit: true,
           },
         ],
       },
@@ -353,13 +350,16 @@ export const userOption = safe => {
 export const platformOption = {
   tip: false,
   searchShow: true,
-  searchMenuSpan: 6,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 8,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
   selection: true,
   viewBtn: true,
   dialogClickModal: false,
-  menuWidth: 120,
+  menuWidth: 180,
   editBtnText: '配置',
   column: [
     {
@@ -475,7 +475,7 @@ export const excelOption = {
 export const platformFormOption = {
   submitBtn: false,
   emptyBtn: false,
-  labelWidth: 100,
+  labelWidth: 'auto',
   column: [
     {
       label: '用户账号',

src/option/tool/code.js

@@ -6,12 +6,15 @@ export const codeOption = {
   dialogWidth: 900,
   tip: false,
   searchShow: true,
-  searchMenuSpan: 6,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 8,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
   selection: true,
-  labelWidth: 120,
-  menuWidth: 350,
+  labelWidth: 'auto',
+  menuWidth: 180,
   viewBtn: true,
   dialogClickModal: false,
   tabs: true,
@@ -376,7 +379,7 @@ export const codeOption = {
 };
 
 export const genOption = {
-  labelWidth: 120,
+  labelWidth: 'auto',
   column: [
     {
       label: '上级菜单',

src/option/tool/codesetting.js

@@ -3,15 +3,18 @@ export default {
   calcHeight: 50,
   tip: false,
   searchShow: true,
-  searchMenuSpan: 6,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 8,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
   viewBtn: true,
   grid: true,
   selection: true,
-  labelWidth: 120,
-  searchLabelWidth: 100,
-  menuWidth: 320,
+  labelWidth: 'auto',
+  searchLabelWidth: 160,
+  menuWidth: 180,
   dialogClickModal: false,
   column: [
     {

src/option/tool/formsetting.js

@@ -3,15 +3,18 @@ export default {
   calcHeight: 50,
   tip: false,
   searchShow: true,
-  searchMenuSpan: 6,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 8,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
   viewBtn: true,
   grid: true,
   selection: true,
-  labelWidth: 120,
-  searchLabelWidth: 100,
-  menuWidth: 320,
+  labelWidth: 'auto',
+  searchLabelWidth: 160,
+  menuWidth: 180,
   dialogWidth: 500,
   dialogClickModal: false,
   column: [

src/option/transit/exception-disposal.js

@@ -0,0 +1,91 @@
+export const exceptionCategoryOptions = [
+  {
+    label: '交通异常',
+    value: 'traffic',
+    children: [
+      { label: '道路拥堵', value: '道路拥堵' },
+      { label: '交通事故', value: '交通事故' },
+      { label: '道路封闭', value: '道路封闭' },
+      { label: '天气影响', value: '天气影响' },
+      { label: '其他', value: '交通异常-其他' },
+    ],
+  },
+  {
+    label: '车辆异常',
+    value: 'vehicle',
+    children: [
+      { label: '车辆故障维修', value: '车辆故障维修' },
+      { label: '车辆事故', value: '车辆事故' },
+      { label: '爆胎', value: '爆胎' },
+      { label: '设备异常', value: '设备异常' },
+      { label: '缺油缺电', value: '缺油缺电' },
+      { label: '其他', value: '车辆异常-其他' },
+    ],
+  },
+  {
+    label: '货物异常',
+    value: 'cargo',
+    children: [
+      { label: '货损', value: '货损' },
+      { label: '货差', value: '货差' },
+      { label: '货物丢失', value: '货物丢失' },
+      { label: '包装异常', value: '包装异常' },
+      { label: '其他', value: '货物异常-其他' },
+    ],
+  },
+  {
+    label: '其他异常',
+    value: 'other',
+    children: [
+      { label: '变更路线地址', value: '变更路线地址' },
+      { label: '其他', value: '其他异常-其他' },
+    ],
+  },
+];
+
+export const disposalStatusOptions = [
+  { label: '待处理', value: 'pending' },
+  { label: '处理中', value: 'processing' },
+  { label: '已完成', value: 'completed' },
+];
+
+export const searchFields = [
+  { label: '运单号', prop: 'waybillNo', type: 'input' },
+  { label: '车辆', prop: 'vehicleNo', type: 'input' },
+  { label: '上报人', prop: 'reporterName', type: 'input' },
+  { label: '上报时间', prop: 'reportTimeRange', type: 'daterange' },
+  { label: '项目', prop: 'projectName', type: 'input' },
+  { label: '承运商', prop: 'carrierName', type: 'input' },
+  { label: '异常类型', prop: 'exceptionType', type: 'select', options: exceptionCategoryOptions },
+  { label: '状态', prop: 'disposalStatus', type: 'select', options: disposalStatusOptions },
+];
+
+export const tableColumns = [
+  { label: '运单号', prop: 'waybillNo', minWidth: 160, link: true },
+  { label: '项目', prop: 'projectName', minWidth: 160 },
+  { label: '车辆', prop: 'vehicleNo', minWidth: 150, link: true },
+  { label: '上报人', prop: 'reporterName', minWidth: 120 },
+  { label: '异常类型', prop: 'exceptionTypeName', minWidth: 160 },
+  { label: '上报说明', prop: 'reportDescription', minWidth: 180 },
+  { label: '承运商', prop: 'carrierName', minWidth: 160 },
+  { label: '最新跟进说明', prop: 'latestFollowContent', minWidth: 200 },
+  { label: '状态', prop: 'disposalStatusName', minWidth: 120 },
+];
+
+export const detailFields = [
+  { label: '配载单号/总单号', prop: 'loadingOrMasterNo', link: true },
+  { label: '运单号', prop: 'waybillNo', link: true },
+  { label: '项目', prop: 'projectName', link: true },
+  { label: '车牌号', prop: 'vehicleNo', link: true },
+  { label: '上报人', prop: 'reporterName' },
+  { label: '承运商', prop: 'carrierName' },
+  { label: '异常类型', prop: 'exceptionTypeName' },
+  { label: '异常原因', prop: 'exceptionReason' },
+  { label: '上报说明', prop: 'reportDescription', span: 2 },
+];
+
+export const followColumns = [
+  { label: '跟进说明', prop: 'followContent', minWidth: 260 },
+  { label: '跟进人', prop: 'followUserName', minWidth: 130 },
+  { label: '跟进时间', prop: 'followTime', minWidth: 170 },
+];

src/option/transit/risk-disposal.js

@@ -0,0 +1,50 @@
+export const riskLevelOptions = [
+  { label: '低', value: 'low', tagType: 'success' },
+  { label: '中', value: 'medium', tagType: 'warning' },
+  { label: '高', value: 'high', tagType: 'danger' },
+];
+
+export const disposalStatusOptions = [
+  { label: '待处理', value: 'pending', tagType: 'warning' },
+  { label: '已处理', value: 'processed', tagType: 'success' },
+  { label: '已忽略', value: 'ignored', tagType: 'info' },
+];
+
+export const disposalMethodOptions = [
+  { label: '处理', value: 'process' },
+  { label: '忽略', value: 'ignore' },
+];
+
+export const searchFields = [
+  { label: '规则名称', prop: 'ruleName', type: 'input', placeholder: '请输入' },
+  { label: '风险等级', prop: 'riskLevel', type: 'select', placeholder: '全部', options: riskLevelOptions },
+  {
+    label: '处理状态',
+    prop: 'disposalStatus',
+    type: 'select',
+    placeholder: '全部',
+    options: disposalStatusOptions,
+  },
+  { label: '组织', prop: 'deptName', type: 'input', placeholder: '默认展示当前组织，可搜索' },
+];
+
+export const tableColumns = [
+  { label: '风险编号', prop: 'riskNo', minWidth: 210 },
+  { label: '规则名称', prop: 'ruleName', minWidth: 210 },
+  { label: '运单号', prop: 'waybillNo', minWidth: 220, link: true },
+  { label: '项目名称', prop: 'projectName', minWidth: 160 },
+  { label: '风险等级', prop: 'riskLevelName', minWidth: 130, tag: true },
+  { label: '运输类型', prop: 'transportType', minWidth: 130 },
+  { label: '风险描述', prop: 'riskDescription', minWidth: 310 },
+  { label: '处理状态', prop: 'disposalStatusName', minWidth: 130, tag: true },
+];
+
+export const detailFields = [
+  { label: '风险编号', prop: 'riskNo' },
+  { label: '规则名称', prop: 'ruleName' },
+  { label: '风险等级', prop: 'riskLevelName', tag: true },
+  { label: '运单号', prop: 'waybillNo', link: true },
+  { label: '项目名称', prop: 'projectName' },
+  { label: '触发时间', prop: 'triggerTime' },
+  { label: '风险描述', prop: 'riskDescription', span: 3 },
+];

src/option/transit/track-tracking.js

@@ -0,0 +1,10 @@
+export const queryTypeOptions = [
+  { label: '轨迹查询', value: 'track' },
+  { label: '船舶查询', value: 'ship' },
+];
+
+export const mapInfoFields = [
+  { label: '站点名称', prop: 'siteName' },
+  { label: '地址', prop: 'address' },
+  { label: '经纬度', prop: 'coordinates' },
+];

src/option/transportCapacity/driver.js

@@ -3,9 +3,14 @@ export const option = {
   calcHeight: 32,
   tip: false,
   searchShow: true,
-  searchMenuSpan: 6,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 4,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
+  indexLabel: '序号',
+  indexWidth: 70,
   selection: true,
   addBtn: false,
   editBtn: false,
@@ -18,20 +23,24 @@ export const option = {
       label: '姓名',
       prop: 'driverName',
       search: true,
+      searchOrder: 7,
       slot: true,
-      width: 110,
+      minWidth: 120,
     },
     {
       label: '身份证号',
       prop: 'idCardNo',
       search: true,
-      width: 190,
+      searchOrder: 2,
+      slot: true,
+      minWidth: 180,
     },
     {
       label: '手机号码',
       prop: 'mobile',
       search: true,
-      width: 130,
+      searchOrder: 6,
+      minWidth: 130,
     },
     {
       label: '性别',
@@ -43,41 +52,46 @@ export const option = {
       label: '司机类型',
       prop: 'driverType',
       search: true,
+      searchOrder: 3,
       type: 'select',
       dicData: [
         {
-          label: '自有',
+          label: '自有员工',
           value: '自有',
         },
         {
           label: '外协',
           value: '外协',
         },
+        {
+          label: '承运管理员',
+          value: '承运管理员',
+        },
       ],
-      width: 100,
+      minWidth: 110,
       align: 'center',
     },
     {
       label: '岗位',
       prop: 'posts',
-      width: 150,
-    },
-    {
-      label: '准驾车型',
-      prop: 'drivingType',
-      search: true,
-      width: 110,
+      minWidth: 150,
     },
     {
       label: '所属组织',
       prop: 'organizationName',
       search: true,
-      width: 140,
+      searchOrder: 1,
+      type: 'select',
+      filterable: true,
+      dicData: [],
+      slot: true,
+      minWidth: 160,
     },
     {
       label: '状态',
       prop: 'status',
       search: true,
+      searchOrder: 4,
       type: 'select',
       slot: true,
       dicData: [
@@ -94,18 +108,36 @@ export const option = {
       align: 'center',
     },
     {
-      label: '驾驶认证',
+      label: '驾驶认证（日期）',
       prop: 'drivingLicenseEndDate',
+      sortable: true,
       slot: true,
-      width: 130,
+      minWidth: 140,
       align: 'center',
     },
     {
-      label: '从业资格认证',
+      label: '从业资格认证（日期）',
       prop: 'qualificationEndDate',
+      sortable: true,
       slot: true,
-      width: 140,
-      align: 'center',
+      minWidth: 160,
+    },
+    {
+      label: '准驾车型',
+      prop: 'drivingType',
+      search: true,
+      searchOrder: 5,
+      hide: true,
+      type: 'select',
+      dicData: [
+        { label: 'A1', value: 'A1' },
+        { label: 'A2', value: 'A2' },
+        { label: 'A3', value: 'A3' },
+        { label: 'B1', value: 'B1' },
+        { label: 'B2', value: 'B2' },
+        { label: 'C1', value: 'C1' },
+        { label: 'C2', value: 'C2' },
+      ],
     },
   ],
 };

src/option/transportCapacity/transport-ship.js

@@ -3,7 +3,10 @@ export const option = {
   calcHeight: 32,
   tip: false,
   searchShow: true,
-  searchMenuSpan: 6,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 4,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
   selection: true,
@@ -11,56 +14,95 @@ export const option = {
   editBtn: false,
   delBtn: false,
   viewBtn: false,
-  menuWidth: 210,
+  menuWidth: 180,
   dialogClickModal: false,
   column: [
-    { label: '船舶名', prop: 'shipName', search: true, slot: true, width: 130 },
-    { label: '船舶识别号', prop: 'shipIdentifierNo', search: true, width: 140 },
-    { label: '所属组织', prop: 'organizationName', search: true, width: 160 },
-    { label: '船检登记号', prop: 'shipInspectionNo', search: true, width: 130 },
+    {
+      label: '船舶名',
+      prop: 'shipName',
+      search: true,
+      searchOrder: 5,
+      slot: true,
+      minWidth: 130,
+    },
+    {
+      label: '船舶识别号',
+      prop: 'shipIdentifierNo',
+      search: true,
+      searchOrder: 4,
+      minWidth: 140,
+    },
+    {
+      label: '所属组织',
+      prop: 'organizationName',
+      search: true,
+      searchOrder: 1,
+      type: 'select',
+      filterable: true,
+      dicData: [],
+      slot: true,
+      minWidth: 160,
+    },
+    {
+      label: '船检登记号',
+      prop: 'shipInspectionNo',
+      search: true,
+      searchOrder: 3,
+      minWidth: 130,
+    },
     {
       label: '船舶类型',
       prop: 'shipType',
       search: true,
+      searchOrder: 2,
       type: 'select',
       dicData: [
-        { label: '干货船', value: '干货船' },
-        { label: '集装箱船', value: '集装箱船' },
         { label: '散货船', value: '散货船' },
+        { label: '集装箱船', value: '集装箱船' },
+        { label: '杂货船', value: '杂货船' },
         { label: '油船', value: '油船' },
-        { label: '拖轮', value: '拖轮' },
       ],
-      width: 110,
+      minWidth: 110,
       align: 'center',
     },
     {
-      label: '状态',
-      prop: 'status',
-      search: true,
-      type: 'select',
+      label: '国籍证有效期至',
+      prop: 'nationalityCertEndDate',
       slot: true,
-      dicData: [
-        { label: '启用', value: 1 },
-        { label: '停用', value: 2 },
-      ],
-      width: 90,
+      minWidth: 150,
       align: 'center',
     },
-    { label: '国籍证有效期至', prop: 'nationalityCertEndDate', slot: true, width: 150, align: 'center' },
     {
       label: '最低安全配员证书有效期至',
       prop: 'safeManningCertEndDate',
       slot: true,
-      width: 210,
+      minWidth: 210,
       align: 'center',
     },
     {
       label: '营业运输证有效期至',
       prop: 'businessTransportCertEndDate',
       slot: true,
-      width: 170,
+      minWidth: 170,
       align: 'center',
     },
-    { label: '承租有效期至', prop: 'leaseEndDate', slot: true, width: 140, align: 'center' },
+    {
+      label: '承租有效期至',
+      prop: 'leaseEndDate',
+      slot: true,
+      minWidth: 140,
+      align: 'center',
+    },
+    {
+      label: '',
+      prop: 'expireStatus',
+      search: true,
+      searchOrder: 0,
+      searchSpan: 6,
+      hide: true,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
   ],
 };

src/option/transportCapacity/transport-vehicle.js

@@ -3,111 +3,159 @@ export const option = {
   calcHeight: 32,
   tip: false,
   searchShow: true,
-  searchMenuSpan: 6,
+  searchMenuSpan: 24,
+  searchIcon: true,
+  searchIndex: 4,
+  searchMenuPosition: 'right',
   border: true,
   index: true,
-  selection: true,
+  selection: false,
   addBtn: false,
   editBtn: false,
   delBtn: false,
   viewBtn: false,
-  menuWidth: 180,
+  menuWidth: 250,
   dialogClickModal: false,
   column: [
     {
       label: '车牌号',
       prop: 'plateNo',
       search: true,
+      searchOrder: 6,
       slot: true,
-      width: 120,
-    },
-    {
-      label: '所属组织',
-      prop: 'organizationName',
-      search: true,
-      width: 150,
-    },
-    {
-      label: '车辆类型',
-      prop: 'vehicleType',
-      search: true,
-      type: 'select',
-      dicData: [
-        { label: '厢式', value: '厢式' },
-        { label: '高栏', value: '高栏' },
-        { label: '平板', value: '平板' },
-        { label: '仓栅', value: '仓栅' },
-        { label: '牵引车', value: '牵引车' },
-      ],
-      width: 110,
-      align: 'center',
+      minWidth: 120,
     },
     {
       label: '业务关系',
       prop: 'businessRelation',
       search: true,
+      searchOrder: 5,
+      searchValue: '',
       type: 'select',
       dicData: [
+        { label: '全部', value: '' },
         { label: '自有', value: '自有' },
-        { label: '业务合作', value: '业务合作' },
         { label: '管理挂靠', value: '管理挂靠' },
+        { label: '业务合作', value: '业务合作' },
       ],
-      width: 120,
+      minWidth: 120,
       align: 'center',
     },
     {
-      label: '能源类型',
-      prop: 'energyType',
+      label: '所属组织',
+      prop: 'organizationName',
       search: true,
+      searchOrder: 1,
+      type: 'select',
+      filterable: true,
+      dicData: [],
+      slot: true,
+      minWidth: 150,
+    },
+    {
+      label: '车辆类型',
+      prop: 'vehicleType',
+      search: true,
+      searchOrder: 4,
       type: 'select',
       dicData: [
-        { label: '柴油', value: '柴油' },
-        { label: '汽油', value: '汽油' },
-        { label: '新能源', value: '新能源' },
-        { label: '天然气', value: '天然气' },
+        { label: '全部', value: '' },
+        { label: '高栏车', value: '高栏' },
+        { label: '低栏车', value: '低栏' },
+        { label: '平板车', value: '平板' },
+        { label: '厢式车', value: '厢式' },
+        { label: '拖挂车', value: '拖挂' },
+        { label: '半挂车', value: '半挂' },
       ],
-      width: 110,
+      minWidth: 110,
       align: 'center',
     },
     {
       label: '核定载质量(KG)',
       prop: 'approvedLoadKg',
-      width: 140,
+      minWidth: 140,
       align: 'right',
     },
     {
-      label: '状态',
+      label: '绑定司机',
+      prop: 'boundDriver',
+      slot: true,
+      minWidth: 120,
+      align: 'center',
+    },
+    {
+      label: '车辆类型',
+      prop: 'vehicleType',
+      minWidth: 110,
+      align: 'center',
+    },
+    {
+      label: '认证状态',
+      prop: 'certificationStatus',
+      slot: true,
+      search: true,
+      searchOrder: 2,
+      searchValue: '',
+      type: 'select',
+      dicData: [
+        { label: '全部', value: '' },
+        { label: '认证中', value: 0 },
+        { label: '已认证', value: 1 },
+        { label: '已驳回', value: 2 },
+      ],
+      minWidth: 110,
+      align: 'center',
+    },
+    {
+      label: '车辆状态',
       prop: 'status',
       search: true,
+      searchOrder: 3,
       type: 'select',
       slot: true,
       dicData: [
         { label: '启用', value: 1 },
         { label: '停用', value: 2 },
       ],
-      width: 90,
+      minWidth: 90,
       align: 'center',
     },
     {
-      label: '行驶证有效期',
+      label: '道路运输证号',
+      prop: 'roadTransportCertNo',
+      minWidth: 160,
+    },
+    {
+      label: '行驶证认证',
       prop: 'drivingLicenseEndDate',
       slot: true,
-      width: 140,
+      minWidth: 140,
       align: 'center',
     },
     {
-      label: '道路运输证有效期',
+      label: '道路运输证认证',
       prop: 'roadTransportCertEndDate',
       slot: true,
-      width: 160,
+      minWidth: 160,
       align: 'center',
     },
     {
-      label: '年审有效期',
+      label: '道路运输证年审',
       prop: 'annualReviewEndDate',
       slot: true,
-      width: 130,
+      minWidth: 130,
       align: 'center',
     },
+    {
+      label: '',
+      prop: 'expireStatus',
+      search: true,
+      searchOrder: 0,
+      searchSpan: 6,
+      hide: true,
+      addDisplay: false,
+      editDisplay: false,
+      viewDisplay: false,
+    },
   ],
 };