style(ui): 统一弹窗及独立表单页按钮文案和样式调整
- 将所有弹窗及独立表单页中的“返回”按钮文案统一改为“取消” - 独立表单页footer的Avue提交与清空按钮去除内置图标,仅保留文字显示 - 更新相关页面和组件按钮文案,包括业务表单、支付表单、客户档案等 - 规范底部操作栏按钮顺序及样式,确保主次操作区分明显 - 修复部分组件页脚按钮文案,保持全站一致性
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
# 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 去图标(统一纯文字)」说明。
|
||||
Reference in New Issue
Block a user