From cf1a14bf2474353caac044f801abee8d0da0f5f2 Mon Sep 17 00:00:00 2001
From: Azure <983547216@qq.com>
Date: Tue, 23 Jun 2026 11:20:28 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9B=E5=BB=BA=E6=88=BF=E9=97=B4?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=A7=82=E6=88=98=E5=BC=80=E5=85=B3=EF=BC=8C?=
 =?UTF-8?q?=E6=88=90=E5=8A=9F=E5=90=8E=E8=B7=B3=E8=BD=AC=E5=88=B0=E6=88=BF?=
 =?UTF-8?q?=E9=97=B4=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../baseLayouts/CreateRoomDialog.vue          | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/components/baseLayouts/CreateRoomDialog.vue b/src/components/baseLayouts/CreateRoomDialog.vue
index 28557e0..3a4a453 100644
--- a/src/components/baseLayouts/CreateRoomDialog.vue
+++ b/src/components/baseLayouts/CreateRoomDialog.vue
@@ -57,6 +57,12 @@
         />
         <div class="create-room-dialog__hint">设置密码后，其他玩家需输入密码才能加入</div>
       </el-form-item>
+
+      <!-- 是否允许观战 -->
+      <el-form-item label="观战">
+        <el-switch v-model="form.allowSpectate" />
+        <div class="create-room-dialog__hint">开启后，其他玩家可旁观对局</div>
+      </el-form-item>
     </el-form>
 
     <template #footer>
@@ -68,6 +74,7 @@
 
 <script setup lang="ts">
 import { ref, reactive, computed, watch } from 'vue'
+import { useRouter } from 'vue-router'
 import type { FormInstance, FormRules } from 'element-plus'
 import { useBaseLayoutStore } from '@/stores'
 import { storeToRefs } from 'pinia'
@@ -80,6 +87,7 @@ interface CreateRoomForm {
   mode: string
   stakes: number | undefined
   password: string
+  allowSpectate: boolean
 }
 
 const props = defineProps<{
@@ -91,6 +99,7 @@ const emit = defineEmits<{
   (e: 'created'): void
 }>()
 
+const router = useRouter()
 const baseLayoutStore = useBaseLayoutStore()
 const { activeGameName, activeGameConfig } = storeToRefs(baseLayoutStore)
 
@@ -114,7 +123,8 @@ const form = reactive<CreateRoomForm>({
   name: '',
   mode: '',
   stakes: undefined,
-  password: ''
+  password: '',
+  allowSpectate: true
 })
 
 /** 初始化默认值：取当前游戏配置的第一个选项 */
@@ -125,6 +135,7 @@ function initDefaults() {
   }
   form.name = ''
   form.password = ''
+  form.allowSpectate = true
 }
 
 /** 弹窗打开时设置默认值 */
@@ -154,16 +165,19 @@ async function handleSubmit() {
 
   submitting.value = true
   try {
-    await createRoom({
+    const res = await createRoom({
       gameId: baseLayoutStore.activeGameId,
       name: form.name.trim() || undefined,
       password: form.password || undefined,
       mode: form.mode,
       stakes: form.stakes!,
-      maxPlayers: gameConfig.value?.maxPlayers ?? 0
+      maxPlayers: gameConfig.value?.maxPlayers ?? 0,
+      allowSpectate: form.allowSpectate
     })
     visible.value = false
     emit('created')
+    // 跳转到新创建的房间
+    router.push(`/room/${res.data.room.id}`)
   } finally {
     submitting.value = false
   }