diff --git a/backend/src/main/java/io/metersphere/xpack b/backend/src/main/java/io/metersphere/xpack
index 493663be7c000ceef5913783788def1f43b15b2f..5f113d50f0d1d3c410b8ccd94cb5c9c944f2272c 160000
--- a/backend/src/main/java/io/metersphere/xpack
+++ b/backend/src/main/java/io/metersphere/xpack
@@ -1 +1 @@
-Subproject commit 493663be7c000ceef5913783788def1f43b15b2f
+Subproject commit 5f113d50f0d1d3c410b8ccd94cb5c9c944f2272c
diff --git a/frontend/src/business/components/common/head/HeaderTopMenus.vue b/frontend/src/business/components/common/head/HeaderTopMenus.vue
index 8d559d0e94bf5d667eb805ef701ddff802b99b71..eb4ee6986d977b491cc1bdc805f97e4cf6e72ce0 100644
--- a/frontend/src/business/components/common/head/HeaderTopMenus.vue
+++ b/frontend/src/business/components/common/head/HeaderTopMenus.vue
@@ -8,17 +8,20 @@
            @select="handleSelect"
            router>
 
-    <el-menu-item index="/track" v-permission="['test_manager','test_user','test_viewer']">
+    <el-menu-item index="/track" v-if="check('testTrack')" v-permission="['test_manager','test_user','test_viewer']">
       {{ $t('test_track.test_track') }}
     </el-menu-item>
-    <el-menu-item index="/api" @click="active()" v-permission="['test_manager','test_user','test_viewer']">
+    <el-menu-item index="/api" @click="active()" v-if="check('api')"
+                  v-permission="['test_manager','test_user','test_viewer']">
       {{ $t('commons.api') }}
     </el-menu-item>
-    <el-menu-item index="/performance" onselectstart="return false"
+    <el-menu-item index="/performance" v-if="check('performance')"
+                  onselectstart="return false"
                   v-permission="['test_manager','test_user','test_viewer']">
       {{ $t('commons.performance') }}
     </el-menu-item>
-    <el-menu-item index="/report" v-permission="['test_manager','test_user','test_viewer']" v-if="isReport">
+    <el-menu-item index="/report" v-permission="['test_manager','test_user','test_viewer']"
+                  v-if="isReport && check('reportStat')">
       {{ $t('commons.report_statistics.title') }}
     </el-menu-item>
 
@@ -29,67 +32,82 @@
 </template>
 
 <script>
-  import {LicenseKey} from '@/common/js/constants';
-  import {mapGetters} from "vuex";
+import {LicenseKey} from '@/common/js/constants';
+import {mapGetters} from "vuex";
+
+const requireContext = require.context('@/business/components/xpack/', true, /router\.js$/);
+const report = requireContext.keys().map(key => requireContext(key).report);
+const isReport = report && report != null && report.length > 0 && report[0] != undefined ? true : false;
 
-  const requireContext = require.context('@/business/components/xpack/', true, /router\.js$/)
-  const report = requireContext.keys().map(key => requireContext(key).report);
-  const isReport = report && report != null && report.length > 0 && report[0] != undefined ? true : false;
-  export default {
-    name: "MsTopMenus",
-    data() {
-      return {
-        activeIndex: '/',
-        isReport: isReport
+const requireComponent = require.context('@/business/components/xpack/', true, /\.vue$/);
+const module = requireComponent.keys().length > 0 ? requireComponent("./module/Module.vue") : {};
+
+export default {
+  name: "MsTopMenus",
+  data() {
+    return {
+      activeIndex: '/',
+      isReport: isReport,
+      modules: {}
+    };
+  },
+  props: {
+    color: String
+  },
+  watch: {
+    '$route'(to) {
+      if (to.matched.length > 0) {
+        this.activeIndex = to.matched[0].path;
       }
-    },
-    props: {
-      color: String
-    },
-    watch: {
-      '$route'(to) {
-        if (to.matched.length > 0) {
-          this.activeIndex = to.matched[0].path;
-        }
-        this.handleSelect(this.activeIndex);
+      this.handleSelect(this.activeIndex);
+    }
+  },
+  mounted() {
+    if (this.$route.matched.length > 0) {
+      this.activeIndex = this.$route.matched[0].path;
+    }
+    let license = localStorage.getItem(LicenseKey);
+    if (license != "valid") {
+      this.isReport = false;
+    } else {
+      if (module.default) {
+        module.default.listModules(this);
       }
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'isNewVersion',
+      'isOldVersion',
+    ])
+  },
+  methods: {
+    handleSelect(index) {
+      this.activeIndex = index;
     },
-    mounted() {
-      if (this.$route.matched.length > 0) {
-        this.activeIndex = this.$route.matched[0].path;
-      }
-      let license = localStorage.getItem(LicenseKey);
-      if (license != "valid") {
-        this.isReport = false;
+    active() {
+      if (this.activeIndex === '/api') {
+        if (this.isNewVersion) {
+          window.location.href = "/#/api/home";
+        } else if (this.isOldVersion) {
+          window.location.href = "/#/api/home_obsolete";
+        }
       }
     },
-    computed: {
-      ...mapGetters([
-        'isNewVersion',
-        'isOldVersion',
-      ])
-    },
-    methods: {
-      handleSelect(index) {
-        this.activeIndex = index
-      },
-      active() {
-        if (this.activeIndex === '/api') {
-          if (this.isNewVersion) {
-            window.location.href = "/#/api/home";
-          } else if (this.isOldVersion) {
-            window.location.href = "/#/api/home_obsolete";
-          }
-        }
+    check(key) {
+      if (module.default !== undefined) {
+        return true;
       }
+      return this.modules[key] === 'ENABLE';
     }
   }
+};
 </script>
 <style scoped>
 
-  .el-menu >>> .el-menu-item {
-    box-sizing: border-box;
-    height: 40px;
-  }
+.el-menu >>> .el-menu-item {
+  box-sizing: border-box;
+  height: 40px;
+}
 
 </style>
diff --git a/frontend/src/business/components/settings/system/SystemParameterSetting.vue b/frontend/src/business/components/settings/system/SystemParameterSetting.vue
index 40decd2c3a2f4349e26e2ad84d18198423511241..0296bcbc975b0e79706c8073d735f2a731d8c26e 100644
--- a/frontend/src/business/components/settings/system/SystemParameterSetting.vue
+++ b/frontend/src/business/components/settings/system/SystemParameterSetting.vue
@@ -17,6 +17,9 @@
       <el-tab-pane v-if="hasLicense()" :label="$t('auth_source.title')" name="auth">
         <ms-auth/>
       </el-tab-pane>
+      <el-tab-pane v-if="hasLicense()" :label="$t('module.title')" name="module">
+        <ms-module/>
+      </el-tab-pane>
     </el-tabs>
   </el-card>
 </template>
@@ -30,6 +33,7 @@ import {hasLicense} from '@/common/js/utils';
 const requireComponent = require.context('@/business/components/xpack/', true, /\.vue$/);
 const display = requireComponent.keys().length > 0 ? requireComponent("./display/Display.vue") : {};
 const auth = requireComponent.keys().length > 0 ? requireComponent("./auth/Auth.vue") : {};
+const module = requireComponent.keys().length > 0 ? requireComponent("./module/Module.vue") : {};
 
 export default {
   name: "SystemParameterSetting",
@@ -39,16 +43,17 @@ export default {
     LdapSetting,
     "MsDisplay": display.default,
     "MsAuth": auth.default,
+    "MsModule": module.default,
   },
   data() {
     return {
       activeName: 'base',
-    }
+    };
   },
   methods: {
     hasLicense,
   }
-}
+};
 </script>
 
 <style scoped>
diff --git a/frontend/src/business/components/xpack b/frontend/src/business/components/xpack
index a37e6bb56ffaa7ecc4ee128640e9415304ad41b6..449b55084bd1721b2ebf25bfc82d255354092c3b 160000
--- a/frontend/src/business/components/xpack
+++ b/frontend/src/business/components/xpack
@@ -1 +1 @@
-Subproject commit a37e6bb56ffaa7ecc4ee128640e9415304ad41b6
+Subproject commit 449b55084bd1721b2ebf25bfc82d255354092c3b
diff --git a/frontend/src/i18n/en-US.js b/frontend/src/i18n/en-US.js
index b400aa2d2e70993c52a18df0cf4717c1791966ff..bf3fc98aa68c6ba1fd18096350e9eec9073e7119 100644
--- a/frontend/src/i18n/en-US.js
+++ b/frontend/src/i18n/en-US.js
@@ -991,7 +991,7 @@ export default {
       unit_of_measurement: "",
       unit_of_count: "",
       unit_of_times: "times",
-      formula:{
+      formula: {
         completion: "finished api / all api * 100%",
         coverage: "apis whitch have test case / all apis * 100%",
         pass: "scenarios whitch final execute is sucess / all scenarios * 100%",
@@ -1678,6 +1678,9 @@ export default {
     title: 'Auth Source',
     auth_name_valid: 'Name does not support special characters',
   },
+  module: {
+    title: 'Module Management'
+  },
   table: {
     header_display_field: 'Header display field',
     fields_to_be_selected: 'Fields to be selected',
diff --git a/frontend/src/i18n/zh-CN.js b/frontend/src/i18n/zh-CN.js
index 7339a77098685707862c72689fbec571a6d26902..ccfe1f13d691feeaa5426bb9abe81ed8899bdff3 100644
--- a/frontend/src/i18n/zh-CN.js
+++ b/frontend/src/i18n/zh-CN.js
@@ -995,7 +995,7 @@ export default {
       unit_of_measurement: "个",
       unit_of_count: "个",
       unit_of_times: "次",
-      formula:{
+      formula: {
         completion: "已完成的接口/接口总数*100%",
         coverage: "有案例的接口/接口总数*100%",
         pass: "最后一次执行成功的场景/场景总数*100%",
@@ -1681,6 +1681,9 @@ export default {
     title: '认证设置',
     auth_name_valid: '名称不支持特殊字符',
   },
+  module: {
+    title: '模块管理'
+  },
   table: {
     header_display_field: '表头显示字段',
     fields_to_be_selected: '待选字段',
diff --git a/frontend/src/i18n/zh-TW.js b/frontend/src/i18n/zh-TW.js
index 7276601440167131f2d1d582293c178d2b8ff292..73e0bd20fd6c46ddda779b883fe3cd6e27d6eff7 100644
--- a/frontend/src/i18n/zh-TW.js
+++ b/frontend/src/i18n/zh-TW.js
@@ -1679,6 +1679,9 @@ export default {
     title: '認證設置',
     auth_name_valid: '名稱不支持特殊字符',
   },
+  module: {
+    title: '模塊管理'
+  },
   table: {
     header_display_field: '表頭顯示欄位',
     fields_to_be_selected: '待選欄位',