更新首页字典展示

src/views/apply/apply/MainForm.vue

@@ -14,7 +14,14 @@
         <el-input v-model="formData.name" placeholder="请输入项目名称" />
       </el-form-item>
       <el-form-item label="所属技术领域" prop="technicalField">
-        <el-input v-model="formData.technicalField" placeholder="请输入所属技术领域" />
+        <el-select v-model="formData.technicalField" clearable placeholder="请选择所属技术领域">
+          <el-option
+            v-for="dict in getIntDictOptions(DICT_TYPE.TECHNICAL_FIELD)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="年度" prop="year">
         <el-input v-model="formData.year" placeholder="请输入年度" />
@@ -37,19 +44,47 @@
         <el-input v-model="formData.director" placeholder="请输入负责人姓名" />
       </el-form-item>
       <el-form-item label="负责人性别" prop="gender">
-        <el-input v-model="formData.gender" placeholder="请输入负责人性别" />
+        <el-select v-model="formData.gender" clearable placeholder="请选择负责人性别">
+          <el-option
+            v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_USER_SEX)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="年龄" prop="age">
         <el-input v-model="formData.age" placeholder="请输入年龄" />
       </el-form-item>
       <el-form-item label="学历" prop="education">
-        <el-input v-model="formData.education" placeholder="请输入学历" />
+        <el-select v-model="formData.education" clearable placeholder="请选择学历">
+          <el-option
+            v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_EDUCATION)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="所学专业" prop="major">
-        <el-input v-model="formData.major" placeholder="请输入所学专业" />
+        <el-select v-model="formData.major" clearable placeholder="请选择所学专业">
+          <el-option
+            v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_MAJOR)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="从事专业" prop="engagMajor">
-        <el-input v-model="formData.engagMajor" placeholder="请输入从事专业" />
+        <el-select v-model="formData.engagMajor" clearable placeholder="请选择从事专业">
+          <el-option
+            v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_MAJOR)"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="职务（职称）" prop="position">
         <el-input v-model="formData.position" placeholder="请输入职务（职称）" />
@@ -162,6 +197,7 @@ import UnitsForm from './components/UnitsForm.vue'
 import ParticipantForm from './components/ParticipantForm.vue'
 import PlanForm from './components/PlanForm.vue'
 import FundsForm from './components/FundsForm.vue'
+import {DICT_TYPE, getIntDictOptions} from "@/utils/dict";
 
 /** 立项申请主 表单 */
 defineOptions({ name: 'MainForm' })
@@ -346,4 +382,4 @@ const resetForm = () => {
   }
   formRef.value?.resetFields()
 }
-</script>
+</script>