67 lines
1.9 KiB
Vue
67 lines
1.9 KiB
Vue
<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> |