50 lines
1.4 KiB
Vue
50 lines
1.4 KiB
Vue
![]() |
<template>
|
||
|
<div class="app-container">
|
||
|
<el-divider content-position="left"><span class="text-bold-18">经营责任书完成概况</span></el-divider>
|
||
|
<left1 />
|
||
|
<el-divider content-position="left"><span class="text-bold-18">收入、利润概况</span></el-divider>
|
||
|
<left2 />
|
||
|
<el-divider content-position="left"><span class="text-bold-18">全年目标</span></el-divider>
|
||
|
<center1 />
|
||
|
<el-divider content-position="left"><span class="text-bold-18">今日动态</span></el-divider>
|
||
|
<center2 />
|
||
|
<el-divider content-position="left"><span class="text-bold-18">生产责任令完成概况</span></el-divider>
|
||
|
<right1 />
|
||
|
<el-divider content-position="left"><span class="text-bold-18">交付产品完成概况</span></el-divider>
|
||
|
<right2 />
|
||
|
<el-divider content-position="left"><span class="text-bold-18">装药量概况</span></el-divider>
|
||
|
<right3 />
|
||
|
</div>
|
||
|
</template>
|
||
|
<script>
|
||
|
import left1 from './left1.vue'
|
||
|
import left2 from './left2.vue' // 包括 left2 和 left3 只有一个接口
|
||
|
import center1 from './center1.vue'
|
||
|
import center2 from './center2.vue'
|
||
|
import right1 from './right1.vue'
|
||
|
import right2 from './right2.vue'
|
||
|
import right3 from './right3.vue'
|
||
|
export default {
|
||
|
components: {
|
||
|
left1,
|
||
|
left2,
|
||
|
center1,
|
||
|
center2,
|
||
|
right1,
|
||
|
right2,
|
||
|
right3,
|
||
|
},
|
||
|
}
|
||
|
</script>
|
||
|
<style lang="scss" scoped>
|
||
|
.app-container {
|
||
|
.el-divider:nth-child(n + 2) {
|
||
|
margin-top: 50px;
|
||
|
}
|
||
|
}
|
||
|
.text-bold-18 {
|
||
|
font-size: 18px;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
</style>
|