联调电网一张图

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

@@ -0,0 +1,81 @@
+<template>
+    <!-- 综合评估详情 -->
+    <el-dialog draggable title="综合评估详情" v-model="dialogVisible" width="1400px">
+        <div>
+            <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="300px" :data="tableData">
+                <vxe-column field="devName" title="所属区域" />
+                <vxe-column field="devName" title="综合评估得分" />
+                <vxe-column field="devName" title="指标合格率" />
+                <vxe-colgroup title="各项指标得分">
+                    <vxe-colgroup title="电压偏差">
+                        <vxe-column field="devName" title="评估得分" />
+                        <vxe-column field="devName" title="指标合格率" />
+                    </vxe-colgroup>
+                    <vxe-colgroup title="评率偏差">
+                        <vxe-column field="devName" title="评估得分" />
+                        <vxe-column field="devName" title="指标合格率" />
+                    </vxe-colgroup>
+                    <vxe-colgroup title="谐波含量">
+                        <vxe-column field="devName" title="评估得分" />
+                        <vxe-column field="devName" title="指标合格率" />
+                    </vxe-colgroup>
+                    <vxe-colgroup title="电压闪变">
+                        <vxe-column field="devName" title="评估得分" />
+                        <vxe-column field="devName" title="指标合格率" />
+                    </vxe-colgroup>
+                    <vxe-colgroup title="三相不平衡度">
+                        <vxe-column field="devName" title="评估得分" />
+                        <vxe-column field="devName" title="指标合格率" />
+                    </vxe-colgroup>
+                </vxe-colgroup>
+            </vxe-table>
+        </div>
+        <div style="height: 300px; margin-top: 10px">
+            <MyEChart style="height: 300px" :options="picEChart" />
+        </div>
+    </el-dialog>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue'
+import MyEChart from '@/components/echarts/MyEchart.vue'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+
+const dialogVisible: any = ref(false)
+
+const tableData: any = ref([
+    {
+        devName: 123
+    }
+])
+
+const picEChart = ref({
+    title: {
+        text: ''
+    },
+    xAxis: {
+        name: '(区域)',
+        data: ['承德', '承德', '承德', '承德', '承德', '承德', '承德']
+    },
+    yAxis: {
+        name: '',
+        min: 0,
+        max: 100
+    },
+    options: {
+        series: [
+            {
+                name: '评估得分',
+                type: 'bar',
+
+                data: [12, 12, 12, 12, 12, 12, 12]
+            }
+        ]
+    }
+})
+const open = async (row: any) => {
+    dialogVisible.value = true
+}
+
+defineExpose({ open })
+</script>
+<style lang="scss" scoped></style>