Files
tms-erp-web/.workbuddy/memory/2026-08-27.md
T
gxwebsoft fc70aeb2af style(transportCapacity): 优化船舶表单布局和标签样式
- 船舶表单“安放龙骨日期/建造完工日期”label宽度收窄至88px并支持换行
- 船舶证书信息两块表单调整为4列布局,字段span由8改为6
- contract-manage和track-tracking页签名标签最大宽度限制为96px,防止过宽
- project-apply业务部门选择组件改用el-tree-select支持树形选择,辅助函数新增
- 全局样式调整el-tree-select及el-cascader去除圆圈,改用箭头和文字高亮展示
- 控制节点展开箭头、选中状态和悬浮效果统一视觉风格
2026-08-27 16:40:38 +08:00

5.8 KiB
Raw Blame History

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.vuepayment-application-form.vuepayment/payment-application-form.vuegoBack 返回按钮 →「取消」。
    • src/views/business/components/master-order-editor.vuemaster-order-dispatch.vuemaster-order-detail.vue$emit('back') 返回按钮 →「取消」。
    • src/views/business/components/business-crud-page.vue:运输计划导入弹窗关闭按钮 →「取消」。
    • src/views/system/user.vue:用户弹窗关闭按钮 →「取消」。
    • src/views/business/project-apply.vue:独立表单页(isProjectFormPagecloseProjectForm 返回按钮 ×2 →「取消」。
  • 未改动:src/lang/zh.js 登录 i18n 段 back: '返回'(无 $t('back') 引用,属登录流程返回,非业务 footer 操作栏)。
  • 规范固化:更新 MEMORY.md「弹窗 / 独立表单页底栏按钮统一规则」,明确全站底部操作栏「返回」统一为「取消」,仅只读查看 / 纯关闭场景保留「关闭」。

发货模板独立表单页(shipping-template/formfooter 缺「取消」+ 去图标

  • 起因:用户访问 /business/shipping-template/form?mode=add,指出底部按钮缺「取消」且不需要图标(统一只要文字)。
  • 该页极薄,仅 <business-crud-page standalone-form-page>footer 由 business-crud-page.vuePageAvueForm 渲染。
  • 改动(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-buttonmargin-left:8px 改为 12pxsrc/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 整行)、光船租赁登记证明书、船舶营业运输证书(用户未要求)。