diff --git a/src/views/projectAdmin/zjsj/command/centerBOne.vue b/src/views/projectAdmin/zjsj/command/centerBOne.vue
index 6ba5ef00..e2cc836f 100644
--- a/src/views/projectAdmin/zjsj/command/centerBOne.vue
+++ b/src/views/projectAdmin/zjsj/command/centerBOne.vue
@@ -1,22 +1,21 @@
 <template>
   <div>
-    <CardData title="事件详情">
-        <div class="contentBox">
-            123
-        </div>
-    </CardData>
+    <Card title="事件详情">
+      <div class="contentBox">
+        123
+      </div>
+    </Card>
   </div>
 </template>
 
 <script>
-import CardData from "../components/cardData";
+import Card from '../components/Card'
 export default {
-  components: { CardData },
+  components: { Card },
   data() {
-    return {};
+    return {}
   }
-};
+}
 </script>
 
-<style lang="less" scoped>
-</style>
\ No newline at end of file
+<style lang="less" scoped></style>
diff --git a/src/views/projectAdmin/zjsj/command/centerBTwo.vue b/src/views/projectAdmin/zjsj/command/centerBTwo.vue
index 88a2ddf8..62ee0b5d 100644
--- a/src/views/projectAdmin/zjsj/command/centerBTwo.vue
+++ b/src/views/projectAdmin/zjsj/command/centerBTwo.vue
@@ -1,22 +1,21 @@
 <template>
   <div>
-    <CardData title="项目人员管理">
-        <div class="contentBox">
-            123
-        </div>
-    </CardData>
+    <Card title="项目人员管理">
+      <div class="contentBox">
+        123
+      </div>
+    </Card>
   </div>
 </template>
 
 <script>
-import CardData from "../components/cardData";
+import Card from '../components/Card'
 export default {
-  components: { CardData },
+  components: { Card },
   data() {
-    return {};
+    return {}
   }
-};
+}
 </script>
 
-<style lang="less" scoped>
-</style>
\ No newline at end of file
+<style lang="less" scoped></style>
diff --git a/src/views/projectAdmin/zjsj/command/leftFour.vue b/src/views/projectAdmin/zjsj/command/leftFour.vue
index 3d031574..9dbaf38e 100644
--- a/src/views/projectAdmin/zjsj/command/leftFour.vue
+++ b/src/views/projectAdmin/zjsj/command/leftFour.vue
@@ -1,22 +1,21 @@
 <template>
   <div>
-    <CardData title="设备管理">
-        <div class="contentBox">
-            123
-        </div>
-    </CardData>
+    <Card title="设备管理">
+      <div class="contentBox">
+        123
+      </div>
+    </Card>
   </div>
 </template>
 
 <script>
-import CardData from "../components/cardData";
+import Card from '../components/Card'
 export default {
-  components: { CardData },
+  components: { Card },
   data() {
-    return {};
+    return {}
   }
-};
+}
 </script>
 
-<style lang="less" scoped>
-</style>
\ No newline at end of file
+<style lang="less" scoped></style>
diff --git a/src/views/projectAdmin/zjsj/command/leftOne.vue b/src/views/projectAdmin/zjsj/command/leftOne.vue
index b5c249d7..39a51e64 100644
--- a/src/views/projectAdmin/zjsj/command/leftOne.vue
+++ b/src/views/projectAdmin/zjsj/command/leftOne.vue
@@ -1,31 +1,31 @@
 <template>
   <div>
-    <CardData title="项目信息">
-        <div class="contentBox">
-            <div class="box">
-                <span>项目位置</span>
-                <span>建宁路与热河交叉路口</span>
-            </div>
+    <Card title="项目信息">
+      <div class="contentBox">
+        <div class="box">
+          <span>项目位置</span>
+          <span>建宁路与热河交叉路口</span>
         </div>
-    </CardData>
+      </div>
+    </Card>
   </div>
 </template>
 
 <script>
-import CardData from "../components/cardData";
+import Card from '../components/Card'
 export default {
-  components: { CardData },
+  components: { Card },
   data() {
-    return {};
+    return {}
   }
-};
+}
 </script>
 
 <style lang="less" scoped>
-.box{
-    height:40px;
-    line-height: 40px;
-    background-image:  url('~@/assets/images/projectZjsj/intro.png');
-    background-size: 100%;
+.box {
+  height: 40px;
+  line-height: 40px;
+  background-image: url('~@/assets/images/projectZjsj/intro.png');
+  background-size: 100%;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/projectAdmin/zjsj/command/leftThree.vue b/src/views/projectAdmin/zjsj/command/leftThree.vue
index dd0b78d5..644d5a64 100644
--- a/src/views/projectAdmin/zjsj/command/leftThree.vue
+++ b/src/views/projectAdmin/zjsj/command/leftThree.vue
@@ -1,22 +1,21 @@
 <template>
   <div>
-    <CardData title="进度管理">
-        <div class="contentBox">
-            123
-        </div>
-    </CardData>
+    <Card title="进度管理">
+      <div class="contentBox">
+        123
+      </div>
+    </Card>
   </div>
 </template>
 
 <script>
-import CardData from "../components/cardData";
+import Card from '../components/Card'
 export default {
-  components: { CardData },
+  components: { Card },
   data() {
-    return {};
+    return {}
   }
-};
+}
 </script>
 
-<style lang="less" scoped>
-</style>
\ No newline at end of file
+<style lang="less" scoped></style>
diff --git a/src/views/projectAdmin/zjsj/command/leftTwo.vue b/src/views/projectAdmin/zjsj/command/leftTwo.vue
index c8df044c..51ba3c02 100644
--- a/src/views/projectAdmin/zjsj/command/leftTwo.vue
+++ b/src/views/projectAdmin/zjsj/command/leftTwo.vue
@@ -1,22 +1,21 @@
 <template>
   <div>
-    <CardData title="人员概况">
-        <div class="contentBox">
-            123
-        </div>
-    </CardData>
+    <Card title="人员概况">
+      <div class="contentBox">
+        123
+      </div>
+    </Card>
   </div>
 </template>
 
 <script>
-import CardData from "../components/cardData";
+import Card from '../components/Card'
 export default {
-  components: { CardData },
+  components: { Card },
   data() {
-    return {};
+    return {}
   }
-};
+}
 </script>
 
-<style lang="less" scoped>
-</style>
\ No newline at end of file
+<style lang="less" scoped></style>
diff --git a/src/views/projectAdmin/zjsj/command/rightFour.vue b/src/views/projectAdmin/zjsj/command/rightFour.vue
index ae4740ee..b2f2d5f2 100644
--- a/src/views/projectAdmin/zjsj/command/rightFour.vue
+++ b/src/views/projectAdmin/zjsj/command/rightFour.vue
@@ -1,22 +1,21 @@
 <template>
   <div>
-    <CardData title="亮点展示">
-        <div class="contentBox">
-            123
-        </div>
-    </CardData>
+    <Card title="亮点展示">
+      <div class="contentBox">
+        123
+      </div>
+    </Card>
   </div>
 </template>
 
 <script>
-import CardData from "../components/cardData";
+import Card from '../components/Card'
 export default {
-  components: { CardData },
+  components: { Card },
   data() {
-    return {};
+    return {}
   }
-};
+}
 </script>
 
-<style lang="less" scoped>
-</style>
\ No newline at end of file
+<style lang="less" scoped></style>
diff --git a/src/views/projectAdmin/zjsj/command/rightOne.vue b/src/views/projectAdmin/zjsj/command/rightOne.vue
index dee5db56..f9a1a07a 100644
--- a/src/views/projectAdmin/zjsj/command/rightOne.vue
+++ b/src/views/projectAdmin/zjsj/command/rightOne.vue
@@ -1,22 +1,21 @@
 <template>
   <div>
-    <CardData title="安全管理">
-        <div class="contentBox">
-            123
-        </div>
-    </CardData>
+    <Card title="安全管理">
+      <div class="contentBox">
+        123
+      </div>
+    </Card>
   </div>
 </template>
 
 <script>
-import CardData from "../components/cardData";
+import Card from '../components/Card'
 export default {
-  components: { CardData },
+  components: { Card },
   data() {
-    return {};
+    return {}
   }
-};
+}
 </script>
 
-<style lang="less" scoped>
-</style>
\ No newline at end of file
+<style lang="less" scoped></style>
diff --git a/src/views/projectAdmin/zjsj/command/rightThree.vue b/src/views/projectAdmin/zjsj/command/rightThree.vue
index 8c42d65d..bb212547 100644
--- a/src/views/projectAdmin/zjsj/command/rightThree.vue
+++ b/src/views/projectAdmin/zjsj/command/rightThree.vue
@@ -1,22 +1,21 @@
 <template>
   <div>
-    <CardData title="环境监测">
-        <div class="contentBox">
-            123
-        </div>
-    </CardData>
+    <Card title="环境监测">
+      <div class="contentBox">
+        123
+      </div>
+    </Card>
   </div>
 </template>
 
 <script>
-import CardData from "../components/cardData";
+import Card from '../components/Card'
 export default {
-  components: { CardData },
+  components: { Card },
   data() {
-    return {};
+    return {}
   }
-};
+}
 </script>
 
-<style lang="less" scoped>
-</style>
\ No newline at end of file
+<style lang="less" scoped></style>
diff --git a/src/views/projectAdmin/zjsj/command/rightTwo.vue b/src/views/projectAdmin/zjsj/command/rightTwo.vue
index a28113ee..b7feb088 100644
--- a/src/views/projectAdmin/zjsj/command/rightTwo.vue
+++ b/src/views/projectAdmin/zjsj/command/rightTwo.vue
@@ -1,22 +1,21 @@
 <template>
   <div>
-    <CardData title="质量管理">
-        <div class="contentBox">
-            123
-        </div>
-    </CardData>
+    <Card title="质量管理">
+      <div class="contentBox">
+        123
+      </div>
+    </Card>
   </div>
 </template>
 
 <script>
-import CardData from "../components/cardData";
+import Card from '../components/Card'
 export default {
-  components: { CardData },
+  components: { Card },
   data() {
-    return {};
+    return {}
   }
-};
+}
 </script>
 
-<style lang="less" scoped>
-</style>
\ No newline at end of file
+<style lang="less" scoped></style>
diff --git a/src/views/projectAdmin/zjsj/components/cardData.vue b/src/views/projectAdmin/zjsj/components/Card.vue
similarity index 76%
rename from src/views/projectAdmin/zjsj/components/cardData.vue
rename to src/views/projectAdmin/zjsj/components/Card.vue
index 853ff7cb..85097ec9 100644
--- a/src/views/projectAdmin/zjsj/components/cardData.vue
+++ b/src/views/projectAdmin/zjsj/components/Card.vue
@@ -23,16 +23,16 @@ export default {
   width: 100%;
   height: 100%;
   .title {
-    height: 45px;
+    height: 34px;
+    line-height: 32px;
     text-align: center;
-    line-height: 40px;
     font-size: 18px;
     color: #ffffff;
-    background-image:  url('~@/assets/images/projectZjsj/border.png');
+    background-image: url('../assets/images/common/bg-card.png');
     background-size: 100%;
   }
   .content {
-    height: calc(100% - 45px);
+    height: calc(100% - 34px);
   }
 }
 </style>