添加驾驶舱欠发矩阵tab切换

src/views/LightMatrix2/LightMatrix2.vue

@@ -13,10 +13,10 @@
             </span>
           </div>
           <div
-            class="item"
+            class="item curStyle"
             :class="data.color"
             v-for="(data, index) of panel1Data.datas"
-            :key="index"
+            :key="index" @click="changeShow(data.category,data.fjzt)"
           >
             <div>{{ data.test }}</div>
             <div>{{ sourceMap[data.key] }}</div>
@@ -68,6 +68,7 @@
               class="card"
               v-for="(cItem, cIndex) in pItem"
               :key="cIndex"
+              v-show="cItem.isShow"
               :class="cItem.color"
               @click="goDetails(cItem)"
             >
@@ -104,7 +105,7 @@ import Col from "@/components/coms/grid/col.vue";
 import util from "@/helper/util.js";
 
 import store from "@store/index.js";
-
+import { isNumber } from "util";
 import SvgIcon from "../../components/coms/icon/svg-icon.vue";
 export default {
   // 名称
@@ -120,6 +121,8 @@ export default {
     return {
       timmer: null, // 计时器
       sourceMap: {}, // 核心数据
+      fillCategory: null, // 过滤条件
+      fillFjzt: null, // 过滤条件
       panel1Data: {
         first: {
           icon: "fa fa-user",
@@ -129,41 +132,56 @@ export default {
             color: "write",
             test: "接入风机",
             key: "fcjrnum",
+            category:'jrfj_FDC'
           },
           {
             color: "blue",
             test: "· 运行",
             key: "fcyxnum",
+            category:'yx_FDC',
+            fjzt:1
           },
           {
             color: "green",
             test: "· 待机",
             key: "fcdjnum",
+            category:'dj_FDC',
+            fjzt:0
           },
           {
             color: "pink",
             test: "· 限电",
             key: "fcxdnum",
+            category:'xd_FDC',
+            fjzt:5
           },
           {
             color: "red",
             test: "· 故障",
             key: "fcgznum",
+            category:'gz_FDC',
+            fjzt:2
           },
           {
             color: "orange",
             test: "· 检修",
             key: "fcwhnum",
+            category:'jx_FDC',
+            fjzt:4
           },
           {
             color: "write",
             test: "· 受累",
             key: "fcslnum",
+            category:'sl_FDC',
+            fjzt:6
           },
           {
             color: "gray",
             test: "· 离线",
             key: "fclxnum",
+            category:'lx_FDC',
+            fjzt:3
           },
         ],
       },
@@ -323,6 +341,46 @@ export default {
       );
     },
 
+      // 切换显示种类
+    changeShow(category, fjzt, skipFill) {
+      if (!skipFill) {
+        console.log('!skipFill:',!skipFill)
+        if (this.fillCategory === category) {
+          console.log('fillCategory:',this.fillCategory)
+          console.log('fillFjz:',this.fillFjzt)
+          this.fillCategory = null;
+          this.fillFjzt = null;
+        } else {
+          this.fillCategory = category;
+          this.fillFjzt = fjzt;
+        }
+      }
+
+      let fjmap = this.BASE.deepCopy(this.sourceMap.fjmap);
+
+      fjmap.forEach((pEle) => {
+        // console.log('pele:',pEle)
+        pEle.forEach((cEle) => {
+          // console.log('cele:',cEle)
+          cEle.isShow = true;
+          if (!this.fillCategory) {
+            cEle.isShow = true;
+            // cEle.isShow=false;
+          } else if (cEle.wpId.indexOf(category.split("_")[1]) !== -1) {
+            if (isNumber(fjzt)) {
+              cEle.fjzt === fjzt ? (cEle.isShow = true) : (cEle.isShow = false);
+            } else {
+              cEle.isShow = true;
+              // cEle.isShow = false;
+            }
+          } else {
+            cEle.isShow = true;
+          }
+        });
+      });
+      this.sourceMap.fjmap = fjmap;
+    },
+
     // 请求服务
     requestData(showLoading) {
       let that = this;
@@ -346,6 +404,10 @@ export default {
               }
             }
             that.sourceMap = sourceMap;
+                //  console.log('sourceMap:',that.sourceMap)
+            if (that.fillCategory) {
+              that.changeShow(that.fillCategory, that.fillFjzt, true);
+            }
           } else {
             that.sourceMap = {};
           }
@@ -855,5 +917,8 @@ export default {
       }
     }
   }
+    .curStyle {
+    cursor: pointer;
+  }
 }
 </style>

src/views/LightMatrix3/LightMatrix3.vue

@@ -847,10 +847,10 @@ export default {
             calcStr: ["fcxdjclnum", "fcxdtjnum"],
             numIcon: "svg-downtime",
             text1: "限电降出力",
-            category1:'xdjcl_FDC',
+            category1:'fcxdjcl_FDC',
             key1: "fcxdjclnum",
             text2: "停机",
-            category2:'xdtj_FDC',
+            category2:'fcxdtj_FDC',
             key2: "fcxdtjnum",
           },
           {
@@ -862,10 +862,10 @@ export default {
             calcStr: ["fcgztjnum", "fccnsltjnum"],
             numIcon: "svg-field-involved",
             text1: "故障停机",
-            category1:'gztj_FDC',
+            category1:'fcgztj_FDC',
             key1: "fcgztjnum",
             text2: "场内受累",
-            category2:'cnsl1_FDC',
+            category2:'fccnsltj_FDC',
             key2: "fccnsltjnum",
           },
           {
@@ -877,10 +877,10 @@ export default {
             calcStr: ["fcjxtjnum", "fccnsljxnum"],
             numIcon: "svg-field-involved",
             text1: "检修停机",
-            category1:'jxtj_FDC',
+            category1:'fcjxtj_FDC',
             key1: "fcjxtjnum",
             text2: "产内受累",
-            category2:'cnsl2_FDC',
+            category2:'fccnsljx_FDC',
             key2: "fccnsljxnum",
           },
           {
@@ -892,10 +892,10 @@ export default {
             nameIcon: "svg-intranet-involvement",
             numIcon: "svg-environment",
             text1: "电网",
-            category1:'dwsl_FDC',
+            category1:'fcdwsl_FDC',
             key1: "fcdwslnum",
             text2: "环境",
-            category2:'hjsl_FDC',
+            category2:'fchjsl_FDC',
             key2: "fchjslnum",
           },
           {
@@ -907,10 +907,10 @@ export default {
             key: "fclxnum",
             numIcon: "svg-unknown",
             text1: "离线",
-            category1:'lx_FDC',
+            category1:'fclx_FDC',
             key1: "fclxnum",
             text2: "未知",
-            category1:'wz_FDC',
+            category1:'fcwz_FDC',
             key2: "fcwznum",
           },
         ],
@@ -1105,7 +1105,7 @@ export default {
         console.log('!skipFill:',!skipFill)
         if (this.fillCategory === category) {
           console.log('fillCategory:',this.fillCategory)
-          console.log('fillFjz:',this.fillFjzt)
+          console.log('fillFjzt:',this.fillFjzt)
           this.fillCategory = null;
           this.fillFjzt = null;
         } else {
@@ -1158,7 +1158,7 @@ export default {
         subUrl: "matrix/matrixDetialPush",
         success(res) {
           if (res.data) {
-             console.log("resMap:", res);
+            //  console.log("resMap:", res);
             let sourceMap = res.data;
             for (let key in sourceMap) {
               if (key !== "fczbmap" && key !== "fjmap") {
@@ -1178,6 +1178,7 @@ export default {
             // console.log('sourceMap:',that.sourceMap)
             if (that.fillCategory) {
               console.log("thatfillcategory:", that.fillCategory);
+               console.log('fillFjzt:',this.fillFjzt)
               that.changeShow(that.fillCategory, that.fillFjzt, true);
             }
           } else {