Merge branch 'master' of https://github.com/metersphere/metersphere

frontend/src/business/components/api/definition/components/module/ApiModuleHeader.vue

@@ -1,123 +1,125 @@
 <template>
-    <div>
-      <el-select class="protocol-select" size="small" v-model="condition.protocol">
-        <el-option
-          v-for="item in options"
-          :key="item.value"
-          :name="item.name"
-          :value="item.value"
-          :disabled="item.disabled">
-        </el-option>
-      </el-select>
-      <el-input class="filter-input" :class="{'read-only': isReadOnly}" :placeholder="$t('test_track.module.search')" v-model="condition.filterText" size="small">
-        <template v-slot:append>
-          <el-dropdown v-if="!isReadOnly" size="small" split-button type="primary" class="ms-api-button" @click="handleCommand('add-api')"
-                       @command="handleCommand">
-            <el-button icon="el-icon-folder-add" @click="addApi"></el-button>
-            <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item command="add-api">{{$t('api_test.definition.request.title')}}</el-dropdown-item>
-              <el-dropdown-item command="debug">{{$t('api_test.definition.request.fast_debug')}}</el-dropdown-item>
-              <el-dropdown-item command="import">{{$t('api_test.api_import.label')}}</el-dropdown-item>
-              <el-dropdown-item command="export">{{$t('report.export')}}</el-dropdown-item>
-            </el-dropdown-menu>
-          </el-dropdown>
-        </template>
-      </el-input>
+  <div>
+    <el-select class="protocol-select" size="small" v-model="condition.protocol">
+      <el-option
+        v-for="item in options"
+        :key="item.value"
+        :name="item.name"
+        :value="item.value"
+        :disabled="item.disabled">
+      </el-option>
+    </el-select>
+    <el-input class="filter-input" :class="{'read-only': isReadOnly}" :placeholder="$t('test_track.module.search')" v-model="condition.filterText"
+              size="small">
+      <template v-slot:append>
+        <el-dropdown v-if="!isReadOnly" size="small" split-button type="primary" class="ms-api-button" @click="handleCommand('add-api')"
+                     v-tester
+                     @command="handleCommand">
+          <el-button icon="el-icon-folder-add" @click="addApi"></el-button>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="add-api">{{ $t('api_test.definition.request.title') }}</el-dropdown-item>
+            <el-dropdown-item command="debug">{{ $t('api_test.definition.request.fast_debug') }}</el-dropdown-item>
+            <el-dropdown-item command="import">{{ $t('api_test.api_import.label') }}</el-dropdown-item>
+            <el-dropdown-item command="export">{{ $t('report.export') }}</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+      </template>
+    </el-input>
 
-      <module-trash-button v-if="!isReadOnly" :condition="condition" :exe="enableTrash"/>
+    <module-trash-button v-if="!isReadOnly" :condition="condition" :exe="enableTrash"/>
 
-      <ms-add-basis-api
-        :current-protocol="condition.protocol"
-        @saveAsEdit="saveAsEdit"
-        @refresh="refresh"
-        ref="basisApi"/>
-      <api-import ref="apiImport" @refresh="refresh"/>
-    </div>
+    <ms-add-basis-api
+      :current-protocol="condition.protocol"
+      @saveAsEdit="saveAsEdit"
+      @refresh="refresh"
+      ref="basisApi"/>
+    <api-import ref="apiImport" @refresh="refresh"/>
+  </div>
 </template>
 
 <script>
-    import {OPTIONS} from "../../model/JsonData";
-    import MsAddBasisApi from "../basis/AddBasisApi";
-    import ApiImport from "../import/ApiImport";
-    import ModuleTrashButton from "./ModuleTrashButton";
+import {OPTIONS} from "../../model/JsonData";
+import MsAddBasisApi from "../basis/AddBasisApi";
+import ApiImport from "../import/ApiImport";
+import ModuleTrashButton from "./ModuleTrashButton";
 
-    export default {
-      name: "ApiModuleHeader",
-      components: {ModuleTrashButton, ApiImport, MsAddBasisApi},
-      data() {
-        return {
-          options: OPTIONS,
-        }
-      },
-      props: {
-        condition: {
-          type: Object,
-          default() {
-            return {}
-          }
-        },
-        currentModule: {
-          type: Object,
-          default() {
-            return {}
-          }
-        },
-        isReadOnly: {
-          type: Boolean,
-          default() {
-            return false
-          }
-        }
-      },
-      methods: {
-        handleCommand(e) {
-          switch (e) {
-            case "debug":
-              this.$emit('debug');
-              break;
-            case "add-api":
-              this.addApi();
-              break;
-            case "add-module":
-              break;
-            case "import":
-              this.$refs.apiImport.open(this.currentModule);
-              break;
-            default:
-              this.$emit('exportAPI');
-              break;
-          }
-        },
-        addApi() {
-          this.$refs.basisApi.open(this.currentModule);
-        },
-        saveAsEdit(data) {
-          this.$emit('saveAsEdit', data);
-        },
-        refresh() {
-          this.$emit('refresh');
-        },
-        enableTrash() {
-          this.condition.trashEnable = true;
-        }
+export default {
+  name: "ApiModuleHeader",
+  components: {ModuleTrashButton, ApiImport, MsAddBasisApi},
+  data() {
+    return {
+      options: OPTIONS,
+    }
+  },
+  props: {
+    condition: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    currentModule: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    isReadOnly: {
+      type: Boolean,
+      default() {
+        return false
       }
     }
+  },
+  methods: {
+    handleCommand(e) {
+      switch (e) {
+        case "debug":
+          this.$emit('debug');
+          break;
+        case "add-api":
+          this.addApi();
+          break;
+        case "add-module":
+          break;
+        case "import":
+          this.$refs.apiImport.open(this.currentModule);
+          break;
+        default:
+          this.$emit('exportAPI');
+          break;
+      }
+    },
+    addApi() {
+      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: 95px;
-    height: 30px;
-  }
+.protocol-select {
+  width: 95px;
+  height: 30px;
+}
 
-  .read-only {
-    width: 150px !important;
-  }
+.read-only {
+  width: 150px !important;
+}
 
-  .filter-input {
-    width: 175px;
-    padding-left: 3px;
-  }
+.filter-input {
+  width: 175px;
+  padding-left: 3px;
+}
 
 </style>

frontend/src/business/main.js

@@ -11,7 +11,7 @@ import YanProgress from 'yan-progress';
 import './permission' // permission control
 import i18n from "../i18n/i18n";
 import store from "./store";
-import {permission, roles, xpack} from './permission'
+import {permission, roles, tester, xpack} from './permission'
 import chart from "../common/js/chart";
 import CalendarHeatmap from "../common/js/calendar-heatmap";
 import '../common/css/menu-header.css';
@@ -41,6 +41,8 @@ Vue.directive('roles', roles);
 
 Vue.directive('xpack', xpack);
 
+Vue.directive('tester', tester);
+
 new Vue({
   el: '#app',
   router,

frontend/src/business/permission.js

@@ -1,6 +1,6 @@
 import router from './components/common/router/router'
 import {TokenKey} from '@/common/js/constants';
-import {hasLicense, hasRolePermissions, hasRoles} from "@/common/js/utils";
+import {checkoutTestManagerOrTestUser, hasLicense, hasRolePermissions, hasRoles} from "@/common/js/utils";
 import NProgress from 'nprogress' // progress bar
 import 'nprogress/nprogress.css' // progress bar style
 const whiteList = ['/login']; // no redirect whitelist
@@ -25,6 +25,20 @@ export const xpack = {
   }
 };
 
+export const tester = {
+  inserted(el, binding) {
+    checkTestManagerOrTestUser(el, binding);
+  }
+};
+
+function checkTestManagerOrTestUser(el, binding) {
+  let v = checkoutTestManagerOrTestUser();
+
+  if (!v) {
+    el.parentNode && el.parentNode.removeChild(el)
+  }
+}
+
 function checkLicense(el, binding, type) {
   let v = hasLicense()