<!-- 暂态 -->
<template>
    <el-dialog draggable :title="title" v-model="dialogVisible" width="800px">
        <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="360px" :data="tableData">
            <vxe-column title="序号" width="70" type="seq"></vxe-column>
            <vxe-column field="lineName" title="监测点名称" />
            <vxe-column field="subName" title="变电站名称"></vxe-column>
            <vxe-column field="devName" title="终端名称"></vxe-column>
            <vxe-column sortable field="count" :title="types + '次数'"></vxe-column>
        </vxe-table>
    </el-dialog>
</template>
<script setup lang="ts">
import { ref } from 'vue'
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'
const dictData = useDictData()
const dialogVisible: any = ref(false)
const list = dictData.getBasicData('Event_Statis')
const tableData: any = ref([])
const title = ref('详情')
const types = ref('')
// Event_Statis
const open = async (row: any, name: string, type: string) => {
    types.value = type
    title.value = name + type + '详情'
    tableData.value = row

    dialogVisible.value = true
}
// 查看详情

defineExpose({ open })
</script>
<style lang="scss" scoped>
.statistics-main {
    // height: 300px;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;

    .statistics-box {
        // height: 300px;
        // display: flex;
        display: grid;
        grid-template-columns: 2fr 1fr;
    }
}
:deep(.el-dialog__body) {
    max-height: none !important;
}
.text-style {
    cursor: pointer;
    text-decoration: underline;
}
</style>
