src/layout/businessneed/claimList.vue

@@ -2,11 +2,16 @@
   <div id="claimList">
     <el-row>
       <el-col :span="24">
-        <el-table ref="debtTable" :data="debtTable" style="width: 100%" border>
+        <el-table ref="debtTable" :data="debtTable" :row-class-name="tableRowClassName" style="width: 100%" border>
           <el-table-column type="index" label="序号" width="50" align="center"> </el-table-column>
           <el-table-column property="money" label="融资金额(万元)" align="center"> </el-table-column>
           <el-table-column property="use" label="融资用途" align="center"> </el-table-column>
           <el-table-column label="需求状态" align="center">已推送 </el-table-column>
+          <el-table-column label="是否催办" align="center">
+            <template slot-scope="scope">
+              <span style="margin-left: 10px">{{ scope.row.is_exist=='1'?'是':'否' }}</span>
+            </template>
+          </el-table-column>
           <el-table-column label="期望利率范围" align="center">
             <template slot-scope="scope">
               <span style="margin-left: 10px">{{ scope.row.mongey_min_rate }}%~{{ scope.row.mongey_max_rate }}%</span>
@@ -93,6 +98,13 @@ export default {
     quxiao() {
       this.$emit('quxiao');
     },
+    tableRowClassName({ row, rowIndex }) {
+      console.log(row.creditStatus, rowIndex);
+      if (row.is_exist == '1') {
+        return 'warning-row';
+      }
+      return '';
+    },
   },
 };
 </script>
@@ -102,4 +114,8 @@ export default {
   text-align: center;
   padding: 15px 0;
 }
+
+/deep/.el-table  .warning-row {
+  background:oldlace;
+}
 </style>