84 lines
1.7 KiB
Vue
84 lines
1.7 KiB
Vue
<template>
|
|
<div>
|
|
<rocketTit style="margin-bottom: 9px">生产动态</rocketTit>
|
|
<container1>
|
|
<el-row style="height: 100%">
|
|
<el-col :span="12" style="height: 100%">
|
|
<div class="right1_bg right1_bg1">
|
|
<div style="padding: 10px 0 20px 0;">
|
|
<span class="num">2890</span>件
|
|
</div>
|
|
<div style="font-size: 18px;">今日装药任务</div>
|
|
</div>
|
|
</el-col>
|
|
<el-col :span="12" style="height: 100%">
|
|
<div class="right1_bg right1_bg2">
|
|
<div style="padding: 10px 0 20px 0;">
|
|
<span class="num">824</span>人
|
|
</div>
|
|
<div style="font-size: 18px;">今日职工数</div>
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</container1>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import rocketTit from "../components/rocketTit/index.vue";
|
|
import container1 from "../components/container1/index.vue";
|
|
import resize from '../../dashboard/mixins/resize'
|
|
|
|
export default {
|
|
mixins: [resize],
|
|
name: 'right1',
|
|
components: {
|
|
rocketTit,
|
|
container1,
|
|
},
|
|
data () {
|
|
return {}
|
|
},
|
|
mounted () {
|
|
|
|
},
|
|
beforeDestroy () {
|
|
},
|
|
methods: {
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.right1_bg {
|
|
width: 211px;
|
|
height: 132px;
|
|
background-size: cover;
|
|
text-align: center;
|
|
padding: 10px 0 10px 0;
|
|
margin: 20px auto 0 auto;
|
|
|
|
font-size: 14px;
|
|
.num {
|
|
font-size: 30px;
|
|
font-family: Roboto-Black, Roboto;
|
|
font-weight: 900;
|
|
line-height: 35px;
|
|
margin-right: 3px;
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
.right1_bg1 {
|
|
background-image: url(./right1-1.png);
|
|
.num {
|
|
color: #f6d97e;
|
|
}
|
|
}
|
|
.right1_bg2 {
|
|
background-image: url(./right1-2.png);
|
|
.num {
|
|
color: #1098ff;
|
|
}
|
|
}
|
|
</style> |