缮证信息的不动产权证书样式修改

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-08-24 15:38:52
+ * @LastEditTime: 2023-08-25 15:25:30
 -->
 <template>
   <div class="szxx">
-    <el-card class="box-card" v-for="(item, index) in tableData" :key="index">
+    <el-card :class="item.szcs == 0 ? 'box-card':'box-card bg-red'" v-for="(item, index) in tableData" :key="index">
       <div slot="header" class="szxx_header">
         <span class="header_type">{{
             item.bdcqzlx == 1 ? "不动产权证书" : "不动产登记证明"
@@ -49,7 +49,7 @@
           <el-button class="operation_button" type="text" @click="openRecordPop(item)">缮证记录</el-button>
         </div>
         <div class="text" v-else>
-          <el-button class="operation_button" type="text" @click="openZsylDialog(item, 2)">证书打印1（{{ item.szcs
+          <el-button class="operation_button" type="text" @click="openZsylDialog(item, 2)">证书打印（{{ item.szcs
           }}）</el-button>
           <el-button class="operation_button" type="text" @click="openRecordPop(item)">缮证记录</el-button>
         </div>
@@ -116,6 +116,7 @@
         var bsmSlsq = this.$route.query.bsmSlsq;
         getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => {
           if (res.code === 200) {
+            debugger
             this.tableData = res.result;
             if (res.result) {
               this.bdcqz = res.result[0];
@@ -210,7 +211,7 @@
   }
 
   .szxx_header {
-    color: #ffffff;
+    // color: #ffffff;
     font-weight: bolder;
     font-size: 16px;
 
@@ -291,10 +292,19 @@
       justify-content: flex-end;
     }
   }
-
+  .box-card{
+   .szxx_header{
+    color: #303133; 
+   }
+  }
+  .bg-red{
+   .szxx_header{
+    color: #FFF; 
+   }
     /deep/.el-card__header {
       background-color: rgb(198, 67, 83);
     }
+  }
 
   /deep/.el-card__body {
     padding: 0px;