增加选题

src/views/registrationGroup/index.vue

@@ -127,10 +127,7 @@
               <el-input v-model.number="ruleForm.teamName" />
             </el-form-item>
             <el-form-item label="选择题目" prop="teamName">
-              <el-select
+              <el-select v-model="ruleForm.topicId" placeholder="请选择题目">
-                v-model="ruleForm.topicId"
-                placeholder="请选择题目"
-              >
                 <el-option
                   v-for="item in options"
                   :key="item.value"
@@ -222,6 +219,8 @@ const teaRef = ref<any>(null)
 const loading = ref(false)
 
 const submit = () => {
+  if(!ruleForm.teamName) return ElMessage.warning('请输入队伍名称')
+  if(!ruleForm.topicId) return ElMessage.warning('请选择题目')
   ruleForm.instructorSheetList = [...teaRef.value.submit()]
   ruleForm.teamManagementList = [...stuRef.value.submit()]
   loading.value = true
@@ -241,32 +240,16 @@ const submit = () => {
     })
     .finally(() => (loading.value = false))
 }
-const options = [
+const options = ref([])
-  {
-    value: 'Option1',
-    label: 'Option1',
-  },
-  {
-    value: 'Option2',
-    label: 'Option2',
-  },
-  {
-    value: 'Option3',
-    label: 'Option3',
-  },
-  {
-    value: 'Option4',
-    label: 'Option4',
-  },
-  {
-    value: 'Option5',
-    label: 'Option5',
-  },
-]
 const getTopicListApi = async () => {
-    const res = await getTopicList({annualCompid:route.query.id})
+  const res: any = await getTopicList({ annualCompid: route.query.id })
-    console.log(res);
+  console.log(res)
-    
+  options.value = res.result.map((item) => {
+    return {
+      value: item.id,
+      label: item.name,
+    }
+  })
 }
 getTopicListApi()
 </script>