修改冀北现场问题

src/views/pqs/qualityInspeection/panorama/components/details/stand.vue

@@ -18,14 +18,14 @@
             </el-col>
             <el-col :span="12">
                 <div class="title">
-                    <span>
+                    <span class="text-style" @click="jump">
                         污染告警
                         <el-popover placement="right" :width="190" trigger="hover">
                             <template #reference>
                                 <WarningFilled class="WarningFilled" />
                             </template>
                             <div class="text">
-                                 <span style="color: #00B07D">无污染：0</span>
+                                <span style="color: #00b07d">无污染：0</span>
                                 <br />
                                 <span style="color: #3399ff">轻微污染：(0 , 100]</span>
                                 <br />
@@ -33,7 +33,7 @@
                                 <br />
                                 <span style="color: #ff9900">中度污染：(1000 , 10000]</span>
                                 <br />
-                                <span style="color: #A52a2a">重度污染：(10000</span>
+                                <span style="color: #a52a2a">重度污染：(10000</span>
                             </div>
                         </el-popover>
                     </span>
@@ -51,12 +51,7 @@
                 </div>
                 <!-- :style="i == 3 ? `margin-left: 20%;` : ``" -->
                 <div class="pie">
-                    <MyEChart
-                        v-for="(item, i) in picEChart"
-                       
-                        class="MyEChart"
-                        :options="item"
-                    />
+                    <MyEChart v-for="(item, i) in picEChart" @click="echartClick" class="MyEChart" :options="item" />
                 </div>
             </el-col>
         </el-row>
@@ -72,7 +67,7 @@
                 <vxe-column field="num3" sortable title="轻度污染数量" :formatter="formatter" />
                 <vxe-column field="num4" sortable title="中度污染数量" :formatter="formatter" />
                 <vxe-column field="num5" sortable title="重度污染数量" :formatter="formatter" />
-                <vxe-column field="num6" sortable title="暂无数据数量" :formatter="formatter" />
+                <!-- <vxe-column field="num6" sortable title="暂无数据数量" :formatter="formatter" /> -->
             </vxe-table>
         </div>
     </el-dialog>
@@ -82,9 +77,10 @@ import { ref } from 'vue'
 import MyEChart from '@/components/echarts/MyEchart.vue'
 import { useDictData } from '@/stores/dictData'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
-
 import { WarningFilled } from '@element-plus/icons-vue'
 import { getPollutionAlarmList, getPollutionAlarmData, getGridDiagramSubTendency } from '@/api/device-boot/panorama'
+import { useRouter } from 'vue-router'
+const router = useRouter()
 const dictData = useDictData()
 const dialogVisible: any = ref(false)
 const time = ref('1')
@@ -95,7 +91,7 @@ const options: any = dictData.getBasicData('Pollution_Calc')
 //         return item
 //     }
 // })
-const contaminate = ref(options[0].id)
+const contaminate = ref(options[0]?.id)
 const rowList: any = ref({})
 const trendEChart: any = ref({})
 const tableData: any = ref([])
@@ -290,8 +286,7 @@ const contaminateC = () => {
         let a3 = tableData.value.reduce((t, item) => t + (item.num3 - 0 || 0), 0)
         let a4 = tableData.value.reduce((t, item) => t + (item.num4 - 0 || 0), 0)
         let a5 = tableData.value.reduce((t, item) => t + (item.num5 - 0 || 0), 0)
-        let a6 = tableData.value.reduce((t, item) => t + (item.num6 - 0 || 0), 0)
-        let total = a1 + a2 + a3 + a4 + a5 + a6
+        let total = a1 + a2 + a3 + a4 + a5
         // if (rowList.value.isUpToGrid == 0) {
         //     data = res.data.info
         // } else {
@@ -331,13 +326,9 @@ const contaminateC = () => {
             {
                 value: ((a5 / total || 0) * 100).toFixed(2),
                 name: `重度污染：${a5}座`
-            },
-            {
-                value: ((a6 / total || 0) * 100).toFixed(2),
-                name: `暂无数据：${a6}座`
-            },
+            }
         ]
-        const color = ['#00B07D', '#3399ff', '#ffcc33', '#ff9900', '#A52a2a','#ccc']
+        const color = ['#00B07D', '#3399ff', '#ffcc33', '#ff9900', '#A52a2a', '#ccc']
 
         list.forEach((item, i) => {
             picEChart.value[i] = {
@@ -500,6 +491,17 @@ const handleClose = () => {
     dialogVisible.value = false
 }
 
+const jump = () => {
+    router.push({
+        name: 'harmonic-boot/qydetailedAnalysis/pollutionReport',
+        query: {
+            type: '2',
+            statisticalType:contaminate.value,
+            t: Date.now()
+        }
+    })
+}
+
 defineExpose({ open })
 </script>
 <style lang="scss" scoped>
@@ -531,4 +533,8 @@ defineExpose({ open })
 :deep(.el-dialog__body) {
     max-height: none !important;
 }
+.text-style {
+    cursor: pointer;
+    text-decoration: underline;
+}
 </style>