|
|
@@ -1,23 +1,23 @@
|
|
|
<template>
|
|
|
- <HcCard scrollbar ui="hc-bim-card-box">
|
|
|
- <HcCardItem ui="bim-echarts-box">
|
|
|
- <div id="bimId" class="bim-echarts"/>
|
|
|
- </HcCardItem>
|
|
|
- <HcCardItem ui="bim-table-box" style="height: auto;">
|
|
|
- <HcTable :isIndex="false" :column="tableColumn" :datas="tableData">
|
|
|
- <template #action="{row,index}">
|
|
|
+ <hc-body scrollbar ui="hc-bim-card-box">
|
|
|
+ <hc-new-card ui="bim-echarts-box">
|
|
|
+ <div id="bimId" class="bim-echarts" />
|
|
|
+ </hc-new-card>
|
|
|
+ <hc-new-card ui="bim-table-box">
|
|
|
+ <HcTable :is-index="false" :column="tableColumn" :datas="tableData" is-new>
|
|
|
+ <template #action="{ row, index }">
|
|
|
<div class="table-btn-icon">
|
|
|
- <HcIcon name="file-search"/>
|
|
|
+ <HcIcon name="file-search" />
|
|
|
</div>
|
|
|
</template>
|
|
|
</HcTable>
|
|
|
- </HcCardItem>
|
|
|
- </HcCard>
|
|
|
+ </hc-new-card>
|
|
|
+ </hc-body>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import {onMounted, ref} from "vue";
|
|
|
-import bimApi from "~api/using/bim.js";
|
|
|
+import { onMounted, ref } from 'vue'
|
|
|
+import bimApi from '~api/using/bim'
|
|
|
|
|
|
onMounted(() => {
|
|
|
getModelviewApi()
|
|
|
@@ -36,34 +36,34 @@ const getModelviewApi = async () => {
|
|
|
|
|
|
const bim3D = ref(null)
|
|
|
const initBimface = (viewToken) => {
|
|
|
- let loaderConfig = new BimfaceSDKLoaderConfig();
|
|
|
+ let loaderConfig = new BimfaceSDKLoaderConfig()
|
|
|
loaderConfig.viewToken = viewToken
|
|
|
BimfaceSDKLoader.load(loaderConfig, (viewMetaData) => {
|
|
|
- let domShow = document.getElementById('bimId');
|
|
|
- let webAppConfig = new Glodon.Bimface.Application.WebApplication3DConfig();
|
|
|
- webAppConfig.domElement = domShow;
|
|
|
- let app = new Glodon.Bimface.Application.WebApplication3D(webAppConfig);
|
|
|
- app.addView(viewToken);
|
|
|
- let viewer3D = app.getViewer();
|
|
|
+ let domShow = document.getElementById('bimId')
|
|
|
+ let webAppConfig = new Glodon.Bimface.Application.WebApplication3DConfig()
|
|
|
+ webAppConfig.domElement = domShow
|
|
|
+ let app = new Glodon.Bimface.Application.WebApplication3D(webAppConfig)
|
|
|
+ app.addView(viewToken)
|
|
|
+ let viewer3D = app.getViewer()
|
|
|
|
|
|
//设置背景色
|
|
|
- let monochrome = new Glodon.Web.Graphics.Color(9, 11, 98, 0);
|
|
|
- viewer3D.setBackgroundColor(monochrome);
|
|
|
+ let monochrome = new Glodon.Web.Graphics.Color(9, 11, 98, 0)
|
|
|
+ viewer3D.setBackgroundColor(monochrome)
|
|
|
|
|
|
bim3D.value = viewer3D
|
|
|
|
|
|
//加载完成监听
|
|
|
- viewer3D.addEventListener(Glodon.Bimface.Viewer.Viewer3DEvent.ViewAdded, initModel);
|
|
|
+ viewer3D.addEventListener(Glodon.Bimface.Viewer.Viewer3DEvent.ViewAdded, initModel)
|
|
|
|
|
|
//新增模型监听
|
|
|
//this.viewer3D.addEventListener(Glodon.Bimface.Viewer.Viewer3DEvent.ModelAdded, this.translateModel);
|
|
|
|
|
|
//点击监听
|
|
|
- viewer3D.addEventListener(Glodon.Bimface.Viewer.Viewer3DEvent.MouseClicked, setTableData);
|
|
|
+ viewer3D.addEventListener(Glodon.Bimface.Viewer.Viewer3DEvent.MouseClicked, setTableData)
|
|
|
}, (error) => {
|
|
|
console.log(error)
|
|
|
//this.$message.error(error);
|
|
|
- });
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
//加载完成监听
|
|
|
@@ -71,27 +71,27 @@ const initModel = () => {
|
|
|
const modalFileId = '2019513822914752'
|
|
|
bim3D.value?.getModel(modalFileId).overrideAllComponentsColor(new Glodon.Web.Graphics.Color('#6D6D6D'))
|
|
|
setTimeout(() => {
|
|
|
- bim3D.value?.setModelScale(modalFileId, { x: 0, y: 0, z: 0 }, 7);
|
|
|
- bim3D.value?.render();
|
|
|
- }, 1);
|
|
|
+ bim3D.value?.setModelScale(modalFileId, { x: 0, y: 0, z: 0 }, 7)
|
|
|
+ bim3D.value?.render()
|
|
|
+ }, 1)
|
|
|
}
|
|
|
|
|
|
//表格
|
|
|
const tableColumn = ref([
|
|
|
- {key:'construction', name: '施工部位'},
|
|
|
- {key:'date', name: '施工日期', width: 180, align: 'center'},
|
|
|
- {key:'leading', name: '现场负责人', width: 160, align: 'center'},
|
|
|
- {key:'supervisor', name: '监理', width: 120, align: 'center'},
|
|
|
- {key:'dataType', name: '资料状态', width: 120, align: 'center'},
|
|
|
- {key:'measureType', name: '计量状态', width: 120, align: 'center'},
|
|
|
- {key:'action', name: '查看', width: 90, align: 'center'},
|
|
|
+ { key:'construction', name: '施工部位' },
|
|
|
+ { key:'date', name: '施工日期', width: 180, align: 'center' },
|
|
|
+ { key:'leading', name: '现场负责人', width: 160, align: 'center' },
|
|
|
+ { key:'supervisor', name: '监理', width: 120, align: 'center' },
|
|
|
+ { key:'dataType', name: '资料状态', width: 120, align: 'center' },
|
|
|
+ { key:'measureType', name: '计量状态', width: 120, align: 'center' },
|
|
|
+ { key:'action', name: '查看', width: 90, align: 'center' },
|
|
|
])
|
|
|
const tableData = ref([])
|
|
|
|
|
|
//点击监听
|
|
|
const setTableData = (data) => {
|
|
|
if (data?.objectId !== '63-98-67-14-88-28-D9-3C-BE-AD-19-02-C4-21-DA-0A') {
|
|
|
- tableData.value = [];
|
|
|
+ tableData.value = []
|
|
|
return
|
|
|
}
|
|
|
tableData.value = [
|
|
|
@@ -110,7 +110,7 @@ const setTableData = (data) => {
|
|
|
supervisor: '杨昌玮',
|
|
|
dataType: '已审批',
|
|
|
measureType:'已计量',
|
|
|
- },{
|
|
|
+ }, {
|
|
|
construction: '[EK0+423.807瞿塘峡互通E匝道桥17#桥墩17-2人工挖孔桩成桩检查]',
|
|
|
date: '2021.11.22~2021.12.20',
|
|
|
leading: '陈远红、朱永波',
|
|
|
@@ -181,7 +181,7 @@ const setTableData = (data) => {
|
|
|
supervisor: '杨昌玮',
|
|
|
dataType: '已审批',
|
|
|
measureType:'已计量',
|
|
|
- }
|
|
|
+ },
|
|
|
]
|
|
|
}
|
|
|
</script>
|
