<template>
  <div class="alarm-history">
    <AlarmHistoryTable
      columns-type="alarm"
      :device-type="deviceType"
      :device-list-api="workFaceDeviceList.bind(null, { id: deviceId })"
      :list="list"
      :sys-id="deviceId"
      designScope="alarm-history"
    />
  </div>
</template>
<script setup lang="ts">
  import AlarmHistoryTable from '../../comment/WorkFaceAlarmHistoryTable.vue';
  import { workFaceDeviceList } from '../../../deviceManager/comment/warningTabel/warning.api';
  import { defHttp } from '/@/utils/http/axios';

  defineProps({
    deviceType: {
      type: String,
      required: true,
    },
    deviceId: {
      type: String,
      required: true,
    },
  });

  const list = (params) => defHttp.get({ url: '/safety/managesysAutoLog/list', params });
</script>
<style lang="less" scoped>
  .alarm-history {
    pointer-events: auto;
  }
</style>
