root/screen-lnsh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

生产统计修改

Browse Source
This commit is contained in:
xiangxy
2023-05-11 13:42:25 +08:00
parent 609569dbf5
commit 81c40e3042
1 changed files with 58 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
src/pages/ProdCount2.vue
View File

@@ -3,35 +3,38 @@
<t-header index='1'></t-header>
<section class="content">
<div class="con1">
<div class="c-title c-left">
<span class="icon1"></span>
<span>今日压制量：</span>
<!-- <div class="c-title c-left"> -->
<div class="cbox">
<!-- <span class="icon1"></span> -->
<div>今日压制量：</div>
<div class="num">
<div class="bg" v-for="item in showNum1" :key="item" :class="{dot: item === '.'}">{{item}}</div>
</div>
<span>块</span>
<div>块</div>
</div>
<div class="c-title c-right">
<span>今日干燥量：</span>
<!-- <div class="c-title c-right"> -->
<div class="cbox">
<div>今日干燥量：</div>
<div class="num">
<div class="bg" v-for="item in showNum2" :key="item" :class="{dot: item === '.'}">{{item}}</div>
</div>
<span>块</span>
<div>块</div>
</div>
<div class="c-title c-right" style="marginLeft: 1rem;">
<span>今日成品量：</span>
<!-- <div class="c-title c-right" style="marginLeft: 1rem;"> -->
<div class="cbox">
<div>今日成品量：</div>
<div class="num">
<div class="bg" v-for="item in showNum3" :key="item" :class="{dot: item === '.'}">{{item}}</div>
</div>
<span>块</span>
<div>块</div>
</div>
</div>
<div class="center_wrapper" style="display:flex">
<div class="con2">
<div class="title">原料计划完成情况</div>
<div class="desc">
<div>计划生产：<span>{{planqty}}</span>KG</div>
<div>已生产：<span>{{realqty}}</span>KG</div>
<div>计划生产：<span>{{planqty}}</span>千克</div>
<div>已生产：<span>{{realqty}}</span>千克</div>
</div>
<div class="item_content_0">
<div id="echart_d01" style="width: 100%; height: 100%"></div>
@@ -600,48 +603,53 @@ export default {
background center center / 100% 100% url(../assets/images/sctj_top.png) no-repeat
margin-bottom 15px
text-align center
// display flex
// justify-content space-between
// align-items center
.c-title
float left
// line-height 1.23rem
line-height 123px
.c-left
margin 0 1.3rem 0 1.3rem
display flex
justify-content space-between
align-items center
// .c-title
// float left
// // line-height 1.23rem
// line-height 123px
// .c-left
// margin 0 1.3rem 0 1.3rem
// display flex
// align-items center
// .c-right
// // margin 0 2.9rem 0 2.5rem
// display flex
// align-items center
.cbox
width 30%
display flex
align-items center
.c-right
// margin 0 2.9rem 0 2.5rem
display flex
align-items center
span
font-size .24rem
color #32C5FF
.icon1
display inline-block
width .19rem
height .19rem
overflow hidden
position relative
background center center / 100% 100% url(../assets/images/sctj_icon.png) no-repeat
margin-right .2rem
.num
display flex
align-items center
.bg
width .44rem
height .6rem
background rgba(50,197,255,0.10)
justify-content center
div
font-size .24rem
color #32C5FF
.icon1
display inline-block
width .19rem
height .19rem
overflow hidden
position relative
background center center / 100% 100% url(../assets/images/sctj_icon.png) no-repeat
margin-right .2rem
.num
display flex
align-items center
justify-content center
margin-right .1rem
font-size .5rem
color #F7B502
.dot
background none
width .14rem
.bg
width .44rem
height .6rem
background rgba(50,197,255,0.10)
display flex
align-items center
justify-content center
margin-right .1rem
font-size .5rem
color #F7B502
.dot
background none
width .14rem
.center_wrapper
_wh(100%, calc(50% - 69px))
_fj(row)