From 0b78f2041dab2bc5c0be65d69277be120bc6a173 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Tue, 23 Aug 2022 18:12:10 +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=9B=B4=E6=94=B9?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E7=B1=BB=E5=9E=8B=E4=BD=BF=E7=94=A8=20Card?=
 =?UTF-8?q?=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jlw/qualityManage/leftTop.vue             | 34 ++++++-------------
 1 file changed, 11 insertions(+), 23 deletions(-)

diff --git a/src/views/projectAdmin/jlw/qualityManage/leftTop.vue b/src/views/projectAdmin/jlw/qualityManage/leftTop.vue
index a0a9cadd..7ba7a26a 100644
--- a/src/views/projectAdmin/jlw/qualityManage/leftTop.vue
+++ b/src/views/projectAdmin/jlw/qualityManage/leftTop.vue
@@ -1,19 +1,19 @@
 <template>
-  <div class="question-type">
-    <div class="title">{{ title }}</div>
+  <Card :title="title">
     <DaysSwitch class="days-switch" @change="handleSwitch" />
     <div class="content">
       <JProgressChart :seriesData="seriesData" :yData="yData" />
     </div>
-  </div>
+  </Card>
 </template>
 
 <script>
+import Card from '../components/Card.vue'
 import JProgressChart from '../jChart/bar/JProgressChart.vue'
 import DaysSwitch from './components/DaysSwitch.vue'
 import { selectDangerTypeQualityCountApi } from '@/assets/js/api/dataBoard'
 export default {
-  components: { JProgressChart, DaysSwitch },
+  components: { Card, JProgressChart, DaysSwitch },
   props: {
     title: {
       type: String,
@@ -55,24 +55,12 @@ export default {
 </script>
 
 <style lang="less" scoped>
-.question-type {
-  width: 100%;
-  height: 100%;
-  border: 1px solid #0081c3;
-  .title {
-    padding-left: 6px;
-    height: 30px;
-    line-height: 30px;
-    font-size: 18px;
-    color: #6ee4f0;
-  }
-  .days-switch {
-    margin-top: 10px;
-    margin-right: 20px;
-    margin-left: auto;
-  }
-  .content {
-    height: calc(100% - 64px);
-  }
+.days-switch {
+  margin-top: 10px;
+  margin-right: 20px;
+  margin-left: auto;
+}
+.content {
+  height: calc(100% - 64px);
 }
 </style>