diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/leftTop.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/leftTop.vue
index cdabe809..6024a87a 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/leftTop.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/qualityManage/leftTop.vue
@@ -1,45 +1,27 @@
 <template>
-  <div class="question-type">
-    <div class="title">{{ title }}</div>
-    <div class="content">
-      <JProgressChart :seriesData="seriesData" :yData="yData" />
-    </div>
-  </div>
+  <Card :title="title">
+    <JProgressChart :seriesData="seriesData" :yData="yData" />
+  </Card>
 </template>
 
 <script>
+import Card from '../components/Card.vue'
 import JProgressChart from '../jChart/bar/JProgressChart.vue'
 export default {
-  components: { JProgressChart },
+  components: { Card, JProgressChart },
   props: {
     title: {
       type: String,
-      default: 'default title'
+      default: ''
     }
   },
   data() {
     return {
-      yData: ['地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师', '地理老师'],
-      seriesData: [100, 235, 232, 532, 112, 532, 449, 269, 998, 33]
+      yData: ['砌体工程', '混凝土工程', '盾构隧道', '雨水管道', '钢筋工程', '桩基础'].reverse(),
+      seriesData: [100, 235, 232, 532, 112, 532]
     }
   }
 }
 </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;
-  }
-  .content {
-    height: calc(100% - 30px);
-  }
-}
-</style>
+<style lang="less" scoped></style>