diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/safeManage/leftTop.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/safeManage/leftTop.vue
index a998584a..d1099dfb 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/safeManage/leftTop.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/safeManage/leftTop.vue
@@ -1,20 +1,18 @@
 <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() {
@@ -36,20 +34,4 @@ 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;
-  }
-  .content {
-    height: calc(100% - 30px);
-  }
-}
-</style>
+<style lang="less" scoped></style>