<template>
  <BasicTable :rowSelection="{ type: 'checkbox' }" @register="registerParameterTable">
    <template #display="{ record }">
      <Switch
        :checked="record.status === 1"
        :loading="record.pendingStatus"
        checkedChildren="是"
        unCheckedChildren="否"
        @change="(checked:boolean)=>displayChange(checked,record)"
      />
    </template>
  </BasicTable>
</template>
<script lang="ts" setup>
  import { BasicTable, useTable } from '/@/components/Table';
  import { parameterColums } from './monitorSystemManage.data';
  import { Switch /*, Popconfirm */ } from 'ant-design-vue';

  const [registerParameterTable] = useTable({
    title: '',
    columns: parameterColums,
    useSearchForm: false,
    showTableSetting: false,
    bordered: false,
    showIndexColumn: true,
    canResize: false,
    striped: true,
    pagination: true,
  });
  function displayChange(_display: Boolean, _record: any) {}
</script>
<style lang="less" scoped></style>
