角色列表加入权限赋值

Author: ofh

.eslintrc.js

@@ -24,6 +24,7 @@ module.exports = {
         }
       }
     ],
+    'vue/attributes-order': 'error', // 属性排序
     'vue/singleline-html-element-content-newline': 'off',
     'vue/multiline-html-element-content-newline': 'off',
     'vue/name-property-casing': ['error', 'PascalCase'],

src/api/permission.js

@@ -35,3 +35,4 @@ export function permissionDelByIdsApi(data) {
     data
   })
 }
+

src/api/role.js

@@ -0,0 +1,69 @@
+
+import request from '@/utils/request'
+
+// 分页
+export function getRoleByPageApi(data) {
+  return request({
+    url: '/role/getRoleByPage',
+    method: 'get',
+    params: data
+  })
+}
+
+// 根据id获取信息
+export function getRoleById(id) {
+  return request({
+    url: '/role/get/' + id,
+    method: 'get'
+  })
+}
+
+// 根据id保存数据
+export function roleSaveBaseApi(data) {
+  return request({
+    url: '/role/saveBase',
+    method: 'post',
+    data
+  })
+}
+
+// 根据id修改数据
+export function roleUpdateBaseApi(data) {
+  return request({
+    url: '/role/updateBase',
+    method: 'post',
+    data
+  })
+}
+
+// 根据id删除数据(可以传递多个id)
+export function roleDelByIdsApi(data) {
+  return request({
+    url: '/role/delByIds',
+    method: 'post',
+    data
+  })
+}
+// 获取所有数据
+export function getRoleAllBaseApi() {
+  return request({
+    url: '/role/getAllBase',
+    method: 'get'
+  })
+}
+
+// 根据角色id获取所有权限
+export function getPermission(data) {
+  return request({
+    url: '/role/getPermission',
+    method: 'get',
+    params: data
+  })
+}
+export function setPermission(data) {
+  return request({
+    url: '/role/setPermission',
+    method: 'post',
+    data: data
+  })
+}

src/main.js

@@ -27,7 +27,7 @@ Vue.use(ElementUI)
 Vue.filter('dictFilter', function(value, dictList) {
   let name = ''
   for (let i = 0; i < dictList.length; i++) {
-    if (dictList[i].code == value) {
+    if (dictList[i].code === value) {
       name = dictList[i].name
       break
     }

src/mixins/formMixin.js

@@ -40,7 +40,6 @@ const formMixin = {
     // 重置表单属性
     resetForm(formName, form = 'form') {
       this.$refs[formName].resetFields()
-
     }
   }
 }

src/router/index.js

@@ -67,7 +67,14 @@ export const constantRoutes = [
         name: 'User',
         component: () => import('@/views/system/user/index'),
         meta: { title: '用户管理', icon: 'table' }
-      }, {
+      },
+      {
+        path: 'role',
+        name: 'Role',
+        component: () => import('@/views/system/role/index'),
+        meta: { title: '角色管理', icon: 'table' }
+      },
+      {
         path: 'permission',
         name: 'Permission',
         component: () => import('@/views/system/permission/index'),

src/store/modules/dep.js

@@ -1,5 +1,4 @@
 import { getAllDepartmentApi } from '@/api/dep'
-import commonUtil from '@/utils/common'
 import treeDeepUtil from '@/utils/treeDeepUtil'
 
 const getDefaultState = () => {

src/store/modules/dict.js

@@ -3,7 +3,8 @@ import { getDictDetailByDictKey } from '@/api/dict'
 const getDefaultState = () => {
   return {
     sexDictList: [], // 性别字典列表
-    statusDictList: [] // 状态字典
+    statusDictList: [], // 状态字典
+    authorityDictList: []
   }
 }
 
@@ -17,6 +18,9 @@ const mutations = {
   },
   SET_STATUS_DICT_LIST(state, statusDictList) {
     state.statusDictList = statusDictList
+  },
+  SET_AUTHORITY_DICT_LIST(state, authorityDictList) {
+    state.authorityDictList = authorityDictList
   }
 }
 
@@ -58,6 +62,25 @@ const actions = {
         reject([])
       })
     })
+  },
+  // 获取数据权限类型字典
+  getAuthorityDictList({ commit, state }) {
+    return new Promise((resolve, reject) => {
+      if (state.authorityDictList.length > 0) {
+        resolve(state.authorityDictList)
+        return
+      }
+      getDictDetailByDictKey({
+        dictKey: 'authority'
+      }).then(response => {
+        if (response.code === 200) {
+          commit('SET_AUTHORITY_DICT_LIST', response.result)
+        }
+        resolve(response.result)
+      }).catch(() => {
+        reject([])
+      })
+    })
   }
 }
 

src/utils/request.js

@@ -3,7 +3,7 @@ import { MessageBox, Message } from 'element-ui'
 import store from '@/store'
 import { getToken } from '@/utils/auth'
 import qs from 'qs'
-import router from '@/router'
+// import router from '@/router'
 
 // create an axios instance
 const service = axios.create({
@@ -26,7 +26,7 @@ service.interceptors.request.use(
 
     // form表单提交
     if (config.method.toLocaleLowerCase() === 'post' && config.headers['Content-Type'] === 'application/json') {
-
+      console.log('')
     } else {
       config.data = qs.stringify(config.data)
     }

src/views/login/index.vue

@@ -66,7 +66,7 @@
 </template>
 
 <script>
-import { validUsername } from '@/utils/validate'
+// import { validUsername } from '@/utils/validate'
 
 export default {
   name: 'Login',

src/views/system/codeRender/codeShow.vue

@@ -8,30 +8,39 @@
     </div>
     <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
       <el-tab-pane label="api" name="api">
+        {{ name }}.js
         <pre v-highlightjs="result.api"><code class="javascript" /></pre>
       </el-tab-pane>
       <el-tab-pane label="table.vue" name="table">
+        {{ name }}.vue
         <pre v-highlightjs="result.table"><code class="javascript" /></pre>
       </el-tab-pane>
       <el-tab-pane label="vuexDict.js" name="vuexDict">
+        {{ name }}Dict.js
         <pre v-highlightjs="result.vuexDict"><code class="javascript" /></pre>
       </el-tab-pane>
       <el-tab-pane label="entity" name="entity">
+        {{ Name }}.java
         <pre v-highlightjs="result.entity"><code class="java" /></pre>
       </el-tab-pane>
       <el-tab-pane label="controller" name="controller">
+        {{ Name }}Controller.java
         <pre v-highlightjs="result.controller"><code class="java" /></pre>
       </el-tab-pane>
       <el-tab-pane label="service" name="service">
+        {{ Name }}Service.java
         <pre v-highlightjs="result.service"><code class="java" /></pre>
       </el-tab-pane>
       <el-tab-pane label="serviceImpl" name="serviceImpl">
+        {{ Name }}ServiceImpl.java
         <pre v-highlightjs="result.serviceImpl"><code class="java" /></pre>
       </el-tab-pane>
       <el-tab-pane label="mapper" name="mapper">
+        {{ Name }}Mapper.java
         <pre v-highlightjs="result.mapper"><code class="java" /></pre>
       </el-tab-pane>
       <el-tab-pane label="mysql" name="mysql">
+        t_{{ name }}.sql
         <pre v-highlightjs="result.mysql"><code class="sql" /></pre>
       </el-tab-pane>
     </el-tabs>
@@ -47,17 +56,21 @@ export default {
     return {
       activeName: 'api',
       result: {},
-      inputData: ''
+      inputData: '',
+      name: ''
     }
   },
   created() {
     this.getCode()
+    this.name = this.$route.query.name
+    this.Name = this.name.slice(0, 1).toUpperCase() + this.name.slice(1)
   },
   methods: {
     goBack() {
       this.$router.back()
     },
     handleClick(tab, event) {
+      console.log(this.result[tab.name])
       this.inputData = this.result[tab.name]
     },
     getCode() {

src/views/system/dict/dictDetail.vue

@@ -147,7 +147,7 @@ import {
   dictDetailDelByIdsApi,
   dictDetailSaveBaseApi,
   dictDetailUpdateBaseApi,
-  getDictDetailByPageApi, getDictDetailByDictIdApi
+  getDictDetailByDictIdApi
 } from '@/api/dictDetail'
 import commonUtil from '@/utils/common'
 import CommonEnum from '@/enum/CommonEnum'