src/views/QualityManager/HomePage.vue

@@ -129,16 +129,9 @@
               <div class="grow flex gap-16">
                 <div class="width-222">
                   <techy-box class="" style="padding: calc(16px * var(--beilv));">
-                    <techy-analysis-header :show-top-icon="false">产线缺陷分析</techy-analysis-header>
+                    <techy-analysis-header :show-top-icon="false">
-                    <div style="position: absolute;  top: 0; left:0; width: 100%; height: 100%;">
+                      产线缺陷分析
-                      <span
+                      <template v-slot:dateSelect>
-                        style="display: inline-block; font-size: calc(10px * var(--beilv)); color: #fffc; position: absolute; top: calc(48px * var(--beilv)); left: calc(16px * var(--beilv));"
-                      >
-                        单位: 千片
-                      </span>
-                      <pl-fault-analysis-pie-chart :data-list="chosenDatalist" />
-                    </div>
-
                         <div class="pl-select">
                           <span
                             :class="{ 'pl-select__active': plMode === 'a' }"
@@ -179,6 +172,16 @@
                             月
                           </span>
                         </div>
+                      </template>
+                    </techy-analysis-header>
+                    <div style="position: absolute;  top: 0; left:0; width: 100%; height: 100%;">
+                      <span
+                        style="display: inline-block; font-size: calc(10px * var(--beilv)); color: #fffc; position: absolute; top: calc(48px * var(--beilv)); left: calc(16px * var(--beilv));"
+                      >
+                        单位: 千片
+                      </span>
+                      <pl-fault-analysis-pie-chart :data-list="chosenDatalist" />
+                    </div>
                   </techy-box>
                 </div>
                 <div class="grow">
@@ -600,7 +603,8 @@ export default {
 
 .pl-select {
   right: unset;
-  left: calc(10px * var(--beilv));
+  left: 0;
+  /* left: calc(10px * var(--beilv)); */
 }
 
 .pl-select span,

src/views/QualityManager/components/charts/newLineStack.vue

@@ -24,7 +24,7 @@ export default {
     return {
       chart: null,
       configs: {
-        color: ['#FB418C', '#DDB112', '#1A99FF', '#A691FF', '#49FBD6'],
+        color: ['#DDB112', '#1A99FF', '#FB418C', '#A691FF', '#49FBD6'],
         tooltip: {
           trigger: 'axis',
           extraCssText: 'width: 180px !important; ',