调整

src/views/infoGather/customerGather/components/cardAndCredit.vue

@@ -2,11 +2,11 @@
     <tr>
         <td colspan="10" style="background: #bdd6ec;color: #db0039;text-align:left;-webkit-print-color-adjust: exact;">信用卡网贷状况统计*（涉及金额部分单位为：元）</td>
     </tr>
-    <tr>
+    <tr  class="yellow">
         <td>信用卡数量</td>
         <td colspan="9">{{props.data.creditCard.length}}</td>
     </tr>
-    <tr>
+    <tr  class="yellow">
         <td>序号</td>
         <td>发卡银行</td>
         <td>授信额度</td>
@@ -18,7 +18,7 @@
         <td>有无<br/>协商方案</td>
         <td>卡片状态<br/>逾期/正常</td>
     </tr>
-    <tr v-for="(item, index) in props.data.creditCard" :key="index">
+    <tr v-for="(item, index) in props.data.creditCard" :key="index"  class="yellow">
         <td>第{{index + 1}}张</td>
         <td>{{item.bank}}</td>
         <td>{{item.quota}}</td>
@@ -32,15 +32,15 @@
                   ? LoanStatus?.find((v) => v.value === item.creditCardStatus)?.label
                   : ''}}</td>
     </tr>
-    <tr>
+    <tr class="yellow">
         <td>信用卡欠款合计</td>
         <td colspan="9">{{cardSUM}}</td>
     </tr>
-    <tr>
+    <tr class="green">
         <td>信用贷、网贷机构数量</td>
         <td colspan="9">{{props.data.lending.length}}</td>
     </tr>
-    <tr>
+    <tr class="green">
         <td rowspan="2">序号</td>
         <td rowspan="2" colspan="2">贷款机构</td>
         <td rowspan="2" colspan="2">审批额度</td>
@@ -50,10 +50,10 @@
         <td rowspan="2">未还金额</td>
         <td>状态</td>
     </tr>
-    <tr>
+    <tr class="green">
         <td>逾期/正常</td>
     </tr>
-    <tr v-for="(item, index) in props.data.creditCard" :key="index">
+    <tr v-for="(item, index) in props.data.creditCard" :key="index" class="green">
         <td>第{{index + 1}}家</td>
         <td colspan="2">{{item.loanPlatform}}</td>
         <td colspan="2">{{item.quota}}</td>
@@ -65,20 +65,20 @@
                   ? LoanStatus?.find((v) => v.value === item.loanStatus)?.label
                   : ''}}</td>
     </tr>
-    <tr>
+    <tr  class="green">
         <td>信用贷、网贷欠款合计</td>
         <td colspan="9">{{creditSUM}}</td>
     </tr>
     <tr>
-        <td>合计欠款总额</td>
-        <td colspan="9">{{cardSUM + creditSUM}}</td>
+        <td class="label">合计欠款总额</td>
+        <td colspan="9" class="label">{{cardSUM + creditSUM}}</td>
     </tr>
     <tr>
-        <td>服务费金额</td>
+        <td class="label">服务费金额</td>
+        <td colspan="2" class="label"></td>
+        <td colspan="2" class="label">分期服务费金额</td>
         <td colspan="2"></td>
-        <td colspan="2">分期服务费金额</td>
-        <td colspan="2"></td>
-        <td>收款人</td>
+        <td class="label">收款人</td>
         <td colspan="2"></td>
     </tr>
     <tr>
@@ -119,4 +119,20 @@ td {
     font-weight: 400 !important;
   }
 }
+tr {
+  &.yellow {
+    td {
+    -webkit-print-color-adjust: exact;
+
+      background: #fff3cc7d;
+    }
+  }
+  &.green {
+    td {
+    -webkit-print-color-adjust: exact;
+
+      background: #e1f1d985;
+    }
+  }
+}
 </style>
\ No newline at end of file