.

src/views/GameView.vue

@@ -42,8 +42,10 @@
         <ElFormItem prop="name" label="名称">
             <ElInput v-model="model.name" placeholder="请输入名称" />
         </ElFormItem>
-        <ElFormItem prop="roomId" label="房间ID">
-            <ElInput v-model="model.roomId" placeholder="请输入房间ID" />
+        <ElFormItem prop="roomId" label="房间">
+            <ElSelect v-model="model.roomId" placeholder="请选择房间">
+                <ElOption v-for="item in rooms" :key="item.id" :label="item.name" :value="item.id" />
+            </ElSelect>
         </ElFormItem>
         <ElFormItem prop="autoReset" label="自动重置">
             <ElRadioGroup v-model="model.autoReset">
@@ -129,7 +131,7 @@ const table = ref(null)
 const model = ref({})
 const rules = {
     name: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
-    roomId: [{ required: true, message: '请输入房间ID', trigger: 'blur' }],
+    roomId: [{ required: true, message: '请选择房间', trigger: 'blur' }],
     autoReset: [{ required: true, message: '请输入自动重置', trigger: 'blur' }],
     background: [{ required: true, message: '请输入故事背景', trigger: 'blur' }],
     charactors: [