新增激活状态配色

src/views/vip/code/index.vue

@@ -88,7 +88,11 @@
       ></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="codeList">
+    <el-table
+      v-loading="loading"
+      :data="codeList"
+      :row-class-name="tableRowClassName"
+    >
       <el-table-column label="id" align="center" prop="id" />
       <el-table-column
         label="激活码"
@@ -228,6 +232,14 @@ export default {
     this.getList();
   },
   methods: {
+    tableRowClassName({ row}) {
+        if (row.status === 2) {
+          return 'warning-row';
+        } else if (row.status === 0) {
+          return 'success-row';
+        }
+        return '';
+    },
     copyFun(ElementObj) {
       var inputElement = document.createElement("input"); //获取要赋值的input的元素
       inputElement.value = ElementObj; //给input框赋值
@@ -303,11 +315,18 @@ export default {
 };
 </script>
 
-<style scoped>
+<style>
 .jihuoma {
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 30px;
 }
+.el-table .warning-row {
+  background: rgb(228, 213, 187);
+}
+
+.el-table .success-row {
+  background: #cde6bf;
+}
 </style>