diff --git a/.workbuddy/memory/2026-08-14.md b/.workbuddy/memory/2026-08-14.md index c73b5db..7d3de7a 100644 --- a/.workbuddy/memory/2026-08-14.md +++ b/.workbuddy/memory/2026-08-14.md @@ -31,3 +31,16 @@ 3. option:将 `expireStatus` 列的 `search: true → search: false`(否则会在搜索网格里多渲染一个空输入框);`searchIndex` 设为 ≥ 真实搜索列数(vehicle: `4 → 6`;ship 已是 `6`),使 `columnLen ≤ searchIndex`,Avue 不再显示「展开」按钮。 - 原理:Avue `header-search3.js` 中 `#search-menu` 插槽内容渲染进 `menu-form`,位于默认搜索/重置按钮之后、展开按钮之前;`order: -1` 将标签推到按钮左侧。 - 验证:`node --check` 两个 option 文件通过;页面刷新即可见效果。 + +## process-config.vue 弹窗重构为手写 el-dialog(对齐 customer-archive 风格) + +- 需求:用户要求 `/business/process-config.vue` 排版风格改成和 `/vehicle/customer-archive.vue` 一样,保持风格统一。 +- 根因:两页弹窗架构根本不同——customer-archive 用手写 `` + `section-card` 分组 + `#footer` 按钮;process-config 原用 Avue 内置弹窗(`#basicInfo-form`/`#nodeConfigJson-form` 插槽 + `#menu-form-before` 保存按钮)。要真正统一,只能把 process-config 改成手写弹窗。 +- 模板改动(已完成): + - 移除 avue-crud 的 `:before-open`/`@row-save`/`@row-update`/`@row-del` 与 `#menu-form-before`、`#basicInfo-form`、`#nodeConfigJson-form` 插槽。 + - 在 `` 后新增手写 ``,内部 ``,含 3 个 `section-card`:基本信息 / 现行过程节点(时间线)/ 节点设置(节点表格);`#footer` 含 保存草稿(plain) + 保存并启用(primary) + 取消/关闭。 + - 顶部「新建过程配置」、表格「查看/编辑」链接改调 `openProcessConfig()` / `openProcessConfig(row, true)` / `openProcessConfig(row, false)`。 +- 脚本改动(本次完成):删除 Avue 生命周期方法 `beforeOpen/rowSave/rowUpdate/submitRow/stopSubmitLoading/handleProcessConfigSave`;新增 `openProcessConfig(row, readonly)`(load 详情后 `this.form=data` + `selectedProjectId` + `parseNodeConfig` + 开框;新增则清空表单 + `resetNodeRows`)、`submitProcessConfig(mode)`(`this.$refs.processForm.validate` → `syncNodeFields` → `normalizeRow` → `validateRow` → `confirmDuplicateVoucher` → `api.submit`,成功后关框并刷新)、`resetProcess()`(`@closed` 重置 `dialogReadonly/submitting/submitStatus/form/selectedProjectId` + `resetNodeRows` + `clearValidate`)。`data()` 已含 `processBox/submitting`、`computed.dialogTitle`;`rowDel`/`handleCopy`/`handleAction` 不变(独立 API 调用)。 +- option 改动(已完成):`src/option/business/process-config.js` 置 `saveBtn/updateBtn/addBtn/viewBtn/editBtn/delBtn:false`,关闭 Avue 内置弹窗按钮。 +- 样式:新增 `:deep(.process-dialog .el-dialog__body){max-height:72vh;overflow:auto}`,对齐 customer-archive 的 `.archive-dialog` 滚动行为(长内容时 body 滚动、footer 固定)。 +- 验证:`vite build --outDir /tmp/pc-build-check` 全量编译通过(仅动态导入 chunk 警告,与本改动无关);之前 `npm run build` 失败仅因沙箱 safe-delete 守卫清理旧 dist/ 触发,非代码错误。 diff --git a/src/option/business/process-config.js b/src/option/business/process-config.js index f5aa1e9..7a21f9d 100644 --- a/src/option/business/process-config.js +++ b/src/option/business/process-config.js @@ -177,6 +177,10 @@ export const option = { ]), saveBtn: false, updateBtn: false, + addBtn: false, + viewBtn: false, + editBtn: false, + delBtn: false, dialogTop: '10px', dialogWidth: '96%', menuWidth: 220, diff --git a/src/option/business/temporary-credit-limit.js b/src/option/business/temporary-credit-limit.js index f1e5e22..a539440 100644 --- a/src/option/business/temporary-credit-limit.js +++ b/src/option/business/temporary-credit-limit.js @@ -113,7 +113,7 @@ export const option = { value: 'projectName', }, filterable: true, - span: 12, + span: 8, minWidth: 180, rules: textRule('项目名称', 100, true), }, @@ -128,7 +128,7 @@ export const option = { prop: 'projectCode', hide: true, disabled: true, - span: 12, + span: 8, minWidth: 150, rules: textRule('项目编号', 50), }, @@ -137,7 +137,7 @@ export const option = { prop: 'undertakeDeptName', hide: true, disabled: true, - span: 12, + span: 8, minWidth: 150, rules: textRule('承办部门', 50, true), }, @@ -146,7 +146,7 @@ export const option = { prop: 'projectFundLimit', hide: true, disabled: true, - span: 12, + span: 8, minWidth: 200, rules: [nonNegativeRule('项目资金使用额度')], }, @@ -155,7 +155,7 @@ export const option = { prop: 'usedFundLimit', hide: true, disabled: true, - span: 12, + span: 8, minWidth: 220, value: 0, rules: [nonNegativeRule('已使用项目资金额度')], @@ -165,7 +165,7 @@ export const option = { prop: 'remainingFundLimit', hide: true, disabled: true, - span: 12, + span: 8, minWidth: 230, value: 0, rules: [nonNegativeRule('剩余项目资金使用额度')], @@ -174,7 +174,7 @@ export const option = { label: '申请临时额度(万元)', prop: 'applyLimit', formslot: true, - span: 12, + span: 8, minWidth: 180, rules: [ { required: true, message: '请输入申请临时额度', trigger: 'blur' }, @@ -187,7 +187,7 @@ export const option = { type: 'date', format: 'YYYY-MM-DD', valueFormat: 'YYYY-MM-DD', - span: 12, + span: 8, minWidth: 140, rules: [{ required: true, message: '请选择申请有效期至', trigger: 'change' }], }, diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue index 4af2783..48f450e 100644 --- a/src/views/business/components/business-crud-page.vue +++ b/src/views/business/components/business-crud-page.vue @@ -13681,7 +13681,7 @@ export default { min-width: 56px; height: 22px; margin: 0 14px; - border-bottom: 3px solid #303133; + border-bottom: 4px solid #e4e7ed; } &__transport-plan-waybill-card { diff --git a/src/views/business/process-config.vue b/src/views/business/process-config.vue index c5825d2..5c29c76 100644 --- a/src/views/business/process-config.vue +++ b/src/views/business/process-config.vue @@ -8,10 +8,6 @@ v-model="form" ref="crud" :permission="permissionList" - :before-open="beforeOpen" - @row-save="rowSave" - @row-update="rowUpdate" - @row-del="rowDel" @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange" @@ -25,7 +21,7 @@ type="primary" icon="el-icon-plus" v-if="hasPermission('process_config_add')" - @click="$refs.crud.rowAdd()" + @click="openProcessConfig()" >新建过程配置 - - -