<template>
<div class="monitor-data">
  <peak-secondary-title :title="title"/>
  <div class="table-content">
    <peak-custom-table :table-title="tableTitle" :data-source="dataSource" :limit-move-num="4"/>
  </div>
</div>
</template>

<script>
import PeakSecondaryTitle from "@/components/peak-coal-monitoring/PeakSecondaryTitle";
import PeakCustomTable from "@/components/peak-coal-monitoring/PeakCustomTable";
export default {
  name: "MonitorData",
  components: {PeakCustomTable, PeakSecondaryTitle},
  data(){
    return{
      title: '报警信息汇总',
      tableTitle: [
        {
          title: '报警时间',
          dataIndex: 'alarmTime',
          width: '35%'
        },
        {
          title: '报警类型',
          dataIndex: 'eventType',
          width: '25%'
        },
        {
          title: '报警内容',
          dataIndex: 'content',
          width: '40%'
        }
      ],
      dataSource: [
        {
          alarmTime: '2024年6月11日21:46:36',
          eventType: '排放超标',
          content: 'xxxxx'
        },
        {
          alarmTime: '2024年6月11日21:46:36',
          eventType: '排放超标',
          content: 'xxxxx'
        },
        {
          alarmTime: '2024年6月11日21:46:36',
          eventType: '排放超标',
          content: 'xxxxx'
        },
        {
          alarmTime: '2024年6月11日21:46:36',
          eventType: '排放超标',
          content: 'xxxxx'
        }
      ]
    }
  }
}
</script>

<style scoped lang="less">
@import "assets/styles/mixin";
.monitor-data{
  height: 100%;
  width: 100%;
  .flex-column;
  .table-content{
    padding-top: 20px;
    flex: 1;
    height: 0;
  }
}
</style>
