页面颜色高亮

src/views/station.vue

@@ -6,9 +6,9 @@
     <el-button type="primary" @click="back" style="margin:20px">返回</el-button>
     <el-button type="primary" @click="bdz" style="margin:20px">表底</el-button>
     <!-- 表格 -->
-    <el-table :data="tableData" style="width: 100%" max-height="800px">
+    <el-table :data="tableData" style="width: 100%" max-height="800px" :cell-style="addClass">
       <el-table-column
-        v-for="(i, index) in tableClu.slice(0, 3)"
+        v-for="(i, index) in tableClu.slice(0, 2)"
         :key="index"
         :prop="i"
         :label="i | clu"
@@ -25,7 +25,7 @@
         align="center"
       >
         <el-table-column
-          v-for="i in tableClu.slice(3 + index * 2, 5 + index * 2)"
+          v-for="i in tableClu.slice(2 + index * 2, 4 + index * 2)"
           :key="i"
           :prop="i"
           label="当日值"
@@ -107,7 +107,7 @@ export default {
           if (typeof i[k] == "object") {
             if (i[k] != null) {
               for (let p of Object.keys(i[k])) {
-                console.log(i[k][p]);
+                // console.log(i[k][p]);
                 i[k + p] = i[k][p];
               }
             }
@@ -118,13 +118,16 @@ export default {
       console.log(res.data);
       for (let i of Object.keys(res.data[0])) {
         if (typeof res.data[0][i] != "object") {
-          if (i != "是否可编辑") {
+          if (i != "是否可编辑" && i!="id" ) {
             this.tableClu.push(i);
           }
           
         } else {
           this.tableCluObj.push(i);
         }
+        this.tableClu.sort(function(n,m){
+          return parseInt(n.split('_')[1])-parseInt(m.split('_')[1]);
+        })
         this.tableCluObj.sort(function(n,m){
           return parseInt(n.split('_')[1])-parseInt(m.split('_')[1]);
         })
@@ -132,11 +135,41 @@ export default {
       for (let i of this.tableCluObj) {
         this.tableString.push(i + "当日值(编辑)");
       }
+      console.log(this.tableClu);
       console.log(this.tableCluObj);
     },
     back(){
       this.$router.push({ name: "home", params: { beginDate: this.routerData.beginDate,endDate: this.routerData.endDate} });
     },
+    addClass({row,column,rowIndex,columnIndex}){
+      // if(columnIndex === 4){
+        if(parseFloat(row.麻黄山风电场)<0){
+            return 'background:yellow';
+        }
+        if(parseFloat(row.牛首山风电场)<0){
+            return 'background:yellow';
+        }
+        if(parseFloat(row.青山风电场)<0){
+            return 'background:yellow';
+        }
+        if(parseFloat(row.石板泉风电场)<0){
+            return 'background:yellow';
+        }
+        if(parseFloat(row.香山风电场)<0){
+            return 'background:yellow';
+        }
+        if(parseFloat(row.大武口电站)<0){
+            return 'background:yellow';
+        }
+        if(parseFloat(row.平罗光伏电站)<0){
+            return 'background:yellow';
+        }
+        if(parseFloat(row.宣和光伏发电站)<0){
+            return 'background:yellow';
+        }
+        
+      // }
+    },
     bdz(){
       console.log(this.routerData);
       const param = {