<!-- 暂态 -->
<template>
    <el-dialog draggable :title="title" v-model="dialogVisible" width="800px">
        <vxe-table
            v-bind="defaultAttribute"
            ref="vxeRef"
            height="360px"
            :data="tableData"
            @cell-click="currentChangeEvent"
            style="cursor: pointer;"
        >
            <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'
import { useRouter } from 'vue-router'
const router = useRouter()
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
}
const currentChangeEvent = (row: any) => {
    router.push({
        name: 'Descentsystem/transientList',
        query: {
            type: '1',
            name:row.row.lineName,
            dicData: types.value,
            t: Date.now()
        }
    })
}
// 跳转暂态列表

// 查看详情

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>
