<!-- components/MonitorPointTable.vue -->
<template>
    <el-tab-pane label="监测点台账信息" v-if="MonIsShow">
      <div class='table-box' ref='popupBaseView'>
        <ProTable
          ref='proTable'
          :columns='columns'
          :style="{ height: '326px',maxHeight: '400px',overflow:'hidden'}"
        >
          <!-- 表格 header 按钮 -->
          <template #tableHeader='scope'>
            <el-button type='primary' :icon='CirclePlus'>新增</el-button>
            <el-button type='danger' :icon='Delete' plain :disabled='!scope.isSelected'>删除</el-button>
          </template>
          <!-- 表格操作 -->
          <template #operation>
            <el-button type='primary' link :icon='EditPen'>复制</el-button>
            <el-button type='primary' link :icon='EditPen'>编辑</el-button>
            <el-button type='primary' link :icon='Delete'>删除</el-button>
          </template>
        </ProTable>
      </div>
    </el-tab-pane>
  </template>
  
  <script setup lang="ts">
    import { ref, defineProps, reactive } from 'vue';
    import ProTable from '@/components/ProTable/index.vue'; // 假设 ProTable 是自定义组件
    import { CirclePlus, Delete, EditPen } from '@element-plus/icons-vue';
    import { getPqMonList } from '@/api/device/monitor'
    import { type ColumnProps } from '@/components/ProTable/interface'
    import { type Monitor } from '@/api/device/interface/monitor'

  // 定义 props
const props = defineProps<{
  MonIsShow: boolean;
}>();


  // 表格配置项
const columns = reactive<ColumnProps<Monitor.ResPqMon>[]>([
  { type: 'selection', fixed: 'left', width: 70 },
  { type: 'index', fixed: 'left', width: 70, label: '序号' },
  {
    prop: '',
    label: '所属母线',
    width: 200,
  },
  {
    prop: '',
    label: '被检通道',
    width: 200,
  },
  {
    prop: '',
    label: 'PT变比',
    width: 110,
  },
  {
    prop: '',
    label: 'CT变比',
    width: 130,
  },
  {
    prop: '',
    label: '接线方式',
    width: 130,

  },
  {
    prop: '',
    label: '谐波系统监测点ID',
    minWidth: 250,
  },
  { prop: 'operation', label: '操作', fixed: 'right', width: 200 },
])
  </script>
  