<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>
