提交权限控制

王富生
1 parent 9287779a
Showing 4 changed files with 65 additions and 55 deletions
src/permission.js
src/router/index.js
src/views/login/index.vue
src/views/service.vue
 import router from './router'
 import store from './store'
-import { Message } from 'element-ui'
+import {Message} from 'element-ui'
 import NProgress from 'nprogress' // progress bar
 import 'nprogress/nprogress.css' // progress bar style
-import { getToken } from '@/utils/auth' // get token from cookie
+import {getToken} from '@/utils/auth' // get token from cookie
 import getPageTitle from '@/utils/get-page-title'
  
-NProgress.configure({ showSpinner: false }) // NProgress Configuration
+NProgress.configure({showSpinner: false}) // NProgress Configuration
  
 const whiteList = ['/login'] // no redirect whitelist
  
-router.beforeEach(async(to, from, next) => {
+router.beforeEach(async (to, from, next) => {
+  debugger
   // start progress bar
   NProgress.start()
+  if (to.path.indexOf("service") == -1) {
+    next()
+    NProgress.done()
+  } else {
+    // set page title
+    document.title = getPageTitle(to.meta.title)
  
-  // set page title
-  document.title = getPageTitle(to.meta.title)
-
-  // determine whether the user has logged in
-  const hasToken = getToken()
+    // determine whether the user has logged in
+    const hasToken = getToken()
  
-  if (hasToken) {
-    if (to.path === '/login') {
-      // if is logged in, redirect to the home page
-      next({ path: '/' })
-      NProgress.done()
-    } else {
-      const hasGetUserInfo = store.getters.name
-      if (hasGetUserInfo) {
-        next()
+    if (hasToken) {
+      if (to.path === '/login') {
+        // if is logged in, redirect to the home page
+        next({path: '/'})
+        NProgress.done()
       } else {
-        try {
-          // get user info
-          await store.dispatch('user/getInfo')
-
+        const hasGetUserInfo = store.getters.name
+        if (hasGetUserInfo) {
           next()
-        } catch (error) {
-          // remove token and go to login page to re-login
-          await store.dispatch('user/resetToken')
-          Message.error(error || 'Has Error')
-          next(`/login?redirect=${to.path}`)
-          NProgress.done()
+        } else {
+          try {
+            // get user info
+            await store.dispatch('user/getInfo')
+
+            next()
+          } catch (error) {
+            // remove token and go to login page to re-login
+            await store.dispatch('user/resetToken')
+            Message.error(error || 'Has Error')
+            next(`/login?redirect=${to.path}`)
+            NProgress.done()
+          }
         }
       }
-    }
-  } else {
-    /* has no token*/
-
-    if (whiteList.indexOf(to.path) !== -1) {
-      // in the free login whitelist, go directly
-      next()
     } else {
-      // other pages that do not have permission to access are redirected to the login page.
-      next(`/login?redirect=${to.path}`)
-      NProgress.done()
+      /* has no token*/
+
+      if (whiteList.indexOf(to.path) !== -1) {
+        // in the free login whitelist, go directly
+        next()
+      } else {
+        // other pages that do not have permission to access are redirected to the login page.
+        next(`/login?redirect=${to.path}`)
+        NProgress.done()
+      }
     }
   }
 })
@@ -55,7 +55,7 @@ export const constantRoutes = [
   },
   {
     path: '/service',
-    redirect:'/dashboard',
+    redirect:'/service/dashboard',
     component: () => import('@/views/service'),
     meta: {
       title: '停车服务'
@@ -63,47 +63,47 @@ export const constantRoutes = [
     },
     children:[
       {
-        path: '/dashboard',
+        path: '/service/dashboard',
         component: () => import('@/views/dashboard/index'),
         meta: { title: '服务首页', icon: 'dashboard' }
       },
  
       {
-        path: '/account',
+        path: '/service/account',
         component: () => import('@/views/account/index'),
         meta: { title: '我的账户',icon: 'money' }
  
       },
       {
-        path: '/cardticket',
+        path: '/service/cardticket',
         component: () => import('@/views/cardticket/index'),
         meta: { title: '我的卡券', icon: 'card' }
       },
  
       {
-        path: '/order',
+        path: '/service/order',
         component: () => import('@/views/order/index'),
         meta: { title: '我的订单', icon: 'form' }
       },
       {
-        path: '/payback',
+        path: '/service/payback',
         component: () => import('@/views/payback/index'),
         meta: { title: '欠费补缴', icon: 'nested' }
       },
  
       {
-        path: '/mycar',
+        path: '/service/mycar',
         component: () => import('@/views/mycar/index'),
         meta: { title: '我的车辆', icon: 'car' }
  
       },
       {
-        path: '/information',
+        path: '/service/information',
         component: () => import('@/views/information/index'),
         meta: { title: '个人资料' ,icon: 'people'}
       },
       {
-        path: '/myevaluate',
+        path: '/service/myevaluate',
         component: () => import('@/views/myevaluate/index'),
         meta: { title: '我的评价',icon: 'skill' }
       }
@@ -115,6 +115,11 @@ export default {
                 type: 'success',
                 message: '验证码发送成功！'
               });
+            }else{
+              this.$message({
+                type: 'error',
+                message: data.msg
+              });
             }
         });
         //this.validateBtn();
@@ -12,7 +12,7 @@
           background-color="#545c64"
           text-color="#fff"
           active-text-color="#409eff" router>
-          <el-menu-item index="/dashboard" class="is-active">
+          <el-menu-item index="/service/dashboard" class="is-active">
             <i class="el-icon-menu "></i>
             <span slot="title">服务首页</span>
           </el-menu-item>
@@ -21,18 +21,18 @@
               <i class="el-icon-bank-card"></i>
               <span>我的钱包</span>
             </template>
-            <el-menu-item index="/account">我的账户</el-menu-item>
-            <el-menu-item index="/cardticket">我的卡券</el-menu-item>
+            <el-menu-item index="/service/account">我的账户</el-menu-item>
+            <el-menu-item index="/service/cardticket">我的卡券</el-menu-item>
           </el-submenu>
-          <el-menu-item index="/order">
+          <el-menu-item index="/service/order">
             <i class="el-icon-tickets"></i>
             <span slot="title">我的订单</span>
           </el-menu-item>
-          <el-menu-item index="/payback">
+          <el-menu-item index="/service/payback">
             <i class="el-icon-finished"></i>
             <span slot="title">欠费补缴</span>
           </el-menu-item>
-          <el-menu-item index="/mycar">
+          <el-menu-item index="/service/mycar">
             <i class="el-icon-truck"></i>
             <span slot="title">我的车辆</span>
           </el-menu-item>
@@ -41,8 +41,8 @@
               <i class="el-icon-user-solid"></i>
               <span>个人中心</span>
             </template>
-            <el-menu-item index="/information">个人资料</el-menu-item>
-            <el-menu-item index="/myevaluate">我的评价</el-menu-item>
+            <el-menu-item index="/service/information">个人资料</el-menu-item>
+            <el-menu-item index="/service/myevaluate">我的评价</el-menu-item>
           </el-submenu>
         </el-menu>
       </el-aside>