权限处理

src/store/modules/user.js

@@ -33,7 +33,6 @@ const getters = {
 // 异步获取用户信息
 const actions = {
   userMsg(context, userInfo) {
-    console.log('用户信息', userInfo)
     context.commit('SET_USER', userInfo.userInfo)
   }
 }

src/utils/hasPermission.js

-// import store from '../store/store'
+import store from '../store/store'
 
 export function hasPermission(permission) {
   permission = permission.trim()
-  let myPermissions = this.$store.user.getters.PermissionList
-  console.log('111', myPermissions)
+  let myPermissions = store.getters['user/PermissionList']
   return myPermissions.indexOf(permission) > -1
 }

src/views/auto/ProjectList.vue

@@ -6,7 +6,7 @@
         <el-button type="primary" icon="el-icon-search" @click="searchMockList">查询</el-button> -->
         <!-- <el-button type="primary" icon="el-icon-circle-plus" @click="DialogAddVisible=true">新增</el-button> -->
 
-        <el-button type="primary" icon="el-icon-circle-plus" @click="DialogAddVisible=true" v-permission="'auto:project:add'">新增</el-button>
+        <el-button type="primary" icon="el-icon-circle-plus" @click="DialogAddVisible=true" v-if="hasPermission('auto:project:add')">新增</el-button>
       </div>
       <el-table :data="projectList" border style="width: 100%;margin-top:20px">
         <el-table-column type='index' width="50px">
@@ -19,8 +19,8 @@
         <el-table-column prop="createTime" label="创建时间" width="200px"></el-table-column>
         <el-table-column label="操作">
           <slot slot-scope="scope">
-            <el-button type="warning" icon="el-icon-edit" @click="openEditDialog(scope.row)">编辑</el-button>
-            <el-button type="danger" icon="el-icon-delete" @click="delProjectFrom(scope.row)">删除</el-button>
+            <el-button type="warning" icon="el-icon-edit" @click="openEditDialog(scope.row)" v-if="hasPermission('auto:project:edit')">编辑</el-button>
+            <el-button type="danger" icon="el-icon-delete" @click="delProjectFrom(scope.row)" v-if="hasPermission('auto:project:del')">删除</el-button>
           </slot>
         </el-table-column>
       </el-table>
@@ -61,13 +61,13 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
 import {
   getProjectList,
   addProject,
   editProject,
   delProject
 } from '@/api/getAotoInterface'
+import { mapGetters } from 'vuex'
 export default {
   data() {
     return {
@@ -115,8 +115,8 @@ export default {
   },
   computed: {
     ...mapGetters({
-      // 获取权限信息
-      getPermissionList: 'user/PermissionList'
+      // 获取用户信息
+      permissionList: 'user/PermissionList'
     })
   },
   methods: {
@@ -226,6 +226,9 @@ export default {
     handleCurrentChange(newPage) {
       this.queryModuleInfo.pageNum = newPage
       this.getProjectList()
+    },
+    hasPermission(permission) {
+      return this.permissionList.indexOf(permission) > -1
     }
   }
 }

src/views/layout/leftAside/Aside.vue

@@ -97,11 +97,10 @@ export default {
         // this.$store.dispatch('user/userMsg', {
         //   userInfo: resp.data.data
         // })
+        console.log(this.getUserId)
 
         // 同步赋值mutations
         this.$store.commit('user/SET_USER', resp.data.data)
-
-        console.log(this.getUserId)
         this.menuList = resp.data.data.menuList
         this.getNav()
       })