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 值调整优化表单布局，使各项宽度分配更合理

.workbuddy/memory/2026-08-13.md

@@ -60,3 +60,12 @@
 - 用户反馈新增弹窗中"所属区县"label 太挤（实测约 85×32px），要求加宽。
 - 已把 `option.labelWidth: '108px' → '140px'`，同步全局覆盖 `.el-form-item__label{width:108px!important} → 140px!important`。
 - 140px 够"所属区县"4字+必填星号+留白，也覆盖表单其他 label（"行政区划编号"6字 + * 也够）。若仍觉不够可再调到 160px。
+
+## process-config.vue 套用 customer-archive 样式（用户要求"和 business-crud-page 一样的问题"）
+- 根因同商务页：本页原用灰色 `div.dialog-section-title` 标题 + 自定义 `__field` flex 布局（label `flex:0 0 150px`），既无白卡样式也无 8px 卡片间距，与 customer-archive 的 `<section-card>` 白卡风格不一致。Avue form 本身 `labelPosition:'right'` 但 `labelWidth:'auto'`，故原页才需自定义固定宽 label。
+- 改动（src/views/business/process-config.vue）：
+  1. `#basicInfo-form` 槽：去掉 `process-config-page__section` + `dialog-section-title`，改为 `<section-card title="基本信息">` + 嵌套 `<el-form label-position="right" label-width="calc(6em + 24px)">` + `<el-row :gutter="18">` + `el-col`(配置名称6/项目6/运输完成时限12/备注24) + `el-form-item`，与 customer-archive 右侧固定宽 label 栅格完全对齐。必填项加 `required`。
+  2. `#nodeConfigJson-form` 槽：两个 `dialog-section-title`（现行过程节点 / 节点设置）分别改为 `<section-card title=...>` 包裹（timeline 与 el-table 内容不变）。
+  3. 删除不再使用的 `__section/__field/__field-label/__field-label--required` 样式；保留 `__finish-days` 与节点表格相关样式。
+- 卡片间距：全局 `.section-card{margin-bottom:8px}` 在本页生效（无 `!important` 覆盖），三张白卡自动保持 8px 间隔。
+- 校验：@vue/compiler-sfc 编译通过，3 个 section-card 均正确闭合；未动任何业务逻辑（validateRow/syncNodeFields 等不变）。