完成污区图

2024-11-01 11:17:12 +08:00
parent 0645462ab8
commit bb67f6e06b
6 changed files with 828 additions and 123 deletions
--- a/src/views/pqs/harmonicMonitoring/detailed/dirtyAreas/components/provinceDetails.vue
+++ b/src/views/pqs/harmonicMonitoring/detailed/dirtyAreas/components/provinceDetails.vue
@@ -0,0 +1,106 @@
+<template>
+
+    <el-dialog v-model="dialogVisible" :title="title" width="70%">
+        <vxe-table height="400px" auto-resize :data="tableData" v-loading="loading" v-bind="defaultAttribute"
+            :key="key">
+
+            <vxe-column field="name" title="名称"></vxe-column>
+            <vxe-column field="powerCompany" title="供电公司" v-if="voltageLevelFlag"></vxe-column>
+            <vxe-column field="substation" title="变电站" v-if="voltageLevelFlag"></vxe-column>
+            <vxe-column field="busBar" title="母线" v-if="voltageLevelFlag"></vxe-column>
+
+            <vxe-column field="voltageLevel" title="电压等级"
+                v-if="statisticalName == '谐波电压(%)' && !voltageLevelFlag"></vxe-column>
+            <vxe-column field="data" :title="statisticalName">
+                <template #default="scope">
+                    <span v-if="scope.row.data == -1" type="primary" size="small">暂无数据</span>
+                    <span v-if="scope.row.data !== -1" type="primary" size="small">
+                        {{ scope.row.data }}
+                    </span>
+                </template>
+            </vxe-column>
+            <vxe-column field="zd" title="评估">
+                <template #default="scope">
+                    <span v-if="
+                        0 <= scope.row.data &&
+                        scope.row.data < 1 &&
+                        scope.row.data !== 3.14159
+                    " style=" font-weight: bold;color: #339966;">
+                        无污染
+                    </span>
+                    <span v-if="
+                        1 <= scope.row.data &&
+                        scope.row.data < 1.2 &&
+                        scope.row.data !== 3.14159
+                    " style=" font-weight: bold;color: #3399ff;">
+                        轻微污染
+                    </span>
+                    <span v-if="
+                        1.2 <= scope.row.data &&
+                        scope.row.data < 1.6 &&
+                        scope.row.data !== 3.14159
+                    " style=" font-weight: bold;color: #ffcc33;">
+                        轻度污染
+                    </span>
+                    <span v-if="
+                        1.6 <= scope.row.data &&
+                        scope.row.data < 2 &&
+                        scope.row.data !== 3.14159
+                    " style=" font-weight: bold;color: #ff9900;">
+                        中度污染
+                    </span>
+                    <span v-if="
+                        2 <= scope.row.data && scope.row.data && scope.row.data !== 3.14159
+                    " style=" font-weight: bold;color: #cc0000;">
+                        重度污染
+                    </span>
+                    <span v-if="scope.row.data == 3.14159" style="color: #000;">
+                        暂无评估
+                    </span>
+                </template>
+            </vxe-column>
+        </vxe-table>
+
+    </el-dialog>
+
+</template>
+<script setup lang='ts'>
+import { ref, reactive } from 'vue'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import { getSubstationInfoById, getLineInfoById } from '@/api/harmonic-boot/area'
+const dialogVisible = ref(false)
+const loading = ref(false)
+const voltageLevelFlag = ref(false)
+const tableData = ref([])
+const title = ref('')
+const key = ref(0)
+const statisticalName = ref('')
+const open = (row: any, flag: boolean, params: any) => {
+    voltageLevelFlag.value = flag
+    loading.value = true
+    title.value = row.name + '详情'
+    statisticalName.value = params.statisticalType.name + '(%)'
+    tableData.value = []
+    if (flag) {
+        getLineInfoById({ ...params, deptIndex: row.pid, id: row.id }).then((res: any) => {
+            tableData.value = res.data
+            loading.value = false
+        }).catch(() => {
+            loading.value = false
+        })
+
+    } else {
+        getSubstationInfoById({ ...params, deptIndex: row.id }).then((res: any) => {
+            tableData.value = res.data
+            loading.value = false
+        }).catch(() => {
+            loading.value = false
+        })
+    }
+
+    key.value += 1
+    dialogVisible.value = true
+}
+defineExpose({ open })
+</script>
+<style lang="scss" scoped></style>