fix: room myinfo and joinroom

synctv-org · Oct 30, 2024 · d1a033f · d1a033f
1 parent da2ae42
commit d1a033f
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 17 deletions.
diff --git a/src/components/RoomList.vue b/src/components/RoomList.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, ref, watch } from "vue";
+import { nextTick, onMounted, ref, watch } from "vue";
 import { ElNotification, ElMessageBox } from "element-plus";
 import {
   roomStatus,
@@ -75,9 +75,7 @@ const getRoomList = async (showMsg = false) => {
 };
 
 const JoinRoomDialog = ref(false);
-const JoinRoomC = ref<InstanceType<typeof JoinRoom>>();
 const openJoinRoomDialog = () => {
-  JoinRoomC.value?.init();
   JoinRoomDialog.value = true;
 };
 const joinThisRoom = async (item: RoomList) => {
@@ -387,12 +385,16 @@ const exitRoom = async (roomId: string) => {
     </div>
   </div>
 
-  <el-dialog v-model="JoinRoomDialog" class="rounded-lg dark:bg-zinc-800 w-[443px] max-sm:w-[90%]">
+  <el-dialog
+    v-model="JoinRoomDialog"
+    :destroy-on-close="true"
+    class="rounded-lg dark:bg-zinc-800 w-[443px] max-sm:w-[90%]"
+  >
     <template #header>
       <div class="overflow-hidden text-ellipsis">
         <span class="truncate">加入房间</span>
       </div>
     </template>
-    <JoinRoom :item="formData" ref="joinRoomC" :disableInitReq="true" />
+    <JoinRoom :item="formData" :disableInitReq="true" />
   </el-dialog>
 </template>
diff --git a/src/components/cinema/RoomManage.vue b/src/components/cinema/RoomManage.vue
@@ -87,7 +87,7 @@ const { updateSet, isUpdating } = useUpdateRoomSettings(Props.token, Props.roomI
 
 // 更新房间密码
 const password = ref("");
-const { state: newToken, execute: reqUpdateRoomPasswordApi } = updateRoomPasswordApi();
+const { execute: reqUpdateRoomPasswordApi } = updateRoomPasswordApi();
 const changePassword = async () => {
   try {
     strLengthLimit(password.value, 32);
@@ -101,16 +101,11 @@ const changePassword = async () => {
       }
     });
 
-    if (newToken.value) {
-      ElNotification({
-        title: "更新成功",
-        type: "success"
-      });
-      roomPwd.value = password.value;
-      setTimeout(() => {
-        window.location.reload();
-      }, 500);
-    }
+    ElNotification({
+      title: "更新成功",
+      type: "success"
+    });
+    roomPwd.value = password.value;
   } catch (err: any) {
     console.error(err);
     ElNotification({

diff --git a/src/views/Cinema.vue b/src/views/Cinema.vue
@@ -420,7 +420,7 @@ onMounted(async () => {
 
   // 获取用户信息
   try {
-    if (!myInfo.value) await getMyInfo(roomID.value);
+    await getMyInfo(roomID.value);
   } catch (err: any) {
     console.error(err);
     ElNotification({