From bad1675f2229f8fe628b9188dbce1e0124f1cf1c Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Mon, 22 Aug 2022 17:21: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=90=E6=A8=A1?=
 =?UTF-8?q?=E5=9E=8B=E5=86=85=E3=80=81=E5=A4=96=E5=AE=A1=E6=A0=B8=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectAdmin/jlw/CIM/BimCoordination.vue  |  2 +
 src/views/projectAdmin/jlw/CIM/Model.vue      | 45 +++++++++++++++++++
 src/views/projectAdmin/jlw/CIM/index.vue      | 23 ++++++++--
 3 files changed, 67 insertions(+), 3 deletions(-)
 create mode 100644 src/views/projectAdmin/jlw/CIM/Model.vue

diff --git a/src/views/projectAdmin/jlw/CIM/BimCoordination.vue b/src/views/projectAdmin/jlw/CIM/BimCoordination.vue
index c0354292..de83431c 100644
--- a/src/views/projectAdmin/jlw/CIM/BimCoordination.vue
+++ b/src/views/projectAdmin/jlw/CIM/BimCoordination.vue
@@ -36,6 +36,8 @@ export default {
 
 <style lang="less" scoped>
 .table {
+  width: 100%;
+  height: 100%;
   .row {
     margin-bottom: 20px;
     font-size: 12px;
diff --git a/src/views/projectAdmin/jlw/CIM/Model.vue b/src/views/projectAdmin/jlw/CIM/Model.vue
new file mode 100644
index 00000000..a5006175
--- /dev/null
+++ b/src/views/projectAdmin/jlw/CIM/Model.vue
@@ -0,0 +1,45 @@
+<template>
+  <Card :title="title">
+    <JNestedRingChart :title="{ y: '35%', text: '33', subTitle: '问题总数' }" :series="series" />
+  </Card>
+</template>
+
+<script>
+import Card from '../components/Card.vue'
+import JNestedRingChart from '../jChart/pie/JNestedRingChart.vue'
+export default {
+  components: { Card, JNestedRingChart },
+  props: {
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    const data = [
+      { value: 45, name: '未查看' },
+      { value: 5, name: '已查看' },
+      { value: 15, name: '已解决' }
+    ]
+    if (this.title !== '模型内审') {
+      data.push({ value: 10, name: '已回复' })
+    }
+    return {
+      series: [
+        {
+          roseType: 'area',
+          radius: ['58%', '54%'],
+          color: ['#0B1B35', '#244D8F'],
+          data: [30, 40, 30, 40]
+        },
+        {
+          color: ['#3CABFC', '#FF6C7F', '#6EE4F0', '#557EED'],
+          data
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/projectAdmin/jlw/CIM/index.vue b/src/views/projectAdmin/jlw/CIM/index.vue
index 88d7aafe..5810077a 100644
--- a/src/views/projectAdmin/jlw/CIM/index.vue
+++ b/src/views/projectAdmin/jlw/CIM/index.vue
@@ -2,7 +2,15 @@
   <!-- CIM -->
   <div class="container">
     <div class="charts">
-      <BimCoordination />
+      <div class="chart">
+        <BimCoordination />
+      </div>
+      <div class="chart">
+        <Model title="模型内审" />
+      </div>
+      <div class="chart">
+        <Model title="模型外审" />
+      </div>
     </div>
     <div class="bim">
       <iframe src="/bim.html" frameborder="0" width="100%" height="100%" id="iframe" @load="load"></iframe>
@@ -35,6 +43,7 @@
 // import rightTop from './rightTop'
 // import rightCenter from './rightCenter'
 import BimCoordination from './BimCoordination'
+import Model from './Model'
 
 import { projectJlwBimListApi, getJlwTokenApi } from '@/assets/js/api/project'
 export default {
@@ -43,7 +52,8 @@ export default {
     // leftCenter,
     // rightTop,
     // rightCenter
-    BimCoordination
+    BimCoordination,
+    Model
   },
   mounted() {
     this.iframe = document.getElementById('iframe')
@@ -87,7 +97,14 @@ export default {
   width: 100%;
   height: 100%;
   .charts {
-    width: 420px;
+    width: 23%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    .chart {
+      height: 32%;
+    }
   }
   .bim {
     padding: 8px;