<template>
  <div class="alarm-history">
    <AlarmHistoryTable columns-type="alarm" :device-type="`${devicekide}`" designScope="alarm-history" :scroll="scroll" :deviceId="deviceId" />
  </div>
</template>
<script setup lang="ts">
  import { reactive, computed } from 'vue';
  import AlarmHistoryTable from '../../comment/AlarmHistoryTable.vue';

  const props = defineProps({
    devicekide: {
      type: String,
      default: '',
    },
    deviceId: {
      type: String,
      default: '',
    },
  });
  const deviceId = computed(() => props.deviceId);
  let scroll = reactive({
    y: 580,
  });
</script>
<style lang="less" scoped>
  .alarm-history {
    width: 100%;
    height: 700px;
    position: fixed;
    top: 100px;
    overflow-y: auto;
  }
</style>
