#add 权限管理 35%

Author: lilJay-lin

.eslintrc.js

@@ -66,7 +66,7 @@ module.exports = {
         'no-caller': 'error',
 
         // disallow empty functions
-        'no-empty-function': 'error',
+        //'no-empty-function': 'error',
 
         // disallow unnecessary calls to .bind()
         'no-extra-bind': 'error',

config/dev.env.js

@@ -1,5 +1,5 @@
 module.exports = {
     NODE_ENV: '"development"',
-    BASE_API: '"https://api-dev"',
+    BASE_API: '"http://localhost:9527/api"',
     APP_ORIGIN: '"https://wallstreetcn.com"'
 }

src/api/permission.js

@@ -0,0 +1,69 @@
+/**
+ * Created by linxiaojie on 2017/8/8.
+ */
+import fetch from '../utils/fetch_new'
+import { cleanArray } from '../utils'
+
+/*
+* 获取列表
+* */
+export const getAll = (query) => {
+  return fetch({
+    url: '/permissions',
+    method: 'get',
+    params: query
+  })
+}
+
+/*
+* 查询详情
+* */
+export const getDetail = (id) => {
+  return fetch({
+    url: '/permissions/' + id,
+    method: 'get'
+  })
+}
+
+/*
+* 更新详情
+* */
+export const updateDetail = (data = { _id: '' }) => {
+  if (data._id === '') {
+    return Promise.reject('id不能为空')
+  }
+  return fetch({
+    url: 'permissions/' + data._id,
+    method: 'put',
+    data
+  })
+}
+
+/*
+* 删除数据
+* */
+export const batch = (ids = [], data = null) => {
+  ids = cleanArray(ids)
+  if (ids.length === 0) {
+    return Promise.reject('ids不能为空')
+  }
+  const url = 'permissions/batch/' + ids.join(',')
+  return fetch({
+    url,
+    method: 'put',
+    data
+  })
+}
+
+
+/*
+ * 新增
+ * */
+export const create = (data) => {
+  const url = 'permissions/'
+  return fetch({
+    url,
+    method: 'post',
+    data
+  })
+}

src/api/role.js

@@ -28,29 +28,41 @@ export const getDetail = (id) => {
 /*
 * 更新详情
 * */
-export const updateDetail = (data = { id: '' }) => {
-  if (data.id === '') {
+export const updateDetail = (data = { _id: '' }) => {
+  if (data._id === '') {
     return Promise.reject('id不能为空')
   }
   return fetch({
-    url: 'roles/' + data.id,
-    method: 'post',
+    url: 'roles/' + data._id,
+    method: 'put',
     data
   })
 }
 
 /*
-* 删除数据
+* 批量操作数据
 * */
-export const del = (ids = []) => {
+export const batch = (ids = [], data = null) => {
   ids = cleanArray(ids)
   if (ids.length === 0) {
     return Promise.reject('ids不能为空')
   }
-  const url = 'roles/' + (ids.length > 1 ? '/batch/' + ids.join(',') : ids[0]) + id
+  const url = 'roles/batch/' + ids.join(',')
+  return fetch({
+    url,
+    method: 'put',
+    data
+  })
+}
+
+/*
+* 新增
+* */
+export const create = (data) => {
+  const url = 'roles/'
   return fetch({
     url,
     method: 'post',
     data
   })
-}
+}

src/router/index.js

@@ -1,16 +1,18 @@
-import Vue from 'vue';
-import Router from 'vue-router';
-const _import = require('./_import_' + process.env.NODE_ENV);
+import Vue from 'vue'
+import Router from 'vue-router'
+const _import = require('./_import_' + process.env.NODE_ENV)
 // in development env not use Lazy Loading,because Lazy Loading large page will cause webpack hot update too slow.so only in production use Lazy Loading
 
-Vue.use(Router);
+Vue.use(Router)
 
 /* layout */
-import Layout from '../views/layout/Layout';
+import Layout from '../views/layout/Layout'
 
 /* view */
 import Login from '../views/login'
 import Role from '../views/role'
+import Permission from '../views/permission'
+
 /**
 * icon : the icon show in the sidebar
 * hidden : if `hidden:true` will not show in the sidebar
@@ -45,7 +47,7 @@ export default new Router({
   // mode: 'history', //后端支持可开
   scrollBehavior: () => ({ y: 0 }),
   routes: constantRouterMap
-});
+})
 
 export const asyncRouterMap = [
   {
@@ -56,7 +58,8 @@ export const asyncRouterMap = [
     icon: 'quanxian',
     // meta: { role: ['admin'] },
     children: [
-      { path: 'roles', component: Role, name: '角色管理' }
+      { path: 'roles', component: Role, name: '角色管理' },
+      { path: 'permissions', component: Permission, name: '权限管理' }
     ]
   },
   {
@@ -162,4 +165,4 @@ export const asyncRouterMap = [
   },
 
   { path: '*', redirect: '/404', hidden: true }
-];
+]

src/store/getters.js

@@ -10,6 +10,7 @@ const getters = {
   setting: state => state.user.setting,
   permission_routers: state => state.permission.routers,
   addRouters: state => state.permission.addRouters,
-  crpRoles: state => state.role
+  crpRoles: state => state.role,
+  crpPermissions: state => state.permission
 };
 export default getters

src/store/modules/permission.js

@@ -1,4 +1,7 @@
 import { asyncRouterMap, constantRouterMap } from 'src/router'
+import { each, has } from '../../utils'
+import { getAll, getDetail, updateDetail, batch, create } from '../../api/permission'
+import * as TYPES from '../types'
 
 /**
  * 通过meta.role判断是否与当前用户权限匹配
@@ -34,12 +37,35 @@ function filterAsyncRouter(asyncRouterMap, roles) {
 const permission = {
   state: {
     routers: constantRouterMap,
-    addRouters: []
+    addRouters: [],
+    records: [],
+    pageInfo: {
+      currentPage: 1,
+      totalRow: 0,
+      totalPage: 0
+    }
   },
   mutations: {
     SET_ROUTERS: (state, routers) => {
       state.addRouters = routers
       state.routers = constantRouterMap.concat(routers)
+    },
+    [TYPES.SET_PERMISSIONS_LIST] (state, data) {
+      each(data, (val, key) => {
+        if (has(state, key)) {
+          state[key] = val
+        }
+      })
+    },
+    [TYPES.SET_PERMISSIONS_SELECTED] (state, item) {
+      each(item, (val, key) => {
+        if (state.current.has(key)) {
+          state.current[key] = val
+        }
+      })
+    },
+    [TYPES.SET_PERMISSIONS_PERMISSIONS] (state, permissions) {
+      state.current.permissions = permissions
     }
   },
   actions: {
@@ -55,6 +81,51 @@ const permission = {
         commit('SET_ROUTERS', accessedRouters);
         resolve();
       })
+    },
+    GetAllPermissions ({ commit }, query) {
+      return new Promise((resolve, reject) => {
+        getAll(query).then(({ data }) => {
+          commit(TYPES.SET_PERMISSIONS_LIST, data)
+          resolve()
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+    GetPermissionDetail ({ commit }, id) {
+      return new Promise((resolve, reject) => {
+        getDetail(id).then(({ data: { permission } }) => {
+          resolve(permission)
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+    UpdatePermissionDetail ({ commit, state }, detail) {
+      return new Promise((resolve, reject) => {
+        updateDetail(detail).then(() => resolve()).catch(error => {
+          reject(error)
+        })
+      })
+    },
+    DelPermissions ({ dispatch }, { ids, data }) {
+      return new Promise((resolve, reject) => {
+        batch(ids, data).then(() => {
+          dispatch('GetAllPermissions').then(resolve, reject)
+          resolve()
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+    CreatePermission (store, detail) {
+      return new Promise((resolve, reject) => {
+        create(detail).then(() => {
+          resolve()
+        }).catch(error => {
+          reject(error)
+        })
+      })
     }
   }
 };

src/store/modules/role.js

@@ -3,7 +3,7 @@
  */
 import { each, has } from '../../utils'
 import * as TYPES from '../types'
-import { getAll, getDetail, updateDetail, del } from '../../api/role'
+import { getAll, getDetail, updateDetail, batch, create } from '../../api/role'
 
 const role = {
   state: {
@@ -12,13 +12,6 @@ const role = {
       currentPage: 1,
       totalRow: 0,
       totalPage: 0
-    },
-    current: {
-      _id: '',
-      name: '',
-      description: '',
-      status: '',
-      permissions: []
     }
   },
   mutations: {
@@ -44,40 +37,48 @@ const role = {
     GetAllRoles ({ commit }, query) {
       return new Promise((resolve, reject) => {
         getAll(query).then(({ data }) => {
-          commit(TYPES.SET_ROLES_LIST, data);
-          resolve();
+          commit(TYPES.SET_ROLES_LIST, data)
+          resolve()
         }).catch(error => {
-          reject(error);
-        });
-      });
+          reject(error)
+        })
+      })
     },
     GetRoleDetail ({ commit }, id) {
       return new Promise((resolve, reject) => {
         getDetail(id).then(({ data: { role } }) => {
-          commit(TYPES.SET_ROLES_SELECTED, role);
-          resolve();
+          resolve(role)
         }).catch(error => {
-          reject(error);
-        });
-      });
+          reject(error)
+        })
+      })
     },
-    UpdateRoleDetail ({ commit, state }, id, detail) {
+    UpdateRoleDetail ({ commit, state }, detail) {
       return new Promise((resolve, reject) => {
         updateDetail(detail).then(() => resolve()).catch(error => {
-          reject(error);
-        });
-      });
+          reject(error)
+        })
+      })
     },
-    DelRoles ({ dispatch }, ids) {
+    DelRoles ({ dispatch }, {ids, data}) {
       return new Promise((resolve, reject) => {
-        del(ids).then(() => {
-          dispatch('GetAllRoles').then(resolve, reject)
+        batch(ids, data).then(() => {
+          resolve()
         }).catch(error => {
-          reject(error);
-        });
-      });
+          reject(error)
+        })
+      })
+    },
+    CreateRole (store, detail) {
+      return new Promise((resolve, reject) => {
+        create(detail).then(() => {
+          resolve()
+        }).catch(error => {
+          reject(error)
+        })
+      })
     }
   }
 }
 
-export default role
+export default role

src/store/types.js

@@ -21,4 +21,11 @@ export const LOGOUT_USER = 'LOGOUT_USER'
 * */
 export const SET_ROLES_LIST = 'SET_ROLES_LIST'
 export const SET_ROLES_SELECTED = 'SET_ROLES_SELECTED'
-export const SET_ROLES_PERMISSIONS = 'SET_ROLE_PERMISSIONS'
+export const SET_ROLES_PERMISSIONS = 'SET_ROLE_PERMISSIONS'
+
+/*
+* 权限管理
+* */
+export const SET_PERMISSIONS_LIST = 'SET_PERMISSIONS_LIST'
+export const SET_PERMISSIONS_SELECTED = 'SET_PERMISSIONS_SELECTED'
+export const SET_PERMISSIONS_PERMISSIONS = 'SET_PERMISSION_PERMISSIONS'