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

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

src/views/settlement/components/transport-reconciliation-editor.vue

@@ -1,8 +1,7 @@
 <template>
   <el-dialog v-model="visible" :title="title" width="98%" top="2vh" append-to-body destroy-on-close>
     <div v-loading="loading" class="reconciliation-editor">
-      <section class="reconciliation-editor__section">
-        <div class="dialog-section-title">导入外部账单，与内部账单核对</div>
+      <section-card title="导入外部账单，与内部账单核对">
         <el-form
           ref="formRef"
           :model="form"
@@ -61,10 +60,9 @@
             </el-col>
           </el-row>
         </el-form>
-      </section>
+      </section-card>
 
-      <section class="reconciliation-editor__section">
-        <div class="dialog-section-title">内部账单</div>
+      <section-card title="内部账单">
         <div class="reconciliation-editor__stats">
           <div class="stat-card">
             <b>{{ form.internalBillCount || 0 }}</b
@@ -149,11 +147,10 @@
             </template>
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section class="reconciliation-editor__section">
-        <div class="reconciliation-editor__section-head">
-          <div class="dialog-section-title">导入外部账单</div>
+      <section-card title="导入外部账单">
+        <template #extra>
           <div class="reconciliation-editor__actions" v-if="editable">
             <el-button type="primary" plain @click="downloadTemplate('vehicle')"
               >下载整车对账模板</el-button
@@ -171,7 +168,7 @@
               @change="handleImport"
             />
           </div>
-        </div>
+        </template>
         <el-tabs v-model="externalTab">
           <el-tab-pane :label="`导入明细（${externalDetails.length}）`" name="all" />
           <el-tab-pane :label="`疑似重复（${duplicateRows.length}）`" name="duplicate" />
@@ -203,9 +200,9 @@
             >
           </el-table-column>
         </el-table>
-      </section>
+      </section-card>
 
-      <section class="reconciliation-editor__section">
+      <section-card title="操作说明">
         <el-collapse>
           <el-collapse-item title="操作说明" name="help">
             <div class="reconciliation-editor__help">
@@ -224,7 +221,7 @@
             </div>
           </el-collapse-item>
         </el-collapse>
-      </section>
+      </section-card>
     </div>
 
     <template #footer>
@@ -744,15 +741,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.reconciliation-editor__section {
-  margin-bottom: 24px;
-}
-.reconciliation-editor__section-head {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
-}
 .reconciliation-editor__actions,
 .reconciliation-editor__links {
   display: flex;