权限配置

页面中引入权限管理混合器

import {authorize} from '@/mixins'

mixins: [agGridCommon, authorize]

权限使用

• 指令方式使用：v-permission

<gz-button v-permission="1" type="success" icon="el-icon-plus" @click="onClickAdd">新增</gz-button>

• 权限判断方法： this.VerifyPermissions(int) 

optionWidth () {
  var width = 0
  // 编辑权限
  if (this.VerifyPermissions(2)) width += (47 + 8)
  // 删除权限
  if (this.VerifyPermissions(4)) width += (47 + 8)

  return width + 8
},

权限注册

 src/router/data.js 中配置路由和权限信息

{
	path: '/user',
	name: 'user',
	type: 'normal',
	title: '用户管理',
	defaultURLs: ['/api/microapps/user/search', '/api/microapps/user/get'],
	authorize: [
	  {
		name: 'add',
		description: '新增',
		value: 1,
		urls: ['/api/microapps/user/create'],
	  },
	  {
		name: 'update',
		description: '编辑',
		value: 2,
		urls: ['/api/microapps/user/update'],
	  },
	  {
		name: 'delete',
		description: '删除',
		value: 4,
		urls: ['/api/microapps/user/delete'],
	  },
	  {
		name: 'resetpwd',
		description: '重置密码',
		value: 8,
		urls: ['/api/microapps/user/resetPwd'],
	  },
	  {
		name: 'setAuthorize',
		description: '权限设置',
		value: 16,
		urls: ['/api/microapps/ClientCode/GetDropDownDataSource','/api/microapps/Authorize/treemenus','/api/microapps/authorize/update'],
	  },
	],
	component: () =>
	  import(/* webpackChunkName: "user" */ '../views/user/index.vue'),
},