refactor(business): 优化 process-config 弹窗及多页面基本信息布局

- process-config 弹窗改为手写 el-dialog,统一与 credit-score-quantification 风格
- 弹窗内三张 section-card 堆叠,卡间间距12px,底部按钮新增保存草稿/保存并启用
- 删除原 Avue 内置 dialog 及相关表单插槽,移除无用样式,调整弹窗最大高度
- 多页面「基本信息」类分区由3列(span 8)改为4列(span 6),包含结算、合同、船舶等多处页面
- contract-manage-change.vue 手写表单列宽全部由8改6,保留备注与分区标题整行显示
- business-crud-page.vue contract配置中基本信息分区改为4列显示,调整表单 label 宽度为150px
- temporary-credit-limit 详情弹窗加 align-center 实现上下居中,新增 computed 绑定配置开关
- temporary-credit-limit 弹窗宽度修改为96%,与其他业务页面保持一致
- ship.vue 标签宽度调整为最多6汉字宽,允许超长标签换行,改善显示效果
- common-route.vue 调整部分输入框宽度适配布局
- element-ui.scss 调整 process-config 相关弹窗样式,取消原 Avue 透明化样式,全局灰底内卡片间距统一
- 精简 process-config 相关 option 配置,去除 dialog 相关冗余属性
- 过程配置弹窗新增打开、保存、关闭等手写逻辑,支持查看、编辑不同状态,保持业务逻辑完整
- 删除 process-config 内部 avue-crud 相关操作,整体改用标准 el-dialog 和 el-form 实现
- 其他局部样式细节调整,保证表单布局和交互统一规范
This commit is contained in:
2026-08-21 15:40:16 +08:00
parent 051bda5b3a
commit 851379f4de
17 changed files with 485 additions and 459 deletions
-19
View File
@@ -21,13 +21,6 @@ export const config = {
export const option = {
...createCrudOption([
{
label: '',
prop: 'basicInfo',
formslot: true,
span: 24,
hide: true,
},
{
label: '配置名称',
prop: 'configName',
@@ -167,22 +160,10 @@ export const option = {
dicData: [],
filterable: true,
},
{
label: '',
prop: 'nodeConfigJson',
formslot: true,
span: 24,
hide: true,
},
]),
saveBtn: false,
updateBtn: false,
addBtn: false,
viewBtn: false,
editBtn: false,
delBtn: false,
dialogTop: '4vh',
dialogWidth: '96%',
dialogCustomClass: 'process-config-dialog',
menuWidth: 220,
};
+10 -9
View File
@@ -47,6 +47,7 @@ export const config = {
ignoreReadonlyDeleteStatus: ['draft', '草稿'],
detailButton: true,
detailButtonIgnoreDraftStatus: true,
detailAlignCenter: true,
detailSections: [
{
title: '申请信息',
@@ -142,7 +143,7 @@ export const option = {
value: 'projectName',
},
filterable: true,
span: 8,
span: 6,
minWidth: 180,
rules: textRule('项目名称', 100, true),
},
@@ -157,7 +158,7 @@ export const option = {
prop: 'projectCode',
hide: true,
disabled: true,
span: 8,
span: 6,
minWidth: 150,
rules: textRule('项目编号', 50),
},
@@ -166,7 +167,7 @@ export const option = {
prop: 'undertakeDeptName',
hide: true,
disabled: true,
span: 8,
span: 6,
minWidth: 150,
rules: textRule('承办部门', 50, true),
},
@@ -175,7 +176,7 @@ export const option = {
prop: 'projectFundLimit',
hide: true,
disabled: true,
span: 8,
span: 6,
minWidth: 200,
rules: [nonNegativeRule('项目资金使用额度')],
},
@@ -184,7 +185,7 @@ export const option = {
prop: 'usedFundLimit',
hide: true,
disabled: true,
span: 8,
span: 6,
minWidth: 220,
value: 0,
rules: [nonNegativeRule('已使用项目资金额度')],
@@ -194,7 +195,7 @@ export const option = {
prop: 'remainingFundLimit',
hide: true,
disabled: true,
span: 8,
span: 6,
minWidth: 230,
value: 0,
rules: [nonNegativeRule('剩余项目资金使用额度')],
@@ -203,7 +204,7 @@ export const option = {
label: '申请临时额度(万元)',
prop: 'applyLimit',
formslot: true,
span: 8,
span: 6,
minWidth: 180,
rules: [
{ required: true, message: '请输入申请临时额度', trigger: 'blur' },
@@ -216,7 +217,7 @@ export const option = {
type: 'date',
format: 'YYYY-MM-DD',
valueFormat: 'YYYY-MM-DD',
span: 8,
span: 6,
minWidth: 140,
rules: [{ required: true, message: '请选择申请有效期至', trigger: 'change' }],
},
@@ -303,7 +304,7 @@ export const option = {
},
...auditColumns.map(column => ({ ...column, hide: true })),
]),
dialogWidth: 1400,
dialogWidth: '96%',
menuFixed: 'right',
menuWidth: 320,
index: false,
@@ -1,6 +1,6 @@
export const settlementAdjustmentFormFields = [
{ label: '单据号', prop: 'adjustmentNo' },
{ label: '* 关联结算单号', prop: 'formalSettlementId' },
{ label: '关联结算单号', prop: 'formalSettlementId' },
{ label: '客户/客商名称', prop: 'customerName' },
{ label: '结算单类型', prop: 'settlementTypeName' },
{ label: '关联合同名称', prop: 'contractName' },