82 lines
2.8 KiB
Vue
82 lines
2.8 KiB
Vue
|
<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>
|