diff --git a/src/views/projectAdmin/zjsj/cim/index.vue b/src/views/projectAdmin/zjsj/cim/index.vue
index 4512ed57..1b6c7a52 100644
--- a/src/views/projectAdmin/zjsj/cim/index.vue
+++ b/src/views/projectAdmin/zjsj/cim/index.vue
@@ -1,9 +1,56 @@
 <template>
-  <div class="cim">cim</div>
+  <div class="cim">
+    <div class="between">
+      <div class="top">
+        <LeftTop />
+      </div>
+      <div class="bottom">
+        <LeftBottom />
+      </div>
+    </div>
+    <div class="center"></div>
+    <div class="between">
+      <div class="top">
+        <RightTop />
+      </div>
+      <div class="bottom">
+        <RightBottom />
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-export default {}
+import LeftTop from './leftTop.vue'
+import LeftBottom from './leftBottom.vue'
+import RightTop from './rightTop.vue'
+import RightBottom from './rightBottom.vue'
+export default {
+  components: { LeftTop, LeftBottom, RightTop, RightBottom }
+}
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.cim {
+  width: 100%;
+  height: 100%;
+  color: #fff;
+  display: flex;
+  justify-content: space-between;
+  .between {
+    width: 20%;
+    height: 100%;
+    .top {
+      height: 50%;
+    }
+    .bottom {
+      height: 50%;
+    }
+  }
+  .center {
+    width: calc(60% - 40px);
+    height: 100%;
+    background: skyblue;
+  }
+}
+</style>
diff --git a/src/views/projectAdmin/zjsj/cim/leftBottom.vue b/src/views/projectAdmin/zjsj/cim/leftBottom.vue
new file mode 100644
index 00000000..74ea4220
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/cim/leftBottom.vue
@@ -0,0 +1,14 @@
+<template>
+  <Card title="倾斜摄影">
+    倾斜摄影
+  </Card>
+</template>
+
+<script>
+import Card from '../components/Card.vue'
+export default {
+  components: { Card }
+}
+</script>
+
+<style></style>
diff --git a/src/views/projectAdmin/zjsj/cim/leftTop.vue b/src/views/projectAdmin/zjsj/cim/leftTop.vue
new file mode 100644
index 00000000..7ef1bb86
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/cim/leftTop.vue
@@ -0,0 +1,14 @@
+<template>
+  <Card title="BIM协同">
+    BIM协同
+  </Card>
+</template>
+
+<script>
+import Card from '../components/Card.vue'
+export default {
+  components: { Card }
+}
+</script>
+
+<style></style>
diff --git a/src/views/projectAdmin/zjsj/cim/rightBottom.vue b/src/views/projectAdmin/zjsj/cim/rightBottom.vue
new file mode 100644
index 00000000..40296e6d
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/cim/rightBottom.vue
@@ -0,0 +1,14 @@
+<template>
+  <Card title="模型外审">
+    模型外审
+  </Card>
+</template>
+
+<script>
+import Card from '../components/Card.vue'
+export default {
+  components: { Card }
+}
+</script>
+
+<style></style>
diff --git a/src/views/projectAdmin/zjsj/cim/rightTop.vue b/src/views/projectAdmin/zjsj/cim/rightTop.vue
new file mode 100644
index 00000000..81d33233
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/cim/rightTop.vue
@@ -0,0 +1,14 @@
+<template>
+  <Card title="模型内审">
+    模型内审
+  </Card>
+</template>
+
+<script>
+import Card from '../components/Card.vue'
+export default {
+  components: { Card }
+}
+</script>
+
+<style></style>