init2

src/views/bottomLeft.vue

@@ -3,29 +3,33 @@
     <div class="bg-color-black">
       <div class="d-flex pt-2 pl-2">
         <div class="d-flex border_bottom">
-          <div class="fs-xl text mx-2">{{info.wareCn}}</div>
+          <div class="fs-xl text mx-2">{{ info.wareCn }}</div>
           <div class="fs-xl text1">品名：</div>
-          <div class="fs-xl text2">{{info.securities}}</div>
+          <div class="fs-xl text2">{{ info.securities }}</div>
         </div>
       </div>
       <div class="text3">当前库存</div>
       <div class="d-flex pt-2 pl-2">
         <div class="d-flex border_bottom">
-          <div class="fs-xl text4 mx-2">{{info.qty}}</div>
+          <div class="fs-xl text4 mx-2">{{ info.qty }}</div>
           <div class="fs-xl text5">箱</div>
         </div>
       </div>
-      <div class="d-flex pt-2 pl-2 border_bottom">
-        <div class="icon-in"></div>
-        <div class="fs-xl text6 mx-2">今日入库</div>
-        <div class="fs-xl text7 mx-2">{{info.dayInQty}}</div>
-        <div class="fs-xl text8">箱</div>
+      <div class="d-flex pl-2 pl-2">
+        <div class="d-flex border_bottom">
+          <div class="icon-in"></div>
+          <div class="fs-xl text6 mx-2">今日入库</div>
+          <div class="fs-xl text7 mx-2">{{ info.dayInQty }}</div>
+          <div class="fs-xl text8">箱</div>
+        </div>
       </div>
-      <div class="d-flex pt-2 pl-2 bottom">
-        <div class="icon-out"></div>
-        <div class="fs-xl text6 mx-2">今日出库</div>
-        <div class="fs-xl text7 mx-2">{{ info.dayOutQty}}</div>
-        <div class="fs-xl text8">箱</div>
+      <div class="d-flex pt-2 pl-2">
+        <div class="d-flex bottom">
+          <div class="icon-out"></div>
+          <div class="fs-xl text6 mx-2">今日出库</div>
+          <div class="fs-xl text7 mx-2">{{ info.dayOutQty }}</div>
+          <div class="fs-xl text8">箱</div>
+        </div>
       </div>
     </div>
   </div>
@@ -57,13 +61,13 @@ $box-width: 100%;
     padding-right: 10px;
   }
   .border_bottom {
-    padding: 20px 0 20px 0;
-    border-bottom: #2288e7 1px solid;
+    padding: 20px 0 20px 5px;
+    border-bottom: #e7c322 1px solid;
     width: 100%;
     // border: #ff0 0.1333vw solid;
   }
   .bottom {
-    padding: 20px 0 20px 0;
+    padding: 20px 0 20px 5px;
     width: 100%;
     // border: #ff0 0.1333vw solid;
   }
@@ -98,14 +102,14 @@ $box-width: 100%;
     padding: 20px;
   }
   .text4 {
-    color: #F8B655;
-    font-family: fantasy; 
+    color: #f8b655;
+    font-family: fantasy;
     font-size: 4rem;
     width: 80%;
     height: 3rem /* 100/16 */;
   }
   .text5 {
-    color: #F8B655;
+    color: #f8b655;
     font-size: 2rem;
     margin-left: 0.1rem;
   }
@@ -139,28 +143,28 @@ $box-width: 100%;
 }
 .icon-in {
   /* 设置元素的宽度和高度 */
-    width: 32px;
-    height: 32px;
-    /* 将背景图片设置为所需的图标 */
-    background-image: url('../assets/in.png');
-    /* 背景图片不平铺 */
-    background-repeat: no-repeat;
-    /* 背景图片居中 */
-    background-position: center;
-    /* 背景图片尺寸 */
-    background-size: contain;
+  width: 32px;
+  height: 32px;
+  /* 将背景图片设置为所需的图标 */
+  background-image: url('../assets/in.png');
+  /* 背景图片不平铺 */
+  background-repeat: no-repeat;
+  /* 背景图片居中 */
+  background-position: center;
+  /* 背景图片尺寸 */
+  background-size: contain;
 }
 .icon-out {
   /* 设置元素的宽度和高度 */
-    width: 32px;
-    height: 32px;
-    /* 将背景图片设置为所需的图标 */
-    background-image: url('../assets/out.png');
-    /* 背景图片不平铺 */
-    background-repeat: no-repeat;
-    /* 背景图片居中 */
-    background-position: center;
-    /* 背景图片尺寸 */
-    background-size: contain;
+  width: 32px;
+  height: 32px;
+  /* 将背景图片设置为所需的图标 */
+  background-image: url('../assets/out.png');
+  /* 背景图片不平铺 */
+  background-repeat: no-repeat;
+  /* 背景图片居中 */
+  background-position: center;
+  /* 背景图片尺寸 */
+  background-size: contain;
 }
 </style>

src/views/center.vue

@@ -223,6 +223,6 @@ export default {
 
 .text {
   color: #c3cbde;
-  font-size: 1rem;
+  font-size: 1.3rem;
 }
 </style>

src/views/centerRight1.vue

@@ -1,10 +1,10 @@
 <template>
   <div id="centerRight1">
     <div class="bg-color-black">
-      <div class="d-flex pt-2 pl-2">
+      <div class="d-flex pt-2 pl-2" style="margin-bottom: 10px">
         <div class="d-flex">
           <dv-decoration-9 style="width:20px;height:20px;" />
-          <span class="fs-xl text mx-2">任务完成排行榜</span>
+          <span class="fs-xl text mx-2">本周解缴计划</span>
         </div>
       </div>
       <div class="d-flex jc-center body-box">
@@ -55,15 +55,14 @@ $box-width: 100%;
     border-radius: 10px;
     .dv-scr-board {
       width: 48rem;
-      height: 330px;
-      height: 20.625rem /* 33/16 */;
+      height: 320px;
       // border: #f00 0.1333vw solid;
     }
   }
 
   .text {
     color: #c3cbde;
-    font-size: 1rem;
+    font-size: 1.3rem;
   }
   .body-box {
     border-radius: 10px;

src/views/centerRight2.vue

@@ -6,7 +6,7 @@
           <icon name="align-left" class="text-icon"></icon>
         </span> -->
         <dv-decoration-9 style="width: 20px; height: 20px" />
-        <span class="fs-xl text mx-2">产品销售渠道分析</span>
+        <span class="fs-xl text mx-2">车间生产情况</span>
       </div>
         <Chart :info="info" />
     </div>
@@ -46,7 +46,7 @@ export default {
   }
   .text {
     color: #c3cbde;
-    font-size: 1rem;
+    font-size: 1.3rem;
   }
 }
 </style>

src/views/centerRight3.vue

@@ -47,7 +47,7 @@ export default {
   }
   .text {
     color: #c3cbde;
-    font-size: 1rem;
+    font-size: 1.3rem;
   }
 }
 </style>