<template>
    <el-dialog v-model="dialogVisible" title="区域运行评价" width="50%" draggable>
        <!-- <el-form :inline="true">
            <el-form-item label="所在区域">
                <Area ref="areaRef" v-model="orgNo" />
            </el-form-item>
        </el-form> -->
        <vxe-table v-bind="defaultAttribute" ref="vxeRef" height="500px" :data="tableData">
            <!-- <vxe-column field="num" title="终端名称" /> -->
            <vxe-column field="num1" title="区域" />
            <!-- <vxe-column field="num2" title="所属变电站" />
            <vxe-column field="num3" title="终端型号" /> -->
            <vxe-column field="num4" title="完整率评价">
                <template #default="{ row }">
                    <el-tag effect="dark" type="success">优</el-tag>
                </template>
            </vxe-column>
            <vxe-column field="num4" title="在线率评价">
                <template #default="{ row }">
                    <el-tag effect="dark" type="success">优</el-tag>
                </template>
            </vxe-column>
            <vxe-column field="num4" title="合格率评价">
                <template #default="{ row }">
                    <el-tag effect="dark" type="success">优</el-tag>
                </template>
            </vxe-column>
            <!-- <vxe-column field="num5" title="运行状态">
                <template #default="{ row }">
                    <el-tag v-if="row.num5 == 1" effect="dark" type="success">在运</el-tag>
                    <el-tag v-if="row.num5 == 2" effect="dark" type="error">停运</el-tag>
                </template>
            </vxe-column> -->
        </vxe-table>
    </el-dialog>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue'
import Area from '@/components/form/area/index.vue'
import { defaultAttribute } from '@/components/table/defaultAttribute'
const dialogVisible = ref(false)
const orgNo = ref('1')
const tableData = ref([
    {
        num: '测试终端1',
        num1: '张家口',
        num2: '测试变电站1',
        num3: 'npqs_571_1',
        num4: '100',
        num5: 1
    },
    {
        num: '测试终端2',
        num1: '廊坊',
        num2: '测试变电站2',
        num3: 'npqs_571_2',
        num4: '100',
        num5: 1
    },
    {
        num: '测试终端3',
        num1: '承德',
        num2: '测试变电站3',
        num3: 'npqs_571_3',
        num4: '100',
        num5: 1
    }, {
        num: '测试终端3',
        num1: '秦皇岛',
        num2: '测试变电站3',
        num3: 'npqs_571_3',
        num4: '100',
        num5: 1
    }, {
        num: '测试终端3',
        num1: '唐山',
        num2: '测试变电站3',
        num3: 'npqs_571_3',
        num4: '100',
        num5: 1
    },
])
const open = () => {
    dialogVisible.value = true
}
defineExpose({ open })
</script>
<style lang="scss" scoped></style>
