矩阵页面布局调整

src/views/LightMatrix1/LightMatrix1.vue

@@ -13,35 +13,35 @@
               <SvgIcon svgid="svg-wind-site"></SvgIcon>
             </span>
           </div>
-          <div class="item write" @click="changeShow('jrfj_FDC')">
+          <div class="item write curStyle" @click="changeShow('jrfj_FDC')">
             <div>接入风机</div>
             <div>{{ sourceMap.fcjrnum || "---" }}</div>
           </div>
-          <div class="item blue" @click="changeShow('yx_FDC', 1)">
+          <div class="item blue curStyle" @click="changeShow('yx_FDC', 1)">
             <div>· 运行</div>
             <div>{{ sourceMap.fcyxnum || "---" }}</div>
           </div>
-          <div class="item green" @click="changeShow('dj_FDC', 0)">
+          <div class="item green curStyle" @click="changeShow('dj_FDC', 0)">
             <div>· 待机</div>
             <div>{{ sourceMap.fcdjnum || "---" }}</div>
           </div>
-          <div class="item pink" @click="changeShow('xd_FDC', 5)">
+          <div class="item pink curStyle" @click="changeShow('xd_FDC', 5)">
             <div>· 限电</div>
             <div>{{ sourceMap.fcxdnum || "---" }}</div>
           </div>
-          <div class="item red" @click="changeShow('gz_FDC', 2)">
+          <div class="item red curStyle" @click="changeShow('gz_FDC', 2)">
             <div>· 故障</div>
             <div>{{ sourceMap.fcgznum || "---" }}</div>
           </div>
-          <div class="item orange" @click="changeShow('jx_FDC', 4)">
+          <div class="item orange curStyle" @click="changeShow('jx_FDC', 4)">
             <div>· 检修</div>
             <div>{{ sourceMap.fcwhnum || "---" }}</div>
           </div>
-          <div class="item write" @click="changeShow('sl_FDC', 6)">
+          <div class="item write curStyle" @click="changeShow('sl_FDC', 6)">
             <div>· 受累</div>
             <div>{{ sourceMap.fcslnum || "---" }}</div>
           </div>
-          <div class="item gray" @click="changeShow('lx_FDC', 3)">
+          <div class="item gray curStyle" @click="changeShow('lx_FDC', 3)">
             <div>· 离线</div>
             <div>{{ sourceMap.fclxnum || "---" }}</div>
           </div>
@@ -62,35 +62,35 @@
               ></SvgIcon>
             </span>
           </div>
-          <div class="item write" @click="changeShow('jrfj1_GDC')">
+          <div class="item write curStyle" @click="changeShow('jrfj1_GDC')">
             <div>逆变器</div>
             <div>{{ sourceMap.gfjrnum || "---" }}</div>
           </div>
-          <div class="item blue" @click="changeShow('yx1_GDC', 1)">
+          <div class="item blue curStyle" @click="changeShow('yx1_GDC', 1)">
             <div>· 运行</div>
             <div>{{ sourceMap.gfyxnum || "---" }}</div>
           </div>
-          <div class="item green" @click="changeShow('dj1_GDC', 0)">
+          <div class="item greenv curStyle" @click="changeShow('dj1_GDC', 0)">
             <div>· 待机</div>
             <div>{{ sourceMap.gfdjnum || "---" }}</div>
           </div>
-          <div class="item pink" @click="changeShow('xd1_GDC', 5)">
+          <div class="item pink curStyle" @click="changeShow('xd1_GDC', 5)">
             <div>· 限电</div>
             <div>{{ sourceMap.gfxdnum || "---" }}</div>
           </div>
-          <div class="item red" @click="changeShow('gz1_GDC', 2)">
+          <div class="item red curStyle" @click="changeShow('gz1_GDC', 2)">
             <div>· 故障</div>
             <div>{{ sourceMap.gfgznum || "---" }}</div>
           </div>
-          <div class="item orange" @click="changeShow('jx1_GDC', 4)">
+          <div class="item orange curStyle" @click="changeShow('jx1_GDC', 4)">
             <div>· 检修</div>
             <div>{{ sourceMap.gfwhnum || "---" }}</div>
           </div>
-          <div class="item write" @click="changeShow('sl1_GDC', 6)">
+          <div class="item write curStyle" @click="changeShow('sl1_GDC', 6)">
             <div>· 受累</div>
             <div>{{ sourceMap.gfslnum || "---" }}</div>
           </div>
-          <div class="item gray" @click="changeShow('lx1_GDC', 3)">
+          <div class="item gray curStyle" @click="changeShow('lx1_GDC', 3)">
             <div>· 离线</div>
             <div>{{ sourceMap.gflxnum || "---" }}</div>
           </div>
@@ -253,25 +253,18 @@ export default {
       switch (fjzt) {
         case 0:
           return "green";
-          break;
         case 1:
           return "blue";
-          break;
         case 2:
           return "red";
-          break;
         case 3:
           return "gray";
-          break;
         case 4:
           return "orange";
-          break;
         case 5:
           return "pink";
-          break;
         case 6:
           return "pink";
-          break;
       }
     },
 
@@ -346,7 +339,7 @@ export default {
     goDetails(item) {
       if (item.wpId.indexOf("FDC") !== -1) {
         this.$router.push({
-          path: `/monitor/windsite/info/${item.wpId}/${item.wtId}`
+          path: `/monitor/windsite/info/${item.wpId}/${item.wtId}`,
         });
       } else {
         // this.$router.push({
@@ -664,5 +657,8 @@ export default {
       }
     }
   }
+  .curStyle {
+    cursor: pointer;
+  }
 }
 </style>