style(ui): 统一全站 el-table 表头背景色及弹窗卡片化风格

- 将所有 el-table 表头背景色统一设为浅灰 #fafafa，覆盖普通表格、avue-crud 和固定列
- 移除业务组件内冗余的表头样式，改由全局样式统一控制
- 调整多处弹窗（预结算单、正式结算单、运输对账单、应收明细等）内容板块，改用全局 section-card 组件实现白底卡片分组
- 为多个弹窗内的搜索区域增加白底、圆角和阴影样式，提升视觉层次感
- 缩减多处表格“操作”列宽度以适配新布局
- 付款申请弹窗按钮由主色调 primary 改为 success，符合全站按钮风格规范
- 统一调整弹窗内表单、按钮、间距及背景细节，改善界面体验和视觉一致性

src/views/settlement/components/pre-settlement-editor.vue

@@ -10,8 +10,8 @@
     @closed="handleClosed"
   >
     <div v-loading="loading" class="pre-settlement-editor__content">
-      <div class="dialog-section-title">结算基本信息</div>
-      <el-form
+      <section-card title="结算基本信息">
+        <el-form
         ref="formRef"
         :model="form"
         :rules="formRules"
@@ -81,14 +81,14 @@
           </el-col>
         </el-row>
       </el-form>
+      </section-card>
 
-      <section class="pre-settlement-editor__section">
-        <div class="pre-settlement-editor__section-head">
-          <div class="dialog-section-title">结算合计</div>
+      <section-card title="结算合计">
+        <template #extra>
           <el-button v-if="editable" type="primary" plain @click="addSummaryFee">
             添加费用
           </el-button>
-        </div>
+        </template>
         <el-table :data="summaryFees" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column
@@ -161,11 +161,10 @@
         <div class="pre-settlement-editor__summary-total">
           合计：{{ formatMoney(summaryTotal, form.currency) }}
         </div>
-      </section>
+      </section-card>
 
-      <section class="pre-settlement-editor__section">
-        <div class="pre-settlement-editor__section-head">
-          <div class="dialog-section-title">结算明细</div>
+      <section-card title="结算明细">
+        <template #extra>
           <div class="pre-settlement-editor__section-actions">
             <el-button
               v-if="hasPermission('pre_settlement_export')"
@@ -182,7 +181,7 @@
               {{ detailCollapsed ? '展开明细' : '收起明细' }}
             </el-button>
           </div>
-        </div>
+        </template>
         <el-form
           :model="detailQuery"
           inline
@@ -284,12 +283,9 @@
             </el-table-column>
           </el-table>
         </div>
-      </section>
+      </section-card>
 
-      <section class="pre-settlement-editor__section">
-        <div class="pre-settlement-editor__section-head">
-          <div class="dialog-section-title">附件</div>
-        </div>
+      <section-card title="附件">
         <div class="pre-settlement-editor__attachment">
           <div class="pre-settlement-editor__attachment-actions">
             <vehicle-attachment-upload
@@ -344,10 +340,9 @@
             </el-table-column>
           </el-table>
         </div>
-      </section>
+      </section-card>
 
-      <section v-if="form.id && readonly" class="pre-settlement-editor__section">
-        <div class="dialog-section-title">预付信息</div>
+      <section-card v-if="form.id && readonly" title="预付信息">
         <el-table :data="advances" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column
@@ -370,10 +365,9 @@
             </template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section v-if="form.id && readonly" class="pre-settlement-editor__section">
-        <div class="dialog-section-title">变更记录</div>
+      <section-card v-if="form.id && readonly" title="变更记录">
         <el-table :data="changeRecords" border>
           <el-table-column type="index" label="序号" width="64" align="center" />
           <el-table-column
@@ -391,7 +385,7 @@
             </template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
     </div>
 
     <template #footer>
@@ -1317,12 +1311,9 @@ export default {
   &__content {
     max-height: 82vh;
     overflow-y: auto;
-    padding: 4px 12px 16px;
   }
 
   &__form {
-    margin-top: 12px;
-
     :deep(.el-select),
     :deep(.el-date-editor),
     :deep(.el-input-number) {
@@ -1330,17 +1321,6 @@ export default {
     }
   }
 
-  &__section {
-    margin-top: 20px;
-  }
-
-  &__section-head {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 12px;
-  }
-
   &__section-actions,
   &__links {
     display: flex;