Merge remote-tracking branch 'origin/master'

src/views/settlement/transport-reconciliation.vue

@@ -31,10 +31,6 @@
     </section>
 
     <section class="reconciliation-page__table-panel">
-      <el-tabs type="border-card" v-model="settlementType" @tab-change="handleTabChange">
-        <el-tab-pane label="应付" name="payable" />
-        <el-tab-pane label="应收" name="receivable" />
-      </el-tabs>
       <div class="reconciliation-page__toolbar">
         <div>
           <el-button
@@ -51,6 +47,15 @@
           </el-tooltip>
         </div>
       </div>
+      <el-tabs
+        v-model="settlementType"
+        class="reconciliation-page__settlement-tabs"
+        type="card"
+        @tab-change="handleTabChange"
+      >
+        <el-tab-pane label="应付" name="payable" />
+        <el-tab-pane label="应收" name="receivable" />
+      </el-tabs>
       <el-table v-loading="loading" :data="rows" border @selection-change="selection = $event">
         <el-table-column type="selection" width="52" fixed="left" align="center" />
         <el-table-column type="index" label="序号" width="64" fixed="left" align="center" />
@@ -74,7 +79,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="220" fixed="right" align="center">
           <template #default="{ row }">
             <div class="reconciliation-page__links">
               <el-link type="primary" @click="openView(row)">查看</el-link>
@@ -274,7 +279,7 @@ export default {
 .reconciliation-page__search {
   padding: 12px 12px 4px;
   background: #fff;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
 }
 .reconciliation-page__search-grid {
   display: grid;
@@ -300,7 +305,7 @@ export default {
   margin-bottom: 8px;
 }
 .reconciliation-page__table-panel {
-  margin-top: 12px;
+  margin-top: 8px;
 }
 .reconciliation-page__toolbar {
   display: flex;
@@ -314,6 +319,12 @@ export default {
   align-items: center;
   gap: 8px;
 }
+.reconciliation-page__settlement-tabs {
+  margin-bottom: 0;
+}
+.reconciliation-page__settlement-tabs :deep(.el-tabs__header) {
+  margin: 0;
+}
 .reconciliation-page__links {
   display: flex;
   flex-wrap: wrap;