添加业务模块

test-ui/src/views/test/api/index.vue

@@ -9,13 +9,15 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="接口请求类型" prop="method">
-        <el-input
-          v-model="queryParams.method"
-          placeholder="请输入接口请求类型"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+      <el-form-item label="请求类型" prop="method">
+        <el-select v-model="queryParams.method" placeholder="请输入接口请求类型" clearable @keyup.enter.native="handleQuery">
+          <el-option
+            v-for="dict in dict.type.http_method"
+            :key="dict.value"
+            :label="dict.label"
+            :value="dict.value"
+          />
+        </el-select>
       </el-form-item>
       <el-form-item label="接口路径" prop="uri">
         <el-input
@@ -105,7 +107,7 @@
         </template>
       </el-table-column>
     </el-table>
-    
+
     <pagination
       v-show="total>0"
       :total="total"
@@ -143,6 +145,7 @@ import { listApi, getApi, delApi, addApi, updateApi } from "@/api/test/api";
 
 export default {
   name: "Api",
+  dicts: ['http_method'],
   data() {
     return {
       // 遮罩层