From f7553888886cc371e4ca4205c795941e80aaa42a Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Wed, 24 Aug 2022 17:29:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B=E5=B1=80(CIM+)?=
 =?UTF-8?q?=EF=BC=9A=E5=AE=8C=E6=88=90=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/projectAdmin/zjsj/cim/index.vue     | 53 +++++++++++++++++--
 .../projectAdmin/zjsj/cim/leftBottom.vue      | 14 +++++
 src/views/projectAdmin/zjsj/cim/leftTop.vue   | 14 +++++
 .../projectAdmin/zjsj/cim/rightBottom.vue     | 14 +++++
 src/views/projectAdmin/zjsj/cim/rightTop.vue  | 14 +++++
 5 files changed, 106 insertions(+), 3 deletions(-)
 create mode 100644 src/views/projectAdmin/zjsj/cim/leftBottom.vue
 create mode 100644 src/views/projectAdmin/zjsj/cim/leftTop.vue
 create mode 100644 src/views/projectAdmin/zjsj/cim/rightBottom.vue
 create mode 100644 src/views/projectAdmin/zjsj/cim/rightTop.vue

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>