diff --git a/package-lock.json b/package-lock.json
index 439b224..a48c1b3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2023,7 +2023,7 @@
     },
     "babel-plugin-syntax-dynamic-import": {
       "version": "6.18.0",
-      "resolved": "https://registry.npm.taobao.org/babel-plugin-syntax-dynamic-import/download/babel-plugin-syntax-dynamic-import-6.18.0.tgz",
+      "resolved": "https://registry.npmjs.org/babel-plugin-syntax-dynamic-import/-/babel-plugin-syntax-dynamic-import-6.18.0.tgz",
       "integrity": "sha1-jWomIpyDdFqZgqRBBRVyyqF5sdo="
     },
     "babel-polyfill": {
@@ -3650,7 +3650,7 @@
     },
     "de-indent": {
       "version": "1.0.2",
-      "resolved": "https://registry.npm.taobao.org/de-indent/download/de-indent-1.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
       "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=",
       "dev": true
     },
@@ -6702,7 +6702,7 @@
     },
     "highlight.js-async-webpack": {
       "version": "1.0.4",
-      "resolved": "https://registry.npm.taobao.org/highlight.js-async-webpack/download/highlight.js-async-webpack-1.0.4.tgz",
+      "resolved": "https://registry.npmjs.org/highlight.js-async-webpack/-/highlight.js-async-webpack-1.0.4.tgz",
       "integrity": "sha1-wGtnv5nwSQRdYrdW5YVbCRLsYWw="
     },
     "hmac-drbg": {
@@ -8740,7 +8740,7 @@
     },
     "normalize-wheel": {
       "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/normalize-wheel/download/normalize-wheel-1.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
       "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
     },
     "npm-run-path": {
@@ -10923,7 +10923,7 @@
     },
     "rgbcolor": {
       "version": "1.0.1",
-      "resolved": "https://registry.npm.taobao.org/rgbcolor/download/rgbcolor-1.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/rgbcolor/-/rgbcolor-1.0.1.tgz",
       "integrity": "sha1-1lBezbMEplldom+ktDMHMGd1lF0=",
       "optional": true
     },
diff --git a/src/layouts/navbar/index.vue b/src/layouts/navbar/index.vue
index 30eccf9..12bc323 100644
--- a/src/layouts/navbar/index.vue
+++ b/src/layouts/navbar/index.vue
@@ -1,21 +1,28 @@
 <template>
     <div>
-        <el-tabs v-model="active" @tab-click="jump">
-            <el-tab-pane v-for="(item,index) in menus" :key="index" :label="item.label"
-                         :name="item.index"></el-tab-pane>
-        </el-tabs>
+        <el-menu
+            :default-active="activeTab"
+            mode="horizontal"
+            @select="handleSelect"
+            active-text-color="#9076FF"
+        >
+            <el-menu-item index="/station/list">实验台</el-menu-item>
+            <el-menu-item index="/appraisal/list">能力测评</el-menu-item>
+            <el-menu-item index="/record/list">实验记录</el-menu-item>
+            <el-menu-item index="/ass/list">考核列表</el-menu-item>
+            <el-menu-item index="/course/list">课程学习</el-menu-item>
+            <el-menu-item index="/info/list">资讯</el-menu-item>
+            <el-menu-item index="/match/list">线上赛事</el-menu-item>
+        </el-menu>
     </div>
 </template>
 
 <script>
-import { mapState, mapActions } from "vuex";
-import Setting from "@/setting";
-import util from "@/libs/util";
+import { mapActions } from "vuex";
 
 export default {
     data() {
         return {
-            active: this.$route.path,
             menus: [
                 {
                     index: "/station/list",
@@ -48,40 +55,38 @@ export default {
             ]
         };
     },
-    watch: {
-        "$route"(to, from) {
-            this.active = this.$route.path;
+    computed: {
+        activeTab: {
+            get () {
+                return this.$store.state.user.activeTab;
+            },
+            set (newValue) {
+                return newValue;
+            }
         }
-    },
-    mounted() {
-
     },
     methods: {
+        ...mapActions("user", [
+            "setActiveTab"
+        ]),
         // 点击标签页跳转到相应的路由
         jump(tab) {
-            this.active = tab.name;
-            this.$router.push(tab.name).catch(err => {
-            });
+            this.setActiveTab(tab.name);
+            this.$router.push(tab.name).catch(err => {});
+        },
+        handleSelect(key, keyPath) {
+            this.setActiveTab(key);
+            this.$router.push(key).catch(err => {});
+            console.log(key, keyPath);
         }
     }
 };
 </script>
 
 <style lang="scss" scoped>
-/deep/ .el-tabs__header {
+/deep/ .el-menu.el-menu--horizontal{
     z-index: 2;
-    padding: 20px 60px 0;
-    margin: 0;
+    padding: 0 40px;
     box-shadow: 0px 0px 25px 2px rgba(48, 115, 248, 0.14);
-    background-color: #fff;
-
-    .el-tabs__nav-wrap::after {
-        background-color: #fff;
-
-        .el-tabs__item {
-            padding: 0 30px;
-            outline: none;
-        }
-    }
 }
 </style>
\ No newline at end of file
diff --git a/src/setting.js b/src/setting.js
index 1a575f4..ea23d99 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -42,9 +42,9 @@ if (isHh) {
     title = "职站";
 } else if (isDev) {
     // 本地
-    host = "http://39.108.250.202:9000/"; // 中台测试服
+    // host = "http://39.108.250.202:9000/"; // 中台测试服
     // host = "http://192.168.31.137:9000/"; // 赓
-    // host = "http://192.168.31.151:9000/"; // 榕
+    host = "http://192.168.31.151:9000/"; // 榕
     // host = "http://192.168.31.125:9000/"; // 坤
     systemPath = "http://192.168.31.154/";
     defaultSubSystem = "http://39.108.250.202/pyTrials/#/";
diff --git a/src/store/modules/user.js b/src/store/modules/user.js
index 85bd7c7..1e2bd5a 100644
--- a/src/store/modules/user.js
+++ b/src/store/modules/user.js
@@ -10,6 +10,7 @@ import addRoutes from "@/libs/route/addRoutes";
 export default {
     namespaced: true,
     state: {
+        activeTab: "/station/list", // 当前激活菜单
         title: "",
         logoUrl: "",
         avatar: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
@@ -41,7 +42,10 @@ export default {
         },
         SET_USERNAME: (state, userName) => {
             state.userName = userName;
-        }
+        },
+        SET_ACTIVE_TAB: (state, activeTab) => {
+            state.activeTab = activeTab;
+        },
     },
     actions: {
         login({ state, commit }, userInfo) {
@@ -91,6 +95,9 @@ export default {
         },
         setUserName({ state, commit }, userName) {
             commit("SET_USERNAME", userName);
+        },
+        setActiveTab({ state, commit }, activeTab) {
+            commit("SET_ACTIVE_TAB", activeTab);
         }
     }
 };
\ No newline at end of file