From 77233ed4952e4390191f68e358e5347092bfed2e Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Tue, 23 Aug 2022 12:01:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E8=B4=A8?=
 =?UTF-8?q?=E9=87=8F=E7=AE=A1=E7=90=86)=EF=BC=9A=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E9=A2=91=E5=8F=91=E9=97=AE=E9=A2=98=EF=BC=8C=E5=A4=A9=E6=95=B0?=
 =?UTF-8?q?=20Switch=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jlw/qualityManage/leftBottom.vue          | 58 +++++++++----------
 1 file changed, 27 insertions(+), 31 deletions(-)

diff --git a/src/views/projectAdmin/jlw/qualityManage/leftBottom.vue b/src/views/projectAdmin/jlw/qualityManage/leftBottom.vue
index a9ad8903..7ef51885 100644
--- a/src/views/projectAdmin/jlw/qualityManage/leftBottom.vue
+++ b/src/views/projectAdmin/jlw/qualityManage/leftBottom.vue
@@ -2,65 +2,56 @@
   <!-- 问题占比 -->
   <div class="frequentProblems">
     <div class="title">{{ title }}</div>
+    <DaysSwitch class="days-switch" @change="handleSwitch" />
     <div class="content">
-      <JBarChart :xData="xData" :yData="yData" :title="{ text: '频发问题类别排名前十' }" />
+      <JBarChart :xData="xData" :yData="yData" :color="['#FE6C7F']" />
     </div>
   </div>
 </template>
 
 <script>
-import JBarChart from "../jChart/bar/JBarChart.vue";
-import { selectDangerTypeQualityCountApi } from "@/assets/js/api/dataBoard";
+import JBarChart from '../jChart/bar/JBarChart.vue'
+import DaysSwitch from './components/DaysSwitch.vue'
+import { selectDangerTypeQualityCountApi } from '@/assets/js/api/dataBoard'
 export default {
-  components: { JBarChart },
+  components: { JBarChart, DaysSwitch },
   props: {
     title: {
       type: String,
-      default: "default title"
+      default: ''
     }
   },
   data() {
     return {
-      xData: [
-        "地理老师",
-        "地理老师",
-        "地理老师",
-        "地理老师",
-        "地理老师",
-        "地理老师",
-        "地理老师",
-        "地理老师",
-        "地理老师",
-        "地理老师"
-      ],
+      xData: [],
       yData: [100, 235, 232, 532, 112, 532, 449, 269, 998, 33]
-    };
+    }
   },
   mounted() {
-    this.getData(2);
+    this.getData(2)
   },
   methods: {
     getData(opType) {
       let data = {
         projectSn: this.$store.state.projectSn,
         opType: opType
-      };
+      }
       selectDangerTypeQualityCountApi(data).then(res => {
-        var arr = res.result.list;
+        var arr = res.result.list
         if (arr != null) {
-          var xdata = [];
-          var ydata = [];
+          var xdata = []
+          var ydata = []
           arr.forEach(item => {
-            xdata.push(item.dangerName);
-            ydata.push(item.num);
-          });
-          this.xData = xdata;
-          this.yData = ydata;
+            xdata.push(item.dangerName)
+            ydata.push(item.num)
+          })
+          this.xData = xdata
+          this.yData = ydata
         }
-      });
+      })
     }
   }
-};
+}
 </script>
 
 <style lang="less" scoped>
@@ -75,8 +66,13 @@ export default {
     font-size: 18px;
     color: #6ee4f0;
   }
+  .days-switch {
+    margin-top: 10px;
+    margin-right: 20px;
+    margin-left: auto;
+  }
   .content {
-    height: calc(100% - 30px);
+    height: calc(100% - 64px);
   }
 }
 </style>