湖里大屏(BIM中心)：mock 模型申报数据

src/assets/json/jlw/bim.json

@@ -18,5 +18,17 @@
       { "devName": "3号闸机", "devonline": "1", "enter": 25, "outer": 32 },
       { "devName": "4号闸机", "devonline": "0", "enter": 221, "outer": 47 }
     ]
+  },
+  "modelReport": {
+    "list": [
+      { "changeTime": "2022/03/06 15:30:26", "changeType": "临边防护" },
+      { "changeTime": "2022/03/06 15:30:26", "changeType": "临边防护" },
+      { "changeTime": "2022/03/06 15:30:26", "changeType": "扣件式钢管脚手架" },
+      { "changeTime": "2022/03/06 15:30:26", "changeType": "临边防护" },
+      { "changeTime": "2022/03/06 15:30:26", "changeType": "临边防护" },
+      { "changeTime": "2022/03/06 15:30:26", "changeType": "临边防护" },
+      { "changeTime": "2022/03/06 15:30:26", "changeType": "临边防护" },
+      { "changeTime": "2022/03/06 15:30:26", "changeType": "临边防护" }
+    ]
   }
 }

src/views/projectAdmin/jlw/CIM/leftCenter.vue

@@ -1,12 +1,13 @@
 <template>
   <Card :title="title">
-    <Table :thead="['变更时间', '变更类型']" />
+    <Table :thead="['变更时间', '变更类型']" :list="modelReport.list" />
   </Card>
 </template>
 
 <script>
 import Card from '../components/Card.vue'
 import Table from '../components/Table.vue'
+import { modelReport } from '@/assets/json/jlw/bim.json'
 export default {
   components: { Card, Table },
   props: {
@@ -16,7 +17,7 @@ export default {
     }
   },
   data() {
-    return {}
+    return { modelReport }
   }
 }
 </script>

src/views/projectAdmin/jlw/components/Table.vue

@@ -6,11 +6,13 @@
       </div>
     </div>
     <div class="tbody">
-      <div class="row" v-for="i in 5" :key="i">
-        <div class="td">2022.03.05 15:23:22</div>
-        <div class="td">边临防护</div>
-        <div class="td">详情</div>
-      </div>
+      <vue-scroll>
+        <div class="row" v-for="(item, i) in list" :key="i">
+          <div class="td">{{ item.changeTime }}</div>
+          <div class="td">{{ item.changeType }}</div>
+          <div class="td">详情</div>
+        </div>
+      </vue-scroll>
     </div>
   </div>
 </template>
@@ -21,6 +23,10 @@ export default {
     thead: {
       type: Array,
       default: () => []
+    },
+    list: {
+      type: Array,
+      default: () => []
     }
   }
 }
@@ -40,6 +46,9 @@ export default {
       color: #6ee4f0;
       border-bottom: 1px solid #fff;
     }
+    &.tbody {
+      height: calc(100% - 46px);
+    }
     .row {
       width: 100%;
       display: flex;