<template>
  <!-- 材料管理 -->
  <div class="fullHeight" style="position: relative">
    <!-- <vue-scroll>
        <img  src="@/assets/images/dataBoard/5.png" style="height:auto;width:100%"/>
        </vue-scroll> -->
    <div class="fullHeight aside">
      <div class="blockBox">
        <div class="blockTitle">实时过磅</div>
        <div class="blockContent"><LeftTop/></div>
      </div>
      <div class="blockBox">
        <div class="blockTitle">本月预约过磅</div>
        <div class="blockContent"><LeftCenter/></div>
      </div>
      <div class="blockBox">
        <div class="blockTitle">材料占比</div>
        <div class="blockContent"><LeftBottom/></div>
      </div>
    </div>
    <div class="fullHeight center bottom">
      <div class="bottom" style="height: 95%;width: 100%;">
        <div class="blockTitle" style="position: absolute; top: 6%; left: 48%">
          实时过磅照片
        </div>
        <CenterBox/>
      </div>
    </div>
    <div class="fullHeight aside">
        <div class="blockBox">
        <div class="blockTitle">今日过磅</div>
        <div class="blockContent"><RightTop/></div>
      </div>
      <div class="blockBox">
        <div class="blockTitle">供货商排行</div>
        <div class="blockContent"><RightCenter/></div>
      </div>
      <div class="blockBox">
        <div class="blockTitle">今日过磅数据</div>
        <div class="blockContent"><RightBottom/></div>
      </div>
    </div>
  </div>
</template>
<script>
import LeftTop from './leftTop.vue'
import LeftCenter from './leftCenter.vue'
import LeftBottom from './leftBottom.vue'
import CenterBox from './center.vue'
import RightTop from './rightTop.vue'
import RightCenter from './rightCenter.vue'
import RightBottom from './rightBottom.vue'
export default {
   components:{
    LeftTop,
    LeftCenter,
    LeftBottom,
    CenterBox,
    RightTop,
    RightCenter,
    RightBottom
   }
}
</script>
<style lang="less" scoped>

</style>