diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/CIM/rightCenter.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/CIM/rightCenter.vue
index a36fc3a3..60c02d86 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/CIM/rightCenter.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/CIM/rightCenter.vue
@@ -1,42 +1,24 @@
 <template>
-<!-- 设计变更 -->
-<div class="container">
-    <div class="titleTxt">{{ title }}</div>
-
-</div>
+  <Card :title="title">
+    <Table :thead="['变更时间', '变更类型']" />
+  </Card>
 </template>
 
 <script>
+import Card from '../components/Card.vue'
+import Table from '../components/Table.vue'
 export default {
-
+  components: { Card, Table },
   props: {
     title: {
       type: String,
-      default: "default title"
+      default: 'default title'
     }
   },
   data() {
-    return {
-
-    };
-  },
-
-
+    return {}
+  }
 }
 </script>
 
-<style lang="less" scoped>
-.container {
-  width: 100%;
-  height: 100%;
-  border: 1px solid #0081c3;
-
-  .titleTxt {
-    font-size: 18px;
-    color: #6ee4f0;
-    margin-top: 5px;
-    margin-left: 5px;
-  }
-}
-</style>
-
+<style lang="less" scoped></style>
diff --git a/src/views/projectAdmin/dataBoard/projectHuScreen/components/Card.vue b/src/views/projectAdmin/dataBoard/projectHuScreen/components/Card.vue
index c6ec0c44..d82b1ad5 100644
--- a/src/views/projectAdmin/dataBoard/projectHuScreen/components/Card.vue
+++ b/src/views/projectAdmin/dataBoard/projectHuScreen/components/Card.vue
@@ -23,6 +23,7 @@ export default {
   width: 100%;
   height: 100%;
   border: 1px solid #0081c3;
+  background-color: #07162b;
   .title {
     padding-left: 6px;
     height: 30px;