样式调整，字体大小

src/assets/scss/index.scss

@@ -39,7 +39,7 @@
       background-repeat: no-repeat;
 
       .title-text {
-        font-size: 24px;
+        font-size: 26px;
         position: absolute;
         bottom: 0;
         left: 50%;
@@ -98,7 +98,7 @@
         width: 500px;
         text-align: left;
       }
-      font-size: 18px;
+      font-size: 20px;
       width: 300px;
       height: 50px;
       line-height: 50px;

src/components/echart/centerLeft/centerLeft1Chart/chart.vue

@@ -4,7 +4,7 @@
       :options="options"
       id="centreLeft1Chart"
       height="350px"
-      width="260px"
+      width="300px"
     ></Echart>
   </div>
 </template>
@@ -62,9 +62,9 @@ export default {
             {
               name: "不良现象统计",
               type: "pie",
-              radius: [10, 50],
+              radius: [15, 60],
               roseType: "area",
-              center: ["50%", "40%"],
+              center: ["50%", "30%"],
               data: newData.seriesData,
             }
           ]

src/views/centerLeft1.vue

@@ -6,7 +6,7 @@
           <icon name="chart-bar" class="text-icon"></icon>
         </span>
         <div class="d-flex">
-          <span class="fs-xl text mx-2">不良现象TOP5</span>
+          <span class="fs-xxl text mx-2">不良现象TOP5</span>
           <dv-decoration-3 class="dv-dec-3" />
         </div>
       </div>
@@ -121,18 +121,19 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-$box-width: 300px;
 $box-height: 410px;
+$box-width: 340px;
 
 #centerLeft1 {
-  padding: 16px;
+  padding: 5px;
   height: $box-height;
   font-size: 32px;
   width: $box-width;
-  border-radius: 10px;
+  border-radius: 5px;
   .bg-color-black {
-    height: $box-height - 30px;
+    height: $box-height - 10px;
     border-radius: 10px;
+    padding: 5px;
   }
   .text {
     color: #FFE900;

src/views/centerLeft_two.vue

@@ -5,11 +5,11 @@
         <span>
           <icon name="align-left" class="text-icon"></icon>
         </span>
-        <span class="fs-xl text mx-2">完成工单数统计</span>
+        <span class="fs-xxxl text mx-2">完成工单数统计</span>
       </div>
       <div class="d-flex ai-center flex-column body-box">
         <dv-capsule-chart class="dv-cap-chart" :config="config" />
-         <span class="fs-xl text mx-2">工序投产良率分析</span>
+         <span class="fs-xxxl text mx-2">工序投产良率分析</span>
         <centerRight2Chart1 />
       </div>
     </div>
@@ -64,17 +64,17 @@ export default {
 
 <style lang="scss" scoped>
 #centerLeft1 {
+  $box-width: 300px;
   $box-height: 410px;
-  $box-width: 340px;
   padding: 5px;
   height: $box-height;
   width: $box-width;
   border-radius: 5px;
   .bg-color-black {
-    padding: 5px;
-    height: $box-height;
+    height: $box-height - 10px;
     width: $box-width;
     border-radius: 10px;
+    padding: 0px 5px 0px 0px;
   }
   .text {
     color: #c3cbde;

src/views/index.vue

@@ -53,12 +53,12 @@
           <div class="content-box">
             <div>
               <dv-border-box-12>
-                <centerLeft1 />
+                <centerLeft_two />
               </dv-border-box-12>
             </div>
             <div>
               <dv-border-box-12>
-                <centerLeft_two />
+                <centerLeft1 />
               </dv-border-box-12>
             </div>
             <!-- 中间 -->