|
@@ -5,22 +5,32 @@
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
<script setup lang="ts">
|
|
-import {onMounted, ref, watchEffect} from "vue";
|
|
|
|
|
|
+import {onActivated, onDeactivated, onMounted, ref, watchEffect} from "vue";
|
|
import {customMap, disabledMap, setupLaser, useLoading, useParams} from "@/hook";
|
|
import {customMap, disabledMap, setupLaser, useLoading, useParams} from "@/hook";
|
|
import {store} from "@/store";
|
|
import {store} from "@/store";
|
|
import {currentApp} from "@/store/app";
|
|
import {currentApp} from "@/store/app";
|
|
-import {axios} from "@/dbo/";
|
|
|
|
import {Loading} from '@kankan/components/index'
|
|
import {Loading} from '@kankan/components/index'
|
|
-import {Mode} from "@/sdk";
|
|
|
|
|
|
+import {LaserSDK, Mode} from "@/sdk";
|
|
import {api} from "@/store/sync";
|
|
import {api} from "@/store/sync";
|
|
|
|
|
|
const emit = defineEmits<{ (e: 'loaded'): void }>()
|
|
const emit = defineEmits<{ (e: 'loaded'): void }>()
|
|
const sceneLayoutRef = ref<HTMLCanvasElement>();
|
|
const sceneLayoutRef = ref<HTMLCanvasElement>();
|
|
|
|
+const active = ref(true)
|
|
|
|
+
|
|
|
|
+onActivated(() => active.value = true)
|
|
|
|
+onDeactivated(() => active.value = false)
|
|
|
|
+
|
|
|
|
+const handlerSDK = (sdk: LaserSDK) => {
|
|
|
|
+ watchEffect(() => {
|
|
|
|
+ console.log("visible", active.value)
|
|
|
|
+ sdk.scene.emit("visible", active.value)
|
|
|
|
+ })
|
|
|
|
+}
|
|
|
|
|
|
onMounted(async () => {
|
|
onMounted(async () => {
|
|
console.log(currentApp.basePath);
|
|
console.log(currentApp.basePath);
|
|
console.log("加载场景数据")
|
|
console.log("加载场景数据")
|
|
- await useLoading(
|
|
|
|
|
|
+ const sdk = await useLoading(
|
|
setupLaser({
|
|
setupLaser({
|
|
sceneSelector: sceneLayoutRef.value,
|
|
sceneSelector: sceneLayoutRef.value,
|
|
num: useParams().m,
|
|
num: useParams().m,
|
|
@@ -40,7 +50,6 @@ onMounted(async () => {
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
watchEffect(() => {
|
|
watchEffect(() => {
|
|
const doms = Array.from(sceneLayoutRef.value.querySelectorAll("#navCube, #home")) as HTMLElement[]
|
|
const doms = Array.from(sceneLayoutRef.value.querySelectorAll("#navCube, #home")) as HTMLElement[]
|
|
- console.log("====>", disabledMap.mode)
|
|
|
|
if (!disabledMap.mode) {
|
|
if (!disabledMap.mode) {
|
|
if (customMap.mode === Mode.pano) {
|
|
if (customMap.mode === Mode.pano) {
|
|
doms.forEach(dom => {
|
|
doms.forEach(dom => {
|
|
@@ -52,11 +61,14 @@ onMounted(async () => {
|
|
})
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ handlerSDK(sdk)
|
|
})
|
|
})
|
|
Loading.hideAll()
|
|
Loading.hideAll()
|
|
}, 1000)
|
|
}, 1000)
|
|
});
|
|
});
|
|
|
|
|
|
|
|
+
|
|
|
|
+
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
@@ -83,6 +95,7 @@ onMounted(async () => {
|
|
.canvas-layout {
|
|
.canvas-layout {
|
|
#navCube,
|
|
#navCube,
|
|
#home {
|
|
#home {
|
|
|
|
+ position: absolute !important;
|
|
right: var(--boundMargin) !important;
|
|
right: var(--boundMargin) !important;
|
|
top: var(--boundMargin) !important;
|
|
top: var(--boundMargin) !important;
|
|
}
|
|
}
|