diff --git a/backend/src/main/java/io/metersphere/api/controller/ApiAutomationController.java b/backend/src/main/java/io/metersphere/api/controller/ApiAutomationController.java
index ab00aaf2dc..cbb0fe8574 100644
--- a/backend/src/main/java/io/metersphere/api/controller/ApiAutomationController.java
+++ b/backend/src/main/java/io/metersphere/api/controller/ApiAutomationController.java
@@ -21,7 +21,7 @@ import io.metersphere.log.annotation.MsAuditLog;
 import io.metersphere.track.request.testcase.ApiCaseRelevanceRequest;
 import io.metersphere.track.request.testplan.FileOperationRequest;
 import org.apache.shiro.authz.annotation.Logical;
-import org.apache.shiro.authz.annotation.RequiresRoles;
+import org.apache.shiro.authz.annotation.RequiresPermissions;
 import org.springframework.http.HttpHeaders;
 import org.springframework.http.MediaType;
 import org.springframework.http.ResponseEntity;
@@ -33,14 +33,13 @@ import java.util.List;
 
 @RestController
 @RequestMapping(value = "/api/automation")
-@RequiresRoles(value = {RoleConstants.TEST_MANAGER, RoleConstants.TEST_USER, RoleConstants.TEST_VIEWER}, logical = Logical.OR)
 public class ApiAutomationController {
 
     @Resource
     ApiAutomationService apiAutomationService;
 
     @PostMapping("/list/{goPage}/{pageSize}")
-    @RequiresRoles(value = {RoleConstants.TEST_MANAGER, RoleConstants.TEST_USER, RoleConstants.TEST_VIEWER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ")
     public Pager<List<ApiScenarioDTO>> list(@PathVariable int goPage, @PathVariable int pageSize, @RequestBody ApiScenarioRequest request) {
         Page<Object> page = PageHelper.startPage(goPage, pageSize, true);
         request.setWorkspaceId(SessionUtils.getCurrentWorkspaceId());
@@ -48,26 +47,26 @@ public class ApiAutomationController {
     }
 
     @PostMapping("/list/all")
-    @RequiresRoles(value = {RoleConstants.TEST_MANAGER, RoleConstants.TEST_USER, RoleConstants.TEST_VIEWER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ")
     public List<ApiScenarioWithBLOBs> listAll(@RequestBody ApiScenarioBatchRequest request) {
         return apiAutomationService.listAll(request);
     }
 
     @PostMapping("/listWithIds/all")
-    @RequiresRoles(value = {RoleConstants.TEST_MANAGER, RoleConstants.TEST_USER, RoleConstants.TEST_VIEWER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ")
     public List<ApiScenarioWithBLOBs> listWithIds(@RequestBody ApiScenarioBatchRequest request) {
         return apiAutomationService.listWithIds(request);
     }
 
 
     @PostMapping("/id/all")
-    @RequiresRoles(value = {RoleConstants.TEST_MANAGER, RoleConstants.TEST_USER, RoleConstants.TEST_VIEWER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ")
     public List<String> idAll(@RequestBody ApiScenarioBatchRequest request) {
         return apiAutomationService.idAll(request);
     }
 
     @GetMapping("/list/{projectId}")
-    @RequiresRoles(value = {RoleConstants.TEST_MANAGER, RoleConstants.TEST_USER, RoleConstants.TEST_VIEWER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ")
     public List<ApiScenarioDTO> list(@PathVariable String projectId) {
         ApiScenarioRequest request = new ApiScenarioRequest();
         request.setWorkspaceId(SessionUtils.getCurrentWorkspaceId());
@@ -77,6 +76,7 @@ public class ApiAutomationController {
 
     @PostMapping(value = "/create")
     @MsAuditLog(module = "api_automation", type = OperLogConstants.CREATE, title = "#request.name", content = "#msClass.getLogDetails(#request.id)", msClass = ApiAutomationService.class)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ+CREATE")
     public ApiScenario create(@RequestPart("request") SaveApiScenarioRequest request, @RequestPart(value = "bodyFiles") List<MultipartFile> bodyFiles,
                               @RequestPart(value = "scenarioFiles") List<MultipartFile> scenarioFiles) {
         return apiAutomationService.create(request, bodyFiles, scenarioFiles);
@@ -84,6 +84,7 @@ public class ApiAutomationController {
 
     @PostMapping(value = "/update")
     @MsAuditLog(module = "api_automation", type = OperLogConstants.UPDATE, beforeEvent = "#msClass.getLogDetails(#request.id)", title = "#request.name", content = "#msClass.getLogDetails(#request.id)", msClass = ApiAutomationService.class)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ+EDIT")
     public void update(@RequestPart("request") SaveApiScenarioRequest request, @RequestPart(value = "bodyFiles") List<MultipartFile> bodyFiles,
                        @RequestPart(value = "scenarioFiles") List<MultipartFile> scenarioFiles) {
         apiAutomationService.update(request, bodyFiles, scenarioFiles);
@@ -91,6 +92,7 @@ public class ApiAutomationController {
 
     @GetMapping("/delete/{id}")
     @MsAuditLog(module = "api_automation", type = OperLogConstants.DELETE, beforeEvent = "#msClass.getLogDetails(#id)", msClass = ApiAutomationService.class)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ+delete")
     public void delete(@PathVariable String id) {
         apiAutomationService.delete(id);
     }
@@ -186,14 +188,14 @@ public class ApiAutomationController {
     }
 
     @PostMapping("/batch/edit")
-    @RequiresRoles(value = {RoleConstants.TEST_USER, RoleConstants.TEST_MANAGER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ+EDIT")
     @MsAuditLog(module = "api_automation", type = OperLogConstants.BATCH_UPDATE, beforeEvent = "#msClass.getLogDetails(#request.ids)", content = "#msClass.getLogDetails(#request.ids)", msClass = ApiAutomationService.class)
     public void bathEdit(@RequestBody ApiScenarioBatchRequest request) {
         apiAutomationService.bathEdit(request);
     }
 
     @PostMapping("/batch/update/env")
-    @RequiresRoles(value = {RoleConstants.TEST_USER, RoleConstants.TEST_MANAGER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ+EDIT")
     @MsAuditLog(module = "api_automation", type = OperLogConstants.BATCH_UPDATE, beforeEvent = "#msClass.getLogDetails(#request.ids)", content = "#msClass.getLogDetails(#request.ids)", msClass = ApiAutomationService.class)
     public void batchUpdateEnv(@RequestBody ApiScenarioBatchRequest request) {
         apiAutomationService.batchUpdateEnv(request);
@@ -246,21 +248,21 @@ public class ApiAutomationController {
     }
 
     @PostMapping(value = "/import", consumes = {"multipart/form-data"})
-    @RequiresRoles(value = {RoleConstants.TEST_USER, RoleConstants.TEST_MANAGER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ+IMPORT_SCENARIO")
     @MsAuditLog(module = "api_automation", type = OperLogConstants.IMPORT, sourceId = "#request.id", title = "#request.name", project = "#request.projectId")
     public ScenarioImport scenarioImport(@RequestPart(value = "file", required = false) MultipartFile file, @RequestPart("request") ApiTestImportRequest request) {
         return apiAutomationService.scenarioImport(file, request);
     }
 
     @PostMapping(value = "/export")
-    @RequiresRoles(value = {RoleConstants.TEST_USER, RoleConstants.TEST_MANAGER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ+EXPORT_SCENARIO")
     @MsAuditLog(module = "api_automation", type = OperLogConstants.EXPORT, sourceId = "#request.id", title = "#request.name", project = "#request.projectId")
     public ApiScenrioExportResult export(@RequestBody ApiScenarioBatchRequest request) {
         return apiAutomationService.export(request);
     }
 
     @PostMapping(value = "/export/jmx")
-    @RequiresRoles(value = {RoleConstants.TEST_USER, RoleConstants.TEST_MANAGER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_SCENARIO:READ+EXPORT_SCENARIO")
     @MsAuditLog(module = "api_automation", type = OperLogConstants.EXPORT, sourceId = "#request.id", title = "#request.name", project = "#request.projectId")
     public List<ApiScenrioExportJmx> exportJmx(@RequestBody ApiScenarioBatchRequest request) {
         return apiAutomationService.exportJmx(request);
diff --git a/backend/src/main/java/io/metersphere/api/controller/ApiDefinitionController.java b/backend/src/main/java/io/metersphere/api/controller/ApiDefinitionController.java
index ff3e65dc1c..dc5334de76 100644
--- a/backend/src/main/java/io/metersphere/api/controller/ApiDefinitionController.java
+++ b/backend/src/main/java/io/metersphere/api/controller/ApiDefinitionController.java
@@ -20,7 +20,6 @@ import io.metersphere.base.domain.ApiDefinitionWithBLOBs;
 import io.metersphere.base.domain.ApiTestEnvironmentWithBLOBs;
 import io.metersphere.base.domain.Schedule;
 import io.metersphere.commons.constants.OperLogConstants;
-import io.metersphere.commons.constants.RoleConstants;
 import io.metersphere.commons.json.JSONSchemaGenerator;
 import io.metersphere.commons.utils.CronUtils;
 import io.metersphere.commons.utils.PageUtils;
@@ -32,9 +31,7 @@ import io.metersphere.service.CheckPermissionService;
 import io.metersphere.service.ScheduleService;
 import io.metersphere.track.request.testcase.ApiCaseRelevanceRequest;
 import org.apache.commons.lang3.StringUtils;
-import org.apache.shiro.authz.annotation.Logical;
 import org.apache.shiro.authz.annotation.RequiresPermissions;
-import org.apache.shiro.authz.annotation.RequiresRoles;
 import org.springframework.web.bind.annotation.*;
 import org.springframework.web.multipart.MultipartFile;
 
@@ -97,7 +94,7 @@ public class ApiDefinitionController {
 
 
     @PostMapping(value = "/create", consumes = {"multipart/form-data"})
-    @RequiresRoles(value = {RoleConstants.TEST_MANAGER, RoleConstants.TEST_USER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_DEFINITION:READ+CREATE_API")
     @MsAuditLog(module = "api_definition", type = OperLogConstants.CREATE, title = "#request.name", content = "#msClass.getLogDetails(#request.id)", msClass = ApiDefinitionService.class)
     public void create(@RequestPart("request") SaveApiDefinitionRequest request, @RequestPart(value = "files") List<MultipartFile> bodyFiles) {
         checkPermissionService.checkProjectOwner(request.getProjectId());
@@ -105,7 +102,7 @@ public class ApiDefinitionController {
     }
 
     @PostMapping(value = "/update", consumes = {"multipart/form-data"})
-    @RequiresRoles(value = {RoleConstants.TEST_MANAGER, RoleConstants.TEST_USER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_DEFINITION:READ+EDIT_API")
     @MsAuditLog(module = "api_definition", type = OperLogConstants.UPDATE, beforeEvent = "#msClass.getLogDetails(#request.id)", title = "#request.name", content = "#msClass.getLogDetails(#request.id)", msClass = ApiDefinitionService.class)
     public ApiDefinitionWithBLOBs update(@RequestPart("request") SaveApiDefinitionRequest request, @RequestPart(value = "files") List<MultipartFile> bodyFiles) {
         checkPermissionService.checkProjectOwner(request.getProjectId());
@@ -113,14 +110,14 @@ public class ApiDefinitionController {
     }
 
     @GetMapping("/delete/{id}")
-    @RequiresRoles(value = {RoleConstants.TEST_MANAGER, RoleConstants.TEST_USER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_DEFINITION:READ+DELETE")
     @MsAuditLog(module = "api_definition", type = OperLogConstants.DELETE, beforeEvent = "#msClass.getLogDetails(#id)", msClass = ApiDefinitionService.class)
     public void delete(@PathVariable String id) {
         apiDefinitionService.delete(id);
     }
 
     @PostMapping("/deleteBatch")
-    @RequiresRoles(value = {RoleConstants.TEST_MANAGER, RoleConstants.TEST_USER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_DEFINITION:READ+DELETE")
     @MsAuditLog(module = "api_definition", type = OperLogConstants.BATCH_DEL, beforeEvent = "#msClass.getLogDetails(#request.ids)", msClass = ApiDefinitionService.class)
     public void deleteBatch(@RequestBody List<String> ids) {
         apiDefinitionService.deleteBatch(ids);
@@ -142,14 +139,14 @@ public class ApiDefinitionController {
     }
 
     @PostMapping("/removeToGc")
-    @RequiresRoles(value = {RoleConstants.TEST_MANAGER, RoleConstants.TEST_USER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_DEFINITION:READ+DELETE")
     @MsAuditLog(module = "api_definition", type = OperLogConstants.GC, beforeEvent = "#msClass.getLogDetails(#ids)", msClass = ApiDefinitionService.class)
     public void removeToGc(@RequestBody List<String> ids) {
         apiDefinitionService.removeToGc(ids);
     }
 
     @PostMapping("/removeToGcByParams")
-    @RequiresRoles(value = {RoleConstants.TEST_MANAGER, RoleConstants.TEST_USER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_DEFINITION:READ+DELETE")
     @MsAuditLog(module = "api_definition", type = OperLogConstants.BATCH_GC, beforeEvent = "#msClass.getLogDetails(#request.ids)", msClass = ApiDefinitionService.class)
     public void removeToGcByParams(@RequestBody ApiBatchRequest request) {
         apiDefinitionService.removeToGcByParams(request);
@@ -195,14 +192,14 @@ public class ApiDefinitionController {
     }
 
     @PostMapping(value = "/import", consumes = {"multipart/form-data"})
-    @RequiresRoles(value = {RoleConstants.TEST_USER, RoleConstants.TEST_MANAGER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_DEFINITION:READ+IMPORT_API")
     @MsAuditLog(module = "api_definition", type = OperLogConstants.IMPORT, sourceId = "#request.id", title = "#request.name", project = "#request.projectId")
     public ApiDefinitionImport testCaseImport(@RequestPart(value = "file", required = false) MultipartFile file, @RequestPart("request") ApiTestImportRequest request) {
         return apiDefinitionService.apiTestImport(file, request);
     }
 
     @PostMapping(value = "/export/{type}")
-    @RequiresRoles(value = {RoleConstants.TEST_USER, RoleConstants.TEST_MANAGER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_DEFINITION:READ+EXPORT_API")
     @MsAuditLog(module = "api_definition", type = OperLogConstants.EXPORT, sourceId = "#request.id", title = "#request.name", project = "#request.projectId")
     public ApiExportResult export(@RequestBody ApiBatchRequest request, @PathVariable String type) {
         return apiDefinitionService.export(request, type);
@@ -262,13 +259,13 @@ public class ApiDefinitionController {
     }
 
     @PostMapping("/batch/edit")
-    @RequiresRoles(value = {RoleConstants.TEST_USER, RoleConstants.TEST_MANAGER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_DEFINITION:READ+EDIT_API")
     public void editApiBath(@RequestBody ApiBatchRequest request) {
         apiDefinitionService.editApiBath(request);
     }
 
     @PostMapping("/batch/editByParams")
-    @RequiresRoles(value = {RoleConstants.TEST_USER, RoleConstants.TEST_MANAGER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_DEFINITION:READ+EDIT_API")
     @MsAuditLog(module = "api_definition", type = OperLogConstants.BATCH_UPDATE, beforeEvent = "#msClass.getLogDetails(#request)", content = "#msClass.getLogDetails(#request)", msClass = ApiDefinitionService.class)
     public void editByParams(@RequestBody ApiBatchRequest request) {
         apiDefinitionService.editApiByParam(request);
@@ -291,7 +288,7 @@ public class ApiDefinitionController {
     }
 
     @GetMapping("/export/esbExcelTemplate")
-    @RequiresRoles(value = {RoleConstants.ADMIN, RoleConstants.ORG_ADMIN, RoleConstants.TEST_MANAGER}, logical = Logical.OR)
+    @RequiresPermissions("PROJECT_API_DEFINITION:READ+EXPORT_API")
     public void testCaseTemplateExport(HttpServletResponse response) {
         esbImportService.templateExport(response);
     }
diff --git a/frontend/src/business/components/api/automation/ApiAutomation.vue b/frontend/src/business/components/api/automation/ApiAutomation.vue
index 2075188f17..d751561111 100644
--- a/frontend/src/business/components/api/automation/ApiAutomation.vue
+++ b/frontend/src/business/components/api/automation/ApiAutomation.vue
@@ -41,7 +41,8 @@
           :name="item.name"
           closable>
           <div class="ms-api-scenario-div">
-            <ms-edit-api-scenario @refresh="refresh" @openScenario="editScenario" @closePage="closePage" :currentScenario="item.currentScenario"
+            <ms-edit-api-scenario @refresh="refresh" @openScenario="editScenario" @closePage="closePage"
+                                  :currentScenario="item.currentScenario"
                                   :custom-num="customNum" :moduleOptions="moduleOptions" ref="autoScenarioConfig"/>
           </div>
         </el-tab-pane>
@@ -51,7 +52,10 @@
             <el-dropdown @command="handleCommand" v-tester>
               <el-button type="primary" plain icon="el-icon-plus" size="mini" v-tester/>
               <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item command="ADD">{{ $t('api_test.automation.add_scenario') }}</el-dropdown-item>
+                <el-dropdown-item command="ADD"
+                                  v-permission="['PROJECT_API_SCENARIO:READ+CREATE']">
+                  {{ $t('api_test.automation.add_scenario') }}
+                </el-dropdown-item>
                 <el-dropdown-item command="CLOSE_ALL">{{ $t('api_test.definition.request.close_all_label') }}
                 </el-dropdown-item>
               </el-dropdown-menu>
@@ -65,13 +69,13 @@
 
 <script>
 
-  import MsContainer from "@/business/components/common/components/MsContainer";
-  import MsAsideContainer from "@/business/components/common/components/MsAsideContainer";
-  import MsMainContainer from "@/business/components/common/components/MsMainContainer";
-  import MsApiScenarioList from "@/business/components/api/automation/scenario/ApiScenarioList";
-  import {getUUID, downloadFile, checkoutTestManagerOrTestUser, getCurrentUser} from "@/common/js/utils";
-  import MsApiScenarioModule from "@/business/components/api/automation/scenario/ApiScenarioModule";
-  import MsEditApiScenario from "./scenario/EditApiScenario";
+import MsContainer from "@/business/components/common/components/MsContainer";
+import MsAsideContainer from "@/business/components/common/components/MsAsideContainer";
+import MsMainContainer from "@/business/components/common/components/MsMainContainer";
+import MsApiScenarioList from "@/business/components/api/automation/scenario/ApiScenarioList";
+import {checkoutTestManagerOrTestUser, getCurrentUser, getUUID} from "@/common/js/utils";
+import MsApiScenarioModule from "@/business/components/api/automation/scenario/ApiScenarioModule";
+import MsEditApiScenario from "./scenario/EditApiScenario";
 
   export default {
     name: "ApiAutomation",
@@ -228,137 +232,137 @@
             currentScenario.modulePath = this.currentModulePath;
           }
 
-          if (this.selectNodeIds && this.selectNodeIds.length > 0) {
-            currentScenario.apiScenarioModuleId = this.selectNodeIds[0];
-            this.getPath(this.selectNodeIds[0], this.moduleOptions);
-            currentScenario.modulePath = this.currentModulePath;
-          }
-          this.tabs.push({label: label, name: name, currentScenario: currentScenario});
+        if (this.selectNodeIds && this.selectNodeIds.length > 0) {
+          currentScenario.apiScenarioModuleId = this.selectNodeIds[0];
+          this.getPath(this.selectNodeIds[0], this.moduleOptions);
+          currentScenario.modulePath = this.currentModulePath;
         }
-        if (tab.name === 'edit') {
-          let label = this.$t('api_test.automation.add_scenario');
-          let name = getUUID().substring(0, 8);
-          this.activeName = name;
-          label = tab.currentScenario.name;
-          this.tabs.push({label: label, name: name, currentScenario: tab.currentScenario});
-        }
-        if (this.$refs && this.$refs.autoScenarioConfig) {
-          this.$refs.autoScenarioConfig.forEach(item => {
-            item.removeListener();
-          });  //  删除所有tab的 ctrl + s 监听
-          this.addListener();
-        }
-      },
-      addListener() {
-        let index = this.tabs.findIndex(item => item.name === this.activeName); //  找到当前选中tab的index
-        if (index != -1) {   //  为当前选中的tab添加监听
-          this.$nextTick(() => {
-            this.$refs.autoScenarioConfig[index].addListener();
-          });
-        }
-      },
-      handleTabClose() {
-        this.tabs = [];
-        this.activeName = "default";
-        this.refresh();
-      },
-      handleCommand(e) {
-        switch (e) {
-          case "ADD":
-            this.addTab({name: 'add'});
-            break;
-          case "CLOSE_ALL":
-            this.handleTabClose();
-            break;
-          default:
-            this.addTab({name: 'add'});
-            break;
-        }
-      },
-      closePage(targetName) {
-        this.tabs = this.tabs.filter(tab => tab.label !== targetName);
-        if (this.tabs.length > 0) {
-          this.activeName = this.tabs[this.tabs.length - 1].name;
-          this.addListener(); //  自动切换当前标签时，也添加监听
-        } else {
-          this.activeName = "default"
-        }
-      },
-      removeTab(targetName) {
-        this.tabs = this.tabs.filter(tab => tab.name !== targetName);
-        if (this.tabs.length > 0) {
-          this.activeName = this.tabs[this.tabs.length - 1].name;
-          this.addListener(); //  自动切换当前标签时，也添加监听
-        } else {
-          this.activeName = "default"
-        }
-      },
-      setTabLabel(data) {
-        for (const tab of this.tabs) {
-          if (tab.name === this.activeName) {
-            tab.label = data.name;
-            break;
-          }
-        }
-      },
-      selectModule(data) {
-        this.currentModule = data;
-      },
-      saveScenario(data) {
-        this.setTabLabel(data);
-        this.$refs.apiScenarioList.search(data);
-      },
-      refresh(data) {
-        this.setTabTitle(data);
-        this.$refs.apiScenarioList.search(data);
-      },
-      refreshAll() {
-        this.$refs.nodeTree.list();
-        this.$refs.apiScenarioList.search();
-      },
-      setTabTitle(data) {
-        for (let index in this.tabs) {
-          let tab = this.tabs[index];
-          if (tab.name === this.activeName) {
-            tab.label = data.name;
-            break;
-          }
-        }
-      },
-      editScenario(row) {
-        this.addTab({name: 'edit', currentScenario: row});
-      },
-
-      nodeChange(node, nodeIds, pNodes) {
-        this.selectNodeIds = nodeIds;
-      },
-      setModuleOptions(data) {
-        this.moduleOptions = data;
-      },
-      setNodeTree(data) {
-        this.nodeTree = data;
-      },
-      changeSelectDataRangeAll(tableType) {
-        this.$route.params.dataSelectRange = 'all';
-      },
-      enableTrash(data) {
-        this.activeName = "default";
-        this.trashEnable = data;
-      },
-      getProject() {
-        this.$get("/project/get/" + this.projectId, result => {
-          let data = result.data;
-          if (data) {
-            this.customNum = data.scenarioCustomNum;
-          }
-        })
+        this.tabs.push({label: label, name: name, currentScenario: currentScenario});
       }
+      if (tab.name === 'edit') {
+        let label = this.$t('api_test.automation.add_scenario');
+        let name = getUUID().substring(0, 8);
+        this.activeName = name;
+        label = tab.currentScenario.name;
+        this.tabs.push({label: label, name: name, currentScenario: tab.currentScenario});
+      }
+      if (this.$refs && this.$refs.autoScenarioConfig) {
+        this.$refs.autoScenarioConfig.forEach(item => {
+          item.removeListener();
+        });  //  删除所有tab的 ctrl + s 监听
+        this.addListener();
+      }
+    },
+    addListener() {
+      let index = this.tabs.findIndex(item => item.name === this.activeName); //  找到当前选中tab的index
+      if (index != -1) {   //  为当前选中的tab添加监听
+        this.$nextTick(() => {
+          this.$refs.autoScenarioConfig[index].addListener();
+        });
+      }
+    },
+    handleTabClose() {
+      this.tabs = [];
+      this.activeName = "default";
+      this.refresh();
+    },
+    handleCommand(e) {
+      switch (e) {
+        case "ADD":
+          this.addTab({name: 'add'});
+          break;
+        case "CLOSE_ALL":
+          this.handleTabClose();
+          break;
+        default:
+          this.addTab({name: 'add'});
+          break;
+      }
+    },
+    closePage(targetName) {
+      this.tabs = this.tabs.filter(tab => tab.label !== targetName);
+      if (this.tabs.length > 0) {
+        this.activeName = this.tabs[this.tabs.length - 1].name;
+        this.addListener(); //  自动切换当前标签时，也添加监听
+      } else {
+        this.activeName = "default";
+      }
+    },
+    removeTab(targetName) {
+      this.tabs = this.tabs.filter(tab => tab.name !== targetName);
+      if (this.tabs.length > 0) {
+        this.activeName = this.tabs[this.tabs.length - 1].name;
+        this.addListener(); //  自动切换当前标签时，也添加监听
+      } else {
+        this.activeName = "default";
+      }
+    },
+    setTabLabel(data) {
+      for (const tab of this.tabs) {
+        if (tab.name === this.activeName) {
+          tab.label = data.name;
+          break;
+        }
+      }
+    },
+    selectModule(data) {
+      this.currentModule = data;
+    },
+    saveScenario(data) {
+      this.setTabLabel(data);
+      this.$refs.apiScenarioList.search(data);
+    },
+    refresh(data) {
+      this.setTabTitle(data);
+      this.$refs.apiScenarioList.search(data);
+    },
+    refreshAll() {
+      this.$refs.nodeTree.list();
+      this.$refs.apiScenarioList.search();
+    },
+    setTabTitle(data) {
+      for (let index in this.tabs) {
+        let tab = this.tabs[index];
+        if (tab.name === this.activeName) {
+          tab.label = data.name;
+          break;
+        }
+      }
+    },
+    editScenario(row) {
+      this.addTab({name: 'edit', currentScenario: row});
+    },
+
+    nodeChange(node, nodeIds, pNodes) {
+      this.selectNodeIds = nodeIds;
+    },
+    setModuleOptions(data) {
+      this.moduleOptions = data;
+    },
+    setNodeTree(data) {
+      this.nodeTree = data;
+    },
+    changeSelectDataRangeAll(tableType) {
+      this.$route.params.dataSelectRange = 'all';
+    },
+    enableTrash(data) {
+      this.activeName = "default";
+      this.trashEnable = data;
+    },
+    getProject() {
+      this.$get("/project/get/" + this.projectId, result => {
+        let data = result.data;
+        if (data) {
+          this.customNum = data.scenarioCustomNum;
+        }
+      });
     }
   }
+};
 </script>
 
 <style scoped>
-  /deep/ .el-tabs__header {
-    margin: 0 0 0px;
-  }
+/deep/ .el-tabs__header {
+  margin: 0 0 0px;
+}
 </style>
diff --git a/frontend/src/business/components/api/automation/report/ApiReportList.vue b/frontend/src/business/components/api/automation/report/ApiReportList.vue
index 0959d8e436..30c288ea99 100644
--- a/frontend/src/business/components/api/automation/report/ApiReportList.vue
+++ b/frontend/src/business/components/api/automation/report/ApiReportList.vue
@@ -61,6 +61,7 @@
               <ms-table-operator-button :tip="$t('api_report.detail')" icon="el-icon-s-data"
                                         @exec="handleView(scope.row)" type="primary"/>
               <ms-table-operator-button :is-tester-permission="true" :tip="$t('api_report.delete')"
+                                        v-permission="['PROJECT_API_REPORT:READ+DELETE']"
                                         icon="el-icon-delete" @exec="handleDelete(scope.row)" type="danger"/>
             </template>
           </el-table-column>
diff --git a/frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue b/frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue
index 0b1f7b8fdf..00ef958ea9 100644
--- a/frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue
+++ b/frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue
@@ -25,7 +25,8 @@
 
         <el-table-column v-if="!referenced" width="30" min-width="30" :resizable="false" align="center">
           <template v-slot:default="scope">
-            <show-more-btn :is-show="scope.row.showMore" :buttons="trashEnable ? trashButtons: buttons" :size="selectDataCounts" v-tester/>
+            <show-more-btn :is-show="scope.row.showMore" :buttons="trashEnable ? trashButtons: buttons"
+                           :size="selectDataCounts" v-tester/>
           </template>
         </el-table-column>
         <template v-for="(item, index) in tableLabel">
@@ -142,14 +143,18 @@
             </div>
             <div v-else>
               <ms-table-operator-button :tip="$t('api_test.automation.edit')" icon="el-icon-edit" @exec="edit(row)"
-                                        v-tester/>
-              <ms-table-operator-button class="run-button" :is-tester-permission="true"
+                                        v-permission="['PROJECT_API_SCENARIO:READ+EDIT']"/>
+              <ms-table-operator-button class="run-button"
                                         :tip="$t('api_test.automation.execute')"
                                         icon="el-icon-video-play"
-                                        @exec="execute(row)" v-tester/>
+                                        v-permission="['PROJECT_API_SCENARIO:READ+RUN']"
+                                        @exec="execute(row)"/>
               <ms-table-operator-button :tip="$t('api_test.automation.copy')" icon="el-icon-document-copy" type=""
+                                        v-permission="['PROJECT_API_SCENARIO:READ+COPY']"
                                         @exec="copy(row)"/>
-              <ms-table-operator-button :tip="$t('api_test.automation.remove')" icon="el-icon-delete" @exec="remove(row)" type="danger" v-tester/>
+              <ms-table-operator-button :tip="$t('api_test.automation.remove')"
+                                        v-permission="['PROJECT_API_SCENARIO:READ+DELETE']"
+                                        icon="el-icon-delete" @exec="remove(row)" type="danger"/>
               <ms-scenario-extend-buttons style="display: contents" @openScenario="openScenario" :row="row"/>
             </div>
           </template>
@@ -173,718 +178,739 @@
       </div>
     </el-card>
 
-    <batch-edit ref="batchEdit" @batchEdit="batchEdit" :typeArr="typeArr" :value-arr="valueArr" :dialog-title="$t('test_track.case.batch_edit_case')"/>
+    <batch-edit ref="batchEdit" @batchEdit="batchEdit" :typeArr="typeArr" :value-arr="valueArr"
+                :dialog-title="$t('test_track.case.batch_edit_case')"/>
     <batch-move @refresh="search" @moveSave="moveSave" ref="testBatchMove"/>
     <ms-run-mode @handleRunBatch="handleRunBatch" ref="runMode"/>
   </div>
 </template>
 
 <script>
-  import MsTableHeader from "@/business/components/common/components/MsTableHeader";
-  import MsTablePagination from "@/business/components/common/pagination/TablePagination";
-  import ShowMoreBtn from "@/business/components/track/case/components/ShowMoreBtn";
-  import MsTag from "../../../common/components/MsTag";
-  import {downloadFile, getUUID, strMapToObj} from "@/common/js/utils";
-  import MsApiReportDetail from "../report/ApiReportDetail";
-  import MsTableMoreBtn from "./TableMoreBtn";
-  import MsScenarioExtendButtons from "@/business/components/api/automation/scenario/ScenarioExtendBtns";
-  import MsTestPlanList from "./testplan/TestPlanList";
-  import MsTableHeaderSelectPopover from "@/business/components/common/components/table/MsTableHeaderSelectPopover";
-  import {API_SCENARIO_CONFIGS} from "@/business/components/common/components/search/search-components";
-  import MsTableOperatorButton from "@/business/components/common/components/MsTableOperatorButton";
-  import PriorityTableItem from "../../../track/common/tableItems/planview/PriorityTableItem";
-  import PlanStatusTableItem from "../../../track/common/tableItems/plan/PlanStatusTableItem";
-  import BatchEdit from "../../../track/case/components/BatchEdit";
-  import {API_SCENARIO_LIST, PROJECT_NAME, WORKSPACE_ID} from "../../../../../common/js/constants";
-  import EnvironmentSelect from "../../definition/components/environment/EnvironmentSelect";
-  import BatchMove from "../../../track/case/components/BatchMove";
-  import MsRunMode from "./common/RunMode";
+import MsTableHeader from "@/business/components/common/components/MsTableHeader";
+import MsTablePagination from "@/business/components/common/pagination/TablePagination";
+import ShowMoreBtn from "@/business/components/track/case/components/ShowMoreBtn";
+import MsTag from "../../../common/components/MsTag";
+import {downloadFile, getUUID, strMapToObj} from "@/common/js/utils";
+import MsApiReportDetail from "../report/ApiReportDetail";
+import MsTableMoreBtn from "./TableMoreBtn";
+import MsScenarioExtendButtons from "@/business/components/api/automation/scenario/ScenarioExtendBtns";
+import MsTestPlanList from "./testplan/TestPlanList";
+import MsTableHeaderSelectPopover from "@/business/components/common/components/table/MsTableHeaderSelectPopover";
+import {API_SCENARIO_CONFIGS} from "@/business/components/common/components/search/search-components";
+import MsTableOperatorButton from "@/business/components/common/components/MsTableOperatorButton";
+import PriorityTableItem from "../../../track/common/tableItems/planview/PriorityTableItem";
+import PlanStatusTableItem from "../../../track/common/tableItems/plan/PlanStatusTableItem";
+import BatchEdit from "../../../track/case/components/BatchEdit";
+import {API_SCENARIO_LIST, PROJECT_NAME, WORKSPACE_ID} from "../../../../../common/js/constants";
+import EnvironmentSelect from "../../definition/components/environment/EnvironmentSelect";
+import BatchMove from "../../../track/case/components/BatchMove";
+import MsRunMode from "./common/RunMode";
 
-  import {
-    _filter,
-    _handleSelect,
-    _handleSelectAll,
-    _sort,
-    getLabel,
-    getSelectDataCounts,
-    setUnSelectIds,
-    toggleAllSelection
-  } from "@/common/js/tableUtils";
-  import {Api_Scenario_List} from "@/business/components/common/model/JsonData";
-  import HeaderCustom from "@/business/components/common/head/HeaderCustom";
-  import HeaderLabelOperate from "@/business/components/common/head/HeaderLabelOperate";
+import {
+  _filter,
+  _handleSelect,
+  _handleSelectAll,
+  _sort,
+  getLabel,
+  getSelectDataCounts,
+  setUnSelectIds,
+  toggleAllSelection
+} from "@/common/js/tableUtils";
+import {Api_Scenario_List} from "@/business/components/common/model/JsonData";
+import HeaderCustom from "@/business/components/common/head/HeaderCustom";
+import HeaderLabelOperate from "@/business/components/common/head/HeaderLabelOperate";
 
-  export default {
-    name: "MsApiScenarioList",
-    components: {
-      HeaderLabelOperate,
-      HeaderCustom,
-      BatchMove,
-      EnvironmentSelect,
-      BatchEdit,
-      PlanStatusTableItem,
-      PriorityTableItem,
-      MsTableHeaderSelectPopover,
-      MsTablePagination,
-      MsTableMoreBtn,
-      ShowMoreBtn,
-      MsTableHeader,
-      MsTag,
-      MsApiReportDetail,
-      MsScenarioExtendButtons,
-      MsTestPlanList,
-      MsTableOperatorButton,
-      MsRunMode
+export default {
+  name: "MsApiScenarioList",
+  components: {
+    HeaderLabelOperate,
+    HeaderCustom,
+    BatchMove,
+    EnvironmentSelect,
+    BatchEdit,
+    PlanStatusTableItem,
+    PriorityTableItem,
+    MsTableHeaderSelectPopover,
+    MsTablePagination,
+    MsTableMoreBtn,
+    ShowMoreBtn,
+    MsTableHeader,
+    MsTag,
+    MsApiReportDetail,
+    MsScenarioExtendButtons,
+    MsTestPlanList,
+    MsTableOperatorButton,
+    MsRunMode
+  },
+  props: {
+    referenced: {
+      type: Boolean,
+      default: false,
     },
-    props: {
-      referenced: {
-        type: Boolean,
-        default: false,
+    selectNodeIds: Array,
+    selectProjectId: {
+      type: String,
+      default: ""
+    },
+    trashEnable: {
+      type: Boolean,
+      default: false,
+    },
+    moduleTree: {
+      type: Array,
+      default() {
+        return [];
       },
-      selectNodeIds: Array,
-      selectProjectId: {
-        type: String,
-        default: ""
+    },
+    moduleOptions: {
+      type: Array,
+      default() {
+        return [];
       },
-      trashEnable: {
-        type: Boolean,
-        default: false,
+    },
+    //用于判断是否是只读用户
+    isReadOnly: {
+      type: Boolean,
+      default: false,
+    },
+    customNum: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      result: {},
+      type: API_SCENARIO_LIST,
+      headerItems: Api_Scenario_List,
+      tableLabel: [],
+      screenHeight: document.documentElement.clientHeight - 280,//屏幕高度,
+      condition: {
+        components: API_SCENARIO_CONFIGS
       },
-      moduleTree: {
-        type: Array,
-        default() {
-          return []
+      currentScenario: {},
+      schedule: {},
+      selection: [],
+      tableData: [],
+      selectDataRange: 'all',
+      currentPage: 1,
+      pageSize: 10,
+      total: 0,
+      reportId: "",
+      batchReportId: "",
+      content: {},
+      infoDb: false,
+      runVisible: false,
+      planVisible: false,
+      runData: [],
+      report: {},
+      selectDataSize: 0,
+      selectAll: false,
+      userFilters: [],
+      buttons: [
+        {
+          name: this.$t('api_test.automation.batch_add_plan'),
+          handleClick: this.handleBatchAddCase,
+          permissions: ['PROJECT_API_SCENARIO:READ+MOVE_BATCH']
         },
-      },
-      moduleOptions: {
-        type: Array,
-        default() {
-          return []
+        {
+          name: this.$t('api_test.automation.batch_execute'),
+          handleClick: this.handleBatchExecute,
+          permissions: ['PROJECT_API_SCENARIO:READ+RUN']
         },
+        {
+          name: this.$t('test_track.case.batch_edit_case'),
+          handleClick: this.handleBatchEdit,
+          permissions: ['PROJECT_API_SCENARIO:READ+EDIT']
+        },
+        {
+          name: this.$t('test_track.case.batch_move_case'),
+          handleClick: this.handleBatchMove,
+          permissions: ['PROJECT_API_SCENARIO:READ+MOVE_BATCH']
+        },
+        {
+          name: this.$t('api_test.definition.request.batch_delete'),
+          handleClick: this.handleDeleteBatch,
+          permissions: ['PROJECT_API_SCENARIO:READ+DELETE']
+        },
+
+      ],
+      trashButtons: [
+        {
+          name: this.$t('api_test.definition.request.batch_delete'),
+          handleClick: this.handleDeleteBatch,
+          permissions: ['PROJECT_API_SCENARIO:READ+DELETE']
+        },
+        {
+          name: "批量恢复", handleClick: this.handleBatchRestore
+        },
+      ],
+      isSelectAllDate: false,
+      selectRows: new Set(),
+      selectDataCounts: 0,
+      typeArr: [
+        {id: 'level', name: this.$t('test_track.case.priority')},
+        {id: 'status', name: this.$t('test_track.plan.plan_status')},
+        {
+          id: 'principal',
+          name: this.$t('api_test.definition.request.responsible'),
+          optionMethod: this.getPrincipalOptions
+        },
+        // {id: 'environmentId', name: this.$t('api_test.definition.request.run_env'), optionMethod: this.getEnvsOptions},
+        {id: 'projectEnv', name: this.$t('api_test.definition.request.run_env')},
+      ],
+      statusFilters: [
+        {text: this.$t('test_track.plan.plan_status_prepare'), value: 'Prepare'},
+        {text: this.$t('test_track.plan.plan_status_running'), value: 'Underway'},
+        {text: this.$t('test_track.plan.plan_status_completed'), value: 'Completed'},
+        {text: this.$t('test_track.plan.plan_status_trash'), value: 'Trash'},
+      ],
+      levelFilters: [
+        {text: 'P0', value: 'P0'},
+        {text: 'P1', value: 'P1'},
+        {text: 'P2', value: 'P2'},
+        {text: 'P3', value: 'P3'}
+      ],
+      resultFilters: [
+        {text: 'Fail', value: 'Fail'},
+        {text: 'Success', value: 'Success'}
+      ],
+      valueArr: {
+        level: [
+          {name: 'P0', id: 'P0'},
+          {name: 'P1', id: 'P1'},
+          {name: 'P2', id: 'P2'},
+          {name: 'P3', id: 'P3'}
+        ],
+        status: [
+          {name: this.$t('test_track.plan.plan_status_prepare'), id: 'Prepare'},
+          {name: this.$t('test_track.plan.plan_status_running'), id: 'Underway'},
+          {name: this.$t('test_track.plan.plan_status_completed'), id: 'Completed'}
+        ],
+        principal: [],
+        environmentId: [],
+        projectEnv: [],
       },
-      //用于判断是否是只读用户
-      isReadOnly: {
-        type: Boolean,
-        default: false,
-      },
-      customNum: {
-        type: Boolean,
-        default: false
+    };
+  },
+  created() {
+    this.condition.filters = {status: ["Prepare", "Underway", "Completed"]};
+    this.search();
+    this.getPrincipalOptions([]);
+  },
+  watch: {
+    selectNodeIds() {
+      this.condition.selectAll = false;
+      this.condition.unSelectIds = [];
+      this.selectDataCounts = 0;
+      this.selectProjectId ? this.search(this.selectProjectId) : this.search();
+    },
+    trashEnable() {
+      if (this.trashEnable) {
+        this.condition.filters = {status: ["Trash"]};
+        this.condition.moduleIds = [];
+      } else {
+        this.condition.filters = {status: ["Prepare", "Underway", "Completed"]};
       }
-    },
-    data() {
-      return {
-        result: {},
-        type: API_SCENARIO_LIST,
-        headerItems: Api_Scenario_List,
-        tableLabel: [],
-        screenHeight: document.documentElement.clientHeight - 280,//屏幕高度,
-        condition: {
-          components: API_SCENARIO_CONFIGS
-        },
-        currentScenario: {},
-        schedule: {},
-        selection: [],
-        tableData: [],
-        selectDataRange: 'all',
-        currentPage: 1,
-        pageSize: 10,
-        total: 0,
-        reportId: "",
-        batchReportId: "",
-        content: {},
-        infoDb: false,
-        runVisible: false,
-        planVisible: false,
-        runData: [],
-        report: {},
-        selectDataSize: 0,
-        selectAll: false,
-        userFilters: [],
-        buttons: [
-          {
-            name: this.$t('api_test.automation.batch_add_plan'), handleClick: this.handleBatchAddCase
-          },
-          {
-            name: this.$t('api_test.automation.batch_execute'), handleClick: this.handleBatchExecute
-          },
-          {
-            name: this.$t('test_track.case.batch_edit_case'), handleClick: this.handleBatchEdit
-          },
-          {
-            name: this.$t('test_track.case.batch_move_case'), handleClick: this.handleBatchMove
-          },
-          {name: this.$t('api_test.definition.request.batch_delete'), handleClick: this.handleDeleteBatch},
+      this.condition.selectAll = false;
+      this.condition.unSelectIds = [];
+      this.selectDataCounts = 0;
 
-        ],
-        trashButtons: [
-          {name: this.$t('api_test.definition.request.batch_delete'), handleClick: this.handleDeleteBatch},
-          {
-            name: "批量恢复", handleClick: this.handleBatchRestore
-          },
-        ],
-        isSelectAllDate: false,
-        selectRows: new Set(),
-        selectDataCounts: 0,
-        typeArr: [
-          {id: 'level', name: this.$t('test_track.case.priority')},
-          {id: 'status', name: this.$t('test_track.plan.plan_status')},
-          {id: 'principal', name: this.$t('api_test.definition.request.responsible'), optionMethod: this.getPrincipalOptions},
-          // {id: 'environmentId', name: this.$t('api_test.definition.request.run_env'), optionMethod: this.getEnvsOptions},
-          {id: 'projectEnv', name: this.$t('api_test.definition.request.run_env')},
-        ],
-        statusFilters: [
-          {text: this.$t('test_track.plan.plan_status_prepare'), value: 'Prepare'},
-          {text: this.$t('test_track.plan.plan_status_running'), value: 'Underway'},
-          {text: this.$t('test_track.plan.plan_status_completed'), value: 'Completed'},
-          {text: this.$t('test_track.plan.plan_status_trash'), value: 'Trash'},
-        ],
-        levelFilters: [
-          {text: 'P0', value: 'P0'},
-          {text: 'P1', value: 'P1'},
-          {text: 'P2', value: 'P2'},
-          {text: 'P3', value: 'P3'}
-        ],
-        resultFilters: [
-          {text: 'Fail', value: 'Fail'},
-          {text: 'Success', value: 'Success'}
-        ],
-        valueArr: {
-          level: [
-            {name: 'P0', id: 'P0'},
-            {name: 'P1', id: 'P1'},
-            {name: 'P2', id: 'P2'},
-            {name: 'P3', id: 'P3'}
-          ],
-          status: [
-            {name: this.$t('test_track.plan.plan_status_prepare'), id: 'Prepare'},
-            {name: this.$t('test_track.plan.plan_status_running'), id: 'Underway'},
-            {name: this.$t('test_track.plan.plan_status_completed'), id: 'Completed'}
-          ],
-          principal: [],
-          environmentId: [],
-          projectEnv: [],
-        },
-      }
-    },
-    created() {
-      this.condition.filters = {status: ["Prepare", "Underway", "Completed"]};
       this.search();
-      this.getPrincipalOptions([]);
     },
-    watch: {
-      selectNodeIds() {
-        this.condition.selectAll = false;
-        this.condition.unSelectIds = [];
-        this.selectDataCounts = 0;
-        this.selectProjectId ? this.search(this.selectProjectId) : this.search();
-      },
-      trashEnable() {
-        if (this.trashEnable) {
-          this.condition.filters = {status: ["Trash"]};
-          this.condition.moduleIds = [];
-        } else {
-          this.condition.filters = {status: ["Prepare", "Underway", "Completed"]};
-        }
-        this.condition.selectAll = false;
-        this.condition.unSelectIds = [];
-        this.selectDataCounts = 0;
+    batchReportId() {
+      this.result.loading = true;
+      this.getReport();
+    }
+  },
+  computed: {
+    isNotRunning() {
+      return "Running" !== this.report.status;
+    },
+    projectId() {
+      return this.$store.state.projectId;
+    },
+  },
+  methods: {
+    customHeader() {
+      this.$refs.headerCustom.open(this.tableLabel);
+    },
+    selectByParam() {
+      this.changeSelectDataRangeAll();
+      this.search();
+    },
+    search(projectId) {
+      this.selectRows = new Set();
+      this.condition.moduleIds = this.selectNodeIds;
+      if (this.trashEnable) {
+        this.condition.filters = {status: ["Trash"]};
+        this.condition.moduleIds = [];
+      }
 
-        this.search();
-      },
-      batchReportId() {
+      // todo
+      if (projectId != null && typeof projectId === 'string') {
+        this.condition.projectId = projectId;
+      } else if (this.projectId != null) {
+        this.condition.projectId = this.projectId;
+      }
+
+      //检查是否只查询本周数据
+      this.condition.selectThisWeedData = false;
+      this.condition.executeStatus = null;
+      this.isSelectThissWeekData();
+      switch (this.selectDataRange) {
+        case 'thisWeekCount':
+          this.condition.selectThisWeedData = true;
+          break;
+        case 'unExecute':
+          this.condition.executeStatus = 'unExecute';
+          break;
+        case 'executeFailed':
+          this.condition.executeStatus = 'executeFailed';
+          break;
+        case 'executePass':
+          this.condition.executeStatus = 'executePass';
+          break;
+      }
+      this.selection = [];
+
+      if (!this.condition.selectAll) {
+        this.condition.selectAll = false;
+        this.condition.unSelectIds = [];
+        this.selectDataCounts = 0;
+      }
+
+      let url = "/api/automation/list/" + this.currentPage + "/" + this.pageSize;
+      if (this.condition.projectId) {
         this.result.loading = true;
-        this.getReport();
+        this.$post(url, this.condition, response => {
+          let data = response.data;
+          this.total = data.itemCount;
+          this.tableData = data.listObject;
+          this.tableData.forEach(item => {
+            if (item.tags && item.tags.length > 0) {
+              item.tags = JSON.parse(item.tags);
+            }
+          });
+
+          if (!this.condition.selectAll) {
+            this.condition.unSelectIds = response.data.listObject.map(s => s.id);
+          }
+
+          this.$nextTick(function () {
+            if (this.$refs.scenarioTable) {
+              setTimeout(this.$refs.scenarioTable.doLayout, 200);
+            }
+            this.checkTableRowIsSelect();
+          });
+        });
+      }
+      getLabel(this, API_SCENARIO_LIST);
+    },
+    checkTableRowIsSelect() {
+      //如果默认全选的话，则选中应该选中的行
+      if (this.condition.selectAll) {
+        let unSelectIds = this.condition.unSelectIds;
+        this.tableData.forEach(row => {
+          if (unSelectIds.indexOf(row.id) < 0) {
+            this.$refs.scenarioTable.toggleRowSelection(row, true);
+
+            //默认全选，需要把选中对行添加到selectRows中。不然会影响到勾选函数统计
+            if (!this.selectRows.has(row)) {
+              this.$set(row, "showMore", true);
+              this.selectRows.add(row);
+            }
+          } else {
+            //不勾选的行，也要判断是否被加入了selectRow中。加入了的话就去除。
+            if (this.selectRows.has(row)) {
+              this.$set(row, "showMore", false);
+              this.selectRows.delete(row);
+            }
+          }
+        });
       }
     },
-    computed: {
-      isNotRunning() {
-        return "Running" !== this.report.status;
-      },
-      projectId() {
-        return this.$store.state.projectId
-      },
-    },
-    methods: {
-      customHeader() {
-        this.$refs.headerCustom.open(this.tableLabel)
-      },
-      selectByParam() {
-        this.changeSelectDataRangeAll();
-        this.search();
-      },
-      search(projectId) {
-        this.selectRows = new Set();
-        this.condition.moduleIds = this.selectNodeIds;
-        if (this.trashEnable) {
-          this.condition.filters = {status: ["Trash"]};
-          this.condition.moduleIds = [];
-        }
-
-        // todo
-        if (projectId != null && typeof projectId === 'string') {
-          this.condition.projectId = projectId;
-        } else if (this.projectId != null) {
-          this.condition.projectId = this.projectId;
-        }
-
-        //检查是否只查询本周数据
-        this.condition.selectThisWeedData = false;
-        this.condition.executeStatus = null;
-        this.isSelectThissWeekData();
-        switch (this.selectDataRange) {
-          case 'thisWeekCount':
-            this.condition.selectThisWeedData = true;
-            break;
-          case 'unExecute':
-            this.condition.executeStatus = 'unExecute';
-            break;
-          case 'executeFailed':
-            this.condition.executeStatus = 'executeFailed';
-            break;
-          case 'executePass':
-            this.condition.executeStatus = 'executePass';
-            break;
-        }
-        this.selection = [];
-
-        if (!this.condition.selectAll) {
+    handleCommand(cmd) {
+      let table = this.$refs.scenarioTable;
+      switch (cmd) {
+        case "table":
           this.condition.selectAll = false;
-          this.condition.unSelectIds = [];
-          this.selectDataCounts = 0;
-        }
-
-        let url = "/api/automation/list/" + this.currentPage + "/" + this.pageSize;
-        if (this.condition.projectId) {
-          this.result.loading = true;
-          this.$post(url, this.condition, response => {
-            let data = response.data;
-            this.total = data.itemCount;
-            this.tableData = data.listObject;
-            this.tableData.forEach(item => {
-              if (item.tags && item.tags.length > 0) {
-                item.tags = JSON.parse(item.tags);
-              }
-            });
-
-            if (!this.condition.selectAll) {
-              this.condition.unSelectIds = response.data.listObject.map(s => s.id);
-            }
-
-            this.$nextTick(function () {
-              if (this.$refs.scenarioTable) {
-                setTimeout(this.$refs.scenarioTable.doLayout, 200);
-              }
-              this.checkTableRowIsSelect();
-            })
-          });
-        }
-        getLabel(this, API_SCENARIO_LIST);
-      },
-      checkTableRowIsSelect() {
-        //如果默认全选的话，则选中应该选中的行
-        if (this.condition.selectAll) {
-          let unSelectIds = this.condition.unSelectIds;
-          this.tableData.forEach(row => {
-            if (unSelectIds.indexOf(row.id) < 0) {
-              this.$refs.scenarioTable.toggleRowSelection(row, true);
-
-              //默认全选，需要把选中对行添加到selectRows中。不然会影响到勾选函数统计
-              if (!this.selectRows.has(row)) {
-                this.$set(row, "showMore", true);
-                this.selectRows.add(row);
-              }
-            } else {
-              //不勾选的行，也要判断是否被加入了selectRow中。加入了的话就去除。
-              if (this.selectRows.has(row)) {
-                this.$set(row, "showMore", false);
-                this.selectRows.delete(row);
-              }
-            }
-          })
-        }
-      },
-      handleCommand(cmd) {
-        let table = this.$refs.scenarioTable;
-        switch (cmd) {
-          case "table":
-            this.condition.selectAll = false;
-            table.toggleAllSelection();
-            break;
-          case "all":
-            this.condition.selectAll = true;
-            break
-        }
-      },
-      handleBatchAddCase() {
-        this.planVisible = true;
-      },
-      handleBatchEdit() {
-        this.$refs.batchEdit.setScenarioSelectRows(this.selectRows, "scenario");
-        if(this.condition.selectAll){
-          this.condition.ids = [];
-          let param = {};
-          this.buildBatchParam(param);
-          this.$post('/api/automation/listWithIds/all', param, response => {
-            let dataRows = response.data;
-            this.$refs.batchEdit.open(dataRows.size);
-            this.$refs.batchEdit.setAllDataRows(dataRows);
-            this.$refs.batchEdit.open(this.selectDataCounts);
-          });
-        }else {
-          this.$refs.batchEdit.setAllDataRows(new Set());
-          this.$refs.batchEdit.open(this.selectDataCounts);
-        }
-      },
-      handleBatchMove() {
-        this.$refs.testBatchMove.open(this.moduleTree, [], this.moduleOptions);
-      },
-      moveSave(param) {
+          table.toggleAllSelection();
+          break;
+        case "all":
+          this.condition.selectAll = true;
+          break;
+      }
+    },
+    handleBatchAddCase() {
+      this.planVisible = true;
+    },
+    handleBatchEdit() {
+      this.$refs.batchEdit.setScenarioSelectRows(this.selectRows, "scenario");
+      if (this.condition.selectAll) {
+        this.condition.ids = [];
+        let param = {};
+        this.buildBatchParam(param);
+        this.$post('/api/automation/listWithIds/all', param, response => {
+          let dataRows = response.data;
+          this.$refs.batchEdit.open(dataRows.size);
+          this.$refs.batchEdit.setAllDataRows(dataRows);
+          this.$refs.batchEdit.open(this.selectDataCounts);
+        });
+      } else {
+        this.$refs.batchEdit.setAllDataRows(new Set());
+        this.$refs.batchEdit.open(this.selectDataCounts);
+      }
+    },
+    handleBatchMove() {
+      this.$refs.testBatchMove.open(this.moduleTree, [], this.moduleOptions);
+    },
+    moveSave(param) {
+      this.buildBatchParam(param);
+      param.apiScenarioModuleId = param.nodeId;
+      param.modulePath = param.nodePath;
+      this.$post('/api/automation/batch/edit', param, () => {
+        this.$success(this.$t('commons.save_success'));
+        this.$refs.testBatchMove.close();
+        this.search();
+      });
+    },
+    batchEdit(form) {
+      // 批量修改环境
+      if (form.type === 'projectEnv') {
+        let param = {};
+        param.mapping = strMapToObj(form.map);
+        param.envMap = strMapToObj(form.projectEnvMap);
+        this.$post('/api/automation/batch/update/env', param, () => {
+          this.$success(this.$t('commons.save_success'));
+          this.search();
+        });
+      } else {
+        // 批量修改其它
+        let param = {};
+        param[form.type] = form.value;
         this.buildBatchParam(param);
-        param.apiScenarioModuleId = param.nodeId;
-        param.modulePath = param.nodePath;
         this.$post('/api/automation/batch/edit', param, () => {
           this.$success(this.$t('commons.save_success'));
-          this.$refs.testBatchMove.close();
           this.search();
         });
-      },
-      batchEdit(form) {
-        // 批量修改环境
-        if (form.type === 'projectEnv') {
-          let param = {};
-          param.mapping = strMapToObj(form.map);
-          param.envMap = strMapToObj(form.projectEnvMap);
-          this.$post('/api/automation/batch/update/env', param, () => {
-            this.$success(this.$t('commons.save_success'));
-            this.search();
-          })
-        } else {
-          // 批量修改其它
-          let param = {};
-          param[form.type] = form.value;
-          this.buildBatchParam(param);
-          this.$post('/api/automation/batch/edit', param, () => {
-            this.$success(this.$t('commons.save_success'));
-            this.search();
-          });
-        }
-
-
-      },
-      getPrincipalOptions(option) {
-        let workspaceId = localStorage.getItem(WORKSPACE_ID);
-        this.$post('/user/ws/member/tester/list', {workspaceId: workspaceId}, response => {
-          option.push(...response.data);
-          this.userFilters = response.data.map(u => {
-            return {text: u.name, value: u.id}
-          });
-        });
-      },
-      getEnvsOptions(option) {
-        this.$get('/api/environment/list/' + this.projectId, response => {
-          option.push(...response.data);
-          option.forEach(environment => {
-            if (!(environment.config instanceof Object)) {
-              environment.config = JSON.parse(environment.config);
-            }
-          });
-        });
-      },
-      cancel() {
-        this.planVisible = false;
-      },
-      addTestPlan(params) {
-        let obj = {planIds: params[0], scenarioIds: this.selection};
-
-        // todo 选取全部数据
-        if (this.isSelectAllDate) {
-          this.$warning("暂不支持批量添加所有场景到测试计划！");
-        }
-
-        this.planVisible = false;
-
-        obj.mapping = strMapToObj(params[2]);
-        obj.envMap = strMapToObj(params[1]);
-
-        this.$post("/api/automation/scenario/plan", obj, response => {
-          this.$success(this.$t("commons.save_success"));
-          this.search();
-        });
-      },
-      getReport() {
-        if (this.batchReportId) {
-          this.result.loading = false;
-          this.$success("批量执行成功，请到报告页面查看详情！");
-        }
-      },
-      buildBatchParam(param) {
-        param.ids = Array.from(this.selectRows).map(row => row.id);
-        param.projectId = this.projectId;
-        param.condition = this.condition;
-      },
-      handleBatchExecute() {
-        this.$refs.runMode.open();
-
-      },
-      orderBySelectRows(rows) {
-        let selectIds = Array.from(rows).map(row => row.id);
-        let array = [];
-        for (let i in this.tableData) {
-          if (selectIds.indexOf(this.tableData[i].id) !== -1) {
-            array.push(this.tableData[i].id);
-          }
-        }
-        return array;
-      },
-
-      handleRunBatch(config) {
-        this.infoDb = false;
-        let url = "/api/automation/run/batch";
-        let run = {config: config};
-        run.id = getUUID();
-        //按照列表排序
-        let ids = this.orderBySelectRows(this.selectRows);
-        run.ids = ids;
-        run.projectId = this.projectId;
-        run.condition = this.condition;
-        this.$post(url, run, response => {
-          let data = response.data;
-          this.runVisible = false;
-          this.batchReportId = run.id;
-        });
-      },
-      handleSelectAll(selection) {
-        _handleSelectAll(this, selection, this.tableData, this.selectRows, this.condition);
-        setUnSelectIds(this.tableData, this.condition, this.selectRows);
-        this.selectDataCounts = getSelectDataCounts(this.condition, this.total, this.selectRows);
-        this.$emit('selection', selection);
-      },
-      handleSelect(selection, row) {
-        _handleSelect(this, selection, row, this.selectRows);
-        setUnSelectIds(this.tableData, this.condition, this.selectRows);
-        this.selectDataCounts = getSelectDataCounts(this.condition, this.total, this.selectRows);
-        this.$emit('selection', selection);
-      },
-
-      isSelectDataAll(data) {
-        // this.condition.selectAll = data;
-        // setUnSelectIds(this.tableData, this.condition, this.selectRows);
-        // this.selectDataCounts = getSelectDataCounts(this.condition, this.total, this.selectRows);
-        // toggleAllSelection(this.$refs.scenarioTable, this.tableData, this.selectRows);
-        this.condition.selectAll = data;
-        //设置勾选
-        toggleAllSelection(this.$refs.scenarioTable, this.tableData, this.selectRows);
-        //显示隐藏菜单
-        _handleSelectAll(this, this.tableData, this.tableData, this.selectRows);
-        //设置未选择ID(更新)
-        this.condition.unSelectIds = [];
-        //更新统计信息
-        this.selectDataCounts = getSelectDataCounts(this.condition, this.total, this.selectRows);
-      },
-      edit(row) {
-        let data = JSON.parse(JSON.stringify(row));
-        this.$emit('edit', data);
-      },
-      reductionApi(row) {
-        this.$post("/api/automation/reduction", [row.id], response => {
-          this.$success(this.$t('commons.save_success'));
-          this.search();
-        })
-      },
-      handleBatchRestore() {
-        let ids = Array.from(this.selectRows).map(row => row.id);
-        this.$post("/api/automation/reduction", ids, response => {
-          this.$success(this.$t('commons.save_success'));
-          this.search();
-        })
-      },
-      handleDeleteBatch(row) {
-        if (this.trashEnable) {
-          //let ids = Array.from(this.selectRows).map(row => row.id);
-          let param = {};
-          this.buildBatchParam(param);
-          this.$post('/api/automation/deleteBatchByCondition/', param, () => {
-            this.$success(this.$t('commons.delete_success'));
-            this.search();
-          });
-          return;
-        }
-        this.$alert(this.$t('api_test.definition.request.delete_confirm') + " ？", '', {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              //let ids = Array.from(this.selectRows).map(row => row.id);
-              let param = {};
-              this.buildBatchParam(param);
-              this.$post('/api/automation/removeToGcByBatch/', param, () => {
-                this.$success(this.$t('commons.delete_success'));
-                this.search();
-              });
-            }
-          }
-        });
-      },
-
-      execute(row) {
-        this.infoDb = false;
-        let url = "/api/automation/run";
-        let run = {};
-        let scenarioIds = [];
-        scenarioIds.push(row.id);
-        run.id = getUUID();
-        run.projectId = this.projectId;
-        run.ids = scenarioIds;
-        this.$post(url, run, response => {
-          let data = response.data;
-          this.runVisible = true;
-          this.reportId = run.id;
-        });
-      },
-      copy(row) {
-        let rowParam = JSON.parse(JSON.stringify(row));
-        rowParam.copy = true;
-        rowParam.name = 'copy_' + rowParam.name;
-        rowParam.customNum = '';
-        this.$emit('edit', rowParam);
-      },
-      showReport(row) {
-        this.runVisible = true;
-        this.infoDb = true;
-        this.reportId = row.reportId;
-      },
-      //判断是否只显示本周的数据。  从首页跳转过来的请求会带有相关参数
-      isSelectThissWeekData() {
-        let dataRange = this.$route.params.dataSelectRange;
-        this.selectDataRange = dataRange;
-      },
-      changeSelectDataRangeAll() {
-        this.$emit("changeSelectDataRangeAll");
-      },
-      remove(row) {
-        if (this.trashEnable) {
-          this.$get('/api/automation/delete/' + row.id, () => {
-            this.$success(this.$t('commons.delete_success'));
-            this.search();
-          });
-          return;
-        }
-        this.$alert(this.$t('api_test.definition.request.delete_confirm') + ' ' + row.name + " ？", '', {
-          confirmButtonText: this.$t('commons.confirm'),
-          callback: (action) => {
-            if (action === 'confirm') {
-              // let ids = [row.id];
-              let param = {};
-              this.buildBatchParam(param);
-              param.ids = [row.id];
-              this.$post('/api/automation/removeToGcByBatch/', param, () => {
-                // this.$post('/api/automation/removeToGc/', ids, () => {
-                this.$success(this.$t('commons.delete_success'));
-                this.search();
-              });
-            }
-          }
-        });
-      },
-      sort(column) {
-        // 每次只对一个字段排序
-        if (this.condition.orders) {
-          this.condition.orders = [];
-        }
-        _sort(column, this.condition);
-        this.search();
-      },
-      filter(filters) {
-        _filter(filters, this.condition);
-        this.search();
-      },
-      headerDragend(newWidth, oldWidth, column, event) {
-        let finalWidth = newWidth;
-        if (column.minWidth > finalWidth) {
-          finalWidth = column.minWidth;
-        }
-        column.width = finalWidth;
-        column.realWidth = finalWidth;
-      },
-      openScenario(item) {
-        this.$emit('openScenario', item)
-      },
-      exportApi() {
-        let param = {};
-        this.buildBatchParam(param);
-        if (param.ids === undefined || param.ids.length < 1) {
-          this.$warning(this.$t("api_test.automation.scenario.check_case"));
-          return;
-        }
-        this.result.loading = true;
-        this.result = this.$post("/api/automation/export", param, response => {
-          this.result.loading = false;
-          let obj = response.data;
-          this.buildApiPath(obj.data);
-          downloadFile("Metersphere_Scenario_" + localStorage.getItem(PROJECT_NAME) + ".json", JSON.stringify(obj));
-        });
-      },
-      exportJmx() {
-        let param = {};
-        this.buildBatchParam(param);
-        if (param.ids === undefined || param.ids.length < 1) {
-          this.$warning(this.$t("api_test.automation.scenario.check_case"));
-          return;
-        }
-        this.result.loading = true;
-        this.result = this.$post("/api/automation/export/jmx", param, response => {
-          this.result.loading = false;
-          let obj = response.data;
-          if (obj && obj.length > 0) {
-            obj.forEach(item => {
-              downloadFile(item.name + ".jmx", item.jmx);
-            })
-          }
-        });
-      },
-      buildApiPath(scenarios) {
-        scenarios.forEach((scenario) => {
-          this.moduleOptions.forEach(item => {
-            if (scenario.moduleId === item.id) {
-              scenario.modulePath = item.path;
-            }
-          });
-        });
-      },
-      getConditions() {
-        return this.condition;
       }
+
+
+    },
+    getPrincipalOptions(option) {
+      let workspaceId = localStorage.getItem(WORKSPACE_ID);
+      this.$post('/user/ws/member/tester/list', {workspaceId: workspaceId}, response => {
+        option.push(...response.data);
+        this.userFilters = response.data.map(u => {
+          return {text: u.name, value: u.id};
+        });
+      });
+    },
+    getEnvsOptions(option) {
+      this.$get('/api/environment/list/' + this.projectId, response => {
+        option.push(...response.data);
+        option.forEach(environment => {
+          if (!(environment.config instanceof Object)) {
+            environment.config = JSON.parse(environment.config);
+          }
+        });
+      });
+    },
+    cancel() {
+      this.planVisible = false;
+    },
+    addTestPlan(params) {
+      let obj = {planIds: params[0], scenarioIds: this.selection};
+
+      // todo 选取全部数据
+      if (this.isSelectAllDate) {
+        this.$warning("暂不支持批量添加所有场景到测试计划！");
+      }
+
+      this.planVisible = false;
+
+      obj.mapping = strMapToObj(params[2]);
+      obj.envMap = strMapToObj(params[1]);
+
+      this.$post("/api/automation/scenario/plan", obj, response => {
+        this.$success(this.$t("commons.save_success"));
+        this.search();
+      });
+    },
+    getReport() {
+      if (this.batchReportId) {
+        this.result.loading = false;
+        this.$success("批量执行成功，请到报告页面查看详情！");
+      }
+    },
+    buildBatchParam(param) {
+      param.ids = Array.from(this.selectRows).map(row => row.id);
+      param.projectId = this.projectId;
+      param.condition = this.condition;
+    },
+    handleBatchExecute() {
+      this.$refs.runMode.open();
+
+    },
+    orderBySelectRows(rows) {
+      let selectIds = Array.from(rows).map(row => row.id);
+      let array = [];
+      for (let i in this.tableData) {
+        if (selectIds.indexOf(this.tableData[i].id) !== -1) {
+          array.push(this.tableData[i].id);
+        }
+      }
+      return array;
+    },
+
+    handleRunBatch(config) {
+      this.infoDb = false;
+      let url = "/api/automation/run/batch";
+      let run = {config: config};
+      run.id = getUUID();
+      //按照列表排序
+      let ids = this.orderBySelectRows(this.selectRows);
+      run.ids = ids;
+      run.projectId = this.projectId;
+      run.condition = this.condition;
+      this.$post(url, run, response => {
+        let data = response.data;
+        this.runVisible = false;
+        this.batchReportId = run.id;
+      });
+    },
+    handleSelectAll(selection) {
+      _handleSelectAll(this, selection, this.tableData, this.selectRows, this.condition);
+      setUnSelectIds(this.tableData, this.condition, this.selectRows);
+      this.selectDataCounts = getSelectDataCounts(this.condition, this.total, this.selectRows);
+      this.$emit('selection', selection);
+    },
+    handleSelect(selection, row) {
+      _handleSelect(this, selection, row, this.selectRows);
+      setUnSelectIds(this.tableData, this.condition, this.selectRows);
+      this.selectDataCounts = getSelectDataCounts(this.condition, this.total, this.selectRows);
+      this.$emit('selection', selection);
+    },
+
+    isSelectDataAll(data) {
+      // this.condition.selectAll = data;
+      // setUnSelectIds(this.tableData, this.condition, this.selectRows);
+      // this.selectDataCounts = getSelectDataCounts(this.condition, this.total, this.selectRows);
+      // toggleAllSelection(this.$refs.scenarioTable, this.tableData, this.selectRows);
+      this.condition.selectAll = data;
+      //设置勾选
+      toggleAllSelection(this.$refs.scenarioTable, this.tableData, this.selectRows);
+      //显示隐藏菜单
+      _handleSelectAll(this, this.tableData, this.tableData, this.selectRows);
+      //设置未选择ID(更新)
+      this.condition.unSelectIds = [];
+      //更新统计信息
+      this.selectDataCounts = getSelectDataCounts(this.condition, this.total, this.selectRows);
+    },
+    edit(row) {
+      let data = JSON.parse(JSON.stringify(row));
+      this.$emit('edit', data);
+    },
+    reductionApi(row) {
+      this.$post("/api/automation/reduction", [row.id], response => {
+        this.$success(this.$t('commons.save_success'));
+        this.search();
+      });
+    },
+    handleBatchRestore() {
+      let ids = Array.from(this.selectRows).map(row => row.id);
+      this.$post("/api/automation/reduction", ids, response => {
+        this.$success(this.$t('commons.save_success'));
+        this.search();
+      });
+    },
+    handleDeleteBatch(row) {
+      if (this.trashEnable) {
+        //let ids = Array.from(this.selectRows).map(row => row.id);
+        let param = {};
+        this.buildBatchParam(param);
+        this.$post('/api/automation/deleteBatchByCondition/', param, () => {
+          this.$success(this.$t('commons.delete_success'));
+          this.search();
+        });
+        return;
+      }
+      this.$alert(this.$t('api_test.definition.request.delete_confirm') + " ？", '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            //let ids = Array.from(this.selectRows).map(row => row.id);
+            let param = {};
+            this.buildBatchParam(param);
+            this.$post('/api/automation/removeToGcByBatch/', param, () => {
+              this.$success(this.$t('commons.delete_success'));
+              this.search();
+            });
+          }
+        }
+      });
+    },
+
+    execute(row) {
+      this.infoDb = false;
+      let url = "/api/automation/run";
+      let run = {};
+      let scenarioIds = [];
+      scenarioIds.push(row.id);
+      run.id = getUUID();
+      run.projectId = this.projectId;
+      run.ids = scenarioIds;
+      this.$post(url, run, response => {
+        let data = response.data;
+        this.runVisible = true;
+        this.reportId = run.id;
+      });
+    },
+    copy(row) {
+      let rowParam = JSON.parse(JSON.stringify(row));
+      rowParam.copy = true;
+      rowParam.name = 'copy_' + rowParam.name;
+      rowParam.customNum = '';
+      this.$emit('edit', rowParam);
+    },
+    showReport(row) {
+      this.runVisible = true;
+      this.infoDb = true;
+      this.reportId = row.reportId;
+    },
+    //判断是否只显示本周的数据。  从首页跳转过来的请求会带有相关参数
+    isSelectThissWeekData() {
+      let dataRange = this.$route.params.dataSelectRange;
+      this.selectDataRange = dataRange;
+    },
+    changeSelectDataRangeAll() {
+      this.$emit("changeSelectDataRangeAll");
+    },
+    remove(row) {
+      if (this.trashEnable) {
+        this.$get('/api/automation/delete/' + row.id, () => {
+          this.$success(this.$t('commons.delete_success'));
+          this.search();
+        });
+        return;
+      }
+      this.$alert(this.$t('api_test.definition.request.delete_confirm') + ' ' + row.name + " ？", '', {
+        confirmButtonText: this.$t('commons.confirm'),
+        callback: (action) => {
+          if (action === 'confirm') {
+            // let ids = [row.id];
+            let param = {};
+            this.buildBatchParam(param);
+            param.ids = [row.id];
+            this.$post('/api/automation/removeToGcByBatch/', param, () => {
+              // this.$post('/api/automation/removeToGc/', ids, () => {
+              this.$success(this.$t('commons.delete_success'));
+              this.search();
+            });
+          }
+        }
+      });
+    },
+    sort(column) {
+      // 每次只对一个字段排序
+      if (this.condition.orders) {
+        this.condition.orders = [];
+      }
+      _sort(column, this.condition);
+      this.search();
+    },
+    filter(filters) {
+      _filter(filters, this.condition);
+      this.search();
+    },
+    headerDragend(newWidth, oldWidth, column, event) {
+      let finalWidth = newWidth;
+      if (column.minWidth > finalWidth) {
+        finalWidth = column.minWidth;
+      }
+      column.width = finalWidth;
+      column.realWidth = finalWidth;
+    },
+    openScenario(item) {
+      this.$emit('openScenario', item);
+    },
+    exportApi() {
+      let param = {};
+      this.buildBatchParam(param);
+      if (param.ids === undefined || param.ids.length < 1) {
+        this.$warning(this.$t("api_test.automation.scenario.check_case"));
+        return;
+      }
+      this.result.loading = true;
+      this.result = this.$post("/api/automation/export", param, response => {
+        this.result.loading = false;
+        let obj = response.data;
+        this.buildApiPath(obj.data);
+        downloadFile("Metersphere_Scenario_" + localStorage.getItem(PROJECT_NAME) + ".json", JSON.stringify(obj));
+      });
+    },
+    exportJmx() {
+      let param = {};
+      this.buildBatchParam(param);
+      if (param.ids === undefined || param.ids.length < 1) {
+        this.$warning(this.$t("api_test.automation.scenario.check_case"));
+        return;
+      }
+      this.result.loading = true;
+      this.result = this.$post("/api/automation/export/jmx", param, response => {
+        this.result.loading = false;
+        let obj = response.data;
+        if (obj && obj.length > 0) {
+          obj.forEach(item => {
+            downloadFile(item.name + ".jmx", item.jmx);
+          });
+        }
+      });
+    },
+    buildApiPath(scenarios) {
+      scenarios.forEach((scenario) => {
+        this.moduleOptions.forEach(item => {
+          if (scenario.moduleId === item.id) {
+            scenario.modulePath = item.path;
+          }
+        });
+      });
+    },
+    getConditions() {
+      return this.condition;
     }
   }
+};
 </script>
 
 <style scoped>
-  /deep/ .el-drawer__header {
-    margin-bottom: 0px;
-  }
+/deep/ .el-drawer__header {
+  margin-bottom: 0px;
+}
 
-  /deep/ .run-button {
-    background-color: #409EFF;
-    border-color: #409EFF;
-  }
+/deep/ .run-button {
+  background-color: #409EFF;
+  border-color: #409EFF;
+}
 
-  /deep/ .el-table__fixed-body-wrapper {
-    z-index: auto !important;
-  }
+/deep/ .el-table__fixed-body-wrapper {
+  z-index: auto !important;
+}
 
-  /deep/ .el-table__fixed-right {
-    height: 100% !important;
-  }
+/deep/ .el-table__fixed-right {
+  height: 100% !important;
+}
 
-  /deep/ .el-table__fixed {
-    height: 110px !important;
-  }
+/deep/ .el-table__fixed {
+  height: 110px !important;
+}
 
-  /deep/ .el-card__header {
-    padding: 10px;
-  }
+/deep/ .el-card__header {
+  padding: 10px;
+}
 
-  /deep/ .el-table__fixed-body-wrapper {
-    top: 60px !important;
-  }
+/deep/ .el-table__fixed-body-wrapper {
+  top: 60px !important;
+}
 </style>
diff --git a/frontend/src/business/components/api/automation/scenario/ApiScenarioModule.vue b/frontend/src/business/components/api/automation/scenario/ApiScenarioModule.vue
index c6b48f0196..e53456519a 100644
--- a/frontend/src/business/components/api/automation/scenario/ApiScenarioModule.vue
+++ b/frontend/src/business/components/api/automation/scenario/ApiScenarioModule.vue
@@ -89,14 +89,17 @@
         operators: [
           {
             label: this.$t('api_test.automation.add_scenario'),
-            callback: this.addScenario
+            callback: this.addScenario,
+            permissions: ['PROJECT_API_SCENARIO:READ+CREATE']
           },
           {
             label: this.$t('api_test.api_import.label'),
-            callback: this.handleImport
+            callback: this.handleImport,
+            permissions: ['PROJECT_API_SCENARIO:READ+IMPORT_SCENARIO']
           },
           {
             label: this.$t('report.export'),
+            permissions: ['PROJECT_API_SCENARIO:READ+EXPORT_SCENARIO'],
             children: [
               {
                 label: this.$t('report.export_to_ms_format'),
diff --git a/frontend/src/business/components/api/automation/scenario/ScenarioExtendBtns.vue b/frontend/src/business/components/api/automation/scenario/ScenarioExtendBtns.vue
index 68837e9226..1e8df490c4 100644
--- a/frontend/src/business/components/api/automation/scenario/ScenarioExtendBtns.vue
+++ b/frontend/src/business/components/api/automation/scenario/ScenarioExtendBtns.vue
@@ -6,8 +6,11 @@
       </el-link>
       <el-dropdown-menu slot="dropdown">
         <el-dropdown-item command="ref">{{ $t('api_test.automation.view_ref') }}</el-dropdown-item>
-        <el-dropdown-item command="schedule" v-tester>{{ $t('api_test.automation.schedule') }}</el-dropdown-item>
-        <el-dropdown-item command="create_performance" v-tester v-modules="['performance']">
+        <el-dropdown-item command="schedule" v-permission="['PROJECT_API_SCENARIO:READ+SCHEDULE']">
+          {{ $t('api_test.automation.schedule') }}
+        </el-dropdown-item>
+        <el-dropdown-item command="create_performance" v-permission="['PROJECT_API_SCENARIO:READ+CREATE_PERFORMANCE']"
+                          v-modules="['performance']">
           {{ $t('api_test.create_performance_test') }}
         </el-dropdown-item>
       </el-dropdown-menu>
@@ -19,68 +22,68 @@
 </template>
 
 <script>
-  import MsReferenceView from "@/business/components/api/automation/scenario/ReferenceView";
-  import MsScheduleMaintain from "@/business/components/api/automation/schedule/ScheduleMaintain"
-  import {getCurrentProjectID, getUUID} from "@/common/js/utils";
-
-  export default {
-    name: "MsScenarioExtendButtons",
-    components: {MsReferenceView, MsScheduleMaintain},
-    props: {
-      row: Object
-    },
-    methods: {
-      handleCommand(cmd) {
-        switch (cmd) {
-          case  "ref":
-            this.$refs.viewRef.open(this.row);
-            break;
-          case "schedule":
-            this.$refs.scheduleMaintain.open(this.row);
-            break;
-          case "create_performance":
-            this.createPerformance(this.row);
-            break;
-        }
-      },
-      createPerformance(row) {
-        this.infoDb = false;
-        let url = "/api/automation/genPerformanceTestJmx";
-        let run = {};
-        let scenarioIds = [];
-        scenarioIds.push(row.id);
-        run.projectId = getCurrentProjectID();
-        run.ids = scenarioIds;
-        run.id = getUUID();
-        run.name = row.name;
-        this.$post(url, run, response => {
-          let jmxObj = {};
-          jmxObj.name = response.data.name;
-          jmxObj.xml = response.data.xml;
-          jmxObj.attachFiles = response.data.attachFiles;
-          jmxObj.attachByteFiles = response.data.attachByteFiles;
-          jmxObj.scenarioId = row.id;
-          this.$store.commit('setTest', {
-            name: row.name,
-            jmx: jmxObj
-          })
-          this.$router.push({
-            path: "/performance/test/create"
-          })
-        });
-      },
-      openScenario (item) {
-        this.$emit('openScenario', item)
-      },
-      refreshTable() {
+import MsReferenceView from "@/business/components/api/automation/scenario/ReferenceView";
+import MsScheduleMaintain from "@/business/components/api/automation/schedule/ScheduleMaintain";
+import {getCurrentProjectID, getUUID} from "@/common/js/utils";
 
+export default {
+  name: "MsScenarioExtendButtons",
+  components: {MsReferenceView, MsScheduleMaintain},
+  props: {
+    row: Object
+  },
+  methods: {
+    handleCommand(cmd) {
+      switch (cmd) {
+        case  "ref":
+          this.$refs.viewRef.open(this.row);
+          break;
+        case "schedule":
+          this.$refs.scheduleMaintain.open(this.row);
+          break;
+        case "create_performance":
+          this.createPerformance(this.row);
+          break;
       }
+    },
+    createPerformance(row) {
+      this.infoDb = false;
+      let url = "/api/automation/genPerformanceTestJmx";
+      let run = {};
+      let scenarioIds = [];
+      scenarioIds.push(row.id);
+      run.projectId = getCurrentProjectID();
+      run.ids = scenarioIds;
+      run.id = getUUID();
+      run.name = row.name;
+      this.$post(url, run, response => {
+        let jmxObj = {};
+        jmxObj.name = response.data.name;
+        jmxObj.xml = response.data.xml;
+        jmxObj.attachFiles = response.data.attachFiles;
+        jmxObj.attachByteFiles = response.data.attachByteFiles;
+        jmxObj.scenarioId = row.id;
+        this.$store.commit('setTest', {
+          name: row.name,
+          jmx: jmxObj
+        });
+        this.$router.push({
+          path: "/performance/test/create"
+        });
+      });
+    },
+    openScenario(item) {
+      this.$emit('openScenario', item);
+    },
+    refreshTable() {
+
     }
   }
+};
 </script>
 
 <style scoped>
-  .scenario-ext-btn {
-    margin-left: 10px;
-  }
+.scenario-ext-btn {
+  margin-left: 10px;
+}
 </style>
diff --git a/frontend/src/business/components/api/definition/ApiDefinition.vue b/frontend/src/business/components/api/definition/ApiDefinition.vue
index ec009382c5..a012a7c71b 100644
--- a/frontend/src/business/components/api/definition/ApiDefinition.vue
+++ b/frontend/src/business/components/api/definition/ApiDefinition.vue
@@ -84,13 +84,17 @@
             </div>
             <!-- 快捷调试 -->
             <div v-else-if="item.type=== 'debug'" class="ms-api-div">
-              <ms-debug-http-page :currentProtocol="currentProtocol" :testCase="item.api" @saveAs="editApi" @refreshModule="refreshModule"
+              <ms-debug-http-page :currentProtocol="currentProtocol" :testCase="item.api" @saveAs="editApi"
+                                  @refreshModule="refreshModule"
                                   v-if="currentProtocol==='HTTP'"/>
-              <ms-debug-jdbc-page :currentProtocol="currentProtocol" :testCase="item.api" @saveAs="editApi" @refreshModule="refreshModule"
+              <ms-debug-jdbc-page :currentProtocol="currentProtocol" :testCase="item.api" @saveAs="editApi"
+                                  @refreshModule="refreshModule"
                                   v-if="currentProtocol==='SQL'"/>
-              <ms-debug-tcp-page :currentProtocol="currentProtocol" :testCase="item.api" @saveAs="editApi" @refreshModule="refreshModule"
+              <ms-debug-tcp-page :currentProtocol="currentProtocol" :testCase="item.api" @saveAs="editApi"
+                                 @refreshModule="refreshModule"
                                  v-if="currentProtocol==='TCP'"/>
-              <ms-debug-dubbo-page :currentProtocol="currentProtocol" :testCase="item.api" @saveAs="editApi" @refreshModule="refreshModule"
+              <ms-debug-dubbo-page :currentProtocol="currentProtocol" :testCase="item.api" @saveAs="editApi"
+                                   @refreshModule="refreshModule"
                                    v-if="currentProtocol==='DUBBO'"/>
             </div>
 
@@ -119,8 +123,12 @@
               <el-dropdown @command="handleCommand" v-tester>
                 <el-button type="primary" plain icon="el-icon-plus" size="mini" v-tester/>
                 <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item command="debug">{{ $t('api_test.definition.request.fast_debug') }}</el-dropdown-item>
-                  <el-dropdown-item command="ADD">{{ $t('api_test.definition.request.title') }}</el-dropdown-item>
+                  <el-dropdown-item command="debug" v-permission="['PROJECT_API_DEFINITION:READ+DEBUG']">
+                    {{ $t('api_test.definition.request.fast_debug') }}
+                  </el-dropdown-item>
+                  <el-dropdown-item command="ADD" v-permission="['PROJECT_API_DEFINITION:READ+CREATE_API']">
+                    {{ $t('api_test.definition.request.title') }}
+                  </el-dropdown-item>
                   <el-dropdown-item command="CLOSE_ALL">{{ $t('api_test.definition.request.close_all_label') }}
                   </el-dropdown-item>
                 </el-dropdown-menu>
@@ -136,382 +144,388 @@
   </div>
 </template>
 <script>
-  import MsApiList from './components/list/ApiList';
-  import MsContainer from "../../common/components/MsContainer";
-  import MsMainContainer from "../../common/components/MsMainContainer";
-  import MsAsideContainer from "../../common/components/MsAsideContainer";
-  import MsApiConfig from "./components/ApiConfig";
-  import MsDebugHttpPage from "./components/debug/DebugHttpPage";
-  import MsDebugJdbcPage from "./components/debug/DebugJdbcPage";
-  import MsDebugTcpPage from "./components/debug/DebugTcpPage";
-  import MsDebugDubboPage from "./components/debug/DebugDubboPage";
+import MsApiList from './components/list/ApiList';
+import MsContainer from "../../common/components/MsContainer";
+import MsMainContainer from "../../common/components/MsMainContainer";
+import MsAsideContainer from "../../common/components/MsAsideContainer";
+import MsApiConfig from "./components/ApiConfig";
+import MsDebugHttpPage from "./components/debug/DebugHttpPage";
+import MsDebugJdbcPage from "./components/debug/DebugJdbcPage";
+import MsDebugTcpPage from "./components/debug/DebugTcpPage";
+import MsDebugDubboPage from "./components/debug/DebugDubboPage";
 
-  import MsRunTestHttpPage from "./components/runtest/RunTestHTTPPage";
-  import MsRunTestTcpPage from "./components/runtest/RunTestTCPPage";
-  import MsRunTestSqlPage from "./components/runtest/RunTestSQLPage";
-  import MsRunTestDubboPage from "./components/runtest/RunTestDubboPage";
-  import {checkoutTestManagerOrTestUser, getCurrentUser, getUUID} from "@/common/js/utils";
-  import MsApiModule from "./components/module/ApiModule";
-  import ApiCaseSimpleList from "./components/list/ApiCaseSimpleList";
+import MsRunTestHttpPage from "./components/runtest/RunTestHTTPPage";
+import MsRunTestTcpPage from "./components/runtest/RunTestTCPPage";
+import MsRunTestSqlPage from "./components/runtest/RunTestSQLPage";
+import MsRunTestDubboPage from "./components/runtest/RunTestDubboPage";
+import {checkoutTestManagerOrTestUser, getCurrentUser, getUUID} from "@/common/js/utils";
+import MsApiModule from "./components/module/ApiModule";
+import ApiCaseSimpleList from "./components/list/ApiCaseSimpleList";
 
-  import ApiDocumentsPage from "@/business/components/api/definition/components/list/ApiDocumentsPage";
-  import MsTableButton from "@/business/components/common/components/MsTableButton";
-  import MsTabButton from "@/business/components/common/components/MsTabButton";
-  import {getLabel} from "@/common/js/tableUtils";
-  import {API_CASE_LIST, API_LIST} from "@/common/js/constants";
+import ApiDocumentsPage from "@/business/components/api/definition/components/list/ApiDocumentsPage";
+import MsTableButton from "@/business/components/common/components/MsTableButton";
+import MsTabButton from "@/business/components/common/components/MsTabButton";
+import {getLabel} from "@/common/js/tableUtils";
+import {API_CASE_LIST, API_LIST} from "@/common/js/constants";
 
-  import MockConfig from "@/business/components/api/definition/components/mock/MockConfig";
+import MockConfig from "@/business/components/api/definition/components/mock/MockConfig";
 
-  export default {
-    name: "ApiDefinition",
-    computed: {
-      queryDataType: function () {
-        let routeParam = this.$route.params.dataType;
-        let redirectIDParam = this.$route.params.redirectID;
-        this.changeRedirectParam(redirectIDParam);
-        return routeParam;
-      },
-      isReadOnly() {
-        return !checkoutTestManagerOrTestUser();
-      },
-      projectId() {
-        return this.$store.state.projectId
-      },
+export default {
+  name: "ApiDefinition",
+  computed: {
+    queryDataType: function () {
+      let routeParam = this.$route.params.dataType;
+      let redirectIDParam = this.$route.params.redirectID;
+      this.changeRedirectParam(redirectIDParam);
+      return routeParam;
     },
-    components: {
-      MsTabButton,
-      MsTableButton,
-      ApiCaseSimpleList,
-      MsApiModule,
-      MsApiList,
-      MsMainContainer,
-      MsContainer,
-      MsAsideContainer,
-      MsApiConfig,
-      MsDebugHttpPage,
-      MsRunTestHttpPage,
-      MsDebugJdbcPage,
-      MsDebugTcpPage,
-      MsDebugDubboPage,
-      MsRunTestTcpPage,
-      MsRunTestSqlPage,
-      MsRunTestDubboPage,
-      ApiDocumentsPage,
-      MockConfig
+    isReadOnly() {
+      return !checkoutTestManagerOrTestUser();
     },
-    props: {
-      visible: {
-        type: Boolean,
-        default: false,
-      },
-      currentRow: {
-        type: Object,
-      }
+    projectId() {
+      return this.$store.state.projectId;
     },
-    data() {
-      return {
-        redirectID: '',
-        renderComponent: true,
-        selectDataRange: 'all',
-        showCasePage: true,
-        apiDefaultTab: 'default',
-        currentProtocol: 'HTTP',
-        currentModule: null,
-        selectNodeIds: [],
-        currentApi: {},
-        moduleOptions: [],
-        trashEnable: false,
-        apiTabs: [{
-          title: this.$t('api_test.definition.api_title'),
-          name: 'default',
-          type: "list",
-          closable: false
-        }],
-        activeDom: "left",
-        syncTabs: [],
-        nodeTree: [],
-        currentModulePath: "",
-      }
+  },
+  components: {
+    MsTabButton,
+    MsTableButton,
+    ApiCaseSimpleList,
+    MsApiModule,
+    MsApiList,
+    MsMainContainer,
+    MsContainer,
+    MsAsideContainer,
+    MsApiConfig,
+    MsDebugHttpPage,
+    MsRunTestHttpPage,
+    MsDebugJdbcPage,
+    MsDebugTcpPage,
+    MsDebugDubboPage,
+    MsRunTestTcpPage,
+    MsRunTestSqlPage,
+    MsRunTestDubboPage,
+    ApiDocumentsPage,
+    MockConfig
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
     },
-    created() {
-      let dataRange = this.$route.params.dataSelectRange;
-      if (dataRange && dataRange.length > 0) {
-        this.activeDom = 'middle';
-      }
-      if (this.activeDom === 'left') {
-        getLabel(this, API_LIST);
-      } else if (this.activeDom === 'right') {
-        getLabel(this, API_CASE_LIST);
+    currentRow: {
+      type: Object,
+    }
+  },
+  data() {
+    return {
+      redirectID: '',
+      renderComponent: true,
+      selectDataRange: 'all',
+      showCasePage: true,
+      apiDefaultTab: 'default',
+      currentProtocol: 'HTTP',
+      currentModule: null,
+      selectNodeIds: [],
+      currentApi: {},
+      moduleOptions: [],
+      trashEnable: false,
+      apiTabs: [{
+        title: this.$t('api_test.definition.api_title'),
+        name: 'default',
+        type: "list",
+        closable: false
+      }],
+      activeDom: "left",
+      syncTabs: [],
+      nodeTree: [],
+      currentModulePath: "",
+    };
+  },
+  created() {
+    let dataRange = this.$route.params.dataSelectRange;
+    if (dataRange && dataRange.length > 0) {
+      this.activeDom = 'middle';
+    }
+    if (this.activeDom === 'left') {
+      getLabel(this, API_LIST);
+    } else if (this.activeDom === 'right') {
+      getLabel(this, API_CASE_LIST);
 
-      }
+    }
+  },
+  watch: {
+    currentProtocol() {
+      this.handleCommand("CLOSE_ALL");
     },
-    watch: {
-      currentProtocol() {
-        this.handleCommand("CLOSE_ALL");
-      },
-      selectNodeIds() {
-        this.apiDefaultTab = "default";
-      },
-      redirectID() {
-        this.renderComponent = false;
-        this.$nextTick(() => {
-          // 在 DOM 中添加 my-component 组件
-          this.renderComponent = true;
-        });
-      },
-      '$route'(to, from) {  //  路由改变时，把接口定义界面中的 ctrl s 保存快捷键监听移除
-        if (to.path.indexOf('/api/definition') === -1) {
-          if (this.$refs && this.$refs.apiConfig) {
-            this.$refs.apiConfig.forEach(item => {
-              item.removeListener();
-            });
-          }
-        }
-      }
+    selectNodeIds() {
+      this.apiDefaultTab = "default";
     },
-
-    methods: {
-      getPath(id, arr) {
-        if (id === null) {
-          return null;
-        }
-        if(arr) {
-          arr.forEach(item => {
-            if (item.id === id) {
-              this.currentModulePath = item.path;
-            }
-            if (item.children && item.children.length > 0) {
-              this.getPath(id, item.children);
-            }
-          });
-        }
-      },
-      changeRedirectParam(redirectIDParam) {
-        this.redirectID = redirectIDParam;
-      },
-      addTab(tab) {
-        if (tab.name === 'add') {
-          this.handleTabsEdit(this.$t('api_test.definition.request.fast_debug'), "debug");
-        }
-        if (this.$refs.apiConfig) {
+    redirectID() {
+      this.renderComponent = false;
+      this.$nextTick(() => {
+        // 在 DOM 中添加 my-component 组件
+        this.renderComponent = true;
+      });
+    },
+    '$route'(to, from) {  //  路由改变时，把接口定义界面中的 ctrl s 保存快捷键监听移除
+      if (to.path.indexOf('/api/definition') === -1) {
+        if (this.$refs && this.$refs.apiConfig) {
           this.$refs.apiConfig.forEach(item => {
             item.removeListener();
-          }); //  删除所有tab的 ctrl + s 监听
-          let tabs = this.apiTabs;
-          let index = tabs.findIndex(item => item.name === tab.name); //  找到当前选中tab的index
-          if (index !== -1 && this.$refs.apiConfig[index - 1]) {
-            this.$refs.apiConfig[index - 1].addListener(); //  为选中tab添加 ctrl + s 监听（index-1的原因是要除去第一个固有tab）
-          }
-        }
-      },
-      handleCommand(e) {
-        switch (e) {
-          case "ADD":
-            this.handleTabAdd(e);
-            break;
-          case "TEST":
-            this.handleTabsEdit(this.$t("commons.api"), e);
-            break;
-          case "CLOSE_ALL":
-            this.handleTabClose();
-            break;
-          default:
-            this.handleTabsEdit(this.$t('api_test.definition.request.fast_debug'), "debug");
-            break;
-        }
-      },
-      handleTabAdd(e) {
-        if (!this.projectId) {
-          this.$warning(this.$t('commons.check_project_tip'));
-          return;
-        }
-        let api = {
-          status: "Underway", method: "GET", userId: getCurrentUser().id,
-          url: "", protocol: this.currentProtocol, environmentId: "", moduleId: 'default-module', modulePath: "/" + this.$t("commons.module_title")
-        };
-        this.currentModulePath = "";
-        if (this.nodeTree && this.nodeTree.length > 0) {
-          api.moduleId = this.nodeTree[0].id;
-          this.getPath(this.nodeTree[0].id, this.moduleOptions);
-          api.modulePath = this.currentModulePath;
-        }
-
-        if (this.selectNodeIds && this.selectNodeIds.length > 0) {
-          api.moduleId = this.selectNodeIds[0];
-          this.getPath(this.selectNodeIds[0], this.moduleOptions);
-          api.modulePath = this.currentModulePath;
-        }
-        this.handleTabsEdit(this.$t('api_test.definition.request.title'), e, api);
-      },
-      handleTabClose() {
-        let tabs = this.apiTabs[0];
-        this.apiTabs = [];
-        this.apiDefaultTab = tabs.name;
-        this.apiTabs.push(tabs);
-      },
-      handleTabRemove(targetName) {
-        let tabs = this.apiTabs;
-        let activeName = this.apiDefaultTab;
-        if (activeName === targetName) {
-          tabs.forEach((tab, index) => {
-            if (tab.name === targetName) {
-              let nextTab = tabs[index + 1] || tabs[index - 1];
-              if (nextTab) {
-                activeName = nextTab.name;
-              }
-            }
           });
         }
-        this.apiDefaultTab = activeName;
-        this.apiTabs = tabs.filter(tab => tab.name !== targetName);
-        this.refresh();
-      },
-      //创建左侧树的根目录模块
-      createRootModel() {
-        this.$refs.nodeTree.createRootModel();
-      },
-      handleMockTabsConfig(targetName, action, param) {
-        if (!this.projectId) {
-          this.$warning(this.$t('commons.check_project_tip'));
-          return;
-        }
-        if (targetName === undefined || targetName === null) {
-          targetName = this.$t('api_test.definition.request.title');
-        }
-        let newTabName = getUUID();
-        this.apiTabs.push({
-          title: targetName,
-          name: newTabName,
-          closable: true,
-          type: action,
-          mock: param,
-        });
-        this.apiDefaultTab = newTabName;
-      },
-      handleTabsEdit(targetName, action, api) {
-        if (!this.projectId) {
-          this.$warning(this.$t('commons.check_project_tip'));
-          return;
-        }
-        if (targetName === undefined || targetName === null) {
-          targetName = this.$t('api_test.definition.request.title');
-        }
-        let newTabName = getUUID();
-        this.apiTabs.push({
-          title: targetName,
-          name: newTabName,
-          closable: true,
-          type: action,
-          api: api,
-        });
-        this.apiDefaultTab = newTabName;
-      },
-      debug(id) {
-        this.handleTabsEdit(this.$t('api_test.definition.request.fast_debug'), "debug", id);
-      },
-      editApi(row) {
-        let name = "";
-
-        if (row.isCopy) {
-          name = "copy" + "-" + row.name;
-          row.name = "copy" + "-" + row.name;
-
-        } else {
-          name = this.$t('api_test.definition.request.edit_api') + "-" + row.name;
-        }
-        this.handleTabsEdit(name, "ADD", row);
-      },
-      handleCase(api) {
-        this.currentApi = api;
-        this.showCasePage = false;
-      },
-      apiCaseClose() {
-        this.showCasePage = true;
-      },
-      exportAPI(type) {
-        if (this.activeDom !== 'left') {
-          this.$warning('用例列表暂不支持导出，请切换成接口列表');
-          return;
-        }
-        this.$refs.apiList[0].exportApi(type);
-      },
-      refreshModule() {
-        this.$refs.nodeTree.list();
-      },
-      refresh(data) {
-        this.$refs.apiList[0].initTable(data);
-      },
-      setTabTitle(data) {
-        for (let index in this.apiTabs) {
-          let tab = this.apiTabs[index];
-          if (tab.name === this.apiDefaultTab) {
-            tab.title = this.$t('api_test.definition.request.edit_api') + "-" + data.name;
-            break;
-          }
-        }
-      },
-      runTest(data) {
-        this.handleTabsEdit(this.$t("commons.api"), "TEST", data);
-        this.setTabTitle(data);
-      },
-      mockConfig(data) {
-        let targetName = this.$t("commons.mock") + "-" + data.apiName;
-        this.handleMockTabsConfig(targetName, "MOCK", data);
-      },
-      saveApi(data) {
-        this.setTabTitle(data);
-        this.refresh(data);
-      },
-
-      showExecResult(row) {
-        this.debug(row);
-      },
-      nodeChange(node, nodeIds, pNodes) {
-        this.selectNodeIds = nodeIds;
-      },
-      handleProtocolChange(protocol) {
-        this.currentProtocol = protocol;
-      },
-      setModuleOptions(data) {
-        this.moduleOptions = data;
-      },
-      setNodeTree(data) {
-        this.nodeTree = data;
-      },
-      changeSelectDataRangeAll(tableType) {
-        this.$route.params.dataSelectRange = 'all';
-      },
-      enableTrash(data) {
-        this.trashEnable = data;
       }
     }
+  },
+
+  methods: {
+    getPath(id, arr) {
+      if (id === null) {
+        return null;
+      }
+      if (arr) {
+        arr.forEach(item => {
+          if (item.id === id) {
+            this.currentModulePath = item.path;
+          }
+          if (item.children && item.children.length > 0) {
+            this.getPath(id, item.children);
+          }
+        });
+      }
+    },
+    changeRedirectParam(redirectIDParam) {
+      this.redirectID = redirectIDParam;
+    },
+    addTab(tab) {
+      if (tab.name === 'add') {
+        this.handleTabsEdit(this.$t('api_test.definition.request.fast_debug'), "debug");
+      }
+      if (this.$refs.apiConfig) {
+        this.$refs.apiConfig.forEach(item => {
+          item.removeListener();
+        }); //  删除所有tab的 ctrl + s 监听
+        let tabs = this.apiTabs;
+        let index = tabs.findIndex(item => item.name === tab.name); //  找到当前选中tab的index
+        if (index !== -1 && this.$refs.apiConfig[index - 1]) {
+          this.$refs.apiConfig[index - 1].addListener(); //  为选中tab添加 ctrl + s 监听（index-1的原因是要除去第一个固有tab）
+        }
+      }
+    },
+    handleCommand(e) {
+      switch (e) {
+        case "ADD":
+          this.handleTabAdd(e);
+          break;
+        case "TEST":
+          this.handleTabsEdit(this.$t("commons.api"), e);
+          break;
+        case "CLOSE_ALL":
+          this.handleTabClose();
+          break;
+        default:
+          this.handleTabsEdit(this.$t('api_test.definition.request.fast_debug'), "debug");
+          break;
+      }
+    },
+    handleTabAdd(e) {
+      if (!this.projectId) {
+        this.$warning(this.$t('commons.check_project_tip'));
+        return;
+      }
+      let api = {
+        status: "Underway",
+        method: "GET",
+        userId: getCurrentUser().id,
+        url: "",
+        protocol: this.currentProtocol,
+        environmentId: "",
+        moduleId: 'default-module',
+        modulePath: "/" + this.$t("commons.module_title")
+      };
+      this.currentModulePath = "";
+      if (this.nodeTree && this.nodeTree.length > 0) {
+        api.moduleId = this.nodeTree[0].id;
+        this.getPath(this.nodeTree[0].id, this.moduleOptions);
+        api.modulePath = this.currentModulePath;
+      }
+
+      if (this.selectNodeIds && this.selectNodeIds.length > 0) {
+        api.moduleId = this.selectNodeIds[0];
+        this.getPath(this.selectNodeIds[0], this.moduleOptions);
+        api.modulePath = this.currentModulePath;
+      }
+      this.handleTabsEdit(this.$t('api_test.definition.request.title'), e, api);
+    },
+    handleTabClose() {
+      let tabs = this.apiTabs[0];
+      this.apiTabs = [];
+      this.apiDefaultTab = tabs.name;
+      this.apiTabs.push(tabs);
+    },
+    handleTabRemove(targetName) {
+      let tabs = this.apiTabs;
+      let activeName = this.apiDefaultTab;
+      if (activeName === targetName) {
+        tabs.forEach((tab, index) => {
+          if (tab.name === targetName) {
+            let nextTab = tabs[index + 1] || tabs[index - 1];
+            if (nextTab) {
+              activeName = nextTab.name;
+            }
+          }
+        });
+      }
+      this.apiDefaultTab = activeName;
+      this.apiTabs = tabs.filter(tab => tab.name !== targetName);
+      this.refresh();
+    },
+    //创建左侧树的根目录模块
+    createRootModel() {
+      this.$refs.nodeTree.createRootModel();
+    },
+    handleMockTabsConfig(targetName, action, param) {
+      if (!this.projectId) {
+        this.$warning(this.$t('commons.check_project_tip'));
+        return;
+      }
+      if (targetName === undefined || targetName === null) {
+        targetName = this.$t('api_test.definition.request.title');
+      }
+      let newTabName = getUUID();
+      this.apiTabs.push({
+        title: targetName,
+        name: newTabName,
+        closable: true,
+        type: action,
+        mock: param,
+      });
+      this.apiDefaultTab = newTabName;
+    },
+    handleTabsEdit(targetName, action, api) {
+      if (!this.projectId) {
+        this.$warning(this.$t('commons.check_project_tip'));
+        return;
+      }
+      if (targetName === undefined || targetName === null) {
+        targetName = this.$t('api_test.definition.request.title');
+      }
+      let newTabName = getUUID();
+      this.apiTabs.push({
+        title: targetName,
+        name: newTabName,
+        closable: true,
+        type: action,
+        api: api,
+      });
+      this.apiDefaultTab = newTabName;
+    },
+    debug(id) {
+      this.handleTabsEdit(this.$t('api_test.definition.request.fast_debug'), "debug", id);
+    },
+    editApi(row) {
+      let name = "";
+
+      if (row.isCopy) {
+        name = "copy" + "-" + row.name;
+        row.name = "copy" + "-" + row.name;
+
+      } else {
+        name = this.$t('api_test.definition.request.edit_api') + "-" + row.name;
+      }
+      this.handleTabsEdit(name, "ADD", row);
+    },
+    handleCase(api) {
+      this.currentApi = api;
+      this.showCasePage = false;
+    },
+    apiCaseClose() {
+      this.showCasePage = true;
+    },
+    exportAPI(type) {
+      if (this.activeDom !== 'left') {
+        this.$warning('用例列表暂不支持导出，请切换成接口列表');
+        return;
+      }
+      this.$refs.apiList[0].exportApi(type);
+    },
+    refreshModule() {
+      this.$refs.nodeTree.list();
+    },
+    refresh(data) {
+      this.$refs.apiList[0].initTable(data);
+    },
+    setTabTitle(data) {
+      for (let index in this.apiTabs) {
+        let tab = this.apiTabs[index];
+        if (tab.name === this.apiDefaultTab) {
+          tab.title = this.$t('api_test.definition.request.edit_api') + "-" + data.name;
+          break;
+        }
+      }
+    },
+    runTest(data) {
+      this.handleTabsEdit(this.$t("commons.api"), "TEST", data);
+      this.setTabTitle(data);
+    },
+    mockConfig(data) {
+      let targetName = this.$t("commons.mock") + "-" + data.apiName;
+      this.handleMockTabsConfig(targetName, "MOCK", data);
+    },
+    saveApi(data) {
+      this.setTabTitle(data);
+      this.refresh(data);
+    },
+
+    showExecResult(row) {
+      this.debug(row);
+    },
+    nodeChange(node, nodeIds, pNodes) {
+      this.selectNodeIds = nodeIds;
+    },
+    handleProtocolChange(protocol) {
+      this.currentProtocol = protocol;
+    },
+    setModuleOptions(data) {
+      this.moduleOptions = data;
+    },
+    setNodeTree(data) {
+      this.nodeTree = data;
+    },
+    changeSelectDataRangeAll(tableType) {
+      this.$route.params.dataSelectRange = 'all';
+    },
+    enableTrash(data) {
+      this.trashEnable = data;
+    }
   }
+};
 </script>
 
 <style scoped>
 
-  .ms-api-div {
-    overflow-y: auto;
-    height: calc(100vh - 155px)
-  }
+.ms-api-div {
+  overflow-y: auto;
+  height: calc(100vh - 155px)
+}
 
-  /deep/ .el-main {
-    overflow: hidden;
-  }
+/deep/ .el-main {
+  overflow: hidden;
+}
 
-  /deep/ .el-tabs__header {
-    margin: 0 0 0px;
-    /*width: calc(100% - 90px);*/
-  }
+/deep/ .el-tabs__header {
+  margin: 0 0 0px;
+  /*width: calc(100% - 90px);*/
+}
 
-  /deep/ .el-card {
-    /*border: 1px solid #EBEEF5;*/
-    /*border-style: none;*/
-    border-top: none;
-  }
+/deep/ .el-card {
+  /*border: 1px solid #EBEEF5;*/
+  /*border-style: none;*/
+  border-top: none;
+}
 
-  /deep/ .api-component {
-    margin-top: 10px;
-  }
+/deep/ .api-component {
+  margin-top: 10px;
+}
 
 </style>
diff --git a/frontend/src/business/components/api/definition/components/list/ApiList.vue b/frontend/src/business/components/api/definition/components/list/ApiList.vue
index f8141596e5..117f519d4d 100644
--- a/frontend/src/business/components/api/definition/components/list/ApiList.vue
+++ b/frontend/src/business/components/api/definition/components/list/ApiList.vue
@@ -194,18 +194,7 @@ import MsTableAdvSearchBar from "@/business/components/common/components/search/
 import {API_DEFINITION_CONFIGS} from "@/business/components/common/components/search/search-components";
 import MsTipButton from "@/business/components/common/components/MsTipButton";
 import CaseBatchMove from "@/business/components/api/definition/components/basis/BatchMove";
-import {
-  _filter,
-  _handleSelect,
-  _handleSelectAll,
-  _sort,
-  buildBatchParam, deepClone,
-  getLabel,
-  getSelectDataCounts,
-  initCondition,
-  setUnSelectIds,
-  toggleAllSelection
-} from "@/common/js/tableUtils";
+import {_filter, _sort, buildBatchParam, getLabel, initCondition} from "@/common/js/tableUtils";
 import {Api_List} from "@/business/components/common/model/JsonData";
 import HeaderCustom from "@/business/components/common/head/HeaderCustom";
 import HeaderLabelOperate from "@/business/components/common/head/HeaderLabelOperate";
@@ -251,31 +240,90 @@ export default {
       selectDataRange: "all",
       deletePath: "/test/case/delete",
       buttons: [
-        {name: this.$t('api_test.definition.request.batch_delete'), handleClick: this.handleDeleteBatch},
-        {name: this.$t('api_test.definition.request.batch_edit'), handleClick: this.handleEditBatch},
         {
-          name: this.$t('api_test.definition.request.batch_move'), handleClick: this.handleBatchMove
+          name: this.$t('api_test.definition.request.batch_delete'),
+          handleClick: this.handleDeleteBatch,
+          permissions: ['PROJECT_API_DEFINITION:READ+DELETE_API']
+        },
+        {
+          name: this.$t('api_test.definition.request.batch_edit'),
+          handleClick: this.handleEditBatch,
+          permissions: ['PROJECT_API_DEFINITION:READ+EDIT_API']
+        },
+        {
+          name: this.$t('api_test.definition.request.batch_move'),
+          handleClick: this.handleBatchMove,
+          permissions: ['PROJECT_API_DEFINITION:READ+BATCH_MOVE']
         }
       ],
       trashButtons: [
-        {name: this.$t('api_test.definition.request.batch_delete'), handleClick: this.handleDeleteBatch},
+        {
+          name: this.$t('api_test.definition.request.batch_delete'),
+          handleClick: this.handleDeleteBatch,
+          permissions: ['PROJECT_API_DEFINITION:READ+DELETE_API']
+        },
         {
           name: "批量恢复", handleClick: this.handleBatchRestore
         },
       ],
       tableOperatorButtons: [],
       tableUsualOperatorButtons: [
-        {tip: this.$t('api_test.automation.execute'), icon: "el-icon-video-play", exec: this.runApi},
-        {tip: this.$t('commons.edit'), icon: "el-icon-edit", exec: this.editApi},
-        {tip: "CASE", exec: this.handleTestCase, isDivButton: true, type: "primary"},
-        {tip: this.$t('commons.delete'), exec: this.handleDelete, icon: "el-icon-delete", type: "danger"},
-        {tip: this.$t('commons.copy'), exec: this.handleCopy, icon: "el-icon-document-copy", type: "primary"},
+        {
+          tip: this.$t('api_test.automation.execute'),
+          icon: "el-icon-video-play",
+          exec: this.runApi,
+          permissions: ['PROJECT_API_DEFINITION:READ+RUN']
+        },
+        {
+          tip: this.$t('commons.edit'),
+          icon: "el-icon-edit",
+          exec: this.editApi,
+          permissions: ['PROJECT_API_DEFINITION:READ+EDIT_API']
+        },
+        {
+          tip: "CASE",
+          exec: this.handleTestCase,
+          isDivButton: true,
+          type: "primary",
+          permissions: ['PROJECT_API_DEFINITION:READ+CREATE_CASE']
+        },
+        {
+          tip: this.$t('commons.delete'),
+          exec: this.handleDelete,
+          icon: "el-icon-delete",
+          type: "danger",
+          permissions: ['PROJECT_API_DEFINITION:READ+DELETE_API']
+        },
+        {
+          tip: this.$t('commons.copy'),
+          exec: this.handleCopy,
+          icon: "el-icon-document-copy",
+          type: "primary",
+          permissions: ['PROJECT_API_DEFINITION:READ+COPY']
+        },
       ],
       tableTrashOperatorButtons: [
-        {tip: this.$t('api_test.automation.execute'), icon: "el-icon-video-play", exec: this.runApi},
+        {
+          tip: this.$t('api_test.automation.execute'),
+          icon: "el-icon-video-play",
+          exec: this.runApi,
+          permissions: ['PROJECT_API_DEFINITION:READ+RUN']
+        },
         {tip: this.$t('commons.reduction'), icon: "el-icon-refresh-left", exec: this.reductionApi},
-        {tip: "CASE", exec: this.handleTestCase, isDivButton: true, type: "primary"},
-        {tip: this.$t('commons.delete'), exec: this.handleDelete, icon: "el-icon-delete", type: "danger"},
+        {
+          tip: "CASE",
+          exec: this.handleTestCase,
+          isDivButton: true,
+          type: "primary",
+          permissions: ['PROJECT_API_DEFINITION:READ+CREATE_CASE']
+        },
+        {
+          tip: this.$t('commons.delete'),
+          exec: this.handleDelete,
+          icon: "el-icon-delete",
+          type: "danger",
+          permissions: ['PROJECT_API_DEFINITION:READ+DELETE_API']
+        },
       ],
       typeArr: [
         {id: 'status', name: this.$t('api_test.definition.api_status')},
@@ -321,7 +369,7 @@ export default {
       screenHeight: document.documentElement.clientHeight - 310,//屏幕高度,
       environmentId: undefined,
       selectDataCounts: 0,
-    }
+    };
   },
   props: {
     currentProtocol: String,
@@ -347,13 +395,13 @@ export default {
     moduleTree: {
       type: Array,
       default() {
-        return []
+        return [];
       },
     },
     moduleOptions: {
       type: Array,
       default() {
-        return []
+        return [];
       },
     }
   },
@@ -453,7 +501,7 @@ export default {
             if (item.tags && item.tags.length > 0) {
               item.tags = JSON.parse(item.tags);
             }
-          })
+          });
 
           // nexttick:表格加载完成之后触发。判断是否需要勾选行
           this.$nextTick(function () {
@@ -461,7 +509,7 @@ export default {
               this.$refs.apiDefinitionTable.checkTableRowIsSelect();
               this.$refs.apiDefinitionTable.doLayout();
             }
-          })
+          });
         });
       }
       getLabel(this, API_LIST);
@@ -513,7 +561,7 @@ export default {
       this.$post('/user/ws/member/tester/list', {workspaceId: workspaceId}, response => {
         this.valueArr.userId = response.data;
         this.userFilters = response.data.map(u => {
-          return {text: u.name, value: u.id}
+          return {text: u.name, value: u.id};
         });
       });
     },
@@ -562,8 +610,8 @@ export default {
         }
         response.body = body;
       }
-      row.request = request
-      row.response = response
+      row.request = request;
+      row.response = response;
       this.$emit('runTest', row);
     },
     reductionApi(row) {
@@ -706,7 +754,7 @@ export default {
       this.$emit("changeSelectDataRangeAll", "api");
     },
     getIds(rowSets) {
-      let rowArray = Array.from(rowSets)
+      let rowArray = Array.from(rowSets);
       let ids = rowArray.map(s => s.id);
       return ids;
     },
@@ -739,7 +787,7 @@ export default {
             if (api.moduleId === item.id) {
               api.modulePath = item.path;
             }
-          })
+          });
         });
       } catch (e) {
         console.log(e);
@@ -773,7 +821,7 @@ export default {
       return row[property] === value;
     }
   },
-}
+};
 </script>
 
 <style scoped>
diff --git a/frontend/src/business/components/api/definition/components/module/ApiModuleHeader.vue b/frontend/src/business/components/api/definition/components/module/ApiModuleHeader.vue
index 920e348db2..89033545de 100644
--- a/frontend/src/business/components/api/definition/components/module/ApiModuleHeader.vue
+++ b/frontend/src/business/components/api/definition/components/module/ApiModuleHeader.vue
@@ -27,134 +27,144 @@
       @saveAsEdit="saveAsEdit"
       @refresh="refresh"
       ref="basisApi"/>
-    <api-import :propotal="condition.protocol" ref="apiImport" :moduleOptions="moduleOptions" @refresh="$emit('refresh')"/>
+    <api-import :propotal="condition.protocol" ref="apiImport" :moduleOptions="moduleOptions"
+                @refresh="$emit('refresh')"/>
   </div>
 </template>
 
 <script>
-  import {OPTIONS} from "../../model/JsonData";
-  import MsAddBasisApi from "../basis/AddBasisApi";
-  import ApiImport from "../import/ApiImport";
-  import ModuleTrashButton from "./ModuleTrashButton";
-  import {buildNodePath} from "@/business/components/api/definition/model/NodeTree";
-  import TemplateComponent from "../../../../track/plan/view/comonents/report/TemplateComponent/TemplateComponent";
-  import MsSearchBar from "@/business/components/common/components/search/MsSearchBar";
-  export default {
-      name: "ApiModuleHeader",
-    components: {MsSearchBar, TemplateComponent, ModuleTrashButton, ApiImport, MsAddBasisApi},
-    data() {
-      return {
-        options: OPTIONS,
-        operators:  [
-          {
-            label: this.$t('api_test.definition.request.title'),
-            callback: this.addApi
+import {OPTIONS} from "../../model/JsonData";
+import MsAddBasisApi from "../basis/AddBasisApi";
+import ApiImport from "../import/ApiImport";
+import ModuleTrashButton from "./ModuleTrashButton";
+import TemplateComponent from "../../../../track/plan/view/comonents/report/TemplateComponent/TemplateComponent";
+import MsSearchBar from "@/business/components/common/components/search/MsSearchBar";
+
+export default {
+  name: "ApiModuleHeader",
+  components: {MsSearchBar, TemplateComponent, ModuleTrashButton, ApiImport, MsAddBasisApi},
+  data() {
+    return {
+      options: OPTIONS,
+      operators: [
+        {
+          label: this.$t('api_test.definition.request.title'),
+          callback: this.addApi,
+          permissions: ['PROJECT_API_DEFINITION:READ+CREATE_API']
+        },
+        {
+          label: this.$t('api_test.definition.request.fast_debug'),
+          callback: () => {
+            this.$emit('debug');
           },
-          {
-            label: this.$t('api_test.definition.request.fast_debug'),
-            callback: () => {this.$emit('debug')}
-          },
-          {
-            label: this.$t('api_test.api_import.label'),
-            callback: this.handleImport
-          },
-          {
-            label: this.$t('report.export'),
-            children: [
-              {
-                label: this.$t('report.export_to_ms_format') ,
-                callback: () => {
-                  if (!this.projectId) {
-                    this.$warning(this.$t('commons.check_project_tip'));
-                    return;
-                  }
-                  this.$emit('exportAPI', 'MS');
-                }
-              },
-              {
-                label: this.$t('report.export_to_swagger3_format'),
-                callback: () => {
-                  if (!this.projectId) {
-                    this.$warning(this.$t('commons.check_project_tip'));
-                    return;
-                  }
-                  this.$emit('exportAPI', 'Swagger');
+          permissions: ['PROJECT_API_DEFINITION:READ+DEBUG']
+        },
+        {
+          label: this.$t('api_test.api_import.label'),
+          callback: this.handleImport,
+          permissions: ['PROJECT_API_DEFINITION:READ+IMPORT_API']
+        },
+        {
+          label: this.$t('report.export'),
+          permissions: ['PROJECT_API_DEFINITION:READ+EXPORT_API'],
+          children: [
+            {
+              label: this.$t('report.export_to_ms_format'),
+              callback: () => {
+                if (!this.projectId) {
+                  this.$warning(this.$t('commons.check_project_tip'));
+                  return;
                 }
+                this.$emit('exportAPI', 'MS');
               }
-            ]
-          }
-        ]
+            },
+            {
+              label: this.$t('report.export_to_swagger3_format'),
+              callback: () => {
+                if (!this.projectId) {
+                  this.$warning(this.$t('commons.check_project_tip'));
+                  return;
+                }
+                this.$emit('exportAPI', 'Swagger');
+              }
+            }
+          ]
+        }
+      ]
+    };
+  },
+  props: {
+    condition: {
+      type: Object,
+      default() {
+        return {};
       }
     },
-    props: {
-      condition: {
-        type: Object,
-        default() {
-          return {}
-        }
-      },
-      showOperator: Boolean,
-      moduleOptions: Array,
-      currentModule: {
-        type: Object,
-        default() {
-          return {}
-        }
-      },
-      isReadOnly: {
-        type: Boolean,
-        default() {
-          return false
-        }
-      },
-    },
-    computed: {
-      projectId() {
-        return this.$store.state.projectId
-      },
-    },
-    methods: {
-      handleImport() {
-        if (!this.projectId) {
-          this.$warning(this.$t('commons.check_project_tip'));
-          return;
-        }
-        this.protocol = "HTTP";
-        this.$refs.apiImport.open(this.moduleOptions);
-      },
-      addApi() {
-        if (!this.projectId) {
-          this.$warning(this.$t('commons.check_project_tip'));
-          return;
-        }
-        this.$refs.basisApi.open(this.currentModule);
-      },
-      saveAsEdit(data) {
-        this.$emit('saveAsEdit', data);
-      },
-      refresh() {
-        this.$emit('refresh');
-      },
-      enableTrash() {
-        this.condition.trashEnable = true;
+    showOperator: Boolean,
+    moduleOptions: Array,
+    currentModule: {
+      type: Object,
+      default() {
+        return {};
       }
+    },
+    isReadOnly: {
+      type: Boolean,
+      default() {
+        return false;
+      }
+    },
+  },
+  computed: {
+    projectId() {
+      return this.$store.state.projectId;
+    },
+  },
+  methods: {
+    handleImport() {
+      if (!this.projectId) {
+        this.$warning(this.$t('commons.check_project_tip'));
+        return;
+      }
+      this.protocol = "HTTP";
+      this.$refs.apiImport.open(this.moduleOptions);
+    },
+    addApi() {
+      if (!this.projectId) {
+        this.$warning(this.$t('commons.check_project_tip'));
+        return;
+      }
+      this.$refs.basisApi.open(this.currentModule);
+    },
+    saveAsEdit(data) {
+      this.$emit('saveAsEdit', data);
+    },
+    refresh() {
+      this.$emit('refresh');
+    },
+    enableTrash() {
+      this.condition.trashEnable = true;
     }
   }
+};
 </script>
 
 <style scoped>
-  .protocol-select {
-    width: 92px;
-    height: 30px;
-  }
-  .protocol-col {
-    min-width: 93px;
-  }
-  .read-only {
-    width: 150px !important;
-  }
-  .filter-input {
-    width: 174px;
-    padding-left: 3px;
-  }
+.protocol-select {
+  width: 92px;
+  height: 30px;
+}
+
+.protocol-col {
+  min-width: 93px;
+}
+
+.read-only {
+  width: 150px !important;
+}
+
+.filter-input {
+  width: 174px;
+  padding-left: 3px;
+}
 </style>
diff --git a/frontend/src/business/components/common/components/search/MsSearchBar.vue b/frontend/src/business/components/common/components/search/MsSearchBar.vue
index 33784e7370..1da3aedfb6 100644
--- a/frontend/src/business/components/common/components/search/MsSearchBar.vue
+++ b/frontend/src/business/components/common/components/search/MsSearchBar.vue
@@ -7,7 +7,9 @@
             <i class="el-icon-arrow-down el-icon--right"/>
           </el-button>
           <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item v-for="(item, index) in commands" :key="index" @click.native.stop="click(item)">
+            <el-dropdown-item v-for="(item, index) in commands" :key="index" @click.native.stop="click(item)"
+                              v-permission="item.permissions"
+            >
              <span class="tip-font" v-if="!item.children">
                {{ item.label }}
              </span>
diff --git a/frontend/src/common/js/utils.js b/frontend/src/common/js/utils.js
index 2adccf686c..ab2a42ecf9 100644
--- a/frontend/src/common/js/utils.js
+++ b/frontend/src/common/js/utils.js
@@ -96,7 +96,7 @@ export function hasPermission(permission) {
   }
 
   let systemPermissions = user.userGroups.filter(gp => gp.group.type === 'SYSTEM')
-    .filter(ug => ug.sourceId === 'system')[0]?.userGroupPermissions
+    .filter(ug => ug.sourceId === 'system' || ug.sourceId === 'adminSourceId')[0]?.userGroupPermissions
     .map(g => g.permissionId) || [];
 
   for (const p of systemPermissions) {