feat(预制数据管理): 下拉

src/views/controlPlan/baseConfig/presetData/index.vue

@@ -13,23 +13,34 @@
       </el-form-item>
 
       <el-form-item label="所属模板" prop="relatedTemplateId" label-width="70">
-        <el-input
+        <el-select
             v-model="queryParams.relatedTemplateId"
-            placeholder="请输入所属填写模板"
+            placeholder="请选择所屬模板"
             clearable
-            @keyup.enter="handleQuery"
-            style="width: 150px;"
-        />
+            style="width: 200px"
+            @change="selectTemplateName">
+          <el-option
+              v-for="item in templateList"
+              :key="item.id"
+              :label="item.templateName"
+              :value="item.id"
+          />
+        </el-select>
       </el-form-item>
 
       <el-form-item label="所属表单" prop="relatedFormId" label-width="70">
-        <el-input
+        <el-select
             v-model="queryParams.relatedFormId"
-            placeholder="请输入所属表单ID"
+            placeholder="请选择所屬表单"
             clearable
-            @keyup.enter="handleQuery"
-            style="width: 150px;"
-        />
+            style="width: 200px">
+          <el-option
+              v-for="item in formList"
+              :key="item.id"
+              :label="item.formName"
+              :value="item.id"
+          />
+        </el-select>
       </el-form-item>
 
       <el-form-item label="备注" prop="remake" label-width="40">
@@ -170,6 +181,7 @@ function getTemplateList() {
   listTemplate({ pageNum: 1,
     pageSize: 10}).then((response) => {
     templateList.value = response.rows
+    selectTemplateName(templateList[0].id)
   })
 }
 getTemplateList()