|
@@ -1,13 +1,10 @@
|
|
|
<template>
|
|
|
<div
|
|
|
class="floor-switch"
|
|
|
- :class="{ disable: flying, showTours: showTours }"
|
|
|
- v-if="floors.length > 1 && mode != 'panorama'"
|
|
|
+ :class="{ disable: flying }"
|
|
|
+ v-if="floors.length > 1 && mode != 'panorama' && !toursIsplay"
|
|
|
>
|
|
|
<ul>
|
|
|
- {{
|
|
|
- floors
|
|
|
- }}
|
|
|
<li
|
|
|
v-if="mode != 'floorplan'"
|
|
|
:class="{ active: 'all' == floorId }"
|
|
@@ -27,24 +24,33 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
-import { computed } from "vue";
|
|
|
+import { computed, watch, onMounted } from "vue";
|
|
|
import { useStore } from "vuex";
|
|
|
import { useApp } from "@/app";
|
|
|
-import { onMounted } from "vue";
|
|
|
+
|
|
|
const store = useStore();
|
|
|
const mode = computed(() => store.getters.mode);
|
|
|
const flying = computed(() => store.getters["flying"]);
|
|
|
const floors = computed(() => store.getters["scene/floors"]);
|
|
|
const floorId = computed(() => store.getters.floorId);
|
|
|
const showTours = computed(() => store.getters["tour/showTours"]);
|
|
|
+const toursIsplay = computed(() => store.getters["tour/isPlay"]);
|
|
|
+
|
|
|
const onGotoFloor = (id) => {
|
|
|
store.commit("setFloor", id);
|
|
|
};
|
|
|
+// watch(toursIsplay, (newVal, oldVal) => {
|
|
|
+// if (oldVal && !newVal) {
|
|
|
+// // debugger;
|
|
|
+// store.commit("setMode", 'panorama');
|
|
|
+// }
|
|
|
+// });
|
|
|
+
|
|
|
onMounted(() => {
|
|
|
useApp().then((sdk) =>
|
|
|
sdk.Camera.on("mode.beforeChange", ({ toMode, floorIndex }) => {
|
|
|
console.log("mode.beforeChange,", toMode, floorIndex);
|
|
|
- // store.commit("mode", toMode);
|
|
|
+ // store.commit("mode", toMode);wa
|
|
|
if (toMode && toMode !== "dollhouse") {
|
|
|
store.commit("setFloorId", floorIndex);
|
|
|
}
|