<template>
  <div id="leftCmp4">
    <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>','金凤区、李XX、吸毒'],
            ['2020-12-29 12:00:00','<span style="color:#09f7f9;">网易新闻</span>','金凤区、王XX、贩卖人口'],
            ['2020-12-29 12:00:00','<span style="color:#09f7f9;">新浪微博</span>','永宁县、刘XX、传销'],
            ['2020-12-29 12:00:00','<span style="color:#09f7f9;">腾讯新闻</span>','永宁县、张XX、盗窃'],
            ['2020-12-29 12:00:00','<span style="color:#09f7f9;">雅虎论坛</span>','永宁县、徐XX、吸毒'],
            ['2020-12-29 12:00:00','<span style="color:#09f7f9;">百度贴吧</span>','金凤区、解放东路、砍杀人'],
          ],

          index: true,
          // align: ['center','center','center'],
          rowNum: 5,
          // headerBGC: 'rgba(6, 30, 93, 0.1)',
          // headerHeight: 30,
          // indexHeader:'',
          columnWidth:[40,140,70],
          oddRowBGC: 'rgba(0, 44, 81, 0)',
          evenRowBGC: 'rgba(10, 29, 50, 0)',
          path:'',
        },
      }
    },
    mounted() {

    },
    methods:{

    }
  }
</script>

<style lang="less">
  #leftCmp4{
    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>
