From 81c40e304242dbb9e9acca46524f531459407919 Mon Sep 17 00:00:00 2001
From: xiangxy <shione_xxy@163.com>
Date: Thu, 11 May 2023 13:42:25 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=9F=E4=BA=A7=E7=BB=9F=E8=AE=A1=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ProdCount2.vue | 108 +++++++++++++++++++++------------------
 1 file changed, 58 insertions(+), 50 deletions(-)

diff --git a/src/pages/ProdCount2.vue b/src/pages/ProdCount2.vue
index 3330567..dd8acf7 100644
--- a/src/pages/ProdCount2.vue
+++ b/src/pages/ProdCount2.vue
@@ -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)