<!--
 * @Description: 双创 地图上方显示面板组件
 * @Author: 王晓颖
 * @Date: 2020-09-17 09:50:32
 -->
<template>
  <div class="overflow-container" style="">
    <panel-board :data="totalCase"/>
    <panel-board :data="waitForHandle"/>
    <panel-board :data="inHandle"/>
    <panel-board :data="overTime"/>
  </div>
</template>

<script>
import PanelBoard from '@/components/panelBoard/panelBoard'
export default {
  name: 'case',
  components: {PanelBoard},
  data () {
    return {
      totalCase: {
        name: '今日事件总数',
        value: 147,
        unit: '件'
      }, // 事件总数
      waitForHandle: {
        name: '待处理事件',
        value: 58,
        unit: '件'
      }, // 待处理事件
      inHandle: {
        name: '处理中事件',
        value: 48,
        unit: '件'
      }, // 待处理事件
      overTime: {
        name: '超期未处置事件',
        value: 14,
        unit: '件'
      }
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.overflow-container{
  position:absolute;
  top:30px;
  left:0.8rem;
  z-index:100;
  width: 3rem;
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}
</style>