Files
tms-erp-web/.workbuddy/memory/2026-08-27.md
T
gxwebsoft 2acdcb08a9 style(ui): 统一弹窗及独立表单页按钮文案和样式调整
- 将所有弹窗及独立表单页中的“返回”按钮文案统一改为“取消”
- 独立表单页footer的Avue提交与清空按钮去除内置图标,仅保留文字显示
- 更新相关页面和组件按钮文案,包括业务表单、支付表单、客户档案等
- 规范底部操作栏按钮顺序及样式,确保主次操作区分明显
- 修复部分组件页脚按钮文案,保持全站一致性
2026-08-27 11:26:40 +08:00

2.9 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 去图标(统一纯文字)」说明。