Files
admin-sjzx/src/views/pqs/qualityInspeection/panorama/components/details/transientDetails.vue
2025-12-14 12:47:53 +08:00

59 lines
1.8 KiB
Vue

<!-- 暂态 -->
<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>