权限，菜单

src/App.vue

@@ -6,15 +6,11 @@
 
 <script>
 export default {
-  data(){
-    return{}
+  data() {
+    return {};
   },
-  created(){
-    /* this.$router.push({
-      path:"/recordManage"
-    }) */
-  }
-}
+  created() {},
+};
 </script>
 
 <style lang="less">
@@ -23,7 +19,7 @@ export default {
 }
 
 #app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  font-family: "Avenir", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #2c3e50;
@@ -45,28 +41,26 @@ export default {
 
   .el-menu {
     border-right: 0;
-
   }
-
 }
 
 @font-face {
   font-family: YouSheBiaoTiHei;
-  src: url('./fonts/YouSheBiaoTiHei.ttf')
+  src: url("./fonts/YouSheBiaoTiHei.ttf");
 }
 
 @font-face {
   font-family: DS-Digital-Bold;
-  src: url('./fonts/DS-Digital-Bold.ttf')
+  src: url("./fonts/DS-Digital-Bold.ttf");
 }
 
 @font-face {
   font-family: AlimamaShuHeiTi;
-  src: url('./fonts/AlimamaShuHeiTi.ttf')
+  src: url("./fonts/AlimamaShuHeiTi.ttf");
 }
 
 .clearfix::after {
-  content: '';
+  content: "";
   clear: both;
   display: block;
   height: 0;
@@ -130,7 +124,7 @@ export default {
   .el-pagination.is-background .el-pager li:not(.disabled).active {
     background-color: rgba(64, 158, 255, 0);
     color: #ccc;
-    border: 1px solid #76EAE4;
+    border: 1px solid #76eae4;
   }
 
   .btn-prev {
@@ -156,14 +150,13 @@ export default {
   right: 20px;
   top: 20px;
   display: flex;
-
 }
 
-.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
+.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
   background-color: transparent !important;
 }
 
-.el-table__body tr.current-row>td.el-table__cell {
+.el-table__body tr.current-row > td.el-table__cell {
   background-color: transparent !important;
 }
 
@@ -174,4 +167,4 @@ export default {
 .el-menu .is-active {
   border: 0 !important;
 }
-</style>
+</style>

src/loveflow/components/menu/head.vue

@@ -44,6 +44,7 @@
 </template>
 
 <script>
+import { removeToken } from "@/utils/auth";
 const days = ["天", "一", "二", "三", "四", "五", "六"]; // 星期数组
 let icnow = new Date(); // 初始化时间
 let interval;
@@ -131,7 +132,9 @@ export default {
     // 退出登录
     logout() {
       // 清空token
-      window.sessionStorage.clear();
+      sessionStorage.clear();
+      localStorage.clear();
+      removeToken();
       // 跳转到登录页
       this.$router.push("/login");
     },

src/router/index.js

@@ -1,6 +1,6 @@
 import Vue from "vue";
 import VueRouter from "vue-router";
-
+import { getToken } from "@/utils/auth";
 Vue.use(VueRouter);
 import integration from "./routes/integration";
 import enterpriseTopic from "./routes/enterpriseTopic";
@@ -8,16 +8,17 @@ import enterpriseTeamWork from "./routes/enterpriseTeamWork";
 import enterpriseRiskIndex from "./routes/enterpriseRiskIndex";
 
 const routes = [
-  {
-    path: "login",
-    name: "login",
-    component: () => import("@/components/login"),
-  },
   {
     path: "/workspace",
     name: "workspace",
     component: () => import("@/views/home/workspace"),
   },
+  {
+    path: "/login",
+    name: "login",
+    component: () => import("@/components/login"),
+  },
+
   /* 集成驾驶舱 */
   ...integration,
   /* 专题驾驶舱 */
@@ -33,4 +34,23 @@ const router = new VueRouter({
   routes,
 });
 
+router.beforeEach((to, from, next) => {
+  console.log(to);
+  console.log(from);
+  console.log(getToken());
+  if (getToken() || to.path === "/login") {
+    if (to.path == "/") {
+      router.push({
+        path: "/workspace",
+      });
+    } else {
+      next();
+    }
+  } else {
+    router.push({
+      path: "/login",
+    });
+  }
+});
+
 export default router;

src/utils/request.js

@@ -1,8 +1,8 @@
-import axios from 'axios'
+import axios from "axios";
 //import Vue from 'vue'
 import vm from "../main";
-import { getToken } from '@/utils/auth'
-axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
+import { getToken } from "@/utils/auth";
+axios.defaults.headers["Content-Type"] = "application/json;charset=utf-8";
 const request = axios.create({
   //baseURL: 'http://172.18.113.50:8080/zhapi',
   //baseURL: 'http://172.18.113.13:8080/zhapi', // 孙强
@@ -10,84 +10,85 @@ const request = axios.create({
   //baseURL: 'http://192.168.0.188:8888/zhapi',
   //baseURL: 'http://121.41.91.94:12002/zhapi',
   //baseURL: `http://${window.location.host}/zhapi`,
-  baseURL: 'http://1.94.45.26:10006/zhapi',
+  baseURL: "http://1.94.45.26:10006/zhapi",
   timeout: 50000,
-  headers: { 'content-type': 'application/json' },
-})
+  headers: { "content-type": "application/json" },
+});
 //const vm = Vue.prototype
 // request拦截器
-request.interceptors.request.use(config => {
+request.interceptors.request.use(
+  (config) => {
+    // 是否需要设置 token
+    const isToken = (config.headers || {}).isToken === false;
+    console.log("isToken:", isToken);
+    // 是否需要防止数据重复提交
 
-  // 是否需要设置 token
-  const isToken = (config.headers || {}).isToken === false
-  // 是否需要防止数据重复提交
+    if (getToken() && !isToken) {
+      config.headers["Authorization"] = "Bearer " + getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改
+    }
+    //防止重复提交
 
-  if (getToken() && !isToken) {
-    config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
+    return config;
+  },
+  (error) => {
+    console.log(error);
+    Promise.reject(error);
   }
-  //防止重复提交
-
-
-  return config
-}, error => {
-  console.log(error)
-  Promise.reject(error)
-})
+);
 
 // response 拦截器
 // 可以在接口响应后统一处理结果
 request.interceptors.response.use(
-  response => {
+  (response) => {
     if (response.data) {
       switch (response.data.code) {
         case 200:
           // 如果是返回的文件
-          if (response.config.responseType === 'blob') {
-            return response.data
+          if (response.config.responseType === "blob") {
+            return response.data;
           }
           // 兼容服务端返回的字符串数据
-          if (typeof response.data === 'string') {
-            response.data = response.data ? JSON.parse(response.data) : response.data
+          if (typeof response.data === "string") {
+            response.data = response.data
+              ? JSON.parse(response.data)
+              : response.data;
           }
-          return response.data
+          return response.data;
 
         case 401:
-          if (vm.$route.name !== 'login') {
+          if (vm.$route.name !== "login") {
             vm.$message.warning({
-              content: '身份认证信息已失效，请重新登录。',
+              content: "身份认证信息已失效，请重新登录。",
               duration: 2,
               onClose: () => {
-                vm.$router.push({ name: 'login' })
-              }
-            })
+                vm.$router.push({ name: "login" });
+              },
+            });
           } else {
-            return Promise.reject()
+            return Promise.reject();
           }
-          break
+          break;
         case 403:
           vm.$message.warning({
             content: response.data.msg,
-            duration: 3
-          })
-          break
+            duration: 3,
+          });
+          break;
         case 500:
           // 如果是返回的文件
           vm.$message.warning({
             content: response.data.msg,
-            duration: 3
-          })
-          return response.data
-
+            duration: 3,
+          });
+          return response.data;
       }
     }
-
   },
-  error => {
-    console.log('err' + error) // for debug
+  (error) => {
+    console.log("err" + error); // for debug
 
-    return Promise.reject(error)
+    return Promise.reject(error);
   }
+);
 
-)
-
-export default request
+export default request;

src/views/home/workspace.vue

@@ -69,6 +69,7 @@ export default {
       ],
     };
   },
+  created() {},
   methods: {
     gotoPage(val) {
       if (!val) {