<template>
  <div id="leftCmp2">
    <div class="d-flex pt-2 pl-2">
      <span style="color:#5cd9e8">
        <icon name="align-left"></icon>
      </span>
      <span class="fs-xl text mx-2">重点人预警详情</span>
    </div>
    <div style="width:100%;position: absolute;top: .4rem;bottom: 0;">
      <dv-scroll-board :config="config"  />
    </div>
  </div>
</template>

<script>
  import Echart from '../../common/echart'
  export default{
    components:{
      Echart,
    },
    data(){
      return{
        config: {
          // header: ['告警时间', '告警设备', '告警位置', '管理员-电话'],
          data: [
            ['2020-12-29 12:00:00','<span style="color:#09f7f9;">刘大壮</span>','前科','大山二手车店活动'],
            ['2020-12-29 12:00:00','<span style="color:#09f7f9;">刘大壮</span>','前科','大山二手车店活动'],
            ['2020-12-29 12:00:00','<span style="color:#09f7f9;">刘大壮</span>','前科','大山二手车店活动'],
            ['2020-12-29 12:00:00','<span style="color:#09f7f9;">刘大壮</span>','前科','大山二手车店活动'],
            ['2020-12-29 12:00:00','<span style="color:#09f7f9;">刘大壮</span>','前科','大山二手车店活动'],
            ['2020-12-29 12:00:00','<span style="color:#09f7f9;">刘大壮</span>','前科','大山二手车店活动'],
          ],
          index: true,
          // align: ['center'],
          rowNum: 5,
          // headerBGC: 'rgba(6, 30, 93, 0.1)',
          // headerHeight: 30,
          // indexHeader:'',
          columnWidth:[40,140,60,50],
          oddRowBGC: 'rgba(0, 44, 81, 0)',
          evenRowBGC: 'rgba(10, 29, 50, 0)',
          path:'',
        },
      }
    },
    mounted() {

    },
    methods:{

    }
  }
</script>

<style lang="less">
  #leftCmp2{
    width: 100%;
    height: 3rem;
    position: relative;
    .dv-scroll-board .rows .row-item{
          font-size: 10px!important;
        }
        .dv-scroll-board .rows .index{
          border-radius: 25px!important;
        }
  }
</style>
