修改冀北现场反馈问题

2025-12-15 09:33:34 +08:00
parent d30b8247cf
commit 9f5b2ecc46
28 changed files with 700 additions and 468 deletions
--- a/src/views/pqs/qualityInspeection/panorama/components/details/evaluate.vue
+++ b/src/views/pqs/qualityInspeection/panorama/components/details/evaluate.vue
@@ -1,15 +1,16 @@
 <template>
    <!-- 综合评估详情 -->
-    <el-dialog draggable title="区域污染水平评估" v-model="dialogVisible" width="1400px">
+    <el-dialog draggable title="稳态电能质量水平评估" v-model="dialogVisible" width="1400px">
        <div style="display: flex">
            <div style="width: 400px">
                <vxe-table
                    v-bind="defaultAttribute"
                    ref="tableRef"
-                    @current-change="currentChangeEvent"
+                     @cell-click="currentChangeEvent"
                    height="250px"
                    :row-config="{ isCurrent: true, isHover: true }"
                    :data="tableData"
+                    style="cursor: pointer"
                >
                    <vxe-column field="deptName" title="地市" />
                    <vxe-column field="score" title="污染值" sortable>
@@ -26,7 +27,15 @@
                </vxe-table>
            </div>
            <div class="ml10" style="width: 990px">
-                <vxe-table v-bind="defaultAttribute" v-loading="loadingTab" ref="vxeRef" height="250px" :data="subdata">
+                <vxe-table
+                    v-bind="defaultAttribute"
+                     @cell-click="clickAttribute"
+                    v-loading="loadingTab"
+                    ref="vxeRef"
+                    height="250px"
+                    :data="subdata"
+                    style="cursor: pointer"
+                >
                    <vxe-column type="seq" width="70" title="序号"></vxe-column>
                    <vxe-column field="subName" title="变电站名称" min-width="120"></vxe-column>
                    <vxe-column field="lineName" title="监测点名称" align="center" min-width="120"></vxe-column>
@@ -59,7 +68,7 @@
                </el-radio-group>
            </div> -->

-            <MyEChart style="height: 300px" :options="picEChart" @echartClick="echartClick"/>
+            <MyEChart style="height: 300px" :options="picEChart" @echartClick="echartClick" />
        </div>
    </el-dialog>
 </template>
@@ -121,7 +130,7 @@ const analysis = () => {
                name: '',
                data: first10Items.map((item: any) => item.projectName.split('(')[0].trim()),
                axisLabel: {
-                    rotate: 30 // 核心：倾斜 45 度（推荐 30/45/60，角度太大易读性差）
+                    rotate: 20 // 核心：倾斜 45 度（推荐 30/45/60，角度太大易读性差）
                }
            },
            grid: {
@@ -171,16 +180,25 @@ const setColor = val => {
        ? '#00B07D'
        : ''
 }
-const echartClick = (res:any) => {
-     router.push({
+const echartClick = (res: any) => {
+    router.push({
        name: 'harmonic-boot/qydetailedAnalysis/pollutionReport',
        query: {
            type: '4',
+            name: res.name,
+            t: Date.now()
+        }
+    })
+}
+const clickAttribute = (row: any) => {
+    router.push({
+        name: 'harmonic-boot/qydetailedAnalysis/pollutionReport',
+        query: {
+            type: '1',
+            name: row.row.lineName,
            t: Date.now()
        }
    })
-    console.log("🚀 ~ echartClick ~ res:", res)
-    
 }
 defineExpose({ open })
 </script>
--- a/src/views/pqs/qualityInspeection/panorama/components/details/propInfo.vue
+++ b/src/views/pqs/qualityInspeection/panorama/components/details/propInfo.vue
@@ -2,9 +2,16 @@
    <div class="propInfo" v-if="show">
        <div class="top">
            <el-form :inline="false" label-width="auto">
-                <el-form-item label=" 筛选:">
+                <el-form-item label=" 筛选数据">
                    <el-input v-model="value" size="small" clearable placeholder="请输入关键字进行筛选"></el-input>
                </el-form-item>
+                <!-- <el-form-item label="电网标志">
+                    <el-select v-model="powerFlag" placeholder="请选择电网标志">
+                        <el-option label="全部" value="0"></el-option>
+                        <el-option label="电网侧" value="1"></el-option>
+                        <el-option label="非电网侧" value="2"></el-option>
+                    </el-select>
+                </el-form-item> -->
            </el-form>
            <Close class="ico" @click="show = false" />
        </div>
@@ -19,8 +26,8 @@
            v-loading="loading"
            :row-config="{ isCurrent: true, isHover: true }"
            :columnConfig="{ resizable: true }"
-            @current-change="currentChangeEvent"
-            style="z-index: 0;"
+            @cell-click="currentChangeEvent"
+            style="z-index: 0"
        >
            <vxe-column type="seq" title="序号" width="70px"></vxe-column>
            <vxe-column field="gdName" title="供电公司"></vxe-column>
@@ -28,6 +35,11 @@
            <!-- <vxe-column field="deviceName" title="终端名称"></vxe-column> -->
            <!-- <vxe-column field="ip" title="IP"></vxe-column> -->
            <vxe-column field="lineName" title="监测点名称"></vxe-column>
+            <vxe-column field="powerFlag" title="电网标志">
+                <template #default="{ row }">
+                    {{ row.powerFlag == 0 ? '电网侧' : '非电网侧' }}
+                </template>
+            </vxe-column>
            <!-- <vxe-column field="loadType" title="干扰源"></vxe-column> -->
            <vxe-column field="loadType" title="干扰源类型"></vxe-column>
            <vxe-column field="objName" title="监测对象"></vxe-column>
@@ -40,9 +52,10 @@ import { defaultAttribute } from '@/components/table/defaultAttribute'
 import { Close } from '@element-plus/icons-vue'
 const emit = defineEmits(['flyTo'])
 const value = ref('')
-const tableRef=ref()
+const tableRef = ref()
 const dataList = ref([])
 const loading = ref(false)
+const powerFlag = ref('0')
 const open = (data: any) => {
    dataList.value = []
    loading.value = true
@@ -99,11 +112,11 @@ function filterDataByKeyword(data, keyword) {
        })
    })
 }
-const currentChangeEvent=()=>{
+const currentChangeEvent = () => {
    // tableRef.value.getCurrentRecord()
-    console.log("🚀 ~ currentChangeEvent ~  tableRef.value.getCurrentRecord():",  tableRef.value.getCurrentRecord())
-    let data=tableRef.value.getCurrentRecord()
-    emit('flyTo',{ coordinate: [data.lng, data.lat] }, 16)
+    console.log('🚀 ~ currentChangeEvent ~  tableRef.value.getCurrentRecord():', tableRef.value.getCurrentRecord())
+    let data = tableRef.value.getCurrentRecord()
+    emit('flyTo', { coordinate: [data.lng, data.lat] }, 16)
 }

 const show = ref(false)
--- a/src/views/pqs/qualityInspeection/panorama/components/details/stand.vue
+++ b/src/views/pqs/qualityInspeection/panorama/components/details/stand.vue
@@ -496,7 +496,7 @@ const jump = () => {
        name: 'harmonic-boot/qydetailedAnalysis/pollutionReport',
        query: {
            type: '2',
-            statisticalType:contaminate.value,
+            statisticalType: contaminate.value,
            t: Date.now()
        }
    })
@@ -536,5 +536,7 @@ defineExpose({ open })
 .text-style {
    cursor: pointer;
    text-decoration: underline;
+    text-decoration-color: var(--el-color-primary);
+    text-underline-offset: 4px;
 }
 </style>
--- a/src/views/pqs/qualityInspeection/panorama/components/details/transientDetails.vue
+++ b/src/views/pqs/qualityInspeection/panorama/components/details/transientDetails.vue
@@ -1,7 +1,14 @@
 <!-- 暂态 -->
 <template>
    <el-dialog draggable :title="title" v-model="dialogVisible" width="800px">
-        <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="360px" :data="tableData">
+        <vxe-table
+            v-bind="defaultAttribute"
+            ref="vxeRef"
+            height="360px"
+            :data="tableData"
+            @cell-click="currentChangeEvent"
+            style="cursor: pointer;"
+        >
            <vxe-column title="序号" width="70" type="seq"></vxe-column>
            <vxe-column field="lineName" title="监测点名称" />
            <vxe-column field="subName" title="变电站名称"></vxe-column>
@@ -16,6 +23,8 @@ import MyEChart from '@/components/echarts/MyEchart.vue'
 import { useDictData } from '@/stores/dictData'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
 import { getEventDetailByList } from '@/api/device-boot/panorama'
+import { useRouter } from 'vue-router'
+const router = useRouter()
 const dictData = useDictData()
 const dialogVisible: any = ref(false)
 const list = dictData.getBasicData('Event_Statis')
@@ -30,6 +39,19 @@ const open = async (row: any, name: string, type: string) => {

    dialogVisible.value = true
 }
+const currentChangeEvent = (row: any) => {
+    router.push({
+        name: 'Descentsystem/transientList',
+        query: {
+            type: '1',
+            name:row.row.lineName,
+            dicData: types.value,
+            t: Date.now()
+        }
+    })
+}
+// 跳转暂态列表
+
 // 查看详情

 defineExpose({ open })