增加楼层同步

src/components/basic/FloorSwitch.vue

@@ -27,7 +27,9 @@
 <script setup lang="ts">
   import { computed } from 'vue';
   import { useApp } from '/@/hooks/userApp';
+  import { useSocket } from '/@/hooks/userSocket';
   import { useAppStore } from '/@/store/modules/app';
+  import { useRtcStore } from '/@/store/modules/rtc';
   import { useSceneStore } from '/@/store/modules/scene';
   import { useTourStore } from '/@/store/modules/tour';
   const appStore = useAppStore();
@@ -39,10 +41,23 @@
   const floors = computed(() => sceneStore.floors.reverse());
   const floorId = computed(() => appStore.floorId);
   const showTours = computed(() => tourStore.showTours);
+  const rtcStore = useRtcStore();
 
   const onGotoFloor = (id) => {
     //   store.commit("setFloor", id);
-    appStore.setFloor(id);
+    if (rtcStore.isLeader || appStore.isTourMode) {
+      const { socket } = useSocket();
+      appStore.setFloor(id);
+      if (rtcStore.isLeader) {
+        socket &&
+          socket.emit('action', {
+            type: 'sync-floor',
+            data: {
+              floorId: id,
+            },
+          });
+      }
+    }
   };
   useApp().then((sdk) =>
     sdk.Camera.on('mode.beforeChange', ({ toMode, floorIndex }) => {

src/components/chatRoom/controls/actions.ts

@@ -8,6 +8,7 @@ import { useRoom, SceneItemType } from '/@/hooks/useRoom';
 import { useI18n } from '/@/hooks/useI18n';
 import browser from '/@/utils/browser';
 import { unref } from 'vue';
+import { useAppStore } from '/@/store/modules/app';
 interface ActionDataType {
   type: string;
   data: any;
@@ -82,6 +83,10 @@ export function handleActions({
     case 'error':
       // Dialog.toast({ content: `房间未找到`, type: 'error' });
       handleError();
+
+    case 'sync-floor':
+      handleSyncFloor(data);
+
     default:
       break;
   }
@@ -143,7 +148,7 @@ function handleUserJoin(members?: UserInfoType[], user?: UserInfoType) {
     message: '有人进来了',
   });
   const rtcStore = useRtcStore();
-
+  const appStore = useAppStore();
   members && rtcStore.setMemberList(members);
   const isMaxAlert = rtcStore.memberList.length > Number(import.meta.env.VITE_ROOM_MEMBER);
 
@@ -154,6 +159,7 @@ function handleUserJoin(members?: UserInfoType[], user?: UserInfoType) {
       name = t('action.hoster');
       Dialog.toast({ content: t('action.hosterEnterRoom') });
       socket.emit('action', { type: 'user-init' });
+      socket.emit('sync-floor', { floorId: appStore.floorId });
     }
     const data: ChatContentType = {
       role: user?.Role,
@@ -301,7 +307,7 @@ const handleLeaderDismiss = () => {
       closeTxt: t('base.cancel'),
       isSingle: true,
     },
-    () => {},
+    () => { },
   );
   setTimeout(() => {
     closeSocket();
@@ -327,3 +333,15 @@ const handleError = () => {
     },
   );
 };
+
+interface FloorType {
+  floorId: string;
+}
+const handleSyncFloor = (data: FloorType) => {
+  const rtcStore = useRtcStore();
+  const appStore = useAppStore();
+  if (!rtcStore.isLeader) {
+    console.log('data', data, rtcStore);
+    appStore.setFloor(data.floorId);
+  }
+};