|
@@ -3,8 +3,8 @@
|
|
|
<div ref="map3dContainer"></div>
|
|
<div ref="map3dContainer"></div>
|
|
|
<!-- 操作按钮面板 -->
|
|
<!-- 操作按钮面板 -->
|
|
|
<div class="map-operation-panel">
|
|
<div class="map-operation-panel">
|
|
|
- <button @click="drawerVisible = true" class="btn">老空区永久密闭列表</button>
|
|
|
|
|
- <button @click="emit('close')" class="btn ml-5px">返回列表</button>
|
|
|
|
|
|
|
+ <button :loading="loading" @click="drawerVisible = true" class="btn">老空区永久密闭列表</button>
|
|
|
|
|
+ <button :loading="loading" @click="emit('close')" class="btn ml-5px">返回列表</button>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<SideDrawer v-model:open="drawerVisible" :mineCode="mineCode" :getContainer="() => map3dContainer" />
|
|
<SideDrawer v-model:open="drawerVisible" :mineCode="mineCode" :getContainer="() => map3dContainer" />
|
|
@@ -29,12 +29,16 @@
|
|
|
// 定义弹框显隐状态
|
|
// 定义弹框显隐状态
|
|
|
const drawerVisible = ref(false);
|
|
const drawerVisible = ref(false);
|
|
|
const map3dContainer = ref<HTMLElement>();
|
|
const map3dContainer = ref<HTMLElement>();
|
|
|
|
|
+ const loading = ref(false);
|
|
|
|
|
|
|
|
// 初始化地图(确保先加载地图,再调用其他方法)
|
|
// 初始化地图(确保先加载地图,再调用其他方法)
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
// nextTick(async () => {
|
|
// nextTick(async () => {
|
|
|
|
|
+ loading.value = true;
|
|
|
initMap2d(map3dContainer.value!, {
|
|
initMap2d(map3dContainer.value!, {
|
|
|
wjId: props.wjId as string,
|
|
wjId: props.wjId as string,
|
|
|
|
|
+ }).finally(() => {
|
|
|
|
|
+ loading.value = false;
|
|
|
});
|
|
});
|
|
|
// });
|
|
// });
|
|
|
});
|
|
});
|