style(process-config): 优化流程配置页样式及结构一致性

- process-config.vue 基本信息区改用 section-card 和 el-form 组件,统一右侧固定宽 label 栅格布局
- 现行过程节点和节点设置区使用 section-card 包裹,替换原有灰色标题,增加白卡样式和卡片间距
- 删除不再使用的自定义样式 __section/__field/__field-label/__field-label--required,保留与节点表格相关样式
- 保证三个 section-card 正确闭合,编译通过,无业务逻辑变更
- master-order-detail.vue 主界面改用 section-card 代替 div 容器,提升风格统一性
- 注释部分 Element UI 弹窗表单项 margin-bottom 样式,减少样式冗余
- loading-manage.vue loading-detail 取消 flex gap,防止潜在样式冲突
- shipping-template.js 表单项 grid 栅格 span 值调整优化表单布局,使各项宽度分配更合理
This commit is contained in:
2026-08-13 16:44:45 +08:00
parent 490efe2ce5
commit b64465a4c3
6 changed files with 107 additions and 127 deletions
+2 -2
View File
@@ -173,7 +173,7 @@
.el-dialog .el-form-item--small.el-form-item,
.el-dialog .el-form-item--large.el-form-item,
.el-dialog .el-form-item--medium.el-form-item {
margin-bottom: 20px;
//margin-bottom: 20px;
}
/* 全站弹窗:底部操作栏浮动效果(参照 business/project-apply
@@ -329,7 +329,7 @@
// 4) 弹窗内表单项默认上下间距 16px(覆盖默认 18px / 22px,与 customer-archive 对齐)
.el-dialog .el-form-item {
margin-bottom: 16px;
//margin-bottom: 16px;
}
// 5) 通用分组白卡组件(<section-card>):标题融入卡头