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

56
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,22 +603,27 @@ 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
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 // display flex
// justify-content space-between
// align-items center // align-items center
.c-title // .c-right
float left // // margin 0 2.9rem 0 2.5rem
// line-height 1.23rem // display flex
line-height 123px // align-items center
.c-left .cbox
margin 0 1.3rem 0 1.3rem 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
align-items center
span
font-size .24rem font-size .24rem
color #32C5FF color #32C5FF
.icon1 .icon1