From eb3713f8cf1d7a57d4ec7c397529ac4aae9f4d0a Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Thu, 16 May 2024 17:55:09 +0800
Subject: [PATCH] =?UTF-8?q?=E7=8E=B0=E5=9C=BA=E4=BB=A3=E7=A0=81=E5=90=8C?=
 =?UTF-8?q?=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../embed/lntegruty/index.vue                 |  2 +-
 .../embed/onlinerate/index.vue                |  2 +-
 .../panorama/components/city/exceeded.vue     | 12 +++++------
 .../panorama/components/cityMapR.vue          | 13 ++++++------
 .../panorama/components/line/info.vue         | 21 ++++++++++++++++---
 .../panorama/components/mapR.vue              | 21 ++++++++++---------
 .../pqs/qualityInspeection/panorama/index.vue |  4 ++--
 7 files changed, 46 insertions(+), 29 deletions(-)

diff --git a/src/views/pqs/harmonicMonitoring/embed/lntegruty/index.vue b/src/views/pqs/harmonicMonitoring/embed/lntegruty/index.vue
index d0ef070b..d66d83bb 100644
--- a/src/views/pqs/harmonicMonitoring/embed/lntegruty/index.vue
+++ b/src/views/pqs/harmonicMonitoring/embed/lntegruty/index.vue
@@ -15,7 +15,7 @@
 import { onMounted, ref, nextTick } from 'vue'
 import { mainHeight } from '@/utils/layout'
 defineOptions({
-    name: 'harmonic-boot/detailedAnalysis/responsibility'
+    name: 'harmonic-boot/harmonic/getIntegrityData'
 })
 const height = mainHeight(20)
 
diff --git a/src/views/pqs/harmonicMonitoring/embed/onlinerate/index.vue b/src/views/pqs/harmonicMonitoring/embed/onlinerate/index.vue
index 7dcfffb2..c617dd9a 100644
--- a/src/views/pqs/harmonicMonitoring/embed/onlinerate/index.vue
+++ b/src/views/pqs/harmonicMonitoring/embed/onlinerate/index.vue
@@ -15,7 +15,7 @@
 import { onMounted, ref, nextTick } from 'vue'
 import { mainHeight } from '@/utils/layout'
 defineOptions({
-    name: 'harmonic-boot/detailedAnalysis/responsibility'
+    name: 'harmonic-boot/area/OnlineRate'
 })
 const height = mainHeight(20)
 
diff --git a/src/views/pqs/qualityInspeection/panorama/components/city/exceeded.vue b/src/views/pqs/qualityInspeection/panorama/components/city/exceeded.vue
index 0d8f84f0..ebad8082 100644
--- a/src/views/pqs/qualityInspeection/panorama/components/city/exceeded.vue
+++ b/src/views/pqs/qualityInspeection/panorama/components/city/exceeded.vue
@@ -1,9 +1,9 @@
 <!-- 稳态 -->
 <template>
     <!-- 终端 -->
-    <el-dialog draggable title="稳态指标超标占比统计" v-model="dialogVisible" width="1400px">
+    <el-dialog draggable title="稳态指标超标占比统计" v-model="dialogVisible" width="800">
         <el-row style="height: 330px" :gutter="20">
-            <el-col :span="12">
+            <el-col :span="23">
                 <div class="title">
                     <span>稳态指标超标占比</span>
                 </div>
@@ -37,14 +37,14 @@
                     </el-row>
                 </div>
             </el-col>
-            <el-col :span="12">
-                <!-- <div class="title">
+            <!-- <el-col :span="12">
+                <div class="title">
                     <span>稳态电能质量水平评估环比变化</span>
                 </div>
                 <div class="pie">
                     <div style="height: 260px; width: 100%" ref="chartRef"></div>
-                </div> -->
-            </el-col>
+                </div>
+            </el-col> -->
         </el-row>
     </el-dialog>
 </template>
diff --git a/src/views/pqs/qualityInspeection/panorama/components/cityMapR.vue b/src/views/pqs/qualityInspeection/panorama/components/cityMapR.vue
index b7e6b4a6..403140ff 100644
--- a/src/views/pqs/qualityInspeection/panorama/components/cityMapR.vue
+++ b/src/views/pqs/qualityInspeection/panorama/components/cityMapR.vue
@@ -74,29 +74,29 @@
                         <el-col :span="11" class="col pt10">
                             <div>
                                 <span>异常问题总数：</span>
-                                <span style="color: #2dcd28">60个</span>
+                                <span style="color: #2dcd28">0个</span>
                             </div>
                             <div>
                                 <span style="width: 120px">已关联工单数：</span>
-                                <span style="color: #81b337">60个</span>
+                                <span style="color: #81b337">0个</span>
                             </div>
                             <div>
                                 <span style="width: 120px">　工单转换率：</span>
-                                <span style="color: #338dff">60%</span>
+                                <span style="color: #338dff">0%</span>
                             </div>
                         </el-col>
                         <el-col :span="11" class="col pt10" :offset="0.5">
                             <div>
                                 <span>异常问题总数：</span>
-                                <span style="color: #2dcd28">60个</span>
+                                <span style="color: #2dcd28">0个</span>
                             </div>
                             <div>
                                 <span style="width: 120px">已关联工单数：</span>
-                                <span style="color: #81b337">60个</span>
+                                <span style="color: #81b337">0个</span>
                             </div>
                             <div>
                                 <span style="width: 120px">　工单转换率：</span>
-                                <span style="color: #338dff">60%</span>
+                                <span style="color: #338dff">0%</span>
                             </div>
                         </el-col>
                     </el-row>
@@ -518,6 +518,7 @@ defineExpose({ info, show })
     grid-template-columns: 1fr;
     border-radius: 10px;
     text-align: center;
+    align-items: center;
     background-color: #edededc0;
 }
 .imgR {
diff --git a/src/views/pqs/qualityInspeection/panorama/components/line/info.vue b/src/views/pqs/qualityInspeection/panorama/components/line/info.vue
index 65bfd780..abc6c615 100644
--- a/src/views/pqs/qualityInspeection/panorama/components/line/info.vue
+++ b/src/views/pqs/qualityInspeection/panorama/components/line/info.vue
@@ -33,8 +33,12 @@
                     数据质量
                 </h3>
                 <div style="display: flex">
-                    <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="ComCharts" />
-                    <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="onLineCharts" />
+                    <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="ComCharts" @click="Integrity" />
+                    <MyEChart
+                        :style="`height: calc(${rowHeight} - 31px)`"
+                        :options="onLineCharts"
+                        @click="OnlineRate"
+                    />
                 </div>
             </el-col>
             <el-col :span="8">
@@ -109,7 +113,8 @@ import { color } from '@/components/echarts/color'
 import DatePicker from '@/components/form/datePicker/index.vue'
 import MyEChart from '@/components/echarts/MyEchart.vue'
 import echarts from '@/components/echarts/echarts'
-
+import { useRouter } from 'vue-router'
+const router = useRouter()
 import { getLineDetailData } from '@/api/advance-boot/bearingCapacity'
 import {
     getTotalIntegrityByLineIds,
@@ -565,6 +570,16 @@ const echart = (row: any) => {
 
     chart.setOption(option)
 }
+// 跳转
+const Integrity = () => {
+    router.push({
+        name:'harmonic-boot/harmonic/getIntegrityData'
+    })
+}
+const OnlineRate = () => {
+    router.push({
+    name:'harmonic-boot/area/OnlineRate'})
+}
 
 onMounted(() => {
     // open('4c87b7dff2281254fc55c25a4da31506')
diff --git a/src/views/pqs/qualityInspeection/panorama/components/mapR.vue b/src/views/pqs/qualityInspeection/panorama/components/mapR.vue
index c54839ff..b8a5ec2a 100644
--- a/src/views/pqs/qualityInspeection/panorama/components/mapR.vue
+++ b/src/views/pqs/qualityInspeection/panorama/components/mapR.vue
@@ -163,29 +163,29 @@
                         <el-col :span="11" class="col pt10">
                             <div>
                                 <span>异常问题总数：</span>
-                                <span style="color: #2dcd28">60个</span>
+                                <span style="color: #2dcd28">0个</span>
                             </div>
                             <div>
                                 <span style="width: 120px">已关联工单数：</span>
-                                <span style="color: #81b337">60个</span>
+                                <span style="color: #81b337">0个</span>
                             </div>
                             <div>
                                 <span style="width: 120px">　工单转换率：</span>
-                                <span style="color: #338dff">60%</span>
+                                <span style="color: #338dff">0%</span>
                             </div>
                         </el-col>
                         <el-col :span="11" class="col pt10" :offset="0.5">
                             <div>
                                 <span>异常问题总数：</span>
-                                <span style="color: #2dcd28">60个</span>
+                                <span style="color: #2dcd28">0个</span>
                             </div>
                             <div>
                                 <span style="width: 120px">已关联工单数：</span>
-                                <span style="color: #81b337">60个</span>
+                                <span style="color: #81b337">0个</span>
                             </div>
                             <div>
                                 <span style="width: 120px">　工单转换率：</span>
-                                <span style="color: #338dff">60%</span>
+                                <span style="color: #338dff">0%</span>
                             </div>
                         </el-col>
                     </el-row>
@@ -267,19 +267,19 @@ const assessList: any = ref([])
 const JDlist = ref([
     {
         name: '技术监督计划',
-        value: 5
+        value: 0
     },
     {
         name: '在线监测',
-        value: 5
+        value: 0
     },
     {
         name: '用户投诉',
-        value: 5
+        value: 0
     },
     {
         name: '谐波普测',
-        value: 5
+        value: 0
     }
 ])
 const harmonicList: any = ref([])
@@ -525,6 +525,7 @@ defineExpose({ info, show })
     grid-template-columns: 1fr;
     border-radius: 10px;
     text-align: center;
+    align-items: center;
     background-color: #edededc0;
 }
 .imgR {
diff --git a/src/views/pqs/qualityInspeection/panorama/index.vue b/src/views/pqs/qualityInspeection/panorama/index.vue
index 46057da0..76de751c 100644
--- a/src/views/pqs/qualityInspeection/panorama/index.vue
+++ b/src/views/pqs/qualityInspeection/panorama/index.vue
@@ -18,8 +18,8 @@
                     </el-select>
                 </el-form-item>
                 <el-form-item>
-                    <div class="Icon">
-                        <Icon name="fa fa-refresh" @click="reset" />
+                    <div class="Icon" @click="reset">
+                        <Icon name="fa fa-refresh"  />
                     </div>
                 </el-form-item>
             </el-form>