From 98eeae12e48f85a4144c22742c0ff3e45f6c4c8f Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Mon, 22 Aug 2022 15:49:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(BIM?=
 =?UTF-8?q?=E4=B8=AD=E5=BF=83)=EF=BC=9A=E5=AE=8C=E6=88=90BIM=E5=8D=8F?=
 =?UTF-8?q?=E5=90=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectAdmin/jlw/CIM/BimCoordination.vue  |  56 +++++++
 src/views/projectAdmin/jlw/CIM/index.vue      | 138 ++++++++++--------
 2 files changed, 135 insertions(+), 59 deletions(-)
 create mode 100644 src/views/projectAdmin/jlw/CIM/BimCoordination.vue

diff --git a/src/views/projectAdmin/jlw/CIM/BimCoordination.vue b/src/views/projectAdmin/jlw/CIM/BimCoordination.vue
new file mode 100644
index 00000000..c0354292
--- /dev/null
+++ b/src/views/projectAdmin/jlw/CIM/BimCoordination.vue
@@ -0,0 +1,56 @@
+<template>
+  <Card title="BIM协同">
+    <div class="table">
+      <div class="row">
+        <div class="td">规划报批</div>
+        <div class="td">施工图审查</div>
+        <div class="td">竣工验收</div>
+      </div>
+      <div class="row" v-for="(row, i) in list" :key="i">
+        <div class="td" :class="{ red: !row[0] }">{{ row[0] ? '符合' : '不符合' }}</div>
+        <div class="td" :class="{ red: !row[1] }">{{ row[1] ? '符合' : '不符合' }}</div>
+        <div class="td" :class="{ red: !row[2] }">{{ row[2] ? '已验收' : '未验收' }}</div>
+      </div>
+    </div>
+  </Card>
+</template>
+
+<script>
+import Card from '../components/Card.vue'
+// import { modelReport } from '@/assets/json/jlw/bim.json'
+export default {
+  components: { Card },
+  mounted() {
+    console.log(this.list, '收待发放')
+  },
+  data() {
+    // return { modelReport }
+    const list = new Array(6).fill(0).map((item, index) => new Array(3).fill(0).map(() => (index === 3 ? 0 : 1)))
+    return {
+      list
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style lang="less" scoped>
+.table {
+  .row {
+    margin-bottom: 20px;
+    font-size: 12px;
+    display: flex;
+    .td {
+      flex: 1;
+      text-align: center;
+      &.red {
+        color: #ff6c7f;
+      }
+    }
+    &:nth-child(1) {
+      font-size: 14px;
+      color: #67d4d9;
+    }
+  }
+}
+</style>
diff --git a/src/views/projectAdmin/jlw/CIM/index.vue b/src/views/projectAdmin/jlw/CIM/index.vue
index ff5fda6d..88d7aafe 100644
--- a/src/views/projectAdmin/jlw/CIM/index.vue
+++ b/src/views/projectAdmin/jlw/CIM/index.vue
@@ -1,7 +1,13 @@
 <template>
   <!-- CIM -->
   <div class="container">
-    <div class="leftBox">
+    <div class="charts">
+      <BimCoordination />
+    </div>
+    <div class="bim">
+      <iframe src="/bim.html" frameborder="0" width="100%" height="100%" id="iframe" @load="load"></iframe>
+    </div>
+    <!-- <div class="leftBox">
       <div class="leftTop">
         <leftTop title="模型" />
       </div>
@@ -19,23 +25,25 @@
       <div class="rightCenter">
         <rightCenter title="设计变更" />
       </div>
-    </div>
+    </div> -->
   </div>
 </template>
 
 <script>
-import leftTop from './leftTop'
-import leftCenter from './leftCenter'
-import rightTop from './rightTop'
-import rightCenter from './rightCenter'
+// import leftTop from './leftTop'
+// import leftCenter from './leftCenter'
+// import rightTop from './rightTop'
+// import rightCenter from './rightCenter'
+import BimCoordination from './BimCoordination'
 
 import { projectJlwBimListApi, getJlwTokenApi } from '@/assets/js/api/project'
 export default {
   components: {
-    leftTop,
-    leftCenter,
-    rightTop,
-    rightCenter
+    // leftTop,
+    // leftCenter,
+    // rightTop,
+    // rightCenter
+    BimCoordination
   },
   mounted() {
     this.iframe = document.getElementById('iframe')
@@ -76,59 +84,71 @@ export default {
 
 <style lang="less" scoped>
 .container {
-  position: relative;
-  display: flex;
-  justify-content: space-between;
   width: 100%;
   height: 100%;
-  background-color: #07162b;
-  background-image: url('~@/assets/images/projectImg/Bimbgc.png');
-}
-.topBox {
-  height: 20%;
-}
-.leftBox {
-  position: relative;
-  width: 25%;
-  height: 100%;
-  margin-right: 15px;
-  margin-left: 15px;
-  .leftTop {
-    height: 33%;
-    margin-bottom: 15px;
+  .charts {
+    width: 420px;
   }
-  .leftCenter {
-    height: 33%;
-    margin-bottom: 15px;
+  .bim {
+    padding: 8px;
+    width: calc(100% - 440px);
+    height: 100%;
   }
-  .leftBottom {
-    height: 33%;
-  }
-  z-index: 2;
-}
-.centerBox {
-  position: absolute;
-  margin-right: 15px;
-  padding-left: 6px;
-  width: 100%;
-  height: 100%;
-  line-height: 30px;
-  font-size: 18px;
-  color: #6ee4f0;
 }
+// .container {
+//   position: relative;
+//   display: flex;
+//   justify-content: space-between;
+//   width: 100%;
+//   height: 100%;
+//   background-color: #07162b;
+//   background-image: url('~@/assets/images/projectImg/Bimbgc.png');
+// }
+// .topBox {
+//   height: 20%;
+// }
+// .leftBox {
+//   position: relative;
+//   width: 25%;
+//   height: 100%;
+//   margin-right: 15px;
+//   margin-left: 15px;
+//   .leftTop {
+//     height: 33%;
+//     margin-bottom: 15px;
+//   }
+//   .leftCenter {
+//     height: 33%;
+//     margin-bottom: 15px;
+//   }
+//   .leftBottom {
+//     height: 33%;
+//   }
+//   z-index: 2;
+// }
+// .centerBox {
+//   position: absolute;
+//   margin-right: 15px;
+//   padding-left: 6px;
+//   width: 100%;
+//   height: 100%;
+//   line-height: 30px;
+//   font-size: 18px;
+//   color: #6ee4f0;
+// }
 
-.rightBox {
-  position: relative;
-  width: 25%;
-  height: 100%;
-  .rightTop {
-    height: 33%;
-    margin-bottom: 15px;
-  }
-  .rightCenter {
-    height: 33%;
-    margin-bottom: 15px;
-  }
-  z-index: 2;
-}
+// .rightBox {
+//   position: relative;
+//   width: 25%;
+//   height: 100%;
+//   .rightTop {
+//     height: 33%;
+//     margin-bottom: 15px;
+//   }
+//   .rightCenter {
+//     height: 33%;
+//     margin-bottom: 15px;
+//   }
+//   z-index: 2;
+// }
 </style>