From a699f9915607d769c3d0204c9a60c3412e0051ac Mon Sep 17 00:00:00 2001
From: lb <liubin_9396@163.com>
Date: Tue, 22 Nov 2022 14:29:12 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E8=B4=A8=E9=87=8F=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=20techy-analysis-header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/QualityManager/HomePage.vue         | 90 ++++++++++---------
 .../components/charts/newLineStack.vue        |  2 +-
 2 files changed, 48 insertions(+), 44 deletions(-)

diff --git a/src/views/QualityManager/HomePage.vue b/src/views/QualityManager/HomePage.vue
index cd31a1b..72d986d 100644
--- a/src/views/QualityManager/HomePage.vue
+++ b/src/views/QualityManager/HomePage.vue
@@ -129,7 +129,51 @@
               <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">
+                      产线缺陷分析
+                      <template v-slot:dateSelect>
+                        <div class="pl-select">
+                          <span
+                            :class="{ 'pl-select__active': plMode === 'a' }"
+                            @click="
+                              plMode = 'a'
+                              chosenDatalist = quexianDatalist[0]
+                            "
+                          >
+                            A
+                          </span>
+                          <span
+                            :class="{ 'pl-select__active': plMode === 'b' }"
+                            @click="
+                              plMode = 'b'
+                              chosenDatalist = quexianDatalist[1]
+                            "
+                          >
+                            B
+                          </span>
+                        </div>
+                        <div class="date-select">
+                          <span
+                            :class="{ 'date-select__active': dateMode === 'day' }"
+                            @click="
+                              dateMode = 'day'
+                              chosenDatalist = quexianDatalist[2]
+                            "
+                          >
+                            日
+                          </span>
+                          <span
+                            :class="{ 'date-select__active': dateMode === 'month' }"
+                            @click="
+                              dateMode = 'month'
+                              chosenDatalist = quexianDatalist[3]
+                            "
+                          >
+                            月
+                          </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));"
@@ -138,47 +182,6 @@
                       </span>
                       <pl-fault-analysis-pie-chart :data-list="chosenDatalist" />
                     </div>
-
-                    <div class="pl-select">
-                      <span
-                        :class="{ 'pl-select__active': plMode === 'a' }"
-                        @click="
-                          plMode = 'a'
-                          chosenDatalist = quexianDatalist[0]
-                        "
-                      >
-                        A
-                      </span>
-                      <span
-                        :class="{ 'pl-select__active': plMode === 'b' }"
-                        @click="
-                          plMode = 'b'
-                          chosenDatalist = quexianDatalist[1]
-                        "
-                      >
-                        B
-                      </span>
-                    </div>
-                    <div class="date-select">
-                      <span
-                        :class="{ 'date-select__active': dateMode === 'day' }"
-                        @click="
-                          dateMode = 'day'
-                          chosenDatalist = quexianDatalist[2]
-                        "
-                      >
-                        日
-                      </span>
-                      <span
-                        :class="{ 'date-select__active': dateMode === 'month' }"
-                        @click="
-                          dateMode = 'month'
-                          chosenDatalist = quexianDatalist[3]
-                        "
-                      >
-                        月
-                      </span>
-                    </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,
diff --git a/src/views/QualityManager/components/charts/newLineStack.vue b/src/views/QualityManager/components/charts/newLineStack.vue
index 04c9663..b9531bf 100644
--- a/src/views/QualityManager/components/charts/newLineStack.vue
+++ b/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; ',