From 1be8bee32dcc6e55cb93ff1a9968e480ee6ef4c9 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Thu, 25 Aug 2022 11:30:30 +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=20BIM=20=E5=8D=8F=E5=90=8C=E5=B8=83?=
 =?UTF-8?q?=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   | 10 ++--
 src/views/projectAdmin/zjsj/cim/leftTop.vue | 55 +++++++++++++++++++--
 2 files changed, 57 insertions(+), 8 deletions(-)

diff --git a/src/views/projectAdmin/zjsj/cim/index.vue b/src/views/projectAdmin/zjsj/cim/index.vue
index cb58eb39..4fa17a12 100644
--- a/src/views/projectAdmin/zjsj/cim/index.vue
+++ b/src/views/projectAdmin/zjsj/cim/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="cim">
-    <!-- <div class="between">
+    <div class="between">
       <div class="top">
         <LeftTop />
       </div>
@@ -16,7 +16,7 @@
       <div class="bottom">
         <RightBottom />
       </div>
-    </div> -->
+    </div>
   </div>
 </template>
 
@@ -37,8 +37,8 @@ export default {
   color: #fff;
   display: flex;
   justify-content: space-between;
-  background: url(../assets/temp/2.png) no-repeat;
-  background-size: 100% 100%;
+  // background: url(../assets/temp/2.png) no-repeat;
+  // background-size: 100% 100%;
   .between {
     width: 20%;
     height: 100%;
@@ -52,7 +52,7 @@ export default {
   .center {
     width: calc(60% - 40px);
     height: 100%;
-    background: skyblue;
+    border: 1px solid skyblue;
   }
 }
 </style>
diff --git a/src/views/projectAdmin/zjsj/cim/leftTop.vue b/src/views/projectAdmin/zjsj/cim/leftTop.vue
index 7ef1bb86..e93d7934 100644
--- a/src/views/projectAdmin/zjsj/cim/leftTop.vue
+++ b/src/views/projectAdmin/zjsj/cim/leftTop.vue
@@ -1,14 +1,63 @@
 <template>
   <Card title="BIM协同">
-    BIM协同
+    <div class="table">
+      <div class="row">
+        <div class="td">规划报批</div>
+        <div class="td">施工图审查</div>
+        <div class="td">竣工验收</div>
+      </div>
+      <div class="row" :class="{ warning: !row[0] }" v-for="(row, i) in list" :key="i">
+        <div class="td">{{ row[0] ? '符合' : '不符合' }}</div>
+        <div class="td">{{ row[1] ? '符合' : '不符合' }}</div>
+        <div class="td">{{ row[2] ? '已验收' : '未验收' }}</div>
+      </div>
+    </div>
   </Card>
 </template>
 
 <script>
 import Card from '../components/Card.vue'
 export default {
-  components: { Card }
+  components: { Card },
+  data() {
+    const list = new Array(9).fill(0).map((item, index) => new Array(3).fill(0).map(() => (index === 3 ? 0 : 1)))
+    return {
+      list
+    }
+  },
+  methods: {}
 }
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.table {
+  box-sizing: border-box;
+  padding: 20px 10px 0;
+  width: 100%;
+  height: 100%;
+  .row {
+    margin-bottom: 12px;
+    height: 22px;
+    line-height: 22px;
+    font-size: 12px;
+    display: flex;
+    .td {
+      flex: 1;
+      text-align: center;
+    }
+    &:nth-child(1) {
+      font-size: 14px;
+      color: #67d4d9;
+    }
+    &.warning {
+      background: linear-gradient(90deg, #a45133, #a4513338);
+      &::before {
+        content: '';
+        width: 4px;
+        height: 100%;
+        background-color: #e7622a;
+      }
+    }
+  }
+}
+</style>