全局修改国网字段

src/views/pqs/qualityInspeection/panorama/components/cityMapL.vue

@@ -13,10 +13,8 @@
                     <div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
                         <div class="card">
                             <span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}：</span>
-                            <span
-                                :style="`color: ${item.color[0]}; cursor:pointer`"
-                                @click="LookMap(item.list[4].numOneList, item.list[4].numTwoList, 0)"
-                            >
+                            <span :style="`color: ${item.color[0]}; cursor:pointer`"
+                                @click="LookMap(item.list[4].numOneList, item.list[4].numTwoList, 0)">
                                 {{ item.list[4].numOne }}
                             </span>
                         </div>
@@ -25,10 +23,8 @@
                 <!-- 监测规模 列表 -->
                 <div>
                     <div class="vcl mt5">
-                        <p
-                            v-for="(item, i) in vList"
-                            :style="i == 0 ? 'width: 60px' : i == 5 ? 'width: 32px' : 'flex:1'"
-                        >
+                        <p v-for="(item, i) in vList"
+                            :style="i == 0 ? 'width: 60px' : i == 5 ? 'width: 32px' : 'flex:1'">
                             {{ item }}
                         </p>
                     </div>
@@ -75,11 +71,8 @@
                             <img src="@/assets/img/TJ.png" />
                             {{ item.title }}
                         </div>
-                        <div
-                            class="card-Box"
-                            :style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
-                            v-for="val in item.children"
-                        >
+                        <div class="card-Box" :style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
+                            v-for="val in item.children">
                             <div>
                                 <span class="line"></span>
                                 <span class="vol">{{ val.title }}</span>
@@ -136,12 +129,8 @@
             </div>
         </div>
 
-        <img
-            class="imgL"
-            :style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
-            @click="show = !show"
-            src="@/assets/img/QH.png"
-        />
+        <img class="imgL" :style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
+            @click="show = !show" src="@/assets/img/QH.png" />
 
         <!-- 变电站详情 -->
         <stand ref="standRef" />
@@ -299,7 +288,7 @@ const countList: any = ref([
         ]
     },
     {
-        title: '上送国网',
+        title: '上送网公司',
         children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
     }
 ])
@@ -318,7 +307,7 @@ const linList: any = ref([
         title: ['电能质量指标', '未超标', '超标']
     }
 ])
-const vList = ['', '500kV', '220kV', '110kV', '35kV', ]
+const vList = ['', '500kV', '220kV', '110kV', '35kV',]
 const formRow: any = ref({})
 const height = mainHeight(30)
 const boxHeight = mainHeight(290, 2)
@@ -403,7 +392,7 @@ const LookMap = (coutList: object, alarmList: object, key?: any) => {
 const GridDiagram = (k: any) => {
     emit('GridDiagram', k, 3)
 }
-onMounted(() => {})
+onMounted(() => { })
 defineExpose({ info, show })
 </script>
 
@@ -430,40 +419,48 @@ defineExpose({ info, show })
         flex: 1;
         align-items: center;
         font-size: 16px;
+
         span:nth-child(2) {
             font-weight: 550;
         }
     }
 }
+
 .vcl {
     display: flex;
     border-bottom: 2px solid #fff;
     background-color: #edededc0;
     border-radius: 5px;
     font-size: 14px;
+
     p {
         text-align: center;
         margin: 6px;
         line-height: 30px;
     }
+
     .numOne {
         flex: 1;
         font-weight: 550;
         cursor: pointer;
     }
+
     &:nth-child(1) {
         background-color: #fff;
     }
+
     &:nth-child(2) {
         .numOne {
             color: #00bff5;
         }
     }
+
     &:nth-child(3) {
         .numOne {
             color: #008000;
         }
     }
+
     &:nth-child(4) {
         .numOne {
             color: #0000ff;
@@ -482,9 +479,11 @@ defineExpose({ info, show })
     font-weight: 550;
     display: flex;
     align-items: center;
+
     span:nth-child(1) {
         cursor: pointer;
     }
+
     .info {
         font-weight: normal;
         display: flex;
@@ -492,6 +491,7 @@ defineExpose({ info, show })
         cursor: pointer;
         color: #757575;
     }
+
     img {
         height: 1.2rem;
         width: 1.2rem;
@@ -512,6 +512,7 @@ defineExpose({ info, show })
     border-radius: 10px;
     min-height: 60px;
     max-height: 120px;
+
     .line {
         display: inline-block;
         width: 0.5rem;
@@ -521,6 +522,7 @@ defineExpose({ info, show })
         margin-right: 5px;
         margin-bottom: 2px;
     }
+
     .num {
         margin-left: 10px;
         display: grid;
@@ -535,10 +537,12 @@ defineExpose({ info, show })
         }
     }
 }
+
 .BoxA {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-template-rows: 1fr 1fr;
+
     // grid-template-rows: 80px;
     .num {
         margin-left: 10px;
@@ -562,23 +566,29 @@ defineExpose({ info, show })
 .show {
     width: 0px;
     transition: all 0.3s ease;
+
     .boxLeft {
         padding: 0;
     }
 }
+
 .noshow {
     width: 25%;
     transition: all 0.3s ease;
+
     .boxLeft {
         padding: 10px 10px 10px 10px;
     }
 }
+
 :deep(.el-card) {
     --el-card-padding: 10px !important;
 }
+
 :deep(.el-table thead) {
     color: #000;
 }
+
 :deep(.el-dialog__body) {
     max-height: none !important;
 }