From e8e6bc01b01e403329dbad7a8a6c4065b0d2c1e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Tue, 11 Aug 2026 17:55:46 +0800
Subject: [PATCH] =?UTF-8?q?style(vehicle):=20=E4=BC=98=E5=8C=96=E5=AE=A2?=
 =?UTF-8?q?=E6=88=B7=E5=BD=92=E6=A1=A3=E9=A1=B5=E6=A0=87=E7=AD=BE=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=B8=8E=E5=8D=A1=E7=89=87=E9=98=B4=E5=BD=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为el-tabs组件添加card类型，提升标签视觉样式
- 移除多余section-card组件，简化评分表、联系人、收款信息、发票信息四个标签页结构
- 将新增按钮从slot extra改为独立div，统一按钮显示和样式
- 调整新增按钮为plain风格，符合设计规范
- 修正el-tabs头部下边距，去除不必要的间距
- 新增.tab-table-toolbar样式，控制新增按钮上下边距
- 调整section-card阴影透明度，由rgba(0, 0, 0, 0.04)改为0.06，更加醒目
---
 src/styles/element-ui.scss             |  2 +-
 src/views/vehicle/customer-archive.vue | 49 +++++++++++---------------
 2 files changed, 21 insertions(+), 30 deletions(-)

diff --git a/src/styles/element-ui.scss b/src/styles/element-ui.scss
index 3f9fde9..140b366 100644
--- a/src/styles/element-ui.scss
+++ b/src/styles/element-ui.scss
@@ -275,7 +275,7 @@
 .section-card {
   background: #fff;
   border-radius: 6px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
   margin-bottom: 8px;
   overflow: hidden;
 
diff --git a/src/views/vehicle/customer-archive.vue b/src/views/vehicle/customer-archive.vue
index 1a00f8b..d866083 100644
--- a/src/views/vehicle/customer-archive.vue
+++ b/src/views/vehicle/customer-archive.vue
@@ -394,14 +394,11 @@
       </el-form>
 
       <section-card class="archive-detail-card">
-      <el-tabs v-model="activeTab" class="archive-tabs">
+      <el-tabs v-model="activeTab" class="archive-tabs" type="card">
         <el-tab-pane label="评分表" name="scores">
-          <section-card>
-            <template #extra>
-              <el-button type="primary" icon="el-icon-plus" v-if="!readonly" @click="addScore">
-                添加评分记录
-              </el-button>
-            </template>
+            <div class="tab-table-toolbar" v-if="!readonly">
+              <el-button type="primary" plain icon="el-icon-plus" @click="addScore">添加评分记录</el-button>
+            </div>
             <el-table :data="scoreTableData" border class="score-list-table">
             <el-table-column label="序号" width="90" align="center">
               <template #default="{ row }">
@@ -468,15 +465,11 @@
             @size-change="handleScoreSizeChange"
             @current-change="handleScoreCurrentChange"
           />
-          </section-card>
         </el-tab-pane>
         <el-tab-pane label="联系人" name="contacts">
-          <section-card>
-            <template #extra>
-              <el-button type="primary" icon="el-icon-plus" v-if="!readonly" @click="openContact()">
-                新增联系人
-              </el-button>
-            </template>
+            <div class="tab-table-toolbar" v-if="!readonly">
+              <el-button type="primary" plain icon="el-icon-plus" @click="openContact()">新增联系人</el-button>
+            </div>
             <el-table :data="contactTableData" border class="contact-table">
             <el-table-column label="序号" prop="__index" width="90" align="center" />
             <el-table-column label="联系人姓名" prop="contactName" min-width="150" />
@@ -508,15 +501,11 @@
             @size-change="size => handleDetailSizeChange('contact', size)"
             @current-change="page => handleDetailCurrentChange('contact', page)"
           />
-          </section-card>
         </el-tab-pane>
         <el-tab-pane label="收款信息" name="receiptAccounts">
-          <section-card>
-            <template #extra>
-              <el-button type="primary" icon="el-icon-plus" v-if="!readonly" @click="openReceipt()">
-                新增收款信息
-              </el-button>
-            </template>
+            <div class="tab-table-toolbar" v-if="!readonly">
+              <el-button type="primary" plain icon="el-icon-plus" @click="openReceipt()">新增收款信息</el-button>
+            </div>
             <el-table :data="receiptTableData" border class="receipt-table">
             <el-table-column label="序号" prop="__index" width="90" align="center" />
             <el-table-column label="收款单位名称" prop="accountName" min-width="180" />
@@ -539,15 +528,11 @@
             @size-change="size => handleDetailSizeChange('receipt', size)"
             @current-change="page => handleDetailCurrentChange('receipt', page)"
           />
-          </section-card>
         </el-tab-pane>
         <el-tab-pane label="发票信息" name="invoices">
-          <section-card>
-            <template #extra>
-              <el-button type="primary" icon="el-icon-plus" v-if="!readonly" @click="openInvoice()">
-                新增发票信息
-              </el-button>
-            </template>
+            <div class="tab-table-toolbar" v-if="!readonly">
+              <el-button type="primary" plain icon="el-icon-plus" @click="openInvoice()">新增发票信息</el-button>
+            </div>
             <el-table :data="invoiceTableData" border class="invoice-table">
             <el-table-column label="序号" prop="__index" width="90" align="center" />
             <el-table-column label="收票方名称" prop="invoiceTitle" min-width="180" />
@@ -576,7 +561,6 @@
             @size-change="size => handleDetailSizeChange('invoice', size)"
             @current-change="page => handleDetailCurrentChange('invoice', page)"
           />
-          </section-card>
         </el-tab-pane>
       </el-tabs>
       </section-card>
@@ -3800,6 +3784,13 @@ export default {
   margin-top: 8px;
 }
 .archive-tabs {
+  :deep(.el-tabs__header) {
+    margin-bottom: 0;
+  }
+}
+.tab-table-toolbar {
+  margin-top: 16px;
+  margin-bottom: 12px;
 }
 
 .score-list-table {