diff --git a/src/views/projectAdmin/zjsj/commandCentre/center.vue b/src/views/projectAdmin/zjsj/commandCentre/center.vue
new file mode 100644
index 00000000..c3cce9a5
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/commandCentre/center.vue
@@ -0,0 +1,18 @@
+<template>
+  <div class="contentBox">
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {};
+  }
+};
+</script>
+
+<style lang="less" scoped>
+.contentBox{
+    width: 50%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectAdmin/zjsj/commandCentre/centerBOne.vue b/src/views/projectAdmin/zjsj/commandCentre/centerBOne.vue
new file mode 100644
index 00000000..6ba5ef00
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/commandCentre/centerBOne.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <CardData title="事件详情">
+        <div class="contentBox">
+            123
+        </div>
+    </CardData>
+  </div>
+</template>
+
+<script>
+import CardData from "../components/cardData";
+export default {
+  components: { CardData },
+  data() {
+    return {};
+  }
+};
+</script>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/projectAdmin/zjsj/commandCentre/centerBTwo.vue b/src/views/projectAdmin/zjsj/commandCentre/centerBTwo.vue
new file mode 100644
index 00000000..88a2ddf8
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/commandCentre/centerBTwo.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <CardData title="项目人员管理">
+        <div class="contentBox">
+            123
+        </div>
+    </CardData>
+  </div>
+</template>
+
+<script>
+import CardData from "../components/cardData";
+export default {
+  components: { CardData },
+  data() {
+    return {};
+  }
+};
+</script>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/projectAdmin/zjsj/commandCentre/index.vue b/src/views/projectAdmin/zjsj/commandCentre/index.vue
index b548bc30..2c8d5dfe 100644
--- a/src/views/projectAdmin/zjsj/commandCentre/index.vue
+++ b/src/views/projectAdmin/zjsj/commandCentre/index.vue
@@ -1,10 +1,45 @@
 <template>
   <div class="containerBox">
-    <div class="leftOne">
-      <leftOne></leftOne>
+    <div class="leftBox">
+      <div class="leftOne">
+        <leftOne></leftOne>
+      </div>
+      <div class="leftTwo">
+        <leftTwo></leftTwo>
+      </div>
+      <div class="leftThree">
+        <leftThree></leftThree>
+      </div>
+      <div class="leftFour">
+        <leftFour></leftFour>
+      </div>
     </div>
-    <div class="leftTwo">
-      <leftTwo></leftTwo>
+    <div class="centerBox">
+      <div class="centerTop">
+        <center></center>
+      </div>
+      <div class="centerBot">
+        <div class="one">
+          <centerBOne></centerBOne>
+        </div>
+        <div class="two">
+          <centerBTwo></centerBTwo>
+        </div>
+      </div>
+    </div>
+    <div class="rightBox">
+      <div class="rightOne">
+        <rightOne></rightOne>
+      </div>
+      <div class="rightTwo">
+        <rightTwo></rightTwo>
+      </div>
+      <div class="rightThree">
+        <rightThree></rightThree>
+      </div>
+      <div class="rightFour">
+        <rightFour></rightFour>
+      </div>
     </div>
   </div>
 </template>
@@ -12,8 +47,18 @@
 <script>
 import leftOne from "./leftOne";
 import leftTwo from "./leftTwo";
+import leftThree from "./leftThree";
+import leftFour from "./leftFour";
+import center from "./center";
+import centerBOne from "./centerBOne";
+import centerBTwo from "./centerBTwo";
+import rightOne from "./leftOne";
+import rightTwo from "./leftTwo";
+import rightThree from "./leftThree";
+import rightFour from "./leftFour";
+
 export default {
-  components: { leftOne, leftTwo },
+  components: { leftOne, leftTwo, leftThree, leftFour, center ,centerBOne,centerBTwo,rightOne,rightTwo,rightThree,rightFour},
   data() {
     return {};
   }
@@ -21,4 +66,53 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.containerBox {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  .leftBox {
+    width: 25%;
+    .leftOne {
+      width: 100%;
+      height: 30%;
+    }
+    .leftTwo,
+    .leftThree,
+    .leftFour {
+      height: 25%;
+    }
+  }
+  .centerBox {
+    width: 50%;
+    margin-left: 2%;
+    margin-right: 2%;
+    .centerTop{
+      height: 78%;
+      background-color: #11a0a6;
+    }
+    .centerBot{
+      margin-top: 2%;
+      display: flex;
+      .one{
+        width: 100%;
+        // margin-left: 10%;
+      }
+      .two{
+        width: 100%;
+      }
+    }
+  }
+  .rightBox {
+    width: 25%;
+    .rightOne {
+      width: 100%;
+      height: 30%;
+    }
+    .rightTwo,
+    .rightThree,
+    .rightFour {
+      height: 25%;
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/projectAdmin/zjsj/commandCentre/leftFour.vue b/src/views/projectAdmin/zjsj/commandCentre/leftFour.vue
new file mode 100644
index 00000000..3d031574
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/commandCentre/leftFour.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <CardData title="设备管理">
+        <div class="contentBox">
+            123
+        </div>
+    </CardData>
+  </div>
+</template>
+
+<script>
+import CardData from "../components/cardData";
+export default {
+  components: { CardData },
+  data() {
+    return {};
+  }
+};
+</script>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/projectAdmin/zjsj/commandCentre/leftThree.vue b/src/views/projectAdmin/zjsj/commandCentre/leftThree.vue
new file mode 100644
index 00000000..dd0b78d5
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/commandCentre/leftThree.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <CardData title="进度管理">
+        <div class="contentBox">
+            123
+        </div>
+    </CardData>
+  </div>
+</template>
+
+<script>
+import CardData from "../components/cardData";
+export default {
+  components: { CardData },
+  data() {
+    return {};
+  }
+};
+</script>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/projectAdmin/zjsj/commandCentre/rightFour.vue b/src/views/projectAdmin/zjsj/commandCentre/rightFour.vue
new file mode 100644
index 00000000..ae4740ee
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/commandCentre/rightFour.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <CardData title="亮点展示">
+        <div class="contentBox">
+            123
+        </div>
+    </CardData>
+  </div>
+</template>
+
+<script>
+import CardData from "../components/cardData";
+export default {
+  components: { CardData },
+  data() {
+    return {};
+  }
+};
+</script>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/projectAdmin/zjsj/commandCentre/rightOne.vue b/src/views/projectAdmin/zjsj/commandCentre/rightOne.vue
new file mode 100644
index 00000000..dee5db56
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/commandCentre/rightOne.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <CardData title="安全管理">
+        <div class="contentBox">
+            123
+        </div>
+    </CardData>
+  </div>
+</template>
+
+<script>
+import CardData from "../components/cardData";
+export default {
+  components: { CardData },
+  data() {
+    return {};
+  }
+};
+</script>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/projectAdmin/zjsj/commandCentre/rightThree.vue b/src/views/projectAdmin/zjsj/commandCentre/rightThree.vue
new file mode 100644
index 00000000..8c42d65d
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/commandCentre/rightThree.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <CardData title="环境监测">
+        <div class="contentBox">
+            123
+        </div>
+    </CardData>
+  </div>
+</template>
+
+<script>
+import CardData from "../components/cardData";
+export default {
+  components: { CardData },
+  data() {
+    return {};
+  }
+};
+</script>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/projectAdmin/zjsj/commandCentre/rightTwo.vue b/src/views/projectAdmin/zjsj/commandCentre/rightTwo.vue
new file mode 100644
index 00000000..a28113ee
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/commandCentre/rightTwo.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <CardData title="质量管理">
+        <div class="contentBox">
+            123
+        </div>
+    </CardData>
+  </div>
+</template>
+
+<script>
+import CardData from "../components/cardData";
+export default {
+  components: { CardData },
+  data() {
+    return {};
+  }
+};
+</script>
+
+<style lang="less" scoped>
+</style>
\ No newline at end of file
diff --git a/src/views/projectAdmin/zjsj/components/cardData.vue b/src/views/projectAdmin/zjsj/components/cardData.vue
index ace91a48..853ff7cb 100644
--- a/src/views/projectAdmin/zjsj/components/cardData.vue
+++ b/src/views/projectAdmin/zjsj/components/cardData.vue
@@ -24,7 +24,6 @@ export default {
   height: 100%;
   .title {
     height: 45px;
-    width: 25%;
     text-align: center;
     line-height: 40px;
     font-size: 18px;
@@ -33,7 +32,7 @@ export default {
     background-size: 100%;
   }
   .content {
-    height: calc(100% - 30px);
+    height: calc(100% - 45px);
   }
 }
 </style>