把环境改为下拉框选择的形式

src/components/CreateData/CreateDataInfo.vue

@@ -16,7 +16,14 @@
           </el-select>
         </el-form-item>
         <el-form-item label="运行环境" prop="runEnv">
-          <el-input v-model="form.runEnv" placeholder="请输入运行环境" style="width: 320px;"></el-input>
+          <el-select v-model="form.runEnv" placeholder="请输入运行环境" clearable style="width: 320px;">
+            <el-option
+              v-for="item in envOptions"
+              :key="item"
+              :label="item"
+              :value="item">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="运行分组" prop="runGroup">
           <el-input v-model="form.runGroup" placeholder="请输入运行分组" style="width: 320px;"></el-input>
@@ -56,6 +63,7 @@ export default {
       saving: false,
       loading: false,
       projectOptions: ['ZHYY', 'DLZ', 'JOYHUB', 'OA', 'APP'],
+      envOptions: ['dev', 'st', 'pre'],
       form: {
         project: '',
         runEnv: '',
@@ -66,7 +74,7 @@ export default {
       },
       rules: {
         project: [{required: true, message: '请选择项目名称', trigger: 'change'}],
-        runEnv: [{required: true, message: '请输入运行环境', trigger: 'blur'}],
+        runEnv: [{required: true, message: '请选择运行环境', trigger: 'change'}],
         sql: [{required: true, message: '请输入sql语句', trigger: 'blur'}],
         runGroup: [{required: true, message: '请输入运行分组', trigger: 'blur'}]
       }
@@ -144,3 +152,4 @@ export default {
   padding: 20px;
 }
 </style>
+

src/components/CreateData/CreateManage.vue

@@ -17,12 +17,18 @@
           </el-select>
         </el-form-item>
         <el-form-item label="环境">
-          <el-input
+          <el-select
             v-model="queryForm.runEnv"
-            placeholder="请输入环境"
+            placeholder="请选择项目"
             clearable
-            @keyup.enter.native="search()">
+            filterable>
-          </el-input>
+            <el-option
+              v-for="item in envOptions"
+              :key="item"
+              :label="item"
+              :value="item">
+            </el-option>
+          </el-select>
         </el-form-item>
         <el-form-item label="创建人">
           <el-input
@@ -131,7 +137,8 @@ export default {
         creator: '',
         runGroup: ''
       },
-      projectOptions: ['ZHYY', 'DLZ', 'JOYHUB', 'OA', 'APP']
+      projectOptions: ['ZHYY', 'DLZ', 'JOYHUB', 'OA', 'APP'],
+      envOptions: ['dev', 'st', 'pre']
     }
   },
   computed: {
@@ -375,3 +382,4 @@ export default {
   color: #c4b5fd;
 }
 </style>
+