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

<script>
import PanelBoard from '@/components/panelBoard/panelBoard'
export default {
  name: 'zhatu',
  components: {PanelBoard},
  data () {
    return {
      volunteers: {
        name: '渣土车总数',
        value: 234,
        unit: '辆'
      }, // 志愿者
      onlineVolunteers: {
        name: '在线渣土车',
        value: 123,
        unit: '辆'
      }// 在岗志愿者
    }
  }
}
</script>

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