gxwebsoft
c9f673342a
- 移除各底部操作栏（footer/__actions/page-actions）内所有gap属性 - 按钮间距统一采用 Element Plus 全局默认的相邻按钮12px margin-left规则 - 修改 .el-dialog__footer 内.el-button间距由8px调整为12px，保持全站一致 - 确认 Avue 表单底部按钮无自带间距，去gap后间距由 Element Plus 提供 - 涉及模块覆盖 vehicle、payment、business、settlement，移除了相关组件样式中gap属性 - MEMORY.md规范更新，补充底栏按钮间距统一为无gap纯文字规则
4.5 KiB
4.5 KiB
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 等其它模块的底部栏也纳入，需再处理。