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

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>
+