<template>
  <BasicTable @register="registerTable" />
</template>
<script lang="ts">
  import { defineComponent } from 'vue';
  import { BasicTable, useTable } from '/@/components/Table';
  import { alarmColumns, alarmSearchSchemas } from '../../config/detail.config';
  import { getDeviceAlarm } from '/@/api/device/deviceManager';
  export default defineComponent({
    name: 'DeviceManagement',
    components: {
      BasicTable,
    },
    props: {
      id: {
        type: String,
        required: true,
      },
    },
    setup(props) {
      const [registerTable] = useTable({
        api: getDeviceAlarm,
        columns: alarmColumns,
        formConfig: {
          labelWidth: 120,
          schemas: alarmSearchSchemas,
        },
        useSearchForm: true,
        showTableSetting: true,
        bordered: true,
        showIndexColumn: false,
        beforeFetch: getDeviceId,
      });
      function getDeviceId(data) {
        Reflect.set(data, 'deviceId', props.id);
      }

      return {
        registerTable,
      };
    },
  });
</script>