升压站矩阵

src/views/stateMonitor/focus/syzDetails.vue

@@ -1,17 +1,17 @@
 <template>
-  <el-dialog
-      width="90%"
-      @open="opened"
-      @closed="closed"
-      :fullscreen="true"
-      :show-close="true"
-      class="dialogs"
-  >
-    <template #title>
-      <div class="showTitles currentShowTitles">
-        <div class="titles">升压站</div>
-      </div>
-    </template>
+<!--  <el-dialog-->
+<!--      width="90%"-->
+<!--      @open="opened"-->
+<!--      @closed="closed"-->
+<!--      :fullscreen="true"-->
+<!--      :show-close="true"-->
+<!--      class="dialogs"-->
+<!--  >-->
+<!--    <template #title>-->
+<!--      <div class="showTitles currentShowTitles">-->
+<!--        <div class="titles">升压站</div>-->
+<!--      </div>-->
+<!--    </template>-->
     <div class="bodyy">
       <el-tabs
           type="border-card"
@@ -67,17 +67,30 @@
           </div>
           <div id="svg" :style="pageHeight" v-if="item.id !== 'all' && item.id === activeTab" v-html="svgMsg"
                v-loading="loading"></div>
-           <Mhs ref="svgRef" v-if="item.id === 'MHS_BT'" />
-          <Nss ref="svgRef" v-if="item.id === 'NSS_FDC'" />
-          <Qs ref="svgRef" v-if="item.id === 'QS_FDC'" />
-          <Sbq ref="svgRef" v-if="item.id === 'SBQ_FDC'" />
-          <Xs ref="svgRef" v-if="item.id === 'XS_FDC'" />
-           <Pl1 ref="svgRef" v-if="item.id === 'PL1_GDC'" />
-          <Pl2 ref="svgRef" v-if="item.id === 'PL2_GDC'" />
-          <Dwk ref="svgRef" v-if="item.id === 'DWK_GDC'" />
-          <Mch ref="svgRef" v-if="item.id === 'MCH_GDC'" />
-          <Xh ref="svgRef" v-if="item.id === 'XH_GDC'" />
-          <Sbdl ref="svgRef" v-if="item.id === 'QS3_FDC'" />
+          <BHB ref="svgRef" v-if="item.id === 'SXJ_KGDL_BHBF01_SBS'"/>
+          <BHBSQ ref="svgRef" v-if="item.id === 'SXJ_KGDL_BHB3F01_SBS'"/>
+          <DJY ref="svgRef" v-if="item.id === 'SXJ_KGDL_DJYF01_SBS'"/>
+          <GJY ref="svgRef" v-if="item.id === 'SXJ_KGDL_GJYF01_SBS'"/>
+          <HSM ref="svgRef" v-if="item.id === 'SXJ_KGDL_HSMF01_SBS'"/>
+          <MLJ ref="svgRef" v-if="item.id === 'NMM_KGDL_MLJF01_SBS'"/>
+          <NJL ref="svgRef" v-if="item.id === 'SXJ_KGDL_NJLF01_SBS'"/>
+          <PDL ref="svgRef" v-if="item.id === 'SXJ_KGDL_PDLF01_SBS'"/>
+          <PTZ ref="svgRef" v-if="item.id === 'SXJ_KGDL_PTZF01_SBS'"/>
+          <XWT ref="svgRef" v-if="item.id === 'SXJ_KGDL_XWTF01_SBS'"/>
+          <YF ref="svgRef" v-if="item.id === 'SXJ_KGDL_YFF01_SBS'"/>
+          <YLZ ref="svgRef" v-if="item.id === 'SXJ_KGDL_YLZF01_SBS'"/>
+          <YTY ref="svgRef" v-if="item.id === 'SXJ_KGDL_YTYF01_SBS'"/>
+          <ZK ref="svgRef" v-if="item.id === 'SXJ_KGDL_ZKF01_SBS'"/>
+          <FSSJS ref="svgRef" v-if="item.id === 'SXJ_KGDL_FSG01_SBS'"/>
+          <FSJR ref="svgRef" v-if="item.id === 'SXJ_KGDL_JRG01_SBS'"/>
+          <HRCC ref="svgRef" v-if="item.id === 'SXJ_KGDL_HRG01_SBS'"/>
+          <PLZH ref="svgRef" v-if="item.id === 'SXJ_KGDL_PLG01_SBS'"/>
+          <SYRX ref="svgRef" v-if="item.id === 'SXJ_KGDL_SYG01_SBS'"/>
+          <TZXS ref="svgRef" v-if="item.id === 'SXJ_KGDL_TZG01_SBS'"/>
+          <TLYY ref="svgRef" v-if="item.id === 'SXJ_KGDL_TLG01_SBS'"/>
+          <YGWJB ref="svgRef" v-if="item.id === 'SXJ_KGDL_YGG01_SBS'"/>
+          <YXJH ref="svgRef" v-if="item.id === 'SXJ_KGDL_YXG01_SBS'"/>
+          <YYYW ref="svgRef" v-if="item.id === 'SXJ_KGDL_YYG01_SBS'"/>
           <div class="alarmIconBox" v-if="item.id !== 'all'" @click="switchAlarmSound(index)">
             <el-tooltip
                 v-if="item.isMute"
@@ -94,27 +107,40 @@
           </div>
         </el-tab-pane>
       </el-tabs>
-      <CurrentWarningCard
-          :currentClass="$store.state.currentWarningCardClass"
-          :activeTab="activeTab || 'MHS_FDC'"
-          v-if="activeTab !== 'all'"
-      />
+<!--      <CurrentWarningCard-->
+<!--          :currentClass="$store.state.currentWarningCardClass"-->
+<!--          :activeTab="activeTab || 'MHS_FDC'"-->
+<!--          v-if="activeTab !== 'all'"-->
+<!--      />-->
     </div>
-  </el-dialog>
+<!--  </el-dialog>-->
 </template>
 
 <script>
-import Mhs from "@/components/BoosterStation/mhs.vue";
-import Nss from "@/components/BoosterStation/nss.vue";
-import Qs from "@/components/BoosterStation/qs.vue";
-import Sbq from "@/components/BoosterStation/sbq.vue";
-import Xs from "@/components/BoosterStation/xs.vue";
-import Dwk from "@/components/BoosterStation/dwk.vue";
-import Sbdl from "@/components/BoosterStation/sbdl.vue";
-import Pl1 from "@/components/BoosterStation/pl1.vue";
-import Pl2 from "@/components/BoosterStation/pl2.vue";
-import Mch from "@/components/BoosterStation/mch.vue";
-import Xh from "@/components/BoosterStation/xh.vue";
+import BHB from "../factoryMonitor/windPowerPlant/boosterStation/components/BHB.vue";
+import BHBSQ from "../factoryMonitor/windPowerPlant/boosterStation/components/BHBSQ.vue";
+import DJY from "../factoryMonitor/windPowerPlant/boosterStation/components/DJY.vue";
+import GJY from "../factoryMonitor/windPowerPlant/boosterStation/components/GJY.vue";
+import HSM from "../factoryMonitor/windPowerPlant/boosterStation/components/HSM.vue";
+import MLJ from "../factoryMonitor/windPowerPlant/boosterStation/components/MLJ.vue";
+import NJL from "../factoryMonitor/windPowerPlant/boosterStation/components/NJL.vue";
+import PDL from "../factoryMonitor/windPowerPlant/boosterStation/components/PDL.vue";
+import PTZ from "../factoryMonitor/windPowerPlant/boosterStation/components/PTZ.vue";
+import XWT from "../factoryMonitor/windPowerPlant/boosterStation/components/XWT.vue";
+import YF from "../factoryMonitor/windPowerPlant/boosterStation/components/YF.vue";
+import YLZ from "../factoryMonitor/windPowerPlant/boosterStation/components/YLZ.vue";
+import YTY from "../factoryMonitor/windPowerPlant/boosterStation/components/YTY.vue";
+import ZK from "../factoryMonitor/windPowerPlant/boosterStation/components/ZK.vue";
+import FSSJS from "../factoryMonitor/photovoltaic/lightBoosterStation/components/fangshansunjiashan.vue";
+import FSJR from "../factoryMonitor/photovoltaic/lightBoosterStation/components/fanshijunran.vue";
+import HRCC from "../factoryMonitor/photovoltaic/lightBoosterStation/components/huairenchuchen.vue";
+import PLZH from "../factoryMonitor/photovoltaic/lightBoosterStation/components/pingluzuhu.vue";
+import SYRX from "../factoryMonitor/photovoltaic/lightBoosterStation/components/shanyinrongxin.vue";
+import TZXS from "../factoryMonitor/photovoltaic/lightBoosterStation/components/tianzhenxusheng.vue";
+import TLYY from "../factoryMonitor/photovoltaic/lightBoosterStation/components/tunliuwuyuan.vue";
+import YGWJB from "../factoryMonitor/photovoltaic/lightBoosterStation/components/yanggaoweijiabao.vue";
+import YXJH from "../factoryMonitor/photovoltaic/lightBoosterStation/components/yingxianjinghui.vue";
+import YYYW from "../factoryMonitor/photovoltaic/lightBoosterStation/components/youyuyouwei.vue";
 
 import api from "@api/stateMonitor/index.js";
 import CurrentWarningCard from "./currentWarningCard.vue";
@@ -127,18 +153,31 @@ export default {
     },
   },
   components: {
-    Mhs,
-    Nss,
-    Qs,
-    Sbq,
-    Xs,
-    Dwk,
-    Sbdl,
-    Pl1,
-    Pl2,
-    Mch,
-    Xh,
-    CurrentWarningCard
+    BHB,
+    BHBSQ,
+    DJY,
+    GJY,
+    HSM,
+    MLJ,
+    NJL,
+    PDL,
+    PTZ,
+    XWT,
+    YF,
+    YLZ,
+    YTY,
+    ZK,
+    FSSJS,
+    FSJR,
+    HRCC,
+    PLZH,
+    SYRX,
+    TZXS,
+    TLYY,
+    YGWJB,
+    YXJH,
+    YYYW,
+    // CurrentWarningCard
   },
   data() {
     return {
@@ -176,7 +215,7 @@ export default {
       }
     },
   },
-  mounted() {
+  created() {
     this.opened()
   },
   updated() {
@@ -292,7 +331,8 @@ export default {
       }
       api.getSvgData(params).then((res) => {
         let str = ''
-        str = res.data.substring(res.data.indexOf('<svg'))
+        // str = res.data.substring(res.data.indexOf('<svg'))
+        str = res
         str = str.replace('<svg', '<svg viewBox="0 -100 1900 1260"')
         let obj = {
           id: id,