gxwebsoft
fc70aeb2af
- 船舶表单“安放龙骨日期/建造完工日期”label宽度收窄至88px并支持换行 - 船舶证书信息两块表单调整为4列布局，字段span由8改为6 - contract-manage和track-tracking页签名标签最大宽度限制为96px，防止过宽 - project-apply业务部门选择组件改用el-tree-select支持树形选择，辅助函数新增 - 全局样式调整el-tree-select及el-cascader去除圆圈，改用箭头和文字高亮展示 - 控制节点展开箭头、选中状态和悬浮效果统一视觉风格
42 lines
5.8 KiB
Markdown
42 lines
5.8 KiB
Markdown
# 2026-08-27 工作日志
|
||
|
||
## 全站底部操作栏「返回」按钮统一改为「取消」
|
||
- 起因：用户访问 `/vehicle/customer-archive/form` 独立表单页，指出底部「返回」按钮应全站统一为「取消」。
|
||
- 改动文件（模板/逻辑中的「返回」→「取消」）：
|
||
- `src/views/vehicle/customer-archive.vue`：主表单页 footer 逻辑 `readonly ? '关闭' : isArchivePage ? '返回' : '取消'` → `readonly ? '关闭' : '取消'`；4 处子弹窗（contact/receipt/invoice/score）`>返回</el-button>` → `>取消</el-button>`（replace_all）。
|
||
- `src/views/payment/invoice-receipt-form.vue`、`payment-application-form.vue`、`payment/payment-application-form.vue`：`goBack` 返回按钮 →「取消」。
|
||
- `src/views/business/components/master-order-editor.vue`、`master-order-dispatch.vue`、`master-order-detail.vue`：`$emit('back')` 返回按钮 →「取消」。
|
||
- `src/views/business/components/business-crud-page.vue`：运输计划导入弹窗关闭按钮 →「取消」。
|
||
- `src/views/system/user.vue`：用户弹窗关闭按钮 →「取消」。
|
||
- `src/views/business/project-apply.vue`：独立表单页（isProjectFormPage）`closeProjectForm` 返回按钮 ×2 →「取消」。
|
||
- 未改动：`src/lang/zh.js` 登录 i18n 段 `back: '返回'`（无 `$t('back')` 引用，属登录流程返回，非业务 footer 操作栏）。
|
||
- 规范固化：更新 MEMORY.md「弹窗 / 独立表单页底栏按钮统一规则」，明确全站底部操作栏「返回」统一为「取消」，仅只读查看 / 纯关闭场景保留「关闭」。
|
||
|
||
## 发货模板独立表单页（shipping-template/form）footer 缺「取消」+ 去图标
|
||
- 起因：用户访问 `/business/shipping-template/form?mode=add`，指出底部按钮缺「取消」且不需要图标（统一只要文字）。
|
||
- 该页极薄，仅 `<business-crud-page standalone-form-page>`，footer 由 `business-crud-page.vue` 的 `PageAvueForm` 渲染。
|
||
- 改动（`src/views/business/components/business-crud-page.vue`）：
|
||
- `#menu-form-before` 次要按钮 `关闭` → `取消`（条件 `isStandaloneFormPage && !showTransportPlanCreateActions`），影响 `/waybill-manage/form`、`/transport-plan/form`、`/shipping-template/form` 三处独立表单页。
|
||
- `#menu-form` 的运输计划创建模式次要按钮 `关闭` → `取消`。
|
||
- 新增样式 `:global(.business-crud-form-page-dialog .avue-form__menu .el-icon){display:none}`：Avue 的 `avue-form` 提交/清空按钮内置图标（`submitIcon:'el-icon-check'`、`emptyIcon:'el-icon-delete'`），且 Avue 源码用 `||` 兜底无法通过 option 去除，故用 CSS 在独立表单页容器内统一隐藏图标，仅保留文字，不影响其它弹窗。
|
||
- 规范固化：MEMORY.md「弹窗 / 独立表单页底栏按钮统一规则」补充「独立表单页 Avue 表单 footer 去图标（统一纯文字）」说明。
|
||
|
||
## 底部操作栏按钮间距统一去 gap
|
||
- 起因：用户指出这些底部按钮间距不一致，要求统一，并把用了 `gap` 的全部去掉。
|
||
- 方案：所有底部操作栏（footer / `__actions` / `page-actions`）**移除 `gap`**，间距统一回落到 Element Plus 全局默认的相邻按钮 `.el-button+.el-button{margin-left:12px}`（恒为 12px），不再散落 `gap:8/12/16px`。
|
||
- 全局对齐：`.el-dialog__footer .el-button + .el-button` 由 `margin-left:8px` 改为 `12px`（`src/styles/element-ui.scss`），使弹窗 footer 也与之一致。
|
||
- 已去 gap 的 footer 容器：`vehicle/customer-archive.vue`(`.archive-form__footer`)、`business/components/master-order-editor.vue`(`footer`)、`business/components/master-order-dispatch.vue`(`.segment-actions`/`.pending-actions`)、`business/project-apply.vue`(`.project-apply-dialog__footer`)、`business/components/business-crud-page.vue`(`.business-crud-form-page-dialog .avue-form__menu`)、payment 6 个表单页(`*__actions`)、`settlement/components/pre-settlement-editor.vue`(`&__page-actions`)、`settlement/components/formal-settlement-editor.vue`(`.formal-editor__page-actions`)、`settlement/receivable-payable-detail.vue`(`.settlement-detail-page__actions`)。
|
||
- 风控：确认 Avue 的 `.avue-form__menu`/`.avue-dialog__footer` 自身不带按钮间距，去掉 gap 后由 EP 默认 12px margin 接管（不会贴死）。
|
||
- 范围说明：本次聚焦近几轮在统一的模块（vehicle/payment/business/settlement）。若要把 loading-manage、contract-manage、transit 等其它模块的底部栏也纳入，需再处理。
|
||
|
||
## 船舶表单「安放龙骨日期/建造完工日期」label 收窄并换行
|
||
- 起因：用户截图 `transportCapacity/ship` 新增船舶弹窗，指出该字段 label 宽达 185px，要求最大 88px 并允许换行。
|
||
- 改动：`src/views/transportCapacity/ship.vue` 第 169 行，给该 `el-form-item` 增加 `label-width="88px"` 覆盖全局 `label-width="100"`；全局 `.ship-form :deep(.el-form-item__label)` 已设置 `white-space: normal; line-height: 20px`，换行已支持。
|
||
|
||
## 船舶证书信息两块表单改 4 列
|
||
- 起因：用户截图 `transportCapacity/ship` 船舶证书信息，指出「船舶所有权证书」「内河船舶安全与环保证书」两块想改成 4 列。
|
||
- 改动：`src/views/transportCapacity/ship.vue`
|
||
- 「船舶所有权证书」5 个字段：第一行 `登记号码/初次登记号码/船舶所有人/取得所有权日期` 4 列，第二行 `船舶识别号` 1 列（所有 `el-col :span="8"` → `:span="6"`）。
|
||
- 「内河船舶安全与环保证书」4 个字段：合并为一行 4 列（`总吨/净吨/船检登记号/船舶类型`），`el-col :span="8"` → `:span="6"`。
|
||
- 未改动：船舶国籍证书、最低安全配员证书（日期范围，保持 `span=16` 整行）、光船租赁登记证明书、船舶营业运输证书（用户未要求）。
|