Fix: hide room

synctv-org · Oct 25, 2023 · f340de9 · f340de9
1 parent 9339bdb
commit f340de9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/services/apis/room.ts b/src/services/apis/room.ts
@@ -29,7 +29,9 @@ export const createRoomApi = useDefineApi<
     data: {
       roomName: string;
       password: string;
-      hidden: boolean;
+      setting: {
+        hidden: boolean;
+      };
     };
     headers: { Authorization: string };
   },

diff --git a/src/views/CreateRoom.vue b/src/views/CreateRoom.vue
@@ -10,7 +10,9 @@ const { state: createRoomInfo, execute: reqCreateRoomApi } = createRoomApi();
 const formData = ref({
   roomName: "",
   password: "",
-  hidden: false
+  setting: {
+    hidden: false
+  }
 });
 
 const operateRoom = async () => {
@@ -70,10 +72,9 @@ const operateRoom = async () => {
       <br />
       <input class="l-input" type="password" v-model="formData.password" placeholder="房间密码" />
       <br />
-
       <div>
-        <input class="w-auto" type="checkbox" v-model="formData.hidden" />
-        <label class="mr-6" title="不显示在房间列表">&nbsp;是否隐藏此房间</label>
+        <input class="w-auto" type="checkbox" v-model="formData.setting.hidden" />
+        <label title="不显示在房间列表">&nbsp;是否隐藏此房间</label>
       </div>
       <button class="btn m-[10px]" @click="operateRoom()">创建房间</button>
       <div class="text-sm"><b>注意：</b>所有输入框最大只可输入32个字符</div>