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