Переглянути джерело

基础矩阵、风场明旭、欠发矩阵增加点击风机查看详情逻辑

yangxiao 3 роки тому
батько
коміт
b3bce79ce2

+ 1 - 0
src/views/LightMatrix/LightMatrix.vue

@@ -340,6 +340,7 @@ export default {
               } else if (key === "fjmap") {
                 sourceMap[key].forEach((pItem) => {
                   pItem.forEach((cItem) => {
+                    cItem.icon = "svg-photovoltaic";
                     cItem.color = that.getColor(cItem.fjzt);
                     cItem.isShow = true;
                   });

+ 8 - 1
src/views/LightMatrix1/LightMatrix1.vue

@@ -108,7 +108,7 @@
           </div>
         </div>
         <div class="panel-body">
-          <div class="card" v-for="(cItem, cIndex) of pItem" :key="cIndex" v-show="cItem.isShow" :class="cItem.color">
+          <div class="card" v-for="(cItem, cIndex) of pItem" :key="cIndex" v-show="cItem.isShow" :class="cItem.color" @click="goDetails(cItem)">
             {{ cItem.wtnum }}
           </div>
           <!-- 站位用 保证卡片布局最后一行不会有问题 -->
@@ -321,6 +321,13 @@ export default {
         },
       });
     },
+
+    // 查看风机详情
+    goDetails(item){
+      this.$router.push({
+        path: `/monitor/windsite/info/${item.wpId}/${item.wtId}`,
+      });
+    }
   },
 
   created() {

+ 11 - 4
src/views/LightMatrix2/LightMatrix2.vue

@@ -27,7 +27,7 @@
           <div class="item2" v-for="(data, index) of panel2Data.datas" :key="index">
             <div class="name">{{ data.test }}</div>
             <div class="num2">{{ sourceMap[data.key] }}</div>
-            <!-- <div class="num1">×{{ data.num1 }}</div> -->
+            <div class="num1">×{{ data.num1 }}</div>
             <div class="num3">{{ data.num3 }}</div>
           </div>
         </div>
@@ -48,14 +48,14 @@
           </div>
         </div>
         <div class="panel-body">
-          <div class="card" v-for="(cItem, cIndex) in pItem" :key="cIndex" :class="cItem.color">
+          <div class="card" v-for="(cItem, cIndex) in pItem" :key="cIndex" :class="cItem.color" @click="goDetails(cItem)">
             <div class="card-panel">
               <div class="card-left">
                 <div class="tag">{{ cItem.wtnum }}</div>
               </div>
               <div class="card-right">
-                <div class="num">{{ cItem.gl }}</div>
-                <div class="num">{{ cItem.fs }}</div>
+                <div class="num">{{ cItem.gl }}&nbsp;Kw</div>
+                <div class="num">{{ cItem.fs }}&nbsp;m/s</div>
               </div>
             </div>
             <div class="card-percent">
@@ -332,6 +332,13 @@ export default {
         },
       });
     },
+
+    // 查看风机详情
+    goDetails(item){
+      this.$router.push({
+        path: `/monitor/windsite/info/${item.wpId}/${item.wtId}`,
+      });
+    }
   },
 
   created() {

+ 3 - 1
src/views/LightMatrix3/LightMatrix3.vue

@@ -65,7 +65,7 @@
           </div>
         </div>
         <div class="panel-body">
-          <div class="card" v-for="(cItem, cIndex) in pItem" :key="cIndex" :class="cItem.color">
+          <div class="card" v-for="(cItem, cIndex) in pItem" :key="cIndex" :class="cItem.color" @click="goDetails(cItem)">
             <div class="circle">
               <span class="center-icon svg-icon svg-icon-md" :class="cItem.color == 'black' ? 'svg-icon-black' : 'svg-icon-write'">
                 <SvgIcon :svgid="mapping[cItem.color]"></SvgIcon>
@@ -397,6 +397,8 @@ export default {
         },
       });
     },
+
+    FFFF
   },
 
   created() {

+ 1 - 1
src/views/WindSite/pages/Info/Base-Info.vue

@@ -14,7 +14,7 @@
       </div>
       <div class="wind-site-tag">
         <div class="tag-text">机型</div>
-        <div class="tag-value">{{ sourceMap.lnname }}</div>
+        <div class="tag-value">{{ sourceMap.model }}</div>
       </div>
       <div class="wind-site-tag">
         <div class="tag-text">告警时间</div>