diff --git a/.workbuddy/memory/2026-08-25.md b/.workbuddy/memory/2026-08-25.md
new file mode 100644
index 0000000..ddeee09
--- /dev/null
+++ b/.workbuddy/memory/2026-08-25.md
@@ -0,0 +1,40 @@
+# 2026-08-25
+
+## 全站操作列按钮居中统一
+- 根因：pre-settlement 等手写操作列用 `<div class="xxx__links">` 包裹 `el-link`，而全局 `element-ui.scss` 第 904 行原选择器为 `:has(> .el-link)`（仅命中直接子元素），导致包了一层 div 的操作列未被居中规则命中，按钮靠左。
+- 修复：将 `.el-table .el-table__body .cell:not(.avue-crud__menu)` 相关的三处选择器 `:has(> .el-link)` 全部放宽为 `:has(.el-link)`（第 904 / 935 / 954 行），兼容"el-link 被 div 包裹"的手写操作列；`.avue-crud__menu`（Avue 内置操作列）原已居中不受影响。
+- 另在 `pre-settlement.vue` 的 `.pre-settlement-page__links` 补 `justify-content:center` 兜底。
+- 结论：全站所有基于 el-link 的操作列（无论是否包裹 div）统一居中，符合 AGENTS.md 操作列规范。
+
+## 全站业务状态标签改为普通文字（无颜色圆点）
+- 根因：用户反馈审批状态列显示为带彩色圆点的文字（如截图），要求改成"普通的文字不要颜色"。此前 `.status-text` 是"文字 + 彩色圆点"风格。
+- 修复：修改 `src/styles/element-ui.scss` 中 `.el-tag.status-text` 全局规则，去掉 `&::before` 圆点，并将 `color` 强制设为 `var(--el-text-color-regular)`，`font-weight:normal`，`margin:0`，背景边框保持透明。所有带 `class="status-text"` 的 `el-tag` 自动生效，无需逐页改模板。
+- 结论：全站业务状态（调度状态/运单状态/审批状态等）统一为普通文字，不再带彩色圆点。
+
+## /payment 下全部表单页板块风格统一
+- 需求：所有 /payment 表单页（invoice-receipt / invoice-application / payment-application / bill-ledger / bill-payment / receipt-claim-record / receipt-flow）统一为"页面标题无蓝标 + 每个蓝标板块用白底卡片包裹 + 板块间距 12px"，参考 business/project-apply/form。
+- 实现：页面标题改用全局 `archive-page-form__title`（蓝标已注释，无竖条）；各 `<section class="X-form-page__section"><div class="X-form-page__section-title">标题</div>` 整体改为全局组件 `<section-card title="标题">`（白底卡片 + 4px 主色竖条 + 卡间 12px，由 `src/styles/element-ui.scss` 全局 `.section-card` 提供）；带按钮的板块（附件信息/开票内容）用 `<section-card title="..."><template #extra>按钮</template>`。
+- 清理：删除各文件 scoped 中 `__title`/`__section` 相关的废弃 CSS（蓝标 ::before、板块间距、heading 等）；`payment-application` 的 `.payment-form-page__section-actions`（按钮行右对齐）属有效独立样式，清理时被误删，已补回。
+- 校验：用 @vue/compiler-sfc 对 7 个文件做 template/script 编译，全部通过。
+
+## /payment 板块表单控件统一 4 列（span=6）
+- 需求：用户要求 /payment 下"板块表单控件都改成 4 列"。此前列数不一致：多数页用 `el-col :span="12"`（2 列），invoice-application 用 `:span="8"`（3 列），bill-payment / bill-ledger 是"两列各叠多个控件"的嵌套结构。
+- 实现：
+  - 直接网格（每列一个控件）：payment-application、invoice-receipt、receipt-claim-record、receipt-flow 的 `:span="12"` → `:span="6"`；invoice-application 的 `:span="8"` → `:span="6"`（两处 el-row）。
+  - 嵌套网格：bill-payment、bill-ledger 拆成每个字段独立 `el-col :span="6"`（真 4 列），gutter 48→24；备注保留 `:span="24"` 整行。
+  - 媒体查询同步：`.el-col-12`/`.el-col-8` 窄屏折叠规则改成 `.el-col-6`（≤1024/1200/900/768px 折叠为整行）。
+- 结论：全 /payment 表单页板块表单控件统一为 4 列网格，备注/长文本仍整行；pre-settlement-editor「结算基本信息」此前也已改 `:span="8"`→`span="6"`。
+
+## 全站 el-tag 状态语义统一转纯文本（status-text）
+- 需求：用户要求"全站看看还有哪些地方使用 el-tag 的？都要统一改一下"，保持与调度状态一致的纯文本风格。
+- 范围确认：用 AskUserQuestion 确认采用"所有状态语义"——业务状态(审批/调度/运单/匹配/认领) + 启用停用 + 工作流激活挂起/完成 + 其它状态(statusName/是否封存/否是/认证/锁状态/合同阶段) 一律转 `.status-text` 纯文本；类型标签/版本号/分类名/值类(车牌颜色、锁类型、运输方式、categoryName、code、apiKey 等) 保留 tag。
+- 改动文件（约 35 个，仅加 `class="status-text"`，不动逻辑/`:type` 绑定）：
+  - 启用/停用：base(railway-station/airport-master/currency/customer-type/fee-item/port-terminal)、system/dept、transportCapacity(vehicle/driver/ship)、authority(apikey/ratelimit)
+  - 业务状态遗漏补：settlement/formal-settlement、business/temporary-credit-limit、business/contract-manage(合同阶段+审批)、payment(invoice-application/bill-payment-table/receipt-flow/receipt-claim-record/invoice-receipt/payment-application)、settlement/components/transport-reconciliation-editor(匹配结果/状态/更新结果)、transit/risk-disposal(column.tag/field.tag)
+  - 工作流/其它：flow(manager/follow 激活挂起)、work(start 激活挂起/send 完成)、transportCapacity/vehicle 认证状态、system/authlock lockStatus、tool/codesetting、resource(sms/oss) statusName、vehicle/customer-archive(审批+启用停用)、system/dict+dictbiz 及 util/demo 各 dict 页 是否封存
+- 校验：重新 grep `el-tag[^>]*:type=` 确认除 authlock lockType、vehicle-ledger plateColor 两个刻意保留的"类型标签"外，所有状态语义 el-tag 均已带 status-text。改动为纯属性添加，Vite HMR 自动生效。
+
+## 业务状态文字化后字号/行高对齐单元格
+- 根因：用户截图反馈 customer-archive 的"准入类型/审批状态/状态"列文字比其它列小/错位。`.el-tag` 默认 `font-size: var(--el-tag-font-size)`（12px）且 `height` 固定，即便 `.status-text` 去掉了背景边框，字号和盒模型仍与单元格普通文本不一致。
+- 修复：在 `src/styles/element-ui.scss` 的 `.el-tag.status-text` 全局规则追加 `font-size: inherit !important; height: auto !important; vertical-align: baseline; line-height: inherit;`，强制继承父级字号与行高，高度随内容自适应，基线对齐与普通 inline 文本一致。
+- 结论：所有使用 `.status-text` 的状态列（customer-archive 准入类型/审批状态/状态、transport-plan 调度状态、waybill 运单状态、payment 审批状态、启用停用等）自动与相邻普通文字列的字体字号/行高/基线完全统一，无需逐页修改。
diff --git a/.workbuddy/memory/MEMORY.md b/.workbuddy/memory/MEMORY.md
index 3205c80..5764dfc 100644
--- a/.workbuddy/memory/MEMORY.md
+++ b/.workbuddy/memory/MEMORY.md
@@ -40,11 +40,11 @@
 - 已覆盖：pre-settlement-editor「结算明细调整」弹窗（adjustDialog 列内 el-input-number/el-input 全宽）、transport-reconciliation-editor/formal-settlement-editor/settlement-adjustment-editor 同款结构。
 
 ### 业务状态标签文字化：全局 `.status-text` 工具类
-- 需求：全站"调度状态/运单状态/审批状态"等用 `el-tag` 展示的字段，统一改为"纯文字 + 颜色"（不用 tag 背景/边框）。
-- 实现：`element-ui.scss` 末尾新增 `.el-tag.status-text { background:transparent!important; border-color:transparent!important; padding:0; margin-left:8px; font-weight:500 }` + `&::before` 6px 圆点（`background:currentColor`，颜色随 el-tag 的 `:type`）。
-- 用法：业务状态 `el-tag` 加 `class="status-text"`，颜色仍由现有 `statusTagType/statusType/waybillStatusType/detailStatusType` 返回的 success/warning/danger/info/primary 决定。
-- 已覆盖：`business-crud-page.vue`（#status/#businessStatus/#approvalStatus 插槽 + 运输计划详情头 + 运单详情头 + 调度弹窗头）、`master-order.vue`/`master-order-detail.vue`/`master-order-dispatch.vue` 的 businessStatus、`loading-manage.vue` 详情弹窗、结算三处 approvalStatus、`process-config.vue` 流程状态、`credit-score-quantification.vue` 状态列。
-- 例外：`loading-manage.vue` 列表状态列本就用 `<span class="loading-manage-page__status is-${status}">` 文字化（先例），不动；"类型标签"（transport-flow-tag、transportTypeName 等 `type="primary"`）非状态语义，保持 tag 样式。
+- 需求：全站"调度状态/运单状态/审批状态"等用 `el-tag` 展示的字段，统一改为**普通文字，不带颜色、不显示 tag 背景/边框/圆点**。
+- 实现：`element-ui.scss` 末尾 `.el-tag.status-text { background:transparent!important; border-color:transparent!important; color:var(--el-text-color-regular)!important; padding:0; margin:0; font-weight:normal!important; font-size:inherit!important; height:auto!important; vertical-align:baseline; line-height:inherit }`，并隐藏 `&::before` 圆点。`el-tag` 的 `:type` 继续保留在模板中（无需改动），但颜色/字号/行高已被全局 CSS 强制覆盖为与单元格普通文本一致。
+- 用法：业务状态 `el-tag` 加 `class="status-text"`。
+- **全站统一完成（2026-08-25）**：所有"状态语义"的 el-tag 均已加 `class="status-text"` 转纯文本，含：business-crud-page（#status/#businessStatus/#approvalStatus + 调度弹窗头）、master-order 系列、loading-manage 详情、结算（settlement-adjustment/pre-settlement/formal-settlement/formal-settlement-table-panel/transport-reconciliation-editor 匹配结果·状态）、payment（invoice-application/bill-payment-table/receipt-flow/receipt-claim-record/invoice-receipt/payment-application 审批·认领状态）、contract-manage（合同阶段 + 审批）、temporary-credit-limit、process-config、credit-score-quantification、flow（manager/follow 激活·挂起）、work（start 激活·挂起 / send 完成）、transportCapacity（vehicle 启用·认证 / driver / ship 启用）、base（railway-station/airport-master/currency/customer-type/fee-item/port-terminal 启用停用）、system（dept/authority apikey·ratelimit 启用禁用 / authlock lockStatus / dict·dictbiz 是否封存 / codesetting 否是）、resource（sms/oss statusName）、customer-archive（审批 + 启用停用）、transit/risk-disposal（column.tag/field.tag）。
+- 例外（刻意保留 tag 样式，非状态语义）：`loading-manage.vue` 列表状态列用 `<span class="loading-manage-page__status is-${status}">`（先例）；"类型标签"——transport-flow-tag、transportTypeName、business-crud-page:3252 运输方式、loading-manage:399 运输方式 warning、authlock lockType（锁类型）、vehicle-ledger plateColor/businessRelation、cron-editor、以及 categoryName/version/code/tenantId/roleName/deptName/apiKey/remoteIp/env/tableName/method/recordLevel/pattern/modelTable/fileSize/node.tags 等"值/标签/提示"类。注：customer-archive 准入类型原在例外中，2026-08-25 用户要求也转纯文本（已加 status-text）。
 
 ## 关键文件
 - 分组白卡：`src/components/section-card/main.vue`。
diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 5fa2b84..0d8e0e6 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -898,7 +898,10 @@
 }
 
 // 全站统一：手写表格操作列中的文字链接保持间距并支持自动换行
-.el-table .el-table__body .cell:not(.avue-crud__menu):has(> .el-link) {
+// 用后代选择器 :has(.el-link) 而非直接子元素 :has(> .el-link)，
+// 以兼容「el-link 被 div 包裹」的手写操作列（如 pre-settlement 的 .pre-settlement-page__links），
+// 让无论是否包了一层 div 的操作列按钮都统一居中。
+.el-table .el-table__body .cell:not(.avue-crud__menu):has(.el-link) {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -929,7 +932,7 @@
 
 // 全站统一：去除操作列 el-link 默认 margin，避免与 8px gap 叠加导致文字间距过宽
 .avue-crud .avue-crud__menu .el-link,
-.el-table .el-table__body .cell:not(.avue-crud__menu):has(> .el-link) .el-link {
+.el-table .el-table__body .cell:not(.avue-crud__menu):has(.el-link) .el-link {
   margin: 0;
 }
 
@@ -948,7 +951,7 @@
 // 操作列单元格会被加上 .el-tooltip 类并写死宽度，导致内部 el-link 换行后被裁切。
 // 此处豁免操作列单元格：让 Avue 行菜单与手写表格操作列保持原有 flex 自动换行，不被固定宽度裁切。
 .el-table .cell.avue-crud__menu,
-.el-table .el-table__body .cell.el-tooltip:has(> .el-link) {
+.el-table .el-table__body .cell.el-tooltip:has(.el-link) {
   width: auto !important;
   overflow: visible;
   text-overflow: clip;
@@ -1027,27 +1030,22 @@
 //  margin-bottom: 15px !important;
 //}
 
-// ============ 业务状态标签：全站统一为「文字 + 颜色」样式 ============
-// 去掉 el-tag 默认背景与边框，仅保留彩色文字，并前置一个状态圆点（颜色同文字）。
+// ============ 业务状态标签：全站统一为普通文字 ============
+// 去掉 el-tag 默认背景、边框、颜色圆点，仅保留文本本身，颜色与正文一致。
 // 适用于所有业务状态展示：调度状态 / 运单状态 / 审批状态等。
 .el-tag.status-text {
   background-color: transparent !important;
   border-color: transparent !important;
+  color: var(--el-text-color-regular) !important;
   padding: 0;
-  margin-left: 8px;
-  font-weight: 500;
+  margin: 0;
+  font-weight: normal !important;
+  font-size: inherit !important;
   line-height: inherit;
+  height: auto !important;
+  vertical-align: baseline;
 
   &::before {
-    content: '';
-    display: inline-block;
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    background-color: currentColor;
-    margin-right: 6px;
-    vertical-align: middle;
-    position: relative;
-    top: -1px;
+    display: none;
   }
 }
diff --git a/src/views/authority/apikey.vue b/src/views/authority/apikey.vue
index c89d7da..2501704 100644
--- a/src/views/authority/apikey.vue
+++ b/src/views/authority/apikey.vue
@@ -30,7 +30,7 @@
         </el-button>
       </template>
       <template #status="{ row }">
-        <el-tag :type="row.status === 1 ? 'success' : 'danger'">
+        <el-tag :type="row.status === 1 ? 'success' : 'danger'" class="status-text">
           {{ row.status === 1 ? '启用' : '禁用' }}
         </el-tag>
       </template>
diff --git a/src/views/authority/ratelimit.vue b/src/views/authority/ratelimit.vue
index 6a53566..9c46732 100644
--- a/src/views/authority/ratelimit.vue
+++ b/src/views/authority/ratelimit.vue
@@ -47,7 +47,7 @@
         {{ row.limitCount }} 次 / {{ row.limitPeriod }} {{ timeUnitLabel(row.timeUnit) }}
       </template>
       <template #status="{ row }">
-        <el-tag :type="row.status === 1 ? 'success' : 'danger'">
+        <el-tag :type="row.status === 1 ? 'success' : 'danger'" class="status-text">
           {{ row.status === 1 ? '启用' : '禁用' }}
         </el-tag>
       </template>
diff --git a/src/views/base/airport-master.vue b/src/views/base/airport-master.vue
index 1b02c0f..a6073d1 100644
--- a/src/views/base/airport-master.vue
+++ b/src/views/base/airport-master.vue
@@ -55,7 +55,7 @@
         </el-button>
       </template>
       <template #status="{ row }">
-        <el-tag :type="row.status === 1 ? 'primary' : 'info'">
+        <el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
           {{ row.status === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
diff --git a/src/views/base/currency.vue b/src/views/base/currency.vue
index 11d32a0..f4441bb 100644
--- a/src/views/base/currency.vue
+++ b/src/views/base/currency.vue
@@ -63,7 +63,7 @@
         </el-autocomplete>
       </template>
       <template #status="{ row }">
-        <el-tag :type="row.status === 1 ? 'primary' : 'info'">
+        <el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
           {{ row.status === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
diff --git a/src/views/base/customer-type.vue b/src/views/base/customer-type.vue
index cced3b9..fb68968 100644
--- a/src/views/base/customer-type.vue
+++ b/src/views/base/customer-type.vue
@@ -31,7 +31,7 @@
         </el-button>
       </template>
       <template #status="{ row }">
-        <el-tag :type="row.status === 1 ? 'primary' : 'info'">
+        <el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
           {{ row.status === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
diff --git a/src/views/base/fee-item.vue b/src/views/base/fee-item.vue
index 69a8091..0fad1fe 100644
--- a/src/views/base/fee-item.vue
+++ b/src/views/base/fee-item.vue
@@ -32,7 +32,7 @@
         </el-button>
       </template>
       <template #status="{ row }">
-        <el-tag :type="row.status === 1 ? 'primary' : 'info'">
+        <el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
           {{ row.status === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
@@ -255,7 +255,7 @@ export default {
             addDisplay: false,
             editDisplay: false,
             value: 1,
-            minWidth: 100,
+            minWidth: 110,
           },
         ],
       },
diff --git a/src/views/base/port-terminal.vue b/src/views/base/port-terminal.vue
index 8c8543d..1dc5b06 100644
--- a/src/views/base/port-terminal.vue
+++ b/src/views/base/port-terminal.vue
@@ -64,7 +64,7 @@
         <span>港口/码头</span>
       </template>
       <template #status="{ row }">
-        <el-tag :type="row.status === 1 ? 'primary' : 'info'">
+        <el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
           {{ row.status === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
diff --git a/src/views/base/railway-station.vue b/src/views/base/railway-station.vue
index 428acce..d7b4e94 100644
--- a/src/views/base/railway-station.vue
+++ b/src/views/base/railway-station.vue
@@ -55,7 +55,7 @@
         </el-button>
       </template>
       <template #status="{ row }">
-        <el-tag :type="row.status === 1 ? 'primary' : 'info'">
+        <el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
           {{ row.status === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
diff --git a/src/views/business/components/business-crud-page.vue b/src/views/business/components/business-crud-page.vue
index 5d9983a..a58baca 100644
--- a/src/views/business/components/business-crud-page.vue
+++ b/src/views/business/components/business-crud-page.vue
@@ -96,19 +96,19 @@
       </template>
 
       <template #status="{ row }">
-        <el-tag :type="statusTagType(row.status)">
+        <el-tag :type="statusTagType(row.status)" class="status-text">
           {{ displayStatus(row, 'status') }}
         </el-tag>
       </template>
 
       <template #businessStatus="{ row }">
-        <el-tag :type="statusTagType(row.businessStatus)">
+        <el-tag :type="statusTagType(row.businessStatus)" class="status-text">
           {{ displayStatus(row, 'businessStatus') }}
         </el-tag>
       </template>
 
       <template #approvalStatus="{ row }">
-        <el-tag :type="statusTagType(row.approvalStatus)">
+        <el-tag :type="statusTagType(row.approvalStatus)" class="status-text">
           {{ displayStatus(row, 'approvalStatus') }}
         </el-tag>
       </template>
@@ -2177,15 +2177,15 @@
                 <span>|</span>
                 {{ detailRow.planNo || '-' }}
               </h2>
-              <el-tag class="is-dispatching" effect="light">
+              <span class="detail-status-text is-dispatching">
                 {{ displayStatus(detailRow, 'businessStatus') }}
-              </el-tag>
-              <el-tag type="primary" effect="light">
+              </span>
+              <span class="detail-status-text detail-transport-type">
                 {{
                   detailRow.transportTypeName ||
                   formatTransportPlanDetailTransportType(detailRow.transportType)
                 }}
-              </el-tag>
+              </span>
             </div>
             <div class="business-crud-page__transport-plan-detail-overview">
               <div class="business-crud-page__transport-plan-detail-fields">
@@ -2347,10 +2347,10 @@
             <div class="business-crud-page__waybill-heading">
               <strong>运单详情</strong>
               <span>{{ detailRow.waybillNo || '-' }}</span>
-              <el-tag type="success">{{ displayStatus(detailRow, 'businessStatus') }}</el-tag>
-              <el-tag type="primary">
+              <span class="detail-status-text status-text-success">{{ displayStatus(detailRow, 'businessStatus') }}</span>
+              <span class="detail-status-text detail-transport-type">
                 {{ formatTransportPlanDetailTransportType(waybillTransportMode(detailRow)) }}
-              </el-tag>
+              </span>
               <el-link
                 v-if="detailRow.id"
                 class="business-crud-page__waybill-route-change-link"
@@ -3246,7 +3246,7 @@
               <span class="business-crud-page__dispatch-heading-no">
                 {{ dispatchDialogNo || '-' }}
               </span>
-              <el-tag :type="statusTagType(dispatchRow.businessStatus)" effect="light">
+              <el-tag :type="statusTagType(dispatchRow.businessStatus)" effect="light" class="status-text">
                 {{ dispatchDialogStatusText }}
               </el-tag>
               <el-tag type="primary" effect="light">
@@ -13125,7 +13125,7 @@ export default {
     height: auto;
     max-height: none;
     line-height: 20px;
-    white-space: pre-line;
+    //white-space: pre-line;
     word-break: break-word;
     text-overflow: clip;
   }
diff --git a/src/views/business/contract-manage.vue b/src/views/business/contract-manage.vue
index fc3b0c9..2b998d9 100644
--- a/src/views/business/contract-manage.vue
+++ b/src/views/business/contract-manage.vue
@@ -62,13 +62,13 @@
         </template>
 
         <template #contractStage="{ row }">
-          <el-tag :type="stageTagType(row.contractStage)">
+          <el-tag :type="stageTagType(row.contractStage)" class="status-text">
             {{ displayStatus(row, 'contractStage') }}
           </el-tag>
         </template>
 
         <template #approvalStatus="{ row }">
-          <el-tag :type="statusTagType(row.approvalStatus)">
+          <el-tag :type="statusTagType(row.approvalStatus)" class="status-text">
             {{ displayStatus(row, 'approvalStatus') }}
           </el-tag>
         </template>
diff --git a/src/views/business/temporary-credit-limit.vue b/src/views/business/temporary-credit-limit.vue
index 65f6ad1..afd2e58 100644
--- a/src/views/business/temporary-credit-limit.vue
+++ b/src/views/business/temporary-credit-limit.vue
@@ -45,7 +45,7 @@
       </template>
 
       <template #approvalStatus="{ row }">
-        <el-tag :type="statusTagType(row.approvalStatus)">
+        <el-tag :type="statusTagType(row.approvalStatus)" class="status-text">
           {{ displayStatus(row, 'approvalStatus') }}
         </el-tag>
       </template>
diff --git a/src/views/flow/follow.vue b/src/views/flow/follow.vue
index f4f0eec..3412052 100644
--- a/src/views/flow/follow.vue
+++ b/src/views/flow/follow.vue
@@ -18,7 +18,7 @@
       @on-load="onLoad"
     >
       <template #suspensionState="{ row }">
-        <el-tag>{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
+        <el-tag class="status-text">{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
       </template>
     </avue-crud>
     <el-dialog
diff --git a/src/views/flow/manager.vue b/src/views/flow/manager.vue
index f985bb4..11efbcf 100644
--- a/src/views/flow/manager.vue
+++ b/src/views/flow/manager.vue
@@ -49,7 +49,7 @@
         <el-tag>v{{ row.version }}</el-tag>
       </template>
       <template #suspensionState="{ row }">
-        <el-tag>{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
+        <el-tag class="status-text">{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
       </template>
       <template #category="{ row }">
         <el-tag>{{ row.categoryName }}</el-tag>
diff --git a/src/views/payment/bill-ledger-form.vue b/src/views/payment/bill-ledger-form.vue
index 10638b6..87daa14 100644
--- a/src/views/payment/bill-ledger-form.vue
+++ b/src/views/payment/bill-ledger-form.vue
@@ -1,6 +1,6 @@
 <template>
   <basic-container class="bill-ledger-form-page">
-    <div class="bill-ledger-form-page__title">
+    <div class="archive-page-form__title">
       {{ recordId ? '编辑汇票台账' : '新增汇票台账' }}
     </div>
     <el-form
@@ -11,10 +11,9 @@
       label-width="auto"
       class="bill-ledger-form-page__form"
     >
-      <section class="bill-ledger-form-page__section">
-        <div class="bill-ledger-form-page__section-title">基本信息</div>
-        <el-row :gutter="48">
-          <el-col :span="12">
+      <section-card title="基本信息">
+        <el-row :gutter="24">
+          <el-col :span="6">
             <el-form-item label="票据号码" prop="billNo">
               <el-input
                 v-model="form.billNo"
@@ -23,6 +22,8 @@
                 placeholder="请输入"
               />
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="出票单位" prop="issuerId">
               <el-select
                 v-model="form.issuerId"
@@ -41,6 +42,8 @@
                 />
               </el-select>
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="票面金额" prop="faceAmount">
               <el-input-number
                 v-model="form.faceAmount"
@@ -50,6 +53,8 @@
                 placeholder="请输入"
               />
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="出票日期" prop="issueDate">
               <el-date-picker
                 v-model="form.issueDate"
@@ -58,6 +63,8 @@
                 placeholder="请选择"
               />
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="可用部门" prop="availableDeptIds">
               <el-tree-select
                 v-model="form.availableDeptIds"
@@ -72,6 +79,8 @@
                 @change="handleDeptChange"
               />
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="费用承担方" prop="feeBearerId">
               <el-select
                 v-model="form.feeBearerId"
@@ -90,6 +99,8 @@
                 />
               </el-select>
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="双方确认贴现率" prop="confirmedDiscountRate">
               <el-input-number
                 v-model="form.confirmedDiscountRate"
@@ -103,7 +114,7 @@
               </el-input-number>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="汇票类型" prop="billType">
               <el-select v-model="form.billType" placeholder="请选择">
                 <el-option
@@ -114,6 +125,8 @@
                 />
               </el-select>
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="收票单位" prop="receiverName">
               <el-select
                 v-model="form.receiverName"
@@ -130,9 +143,13 @@
                 />
               </el-select>
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="可用余额">
               <el-input :model-value="formatMoney(projectedAvailableBalance)" disabled />
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="到期日期" prop="maturityDate">
               <el-date-picker
                 v-model="form.maturityDate"
@@ -141,6 +158,8 @@
                 placeholder="请选择"
               />
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="出票行" prop="issuingBank">
               <el-select
                 v-model="form.issuingBank"
@@ -152,6 +171,8 @@
                 <el-option v-for="item in bankOptions" :key="item" :label="item" :value="item" />
               </el-select>
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="银行贴现参考率" prop="bankDiscountReferenceRate">
               <el-input-number
                 v-model="form.bankDiscountReferenceRate"
@@ -164,15 +185,16 @@
                 <template #suffix>%</template>
               </el-input-number>
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="预计贴现费用">
               <el-input :model-value="formatMoney(estimatedDiscountFee)" disabled />
             </el-form-item>
           </el-col>
         </el-row>
-      </section>
+      </section-card>
 
-      <section class="bill-ledger-form-page__section">
-        <div class="bill-ledger-form-page__section-title">附件信息</div>
+      <section-card title="附件信息">
         <el-table :data="form.attachments" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column label="文件名" min-width="220">
@@ -215,10 +237,9 @@
           button-text="上传"
           @change="normalizeAttachments"
         />
-      </section>
+      </section-card>
 
-      <section class="bill-ledger-form-page__section">
-        <div class="bill-ledger-form-page__section-title">备注</div>
+      <section-card title="备注">
         <el-form-item prop="remark" class="bill-ledger-form-page__remark">
           <el-input
             v-model="form.remark"
@@ -229,10 +250,9 @@
             placeholder="请输入"
           />
         </el-form-item>
-      </section>
+      </section-card>
 
-      <section class="bill-ledger-form-page__section">
-        <div class="bill-ledger-form-page__section-title">使用记录</div>
+      <section-card title="使用记录">
         <el-table :data="usageRecords" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column prop="applicationNo" label="申请单号" min-width="180" align="center" />
@@ -244,7 +264,7 @@
             <template #default>已审核</template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
       <div class="bill-ledger-form-page__actions">
         <el-button type="primary" :loading="saving" @click="confirmSubmit">确认</el-button>
@@ -540,28 +560,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.bill-ledger-form-page__title,
-.bill-ledger-form-page__section-title {
-  display: flex;
-  align-items: center;
-  margin-bottom: 16px;
-  font-size: 18px;
-  font-weight: 600;
-}
-.bill-ledger-form-page__title::before,
-.bill-ledger-form-page__section-title::before {
-  width: 4px;
-  height: 20px;
-  margin-right: 8px;
-  background: #409eff;
-  content: '';
-}
-.bill-ledger-form-page__section {
-  margin-bottom: 24px;
-}
-.bill-ledger-form-page__section-title {
-  font-size: 16px;
-}
+
+
 .bill-ledger-form-page__form :deep(.el-form-item) {
   margin-bottom: 16px;
 }
@@ -591,7 +591,7 @@ export default {
   background: #fafafa;
 }
 @media (max-width: 1024px) {
-  .bill-ledger-form-page :deep(.el-col-12) {
+  .bill-ledger-form-page :deep(.el-col-6) {
     max-width: 100%;
     flex: 0 0 100%;
   }
diff --git a/src/views/payment/bill-payment-form.vue b/src/views/payment/bill-payment-form.vue
index 6f78fdf..38e9dfd 100644
--- a/src/views/payment/bill-payment-form.vue
+++ b/src/views/payment/bill-payment-form.vue
@@ -8,10 +8,9 @@
       label-width="auto"
       class="bill-payment-form-page__form"
     >
-      <section class="bill-payment-form-page__section">
-        <div class="bill-payment-form-page__section-title">基本信息</div>
-        <el-row :gutter="48">
-          <el-col :span="12">
+      <section-card title="基本信息">
+        <el-row :gutter="24">
+          <el-col :span="6">
             <el-form-item label="票据号码" prop="billLedgerId">
               <el-input
                 v-model="form.billNo"
@@ -24,9 +23,13 @@
                 </template>
               </el-input>
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="可用余额">
               <el-input :model-value="formatMoney(form.availableBalance)" disabled />
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="付款日期" prop="paymentDate">
               <el-date-picker
                 v-model="form.paymentDate"
@@ -37,10 +40,12 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="票面金额">
               <el-input :model-value="formatMoney(form.faceAmount)" disabled />
             </el-form-item>
+          </el-col>
+          <el-col :span="6">
             <el-form-item label="本次使用" prop="usedAmount">
               <el-input-number
                 v-model="form.usedAmount"
@@ -66,10 +71,9 @@
             </el-form-item>
           </el-col>
         </el-row>
-      </section>
+      </section-card>
 
-      <section class="bill-payment-form-page__section">
-        <div class="bill-payment-form-page__section-title">附件信息</div>
+      <section-card title="附件信息">
         <el-table :data="form.attachments" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column label="文件名" min-width="220">
@@ -115,7 +119,7 @@
           button-text="上传"
           @change="normalizeAttachments"
         />
-      </section>
+      </section-card>
 
       <div class="bill-payment-form-page__actions">
         <template v-if="!readonly">
@@ -373,23 +377,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.bill-payment-form-page__section {
-  margin-bottom: 24px;
-}
-.bill-payment-form-page__section-title {
-  display: flex;
-  align-items: center;
-  margin-bottom: 16px;
-  font-size: 18px;
-  font-weight: 600;
-}
-.bill-payment-form-page__section-title::before {
-  width: 4px;
-  height: 20px;
-  margin-right: 8px;
-  background: #409eff;
-  content: '';
-}
 .bill-payment-form-page__form :deep(.el-form-item) {
   margin-bottom: 16px;
 }
@@ -426,7 +413,7 @@ export default {
   background: #fafafa;
 }
 @media (max-width: 1024px) {
-  .bill-payment-form-page :deep(.el-col-12) {
+  .bill-payment-form-page :deep(.el-col-6) {
     max-width: 100%;
     flex: 0 0 100%;
   }
diff --git a/src/views/payment/components/bill-payment-table.vue b/src/views/payment/components/bill-payment-table.vue
index 80b5b0f..0072e41 100644
--- a/src/views/payment/components/bill-payment-table.vue
+++ b/src/views/payment/components/bill-payment-table.vue
@@ -15,7 +15,7 @@
         show-overflow-tooltip
       >
         <template #default="{ row }">
-          <el-tag v-if="column.status" :type="statusType(row.approvalStatus)">
+          <el-tag v-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">
             {{ row[column.prop] || '-' }}
           </el-tag>
           <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
diff --git a/src/views/payment/invoice-application-form.vue b/src/views/payment/invoice-application-form.vue
index 0b94797..abfb2be 100644
--- a/src/views/payment/invoice-application-form.vue
+++ b/src/views/payment/invoice-application-form.vue
@@ -1,6 +1,6 @@
 <template>
   <basic-container class="invoice-form-page">
-    <div class="invoice-form-page__title">
+    <div class="archive-page-form__title">
       {{ readonly ? '查看开票申请' : recordId ? '编辑开票申请' : '新增开票申请' }}
     </div>
 
@@ -12,10 +12,9 @@
       label-width="auto"
       class="invoice-form-page__form"
     >
-      <section class="invoice-form-page__section">
-        <div class="invoice-form-page__section-title">开票基本信息</div>
+      <section-card title="开票基本信息">
         <el-row :gutter="24">
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="结算单" prop="settlementIds">
               <el-input :model-value="settlementLabel" readonly placeholder="请选择正式结算单">
                 <template v-if="!readonly" #append>
@@ -24,17 +23,17 @@
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="所属项目">
               <el-input v-model="form.projectName" disabled placeholder="根据结算单自动带出" />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="开票单位">
               <el-input v-model="form.issuerName" disabled placeholder="根据结算单自动带出" />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="发票类型" prop="invoiceType">
               <el-select
                 v-model="form.invoiceType"
@@ -50,7 +49,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="可开票金额">
               <el-input
                 :model-value="form.settlements.length ? formatMoney(availableInvoiceAmount) : ''"
@@ -59,7 +58,7 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="本次开票金额">
               <el-input
                 :model-value="invoiceAmount > 0 ? formatMoney(invoiceAmount) : ''"
@@ -68,17 +67,17 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="申请日期">
               <el-input v-model="form.applicationDate" disabled placeholder="提交后自动显示" />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="申请人">
               <el-input v-model="form.applicantName" disabled />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="承办部门">
               <el-input
                 v-model="form.undertakingDeptName"
@@ -87,7 +86,7 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="部门邮箱" prop="departmentEmails">
               <el-select
                 v-model="form.departmentEmails"
@@ -108,12 +107,11 @@
             </el-form-item>
           </el-col>
         </el-row>
-      </section>
+      </section-card>
 
-      <section class="invoice-form-page__section">
-        <div class="invoice-form-page__section-title">受票方信息</div>
+      <section-card title="受票方信息">
         <el-row :gutter="24">
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="受票方单位" prop="receiverInvoiceInfoId">
               <el-select
                 v-model="form.receiverInvoiceInfoId"
@@ -130,12 +128,12 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="纳税人识别号" prop="taxpayerNo">
               <el-input v-model="form.taxpayerNo" disabled placeholder="选择受票方单位后自动带出" />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="开户账号" prop="bankAccount">
               <el-input
                 v-model="form.bankAccount"
@@ -144,12 +142,12 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="开户行" prop="bankName">
               <el-input v-model="form.bankName" disabled placeholder="选择受票方单位后自动带出" />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="注册地址" prop="registeredAddress">
               <el-input
                 v-model="form.registeredAddress"
@@ -158,7 +156,7 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="联系人">
               <el-select
                 v-model="form.contactName"
@@ -177,24 +175,20 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="联系电话" prop="contactPhone">
               <el-input v-model="form.contactPhone" :disabled="readonly" maxlength="11" />
             </el-form-item>
           </el-col>
-          <el-col :span="8">
+          <el-col :span="6">
             <el-form-item label="邮箱" prop="email">
               <el-input v-model="form.email" :disabled="readonly" maxlength="100" />
             </el-form-item>
           </el-col>
         </el-row>
-      </section>
+      </section-card>
 
-      <section class="invoice-form-page__section">
-        <div class="invoice-form-page__section-heading">
-          <div class="invoice-form-page__section-title">开票内容</div>
-          <el-button v-if="!readonly" type="primary" @click="addSheet">添加</el-button>
-        </div>
+      <section-card title="开票内容"><template #extra><el-button v-if="!readonly" type="primary" @click="addSheet">添加</el-button></template>
         <div v-for="(sheet, sheetIndex) in form.sheets" :key="sheet.localId" class="invoice-sheet">
           <div class="invoice-sheet__header">
             <span>第{{ sheetIndex + 1 }}张</span>
@@ -311,10 +305,9 @@
             </el-table-column>
           </el-table>
         </div>
-      </section>
+      </section-card>
 
-      <section class="invoice-form-page__section">
-        <div class="invoice-form-page__section-title">结算信息</div>
+      <section-card title="结算信息">
         <el-table :data="form.settlements" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column prop="formalSettlementNo" label="结算单号" min-width="170" />
@@ -337,10 +330,9 @@
             </template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section class="invoice-form-page__section">
-        <div class="invoice-form-page__section-title">开票明细</div>
+      <section-card title="开票明细">
         <el-table
           ref="detailTable"
           :data="detailRows"
@@ -371,10 +363,9 @@
             </template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section class="invoice-form-page__section">
-        <div class="invoice-form-page__section-title">附件信息</div>
+      <section-card title="附件信息">
         <vehicle-attachment-upload
           v-model="form.attachments"
           :readonly="readonly"
@@ -408,10 +399,9 @@
             </template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section class="invoice-form-page__section">
-        <div class="invoice-form-page__section-title">备注</div>
+      <section-card title="备注">
         <el-form-item class="invoice-form-page__remark">
           <el-input
             v-model="form.remark"
@@ -422,7 +412,7 @@
             show-word-limit
           />
         </el-form-item>
-      </section>
+      </section-card>
 
       <div class="invoice-form-page__actions">
         <el-button v-if="!readonly" type="primary" plain @click="syncReferenceData">同步</el-button>
@@ -950,40 +940,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.invoice-form-page__title,
-.invoice-form-page__section-title {
-  display: flex;
-  align-items: center;
-  font-size: 18px;
-  font-weight: 600;
-  margin-bottom: 16px;
-}
-.invoice-form-page__title::before,
-.invoice-form-page__section-title::before {
-  width: 4px;
-  height: 20px;
-  margin-right: 8px;
-  background: #409eff;
-  content: '';
-}
-.invoice-form-page__section {
-  margin-bottom: 24px;
-}
-.invoice-form-page__section-title {
-  font-size: 16px;
-}
-.invoice-form-page__section-heading,
-.invoice-sheet__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.invoice-form-page__section-heading .invoice-form-page__section-title {
-  margin-bottom: 0;
-}
-.invoice-form-page__form :deep(.el-form-item) {
-  margin-bottom: 16px;
-}
 .invoice-form-page__form :deep(.el-select),
 .invoice-form-page__form :deep(.el-input-number) {
   width: 100%;
@@ -1030,13 +986,13 @@ export default {
   background: #fafafa;
 }
 @media (max-width: 1200px) {
-  .invoice-form-page__form :deep(.el-col-8) {
+  .invoice-form-page__form :deep(.el-col-6) {
     max-width: 50%;
     flex: 0 0 50%;
   }
 }
 @media (max-width: 768px) {
-  .invoice-form-page__form :deep(.el-col-8) {
+  .invoice-form-page__form :deep(.el-col-6) {
     max-width: 100%;
     flex: 0 0 100%;
   }
diff --git a/src/views/payment/invoice-application.vue b/src/views/payment/invoice-application.vue
index 2e71f56..5506add 100644
--- a/src/views/payment/invoice-application.vue
+++ b/src/views/payment/invoice-application.vue
@@ -89,7 +89,7 @@
             <el-link v-if="column.link && row[column.prop]" type="primary" @click="openView(row)">
               {{ row[column.prop] }}
             </el-link>
-            <el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">
+            <el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">
               {{ displayValue(row[column.prop]) }}
             </el-tag>
             <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
diff --git a/src/views/payment/invoice-receipt-form.vue b/src/views/payment/invoice-receipt-form.vue
index f9ea1b2..45925ce 100644
--- a/src/views/payment/invoice-receipt-form.vue
+++ b/src/views/payment/invoice-receipt-form.vue
@@ -1,6 +1,6 @@
 <template>
   <basic-container class="receipt-form-page">
-    <div class="receipt-form-page__title">
+    <div class="archive-page-form__title">
       {{ readonly ? '查看收票登记' : recordId ? '编辑收票登记' : '新增收票登记' }}
     </div>
 
@@ -12,10 +12,9 @@
       label-width="auto"
       class="receipt-form-page__form"
     >
-      <section class="receipt-form-page__section">
-        <div class="receipt-form-page__section-title">收票基本信息</div>
+      <section-card title="收票基本信息">
         <el-row :gutter="32">
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="发票号码" prop="invoiceNo">
               <el-input v-model="form.invoiceNo" readonly placeholder="请选择金蝶票据池发票">
                 <template v-if="!readonly" #append>
@@ -26,17 +25,17 @@
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="开票日期">
               <el-input v-model="form.invoiceDate" disabled placeholder="从金蝶票据池带出" />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="发票类型">
               <el-input v-model="form.invoiceType" disabled placeholder="从金蝶票据池带出" />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="税率">
               <el-input
                 :model-value="formatRate(form.taxRate)"
@@ -45,7 +44,7 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="开票金额">
               <el-input
                 :model-value="form.kingdeeInvoicePoolId ? formatMoney(form.invoiceAmount) : ''"
@@ -54,7 +53,7 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="税额">
               <el-input
                 :model-value="form.kingdeeInvoicePoolId ? formatMoney(form.taxAmount) : ''"
@@ -63,17 +62,17 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="受票单位">
               <el-input v-model="form.receiverName" disabled placeholder="从金蝶票据池带出" />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="开票单位">
               <el-input v-model="form.issuerName" disabled placeholder="从金蝶票据池带出" />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="关联结算单" prop="settlementIds">
               <el-input :model-value="settlementLabel" readonly placeholder="请选择应付正式结算单">
                 <template v-if="!readonly" #append>
@@ -84,27 +83,27 @@
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="开户行">
               <el-input v-model="form.bankName" disabled placeholder="从金蝶票据池带出" />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="开户账号">
               <el-input v-model="form.bankAccount" disabled placeholder="从金蝶票据池带出" />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="开票行">
               <el-input v-model="form.issuingBank" disabled placeholder="从金蝶票据池带出" />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="电话">
               <el-input v-model="form.phone" :disabled="readonly" maxlength="50" />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="客户邮箱" prop="customerEmails">
               <el-select
                 v-model="form.customerEmails"
@@ -124,7 +123,7 @@
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="部门邮箱" prop="departmentEmails">
               <el-select
                 v-model="form.departmentEmails"
@@ -145,10 +144,9 @@
             </el-form-item>
           </el-col>
         </el-row>
-      </section>
+      </section-card>
 
-      <section class="receipt-form-page__section">
-        <div class="receipt-form-page__section-title">结算信息</div>
+      <section-card title="结算信息">
         <el-table :data="form.settlements" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column label="结算单号" min-width="180" align="center">
@@ -177,11 +175,10 @@
             </template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section class="receipt-form-page__section">
-        <div class="receipt-form-page__section-heading">
-          <div class="receipt-form-page__section-title">附件信息</div>
+      <section-card title="附件信息">
+        <template #extra>
           <el-button
             v-if="form.attachments.length"
             type="primary"
@@ -190,7 +187,7 @@
             @click="downloadAttachments"
             >批量下载</el-button
           >
-        </div>
+        </template>
         <el-table :data="form.attachments" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column label="文件名" min-width="220">
@@ -227,10 +224,9 @@
           class="receipt-form-page__uploader"
           @change="normalizeAttachments"
         />
-      </section>
+      </section-card>
 
-      <section class="receipt-form-page__section">
-        <div class="receipt-form-page__section-title">备注</div>
+      <section-card title="备注">
         <el-form-item class="receipt-form-page__remark">
           <el-input
             v-model="form.remark"
@@ -241,7 +237,7 @@
             show-word-limit
           />
         </el-form-item>
-      </section>
+      </section-card>
 
       <div class="receipt-form-page__actions">
         <el-button v-if="!readonly" type="primary" plain @click="syncReferenceData">同步</el-button>
@@ -755,36 +751,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.receipt-form-page__title,
-.receipt-form-page__section-title {
-  display: flex;
-  align-items: center;
-  font-size: 18px;
-  font-weight: 600;
-  margin-bottom: 16px;
-}
-.receipt-form-page__title::before,
-.receipt-form-page__section-title::before {
-  width: 4px;
-  height: 20px;
-  margin-right: 8px;
-  background: #409eff;
-  content: '';
-}
-.receipt-form-page__section {
-  margin-bottom: 24px;
-}
-.receipt-form-page__section-title {
-  font-size: 16px;
-}
-.receipt-form-page__section-heading {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.receipt-form-page__section-heading .receipt-form-page__section-title {
-  margin-bottom: 0;
-}
 .receipt-form-page__form :deep(.el-form-item) {
   margin-bottom: 16px;
 }
@@ -826,7 +792,7 @@ export default {
   background: #fafafa;
 }
 @media (max-width: 900px) {
-  .receipt-form-page__form :deep(.el-col-12) {
+  .receipt-form-page__form :deep(.el-col-6) {
     max-width: 100%;
     flex: 0 0 100%;
   }
diff --git a/src/views/payment/invoice-receipt.vue b/src/views/payment/invoice-receipt.vue
index 9a11c3e..7c7b5f0 100644
--- a/src/views/payment/invoice-receipt.vue
+++ b/src/views/payment/invoice-receipt.vue
@@ -95,7 +95,7 @@
             <el-link v-if="column.link && row[column.prop]" type="primary" @click="openView(row)">
               {{ row[column.prop] }}
             </el-link>
-            <el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">
+            <el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">
               {{ displayValue(row[column.prop]) }}
             </el-tag>
             <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
diff --git a/src/views/payment/payment-application-form.vue b/src/views/payment/payment-application-form.vue
index 01c8d13..f0cdb00 100644
--- a/src/views/payment/payment-application-form.vue
+++ b/src/views/payment/payment-application-form.vue
@@ -1,6 +1,6 @@
 <template>
   <basic-container class="payment-form-page">
-    <div class="payment-form-page__title">
+    <div class="archive-page-form__title">
       {{ readonly ? '查看付款申请' : recordId ? '编辑付款申请' : '新增付款申请' }}
     </div>
     <el-form
@@ -11,17 +11,16 @@
       label-width="auto"
       class="payment-form-page__form"
     >
-      <section class="payment-form-page__section">
-        <div class="payment-form-page__section-title">付款基本信息</div>
+      <section-card title="付款基本信息">
         <el-row :gutter="24">
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="单据号"
               ><el-input
                 v-model="form.paymentNo"
                 disabled
                 placeholder="系统自动生成" /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="付款类型" prop="paymentType"
               ><el-select v-model="form.paymentType" :disabled="readonly" @change="handleTypeChange"
                 ><el-option
@@ -29,7 +28,7 @@
                   :key="item.value"
                   v-bind="item" /></el-select></el-form-item
           ></el-col>
-          <el-col v-if="form.paymentType !== 'project_advance'" :span="12"
+          <el-col v-if="form.paymentType !== 'project_advance'" :span="6"
             ><el-form-item label="结算单号" prop="referenceId"
               ><el-input
                 v-model="referenceLabel"
@@ -42,7 +41,7 @@
               ></el-form-item
             ></el-col
           >
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="所属项目"
               ><el-input v-model="form.projectName" disabled
                 ><template v-if="form.paymentType === 'project_advance'" #append
@@ -51,23 +50,23 @@
               ></el-form-item
             ></el-col
           >
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="合同名称"
               ><el-input v-model="form.contractName" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="结算金额"
               ><el-input v-model="form.settlementAmount" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="可付款金额"
               ><el-input v-model="form.payableAmount" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="票款类型"
               ><el-input v-model="form.billType" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="付款比例" prop="paymentRatio"
               ><el-input-number
                 v-model="form.paymentRatio"
@@ -78,7 +77,7 @@
                 :controls="false"
                 style="width: 100%" /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="申请付款金额" prop="appliedAmount"
               ><el-input-number
                 v-model="form.appliedAmount"
@@ -88,7 +87,7 @@
                 :controls="false"
                 style="width: 100%" /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="付款方式" prop="paymentMethod"
               ><el-select
                 v-model="form.paymentMethod"
@@ -99,7 +98,7 @@
                   :key="item.value"
                   v-bind="item" /></el-select></el-form-item
           ></el-col>
-          <el-col v-if="billPayment" :span="12"
+          <el-col v-if="billPayment" :span="6"
             ><el-form-item label="汇票票据" prop="billLedgerId"
               ><el-select
                 v-model="form.billLedgerId"
@@ -119,23 +118,23 @@
                   }`"
                   :value="item.id" /></el-select></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="收款方"
               ><el-input v-model="form.payeeName" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="收款账号"
               ><el-input v-model="form.bankAccount" :disabled="readonly" /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="开户银行"
               ><el-input v-model="form.bankName" :disabled="readonly" /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="申请人"
               ><el-input v-model="form.applicantName" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="申请日期"
               ><el-input v-model="form.applyDate" disabled /></el-form-item
           ></el-col>
@@ -149,9 +148,8 @@
                 show-word-limit /></el-form-item
           ></el-col>
         </el-row>
-      </section>
-      <section class="payment-form-page__section">
-        <div class="payment-form-page__section-title">结算信息</div>
+      </section-card>
+      <section-card title="结算信息">
         <el-table :data="settlementRows" border
           ><el-table-column type="index" label="序号" width="70" /><el-table-column
             prop="settlementNo"
@@ -170,9 +168,8 @@
             label="付款金额"
             min-width="130"
         /></el-table>
-      </section>
-      <section class="payment-form-page__section">
-        <div class="payment-form-page__section-title">发票信息</div>
+      </section-card>
+      <section-card title="发票信息">
         <div class="payment-form-page__section-actions">
           <el-button type="primary" plain :disabled="readonly" @click="addInvoice"
             >新增发票</el-button
@@ -229,9 +226,8 @@
             ></el-table-column
           ></el-table
         >
-      </section>
-      <section class="payment-form-page__section">
-        <div class="payment-form-page__section-title">付款记录</div>
+      </section-card>
+      <section-card title="付款记录">
         <el-table :data="paymentRecords" border
           ><el-table-column type="index" label="序号" width="70" /><el-table-column
             prop="paidAmount"
@@ -247,9 +243,8 @@
             label="付款凭证"
             min-width="160"
         /></el-table>
-      </section>
-      <section class="payment-form-page__section">
-        <div class="payment-form-page__section-title">附件</div>
+      </section-card>
+      <section-card title="附件">
         <vehicle-attachment-upload
           v-model="form.attachments"
           :readonly="readonly"
@@ -296,7 +291,7 @@
             ></el-table-column
           ></el-table
         >
-      </section>
+      </section-card>
       <div class="payment-form-page__actions">
         <el-button @click="goBack">返回</el-button
         ><el-button v-if="!readonly && canSave" @click="saveDraft">保存</el-button
@@ -803,33 +798,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.payment-form-page__title,
-.payment-form-page__section-title {
-  display: flex;
-  align-items: center;
-  font-size: 18px;
-  font-weight: 600;
-  margin-bottom: 16px;
-}
-.payment-form-page__title::before,
-.payment-form-page__section-title::before {
-  width: 4px;
-  height: 20px;
-  margin-right: 8px;
-  background: #409eff;
-  content: '';
-}
-.payment-form-page__section {
-  margin-bottom: 24px;
-}
-.payment-form-page__section-title {
-  font-size: 16px;
-}
-.payment-form-page__section-actions {
-  display: flex;
-  justify-content: flex-end;
-  margin-bottom: 8px;
-}
 .payment-form-page__actions {
   display: flex;
   justify-content: center;
@@ -837,6 +805,11 @@ export default {
   padding: 24px 0;
   border-top: 1px solid #eff1f7;
 }
+.payment-form-page__section-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 8px;
+}
 .payment-form-page :deep(.el-form-item) {
   margin-bottom: 16px;
 }
diff --git a/src/views/payment/payment-application.vue b/src/views/payment/payment-application.vue
index 445afa1..64d2970 100644
--- a/src/views/payment/payment-application.vue
+++ b/src/views/payment/payment-application.vue
@@ -114,7 +114,7 @@
             <el-link v-if="column.link" type="primary" @click="openView(row)">{{
               row[column.prop]
             }}</el-link>
-            <el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">{{
+            <el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">{{
               row[column.prop] || '-'
             }}</el-tag>
             <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
diff --git a/src/views/payment/receipt-claim-record-form.vue b/src/views/payment/receipt-claim-record-form.vue
index 42985f2..5c46897 100644
--- a/src/views/payment/receipt-claim-record-form.vue
+++ b/src/views/payment/receipt-claim-record-form.vue
@@ -1,82 +1,80 @@
 <template>
   <basic-container class="claim-record-form-page">
     <el-form :model="form" label-position="right" label-width="auto">
-      <section class="claim-record-form-page__section">
-        <div class="claim-record-form-page__section-title">收款信息</div>
+      <section-card title="收款信息">
         <el-row :gutter="32">
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="认领通知单">
               <el-input v-model="form.receiptNoticeNo" disabled />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="付款人"
               ><el-input v-model="form.payerName" disabled
             /></el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="收款金额">
               <el-input :model-value="formatMoney(form.receiptAmount)" disabled />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="交易时间">
               <el-input v-model="form.transactionTime" disabled />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="对方户名">
               <el-input v-model="form.counterpartyName" disabled />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="对方开户行">
               <el-input v-model="form.counterpartyBank" disabled />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="对方账号">
               <el-input v-model="form.counterpartyAccount" disabled />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="明细流水号">
               <el-input v-model="form.detailSerialNo" disabled />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="已认领金额">
               <el-input :model-value="formatMoney(form.claimAmount)" disabled />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="摘要"><el-input v-model="form.summary" disabled /></el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="关联结算单">
               <el-input v-model="form.associatedSettlementNos" disabled />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="认领人">
               <el-input v-model="form.claimerName" disabled />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="认领日期">
               <el-input v-model="form.claimDate" disabled />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="6">
             <el-form-item label="认领人部门">
               <el-input v-model="form.claimerDeptName" disabled />
             </el-form-item>
           </el-col>
         </el-row>
-      </section>
+      </section-card>
 
-      <section class="claim-record-form-page__section">
-        <div class="claim-record-form-page__section-title">结算信息</div>
+      <section-card title="结算信息">
         <el-table :data="form.settlements" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column label="结算单号" min-width="180" align="center">
@@ -96,19 +94,15 @@
             <template #default="{ row }">{{ formatMoney(row.allocatedReceiptAmount) }}</template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section class="claim-record-form-page__section">
-        <div class="claim-record-form-page__section-heading">
-          <div class="claim-record-form-page__section-title">附件信息</div>
-          <el-button
+      <section-card title="附件信息"><template #extra><el-button
             v-if="form.attachments.length"
             type="primary"
             :icon="Download"
             @click="downloadAttachments"
             >批量下载</el-button
-          >
-        </div>
+          ></template>
         <el-table :data="form.attachments" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column label="文件名" min-width="220">
@@ -148,12 +142,11 @@
           class="claim-record-form-page__uploader"
           @change="handleAttachmentChange"
         />
-      </section>
+      </section-card>
 
-      <section class="claim-record-form-page__section">
-        <div class="claim-record-form-page__section-title">备注</div>
+      <section-card title="备注">
         <el-input v-model="form.remark" type="textarea" :rows="3" maxlength="200" disabled />
-      </section>
+      </section-card>
 
       <div class="claim-record-form-page__actions">
         <el-button @click="goBack">关闭</el-button>
@@ -317,35 +310,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.claim-record-form-page__section {
-  margin-bottom: 24px;
-}
-.claim-record-form-page__section-title {
-  display: flex;
-  align-items: center;
-  margin-bottom: 16px;
-  font-size: 16px;
-  font-weight: 600;
-}
-.claim-record-form-page__section-title::before {
-  width: 4px;
-  height: 20px;
-  margin-right: 8px;
-  background: #409eff;
-  content: '';
-}
-.claim-record-form-page__section-heading {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 16px;
-}
-.claim-record-form-page__section-heading .claim-record-form-page__section-title {
-  margin-bottom: 0;
-}
-.claim-record-form-page :deep(.el-form-item) {
-  margin-bottom: 16px;
-}
 .claim-record-form-page__actions {
   display: flex;
   justify-content: center;
diff --git a/src/views/payment/receipt-claim-record.vue b/src/views/payment/receipt-claim-record.vue
index 32d947a..b2cd83f 100644
--- a/src/views/payment/receipt-claim-record.vue
+++ b/src/views/payment/receipt-claim-record.vue
@@ -93,7 +93,7 @@
             <el-link v-if="column.link" type="primary" @click="openDetail(row)">
               {{ displayValue(row[column.prop]) }}
             </el-link>
-            <el-tag v-else-if="column.status" :type="statusType(row.claimStatus)">
+            <el-tag v-else-if="column.status" :type="statusType(row.claimStatus)" class="status-text">
               {{ displayValue(row[column.prop]) }}
             </el-tag>
             <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
diff --git a/src/views/payment/receipt-flow-form.vue b/src/views/payment/receipt-flow-form.vue
index 4603156..32dd9b9 100644
--- a/src/views/payment/receipt-flow-form.vue
+++ b/src/views/payment/receipt-flow-form.vue
@@ -8,49 +8,48 @@
       label-width="auto"
       class="receipt-claim-form-page__form"
     >
-      <section class="receipt-claim-form-page__section">
-        <div class="receipt-claim-form-page__section-title">收款信息</div>
+      <section-card title="收款信息">
         <el-row :gutter="32">
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="认领通知单"
               ><el-input v-model="form.receiptNoticeNo" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="付款人"
               ><el-input v-model="form.payerName" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="收款金额"
               ><el-input :model-value="formatMoney(form.receiptAmount)" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="交易时间"
               ><el-input v-model="form.transactionTime" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="对方户名"
               ><el-input v-model="form.counterpartyName" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="对方开户行"
               ><el-input v-model="form.counterpartyBank" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="对方账号"
               ><el-input v-model="form.counterpartyAccount" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="明细流水号"
               ><el-input v-model="form.detailSerialNo" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="已认领金额"
               ><el-input :model-value="formatMoney(form.claimedAmount)" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="摘要"><el-input v-model="form.summary" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="关联结算单" prop="settlementIds"
               ><el-input
                 :model-value="settlementLabel"
@@ -62,23 +61,22 @@
                     title="选择结算单"
                     @click="openSettlementDialog" /></template></el-input></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="认领人"
               ><el-input v-model="form.claimerName" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="认领日期"
               ><el-input v-model="form.claimDate" disabled /></el-form-item
           ></el-col>
-          <el-col :span="12"
+          <el-col :span="6"
             ><el-form-item label="认领人部门"
               ><el-input v-model="form.claimerDeptName" disabled /></el-form-item
           ></el-col>
         </el-row>
-      </section>
+      </section-card>
 
-      <section class="receipt-claim-form-page__section">
-        <div class="receipt-claim-form-page__section-title">结算信息</div>
+      <section-card title="结算信息">
         <el-table :data="form.settlements" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column label="结算单号" min-width="180" align="center"
@@ -108,20 +106,16 @@
                 :controls="false" /></template
           ></el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section class="receipt-claim-form-page__section">
-        <div class="receipt-claim-form-page__section-heading">
-          <div class="receipt-claim-form-page__section-title">附件信息</div>
-          <el-button
+      <section-card title="附件信息"><template #extra><el-button
             v-if="form.attachments.length"
             type="primary"
             plain
             :icon="Download"
             @click="downloadAttachments"
             >批量下载</el-button
-          >
-        </div>
+          ></template>
         <el-table :data="form.attachments" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column label="文件名" min-width="220"
@@ -158,10 +152,9 @@
           class="receipt-claim-form-page__uploader"
           @change="normalizeAttachments"
         />
-      </section>
+      </section-card>
 
-      <section class="receipt-claim-form-page__section">
-        <div class="receipt-claim-form-page__section-title">备注</div>
+      <section-card title="备注">
         <el-form-item class="receipt-claim-form-page__remark"
           ><el-input
             v-model="form.remark"
@@ -170,7 +163,7 @@
             maxlength="200"
             show-word-limit
         /></el-form-item>
-      </section>
+      </section-card>
       <div class="receipt-claim-form-page__actions">
         <el-button type="primary" :loading="submitting" @click="submitClaim">确认</el-button
         ><el-button :disabled="submitting" @click="goBack">取消</el-button>
@@ -460,37 +453,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.receipt-claim-form-page__section-title {
-  display: flex;
-  align-items: center;
-  font-size: 18px;
-  font-weight: 600;
-  margin-bottom: 16px;
-}
-.receipt-claim-form-page__section-title::before {
-  width: 4px;
-  height: 20px;
-  margin-right: 8px;
-  background: #409eff;
-  content: '';
-}
-.receipt-claim-form-page__section {
-  margin-bottom: 24px;
-}
-.receipt-claim-form-page__section-title {
-  font-size: 16px;
-}
-.receipt-claim-form-page__section-heading {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.receipt-claim-form-page__section-heading .receipt-claim-form-page__section-title {
-  margin-bottom: 0;
-}
-.receipt-claim-form-page__form :deep(.el-form-item) {
-  margin-bottom: 16px;
-}
 .receipt-claim-form-page__form :deep(.el-select),
 .receipt-claim-form-page__form :deep(.el-input-number) {
   width: 100%;
@@ -529,7 +491,7 @@ export default {
   background: #fafafa;
 }
 @media (max-width: 900px) {
-  .receipt-claim-form-page__form :deep(.el-col-12) {
+  .receipt-claim-form-page__form :deep(.el-col-6) {
     max-width: 100%;
     flex: 0 0 100%;
   }
diff --git a/src/views/payment/receipt-flow.vue b/src/views/payment/receipt-flow.vue
index a004e2e..5693b56 100644
--- a/src/views/payment/receipt-flow.vue
+++ b/src/views/payment/receipt-flow.vue
@@ -76,7 +76,7 @@
               {{ displayValue(row[column.prop]) }}
             </el-link>
             <span v-else-if="column.link">{{ displayValue(row[column.prop]) }}</span>
-            <el-tag v-else-if="column.status" :type="statusType(row.claimStatus)">
+            <el-tag v-else-if="column.status" :type="statusType(row.claimStatus)" class="status-text">
               {{ displayValue(row[column.prop]) }}
             </el-tag>
             <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
diff --git a/src/views/resource/oss.vue b/src/views/resource/oss.vue
index bd9d776..b57033a 100644
--- a/src/views/resource/oss.vue
+++ b/src/views/resource/oss.vue
@@ -45,7 +45,7 @@
         </el-link>
       </template>
       <template #status="{ row }">
-        <el-tag>{{ row.statusName }}</el-tag>
+        <el-tag class="status-text">{{ row.statusName }}</el-tag>
       </template>
       <template #category="{ row }">
         <el-tag>{{ row.categoryName }}</el-tag>
diff --git a/src/views/resource/sms.vue b/src/views/resource/sms.vue
index 41579da..273b800 100644
--- a/src/views/resource/sms.vue
+++ b/src/views/resource/sms.vue
@@ -45,7 +45,7 @@
         </el-link>
       </template>
       <template #status="{ row }">
-        <el-tag>{{ row.statusName }}</el-tag>
+        <el-tag class="status-text">{{ row.statusName }}</el-tag>
       </template>
       <template #category="{ row }">
         <el-tag>{{ row.categoryName }}</el-tag>
diff --git a/src/views/settlement/components/pre-settlement-editor.vue b/src/views/settlement/components/pre-settlement-editor.vue
index b7c60cd..ecaa8bb 100644
--- a/src/views/settlement/components/pre-settlement-editor.vue
+++ b/src/views/settlement/components/pre-settlement-editor.vue
@@ -16,7 +16,7 @@
           class="pre-settlement-editor__form"
         >
           <el-row :gutter="24">
-            <el-col v-for="field in formFields" :key="field.prop" :span="field.span || 8">
+            <el-col v-for="field in formFields" :key="field.prop" :span="field.span || 6">
               <el-form-item :label="field.label" :prop="field.prop">
                 <el-select
                   v-if="field.type === 'contract'"
diff --git a/src/views/settlement/components/transport-reconciliation-editor.vue b/src/views/settlement/components/transport-reconciliation-editor.vue
index ac8d4d5..585ea95 100644
--- a/src/views/settlement/components/transport-reconciliation-editor.vue
+++ b/src/views/settlement/components/transport-reconciliation-editor.vue
@@ -115,12 +115,13 @@
             show-overflow-tooltip
           >
             <template #default="{ row }">
-              <el-tag v-if="column.prop === 'matchResult'" :type="matchTagType(row.matchResult)">{{
+              <el-tag v-if="column.prop === 'matchResult'" :type="matchTagType(row.matchResult)" class="status-text">{{
                 matchName(row.matchResult)
               }}</el-tag>
               <el-tag
                 v-else-if="column.prop === 'updateResult'"
                 :type="updateTagType(row.updateResult)"
+                class="status-text"
                 >{{ updateName(row.updateResult) }}</el-tag
               >
               <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
@@ -182,7 +183,7 @@
             show-overflow-tooltip
           >
             <template #default="{ row }">
-              <el-tag v-if="column.prop === 'matchStatus'" :type="matchTagType(row.matchStatus)">{{
+              <el-tag v-if="column.prop === 'matchStatus'" :type="matchTagType(row.matchStatus)" class="status-text">{{
                 matchName(row.matchStatus)
               }}</el-tag>
               <span v-else-if="column.money">{{ formatMoney(row[column.prop]) }}</span>
diff --git a/src/views/settlement/formal-settlement.vue b/src/views/settlement/formal-settlement.vue
index 73ae75b..a0c4ce0 100644
--- a/src/views/settlement/formal-settlement.vue
+++ b/src/views/settlement/formal-settlement.vue
@@ -108,7 +108,7 @@
             <el-link v-if="column.link && row[column.prop]" type="primary" @click="openView(row)">{{
               row[column.prop]
             }}</el-link>
-            <el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)">{{
+            <el-tag v-else-if="column.status" :type="statusType(row.approvalStatus)" class="status-text">{{
               displayValue(row[column.prop])
             }}</el-tag>
             <span v-else-if="column.money">{{ formatMoney(row[column.prop], row.currency) }}</span>
@@ -121,7 +121,7 @@
             <span v-else>{{ displayValue(row[column.prop]) }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="120" fixed="right" align="center">
+        <el-table-column label="操作" width="180" fixed="right" align="center">
           <template #default="{ row }"
             ><div class="formal-page__links">
               <el-link
diff --git a/src/views/settlement/pre-settlement.vue b/src/views/settlement/pre-settlement.vue
index bfa9f3e..4a1895a 100644
--- a/src/views/settlement/pre-settlement.vue
+++ b/src/views/settlement/pre-settlement.vue
@@ -130,7 +130,7 @@
             <span v-else>{{ displayValue(row[column.prop]) }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="130" fixed="right" align="center">
+        <el-table-column label="操作" width="180" fixed="right" align="center">
           <template #default="{ row }">
             <div class="pre-settlement-page__links">
               <el-link
@@ -774,6 +774,10 @@ export default {
     gap: 8px;
   }
 
+  &__links {
+    justify-content: center;
+  }
+
   &__pagination {
     display: flex;
     justify-content: flex-end;
diff --git a/src/views/system/authlock.vue b/src/views/system/authlock.vue
index 7bec840..883c783 100644
--- a/src/views/system/authlock.vue
+++ b/src/views/system/authlock.vue
@@ -33,6 +33,7 @@
       </template>
       <template #lockStatus="{ row }">
         <el-tag
+          class="status-text"
           :type="row.expired ? 'info' : row.lockStatus === 'LOCKED' ? 'danger' : row.lockStatus === 'PRE_LOCKED' ? 'warning' : 'success'"
           size="small"
         >
diff --git a/src/views/system/dept.vue b/src/views/system/dept.vue
index 1a59b91..bad6325 100644
--- a/src/views/system/dept.vue
+++ b/src/views/system/dept.vue
@@ -49,7 +49,7 @@
         {{ getLeaderValue(row.leaderId, 'phone') }}
       </template>
       <template #status="{ row }">
-        <el-tag :type="Number(row.status) === 1 ? 'success' : 'info'">
+        <el-tag :type="Number(row.status) === 1 ? 'success' : 'info'" class="status-text">
           {{ Number(row.status) === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
diff --git a/src/views/system/dict.vue b/src/views/system/dict.vue
index 5de0e1e..9e6e17d 100644
--- a/src/views/system/dict.vue
+++ b/src/views/system/dict.vue
@@ -43,7 +43,7 @@
         <el-tag @click="handleRowClick(row)" style="cursor: pointer">{{ row.code }}</el-tag>
       </template>
       <template #isSealed="{ row }">
-        <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+        <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
       </template>
     </avue-crud>
     <el-dialog :title="`[${dictValue}]字典配置`" append-to-body v-model="box" width="1000px">
@@ -86,7 +86,7 @@
           </el-link>
         </template>
         <template #isSealed="{ row }">
-          <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+          <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
         </template>
       </avue-crud>
     </el-dialog>
diff --git a/src/views/system/dictbiz.vue b/src/views/system/dictbiz.vue
index 74b50a9..083e3fb 100644
--- a/src/views/system/dictbiz.vue
+++ b/src/views/system/dictbiz.vue
@@ -43,7 +43,7 @@
         <el-tag @click="handleRowClick(row)" style="cursor: pointer">{{ row.code }}</el-tag>
       </template>
       <template #isSealed="{ row }">
-        <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+        <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
       </template>
     </avue-crud>
     <el-dialog :title="`[${dictValue}]字典配置`" append-to-body v-model="box" width="1000px">
@@ -86,7 +86,7 @@
           </el-link>
         </template>
         <template #isSealed="{ row }">
-          <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+          <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
         </template>
       </avue-crud>
     </el-dialog>
diff --git a/src/views/tool/codesetting.vue b/src/views/tool/codesetting.vue
index 5fad20c..4cd6123 100644
--- a/src/views/tool/codesetting.vue
+++ b/src/views/tool/codesetting.vue
@@ -34,7 +34,7 @@
         </el-link>
       </template>
       <template #status="{ row }">
-        <el-tag>{{ row.status === 1 ? '否' : '是' }}</el-tag>
+        <el-tag class="status-text">{{ row.status === 1 ? '否' : '是' }}</el-tag>
       </template>
     </avue-crud>
   </basic-container>
diff --git a/src/views/transit/risk-disposal.vue b/src/views/transit/risk-disposal.vue
index fcdd58b..fa49742 100644
--- a/src/views/transit/risk-disposal.vue
+++ b/src/views/transit/risk-disposal.vue
@@ -73,7 +73,7 @@
             <el-link v-if="column.link && row[column.prop]" type="primary" @click="openWaybill(row)">
               {{ row[column.prop] }}
             </el-link>
-            <el-tag v-else-if="column.tag" :type="tagType(row, column.prop)" effect="plain">
+            <el-tag v-else-if="column.tag" :type="tagType(row, column.prop)" effect="plain" class="status-text">
               {{ row[column.prop] || '-' }}
             </el-tag>
             <span v-else>{{ row[column.prop] || '-' }}</span>
@@ -126,7 +126,7 @@
               <el-link v-if="field.link && detail[field.prop]" type="primary" @click="openWaybill(detail)">
                 {{ detail[field.prop] }}
               </el-link>
-              <el-tag v-else-if="field.tag" :type="tagType(detail, field.prop)" effect="plain">
+              <el-tag v-else-if="field.tag" :type="tagType(detail, field.prop)" effect="plain" class="status-text">
                 {{ detail[field.prop] || '-' }}
               </el-tag>
               <span v-else>{{ detail[field.prop] || '-' }}</span>
diff --git a/src/views/transportCapacity/driver.vue b/src/views/transportCapacity/driver.vue
index e0ad656..befae49 100644
--- a/src/views/transportCapacity/driver.vue
+++ b/src/views/transportCapacity/driver.vue
@@ -63,7 +63,7 @@
         {{ String(row.organizationName || '').replace(/^[\s\u3000]+/, '') }}
       </template>
       <template #status="{ row }">
-        <el-tag :type="row.status === 1 ? 'primary' : 'info'">
+        <el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
           {{ row.status === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
diff --git a/src/views/transportCapacity/ship.vue b/src/views/transportCapacity/ship.vue
index 5d5f2d9..a322d14 100644
--- a/src/views/transportCapacity/ship.vue
+++ b/src/views/transportCapacity/ship.vue
@@ -65,7 +65,7 @@
         {{ String(row.organizationName || '').replace(/^[\s\u3000]+/, '') }}
       </template>
       <template #status="{ row }">
-        <el-tag :type="row.status === 1 ? 'primary' : 'info'">
+        <el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
           {{ row.status === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
diff --git a/src/views/transportCapacity/vehicle.vue b/src/views/transportCapacity/vehicle.vue
index 3ef9eff..028d067 100644
--- a/src/views/transportCapacity/vehicle.vue
+++ b/src/views/transportCapacity/vehicle.vue
@@ -62,7 +62,7 @@
         {{ String(row.organizationName || '').replace(/^[\s\u3000]+/, '') }}
       </template>
       <template #status="{ row }">
-        <el-tag :type="row.status === 1 ? 'primary' : 'info'">
+        <el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
           {{ row.status === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
@@ -70,7 +70,7 @@
         <span>-</span>
       </template>
       <template #certificationStatus="{ row }">
-        <el-tag :type="getCertificationStatus(row).type">
+        <el-tag :type="getCertificationStatus(row).type" class="status-text">
           {{ getCertificationStatus(row).label }}
         </el-tag>
       </template>
diff --git a/src/views/util/demo/dict-classic.vue b/src/views/util/demo/dict-classic.vue
index 09deea8..c938d5f 100644
--- a/src/views/util/demo/dict-classic.vue
+++ b/src/views/util/demo/dict-classic.vue
@@ -31,7 +31,7 @@
         </el-button>
       </template>
       <template #isSealed="{ row }">
-        <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+        <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
       </template>
       <template #menu="scope">
         <el-link
diff --git a/src/views/util/demo/dict-horizontal.vue b/src/views/util/demo/dict-horizontal.vue
index 3a4fd55..3f60948 100644
--- a/src/views/util/demo/dict-horizontal.vue
+++ b/src/views/util/demo/dict-horizontal.vue
@@ -35,7 +35,7 @@
               </el-button>
             </template>
             <template #isSealed="{ row }">
-              <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+              <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
             </template>
           </avue-crud>
         </el-col>
@@ -71,7 +71,7 @@
               </el-button>
             </template>
             <template #isSealed="{ row }">
-              <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+              <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
             </template>
           </avue-crud>
         </el-col>
diff --git a/src/views/util/demo/dict-vertical.vue b/src/views/util/demo/dict-vertical.vue
index 3aada77..af576f2 100644
--- a/src/views/util/demo/dict-vertical.vue
+++ b/src/views/util/demo/dict-vertical.vue
@@ -35,7 +35,7 @@
               </el-button>
             </template>
             <template #isSealed="{ row }">
-              <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+              <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
             </template>
           </avue-crud>
         </el-col>
@@ -75,7 +75,7 @@
               </el-button>
             </template>
             <template #isSealed="{ row }">
-              <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+              <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
             </template>
           </avue-crud>
         </el-col>
diff --git a/src/views/util/demo/dict.vue b/src/views/util/demo/dict.vue
index 0f7dc8a..e61749c 100644
--- a/src/views/util/demo/dict.vue
+++ b/src/views/util/demo/dict.vue
@@ -41,7 +41,7 @@
                 </el-button>
               </template>
               <template #isSealed="{ row }">
-                <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+                <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
               </template>
             </avue-crud>
           </div>
@@ -96,7 +96,7 @@
                 </el-link>
               </template>
               <template #isSealed="{ row }">
-                <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+                <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
               </template>
             </avue-crud>
           </div>
diff --git a/src/views/util/demo/dictbiz.vue b/src/views/util/demo/dictbiz.vue
index 38c1653..22aa0e3 100644
--- a/src/views/util/demo/dictbiz.vue
+++ b/src/views/util/demo/dictbiz.vue
@@ -41,7 +41,7 @@
                 </el-button>
               </template>
               <template #isSealed="{ row }">
-                <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+                <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
               </template>
             </avue-crud>
           </div>
@@ -96,7 +96,7 @@
                 </el-link>
               </template>
               <template #isSealed="{ row }">
-                <el-tag>{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
+                <el-tag class="status-text">{{ row.isSealed === 0 ? '否' : '是' }}</el-tag>
               </template>
             </avue-crud>
           </div>
diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue
index 544b43c..2eeae7a 100644
--- a/src/views/vehicle/customer-archive.vue
+++ b/src/views/vehicle/customer-archive.vue
@@ -49,6 +49,7 @@
       </template>
       <template #accessType="{ row }">
         <el-tag
+          class="status-text"
           :class="
             row.accessType === 'formal' ? 'archive-tag--deep-blue' : 'archive-tag--light-blue'
           "
@@ -58,6 +59,7 @@
       </template>
       <template #approvalStatus="{ row }">
         <el-tag
+          class="status-text"
           :class="{
             'archive-tag--deep-blue': row.approvalStatus === 'approved',
             'archive-tag--light-blue': row.approvalStatus === 'reviewing',
@@ -72,7 +74,7 @@
         </el-tag>
       </template>
       <template #status="{ row }">
-        <el-tag :type="row.status === 1 ? 'primary' : 'info'">
+        <el-tag :type="row.status === 1 ? 'primary' : 'info'" class="status-text">
           {{ row.status === 1 ? '启用' : '停用' }}
         </el-tag>
       </template>
diff --git a/src/views/work/send.vue b/src/views/work/send.vue
index f26bddd..bea3be1 100644
--- a/src/views/work/send.vue
+++ b/src/views/work/send.vue
@@ -33,7 +33,7 @@
         <el-tag>v{{ row.processDefinitionVersion }}</el-tag>
       </template>
       <template #processIsFinished="{ row }">
-        <el-tag>{{ row.processIsFinished === 'finished' ? '已完成' : '未完成' }}</el-tag>
+        <el-tag class="status-text">{{ row.processIsFinished === 'finished' ? '已完成' : '未完成' }}</el-tag>
       </template>
     </avue-crud>
     <flow-design
diff --git a/src/views/work/start.vue b/src/views/work/start.vue
index fdd6ba3..54e4bff 100644
--- a/src/views/work/start.vue
+++ b/src/views/work/start.vue
@@ -42,7 +42,7 @@
         <el-tag>v{{ row.version }}</el-tag>
       </template>
       <template #suspensionState="{ row }">
-        <el-tag>{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
+        <el-tag class="status-text">{{ row.suspensionState === 1 ? '激活' : '挂起' }}</el-tag>
       </template>
       <template #category="{ row }">
         <el-tag>{{ row.categoryName }}</el-tag>
diff --git a/vite.config.mjs b/vite.config.mjs
index 8c0a2a9..09134a0 100644
--- a/vite.config.mjs
+++ b/vite.config.mjs
@@ -50,26 +50,26 @@ export default ({
       __VUE_I18N_LEGACY_API__: true,
       __INTLIFY_PROD_DEVTOOLS__: false,
     },
-    server: {
-      port: 2888,
-      proxy: {
-        '/api': {
-          target: 'http://localhost',
-          //target: 'https://saber3.bladex.cn/api',
-          changeOrigin: true,
-          rewrite: path => path.replace(/^\/api/, ''),
-        },
-      },
-    },
     // server: {
-    //   port: 2889,
+    //   port: 2888,
     //   proxy: {
     //     '/api': {
-    //       target: 'http://172.16.203.228:8000',
+    //       target: 'http://localhost',
+    //       //target: 'https://saber3.bladex.cn/api',
     //       changeOrigin: true,
+    //       rewrite: path => path.replace(/^\/api/, ''),
     //     },
     //   },
     // },
+    server: {
+      port: 2889,
+      proxy: {
+        '/api': {
+          target: 'http://172.16.203.228:8000',
+          changeOrigin: true,
+        },
+      },
+    },
     resolve: {
       alias: {
         '~': resolve(__dirname, './'),