湖里大屏(BIM中心)：完成模型内、外审核布局

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;

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>

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;