<template>
  <ModelBox name='1-2'>
    <div class='eq-alarm'>
      <dv-scroll-board :config="config" style="width:580px;height:250px;margin-top: 10px;" />
      <span class='split-line' style='left: 66px;'></span>
      <span class='split-line' style='left: 226px;'></span>
      <span class='split-line' style='left: 366px;'></span>
    </div>
  </ModelBox>
</template>
<script>
import ModelBox from './ModelBox.vue';
export default {
  name: 'EqAlarm',
  components: {
    ModelBox
  },
  data() {
    return {
      config:{
        header: ['<span style="color:#000;">序号</span>', '<span style="color:#000;">报警时间</span>', '<span style="color:#000;">报警设备</span>', '<span style="color:#000;">报警内容</span>'],
        headerHeight: 25,
        headerBGC: '#E8EDF8',
        oddRowBGC:'#E8EDF8',
        evenRowBGC:'#fff',
        rowNum: 8,
        columnWidth: [66, 160, 140, 214],
        align	: ['center', 'center', 'center', 'center'],
        data: [
          ['<span style="color:#000;">1</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-1打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
          ['<span style="color:#000;">2</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
          ['<span style="color:#000;">3</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
          ['<span style="color:#000;">4</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
          ['<span style="color:#000;">5</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
          ['<span style="color:#000;">6</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
          ['<span style="color:#000;">7</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>'],
          ['<span style="color:#000;">8</span>', '<span style="color:#000;">2014/12/28 19:20</span>', '<span style="color:#000;">A-2打孔机</span>', '<span style="color:#000;">各种报警内容</span>']
        ]
      }
    }
  },
  methods: {
    init() {

    }
  }
}
</script>
<style lang='scss' scoped>
.eq-alarm {
  position: relative;
  .split-line {
    position: absolute;
    top: 0;
    width: 1px;
    height: 250px;
    background: #CDD3DF;
  }
}
</style>