人才培养方案查询框的 字典录入 接口对接

frontend/src/views/teachBusiness/trainingPlan/index.vue

@@ -16,12 +16,38 @@
           </el-col>
           <el-col :xs="24" :md="8">
             <el-form-item label="培训类型">
-              <el-input v-model="searchForm.pxlx" placeholder="请输入培训类型" clearable />
+              <el-select
+                v-model="searchForm.pxlx"
+                placeholder="请选择培训类型"
+                clearable
+                filterable
+                class="w-full"
+              >
+                <el-option
+                  v-for="item in trainingTypeOptions"
+                  :key="item.dictCode || item.dictValue"
+                  :label="item.dictLabel"
+                  :value="item.dictLabel"
+                />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :md="8">
             <el-form-item label="培训层次">
-              <el-input v-model="searchForm.pxcc" placeholder="请输入培训层次" clearable />
+              <el-select
+                v-model="searchForm.pxcc"
+                placeholder="请选择培训层次"
+                clearable
+                filterable
+                class="w-full"
+              >
+                <el-option
+                  v-for="item in trainingLevelOptions"
+                  :key="item.dictCode || item.dictValue"
+                  :label="item.dictLabel"
+                  :value="item.dictLabel"
+                />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :xs="24" :md="8">
@@ -142,12 +168,36 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="培训层次" prop="pxcc">
-              <el-input v-model="dialog.form.pxcc" placeholder="请输入培训层次" />
+              <el-select
+                v-model="dialog.form.pxcc"
+                placeholder="请选择培训层次"
+                filterable
+                class="training-dict-select"
+              >
+                <el-option
+                  v-for="item in trainingLevelOptions"
+                  :key="item.dictCode || item.dictValue"
+                  :label="item.dictLabel"
+                  :value="item.dictLabel"
+                />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="培训类型" prop="pxlx">
-              <el-input v-model="dialog.form.pxlx" placeholder="请输入培训类型" />
+              <el-select
+                v-model="dialog.form.pxlx"
+                placeholder="请选择培训类型"
+                filterable
+                class="training-dict-select"
+              >
+                <el-option
+                  v-for="item in trainingTypeOptions"
+                  :key="item.dictCode || item.dictValue"
+                  :label="item.dictLabel"
+                  :value="item.dictLabel"
+                />
+              </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -275,6 +325,10 @@ import {
   getTraining,
   listTraining
 } from '@/api/teachBusiness/training'
+import { getDicts } from '@/api/system/dict/data'
+
+const TRAINING_TYPE_DICT_CODE = 'train_type'
+const TRAINING_LEVEL_DICT_CODE = 'train_level'
 
 export default {
   name: 'TrainingPlan',
@@ -288,6 +342,8 @@ export default {
         pxlx: '',
         pxcc: ''
       },
+      trainingTypeOptions: [],
+      trainingLevelOptions: [],
       // 列表
       tableData: [],
       total: 0,
@@ -314,15 +370,32 @@ export default {
         zydh: [{ required: true, message: '请输入专业代号', trigger: 'blur' }],
         zymc: [{ required: true, message: '请输入专业名称', trigger: 'blur' }],
         zydm: [{ required: true, message: '请输入专业代码', trigger: 'blur' }],
-        pxcc: [{ required: true, message: '请输入培训层次', trigger: 'blur' }],
+        pxcc: [{ required: true, message: '请选择培训层次', trigger: 'change' }],
-        pxlx: [{ required: true, message: '请输入培训类型', trigger: 'blur' }]
+        pxlx: [{ required: true, message: '请选择培训类型', trigger: 'change' }]
       }
     }
   },
   created() {
+    this.loadTrainingDictionaries()
     this.fetchList()
   },
   methods: {
+    /**
+     * 从系统字典加载培训类型和培训层次，提交标签以匹配现有业务数据。
+     */
+    loadTrainingDictionaries() {
+      return Promise.all([
+        getDicts(TRAINING_TYPE_DICT_CODE),
+        getDicts(TRAINING_LEVEL_DICT_CODE)
+      ]).then(([typeResponse, levelResponse]) => {
+        this.trainingTypeOptions = typeResponse.data || []
+        this.trainingLevelOptions = levelResponse.data || []
+      }).catch(() => {
+        this.trainingTypeOptions = []
+        this.trainingLevelOptions = []
+      })
+    },
+
     /* ---------- 列表加载 ---------- */
     fetchList() {
       this.loading = true
@@ -596,4 +669,8 @@ export default {
     color: #f78989;
   }
 }
+
+.training-dict-select {
+  width: 100%;
+}
 </style>