admin-sjzx/src/views/pqs/supervise/electricalEnergy/components1/form/detail.vue

<template>
    <el-dialog draggable v-model="dialogVisible" :title="title" width="80%" :before-close="handleClose">
        <div style="height: 45vh">
            <vxe-table height="auto" v-bind="defaultAttribute" :data="List">
                <vxe-column field="dept" title="负责单位"></vxe-column>
                <vxe-column field="substation" title="变电站名称"></vxe-column>
                <vxe-column field="deviceName" title="终端名称"></vxe-column>
                <vxe-column field="lineName" title="监测点名称"></vxe-column>
                <vxe-column
                    field="businessType"
                    title="监测对象类型"
                    :formatter="row => industry.find((item: any) => item.id == row.cellValue)?.name || '/'"
                ></vxe-column>
                <vxe-column field="objectName" title="监测对象名称"></vxe-column>
                <vxe-column
                    field="targetType"
                    title="指标类型"
                    :formatter="row => exceeded.find((item: any) => item.id == row.cellValue)?.name || '/'"
                ></vxe-column>
                <vxe-column
                    field="overLimitDay"
                    title="累计超标天数"
                    :formatter="row => (row.cellValue != null ? row.cellValue : '/')"
                ></vxe-column>
            </vxe-table>
        </div>
    </el-dialog>
</template>
<script setup lang="ts">
import { ref, defineEmits } from 'vue'
import { useDictData } from '@/stores/dictData'
import { ElMessage } from 'element-plus'
import { report } from '@/api/process-boot/electricitymanagement'

import { defaultAttribute } from '@/components/table/defaultAttribute'
const emits = defineEmits(['onSubmit'])
const dictData = useDictData()
const dialogVisible = ref(false)
const title: any = ref('')
const industry = dictData.getBasicData('Business_Type')

const exceeded = dictData.getBasicData('Indicator_Type')

const open = (row: any) => {
    dialogVisible.value = true
    title.value = row.text
}

const handleClose = () => {
    dialogVisible.value = false
}

defineExpose({ open })
</script>
<style lang="scss" scoped></style>