调整看板界面

src/components/dplechart/centerRight/centerRightChart/chart.vue

@@ -5,6 +5,7 @@
       id="centreRight2Chart1"
       height="180px"
       width="260px"
+      style="width: 260px; height: 260px;position: absolute; left: 18%;"
     ></Echart>
   </div>
 </template>
@@ -92,7 +93,16 @@ export default {
                 }
               }
             },
-          ]
+          ],
+          title: {
+            text: '工序投产良率分析',
+            textStyle: {
+              color: '#fff', // 白色字体
+              fontSize: 16,
+            },
+            top: '0%',
+            left: 'center' // 垂直居中
+          }
         }
       },
       immediate: true,

src/views/assembly/centerLeft_two.vue

@@ -30,32 +30,29 @@
             </p>
           </div>
           <div class="item">
-            <p class="colorBlue fw-b fs-xl">工单投入数</p>
+            <p class="colorBlue fw-b fs-xl">工单投入</p>
             <p class="dv-dig-flop "> {{ upitem.inqty }}
             </p>
           </div>
           <div class="item">
-            <p class="colorBlue fw-b fs-xl">工单完工数</p>
-            <p class="dv-dig-flop "> {{ upitem.outqty }}
+            <p class="colorBlue fw-b fs-xl">累计不良</p>
+            <p class="dv-dig-flop "> {{ upitem.ngqty }}
             </p>
           </div>
           <div class="item">
-            <p class="colorBlue fw-b fs-xl">工单达成率</p>
-            <p class="dv-dig-flop "> {{ upitem.okrate }}%
+            <p class="colorBlue fw-b fs-xl">工单完成</p>
+            <p class="dv-dig-flop "> {{ upitem.outqty }}
             </p>
           </div>
+          
           <div class="item">
-            <p class="colorBlue fw-b fs-xl">累计老化数</p>
-            <p class="dv-dig-flop "> {{ upitem.aging }}
+            <p class="colorBlue fw-b fs-xl">累计待维修数</p>
+            <p class="dv-dig-flop "> {{ upitem.badqty }}
             </p>
           </div>
           <div class="item">
-            <p class="colorBlue fw-b fs-xl">累计不良数</p>
-            <p class="dv-dig-flop "> {{ upitem.ngqty }}
-            </p>
-          </div><div class="item">
-            <p class="colorBlue fw-b fs-xl">累计待维修数</p>
-            <p class="dv-dig-flop "> {{ upitem.badqty }}
+            <p class="colorBlue fw-b fs-xl">工单达成率</p>
+            <p class="dv-dig-flop "> {{ upitem.okrate }}%
             </p>
           </div>
           <div class="item">
@@ -63,6 +60,11 @@
             <p class="dv-dig-flop "> {{ upitem.repairqty }}
             </p>
           </div>
+          <div class="item">
+            <p class="colorBlue fw-b fs-xl">累计老化</p>
+            <p class="dv-dig-flop "> {{ upitem.aging }}
+            </p>
+          </div>
         </div>
        <!-- <div class="up">
           <div

src/views/dpl/bottomRight.vue

@@ -12,7 +12,8 @@
           </div>
         </div>
       </div>
-      <div>
+      <div style="position:relative;">
+        <centerRight2Chart1 />
         <BottomRightChart />
       </div>
     </div>
@@ -20,10 +21,13 @@
 </template>
 
 <script>
+
+import centerRight2Chart1 from '@/components/dplechart/centerRight/centerRightChart'
 import BottomRightChart from "@/components/dplechart/bottom/bottomRightChart";
 export default {
   components: {
-    BottomRightChart
+    BottomRightChart,
+    centerRight2Chart1
   }
 };
 </script>

src/views/dpl/centerLeft_two.vue

@@ -10,34 +10,54 @@
       <div class="d-flex ai-center flex-column body-box">
         <div class="up">
           <div class="item">
-            <p class="ml-3 colorBlue fw-b fs-xl">工单号</p>
-            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.sp_makecode }}
-            </div>
+            <p class="colorBlue fw-b fs-xl">工单号</p>
+            <p class="dv-dig-flop "> {{ upitem.sp_makecode }}
+            </p>
           </div>
           <div class="item">
-            <p class="ml-3 colorBlue fw-b fs-xl">客户订单号</p>
-            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.pr_detail }}
-            </div>
+            <p class="colorBlue fw-b fs-xl">机型</p>
+            <p class="dv-dig-flop " style="font-size: 16px;"> {{ upitem.pr_detail }}
+            </p>
           </div>
           <div class="item">
-            <p class="ml-3 colorBlue fw-b fs-xl">工单总数</p>
-            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.ma_qty }}
-            </div>
+            <p class="colorBlue fw-b fs-xl">工单总数</p>
+            <p class="dv-dig-flop "> {{ upitem.ma_qty }}
+            </p>
           </div>
           <div class="item">
-            <p class="ml-3 colorBlue fw-b fs-xl">工单投入数</p>
-            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.inqty }}
-            </div>
+            <p class="colorBlue fw-b fs-xl">软件版本</p>
+            <p class="dv-dig-flop " style="font-size: 16px;"> {{ upitem.ma_softversion }}
+            </p>
           </div>
           <div class="item">
-            <p class="ml-3 colorBlue fw-b fs-xl">工单完工数</p>
-            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.outqty }}
-            </div>
+            <p class="colorBlue fw-b fs-xl">工单投入</p>
+            <p class="dv-dig-flop "> {{ upitem.inqty }}
+            </p>
           </div>
           <div class="item">
-            <p class="ml-3 colorBlue fw-b fs-xl">工单达成率</p>
-            <div class="dv-dig-flop ml-1 mt-2 pl-3"> {{ upitem.okrate }}%
-            </div>
+            <p class="colorBlue fw-b fs-xl">累计不良</p>
+            <p class="dv-dig-flop "> {{ upitem.ngqty }}
+            </p>
+          </div>
+          <div class="item">
+            <p class="colorBlue fw-b fs-xl">工单完工</p>
+            <p class="dv-dig-flop "> {{ upitem.outqty }}
+            </p>
+          </div>
+          <div class="item">
+            <p class="colorBlue fw-b fs-xl">累计待维修数</p>
+            <p class="dv-dig-flop "> {{ upitem.badqty }}
+            </p>
+          </div>
+          <div class="item">
+            <p class="colorBlue fw-b fs-xl">工单达成率</p>
+            <p class="dv-dig-flop "> {{ upitem.okrate }}%
+            </p>
+          </div>
+          <div class="item">
+            <p class="colorBlue fw-b fs-xl">累计已维修数</p>
+            <p class="dv-dig-flop "> {{ upitem.repairqty }}
+            </p>
           </div>
         </div>
       <!--  <div class="up">
@@ -55,16 +75,12 @@
             </div>
           </div>
         </div>-->
-         <span class="fs-xl text mx-2">工序投产良率分析</span>
-        <centerRight2Chart1 />
       </div>
     </div>
   </div>
 </template>
 
 <script>
-import centerRight2Chart1 from '@/components/dplechart/centerRight/centerRightChart'
-
 export default {
   data() {
     return {
@@ -73,7 +89,7 @@ export default {
       upitem:{}
     }
   },
-  components: { centerRight2Chart1 },
+  components: {  },
   mounted() {
     this.refreshdata();
   },
@@ -170,7 +186,7 @@ export default {
       display: flex;
       flex-wrap: wrap;
       //justify-content: space-around;
-      height: 180px;
+      // height: 180px;
       //margin-bottom: 7px;
       .item {
         border-radius: 6px;