<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" :table-roll="false"/>
  </div>
</div>
</template>

<script>
import PeakSecondaryTitle from "@/components/peak-coal-monitoring/PeakSecondaryTitle";
import PeakCustomTable from "@/components/peak-coal-monitoring/PeakCustomTable";
export default {
  name: "ExcessiveWarning",
  components: {PeakCustomTable, PeakSecondaryTitle},
  data(){
    return{
      title: '超标预警',
      tableTitle: [
        {
          title: '工序',
          dataIndex: 'workingProcedure',
          width: '35%'
        },
        {
          title: '数值',
          dataIndex: 'standardNum',
          width: '25%'
        },
        {
          title: '超标后数值',
          dataIndex: 'overNum',
          width: '25%'
        },
        {
          title: '详情',
          dataIndex: 'operation',
          width: '15%'
        }
      ],
      dataSource: [
        {
          workingProcedure: '高炉',
          standardNum: '10',
          overNum: '20'
        },
        {
          workingProcedure: '高炉',
          standardNum: '50',
          overNum: '20'
        },
        {
          workingProcedure: '高炉',
          standardNum: '40',
          overNum: '20'
        },
        {
          workingProcedure: '高炉',
          standardNum: '10',
          overNum: '20'
        },
        {
          workingProcedure: '高炉',
          standardNum: '50',
          overNum: '20'
        },
        {
          workingProcedure: '高炉',
          standardNum: '40',
          overNum: '20'
        }
      ]
    }
  }
}
</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>
