lbqms.git - Gitblit

			@@ -1,12 +1,11 @@
			<template>
			<div class="app-container">
			<el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true">
			<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
			<el-form-item label="角色名称" prop="roleName">
			<el-input
			v-model="queryParams.roleName"
			placeholder="请输入角色名称"
			clearable
			size="small"
			style="width: 240px"
			@keyup.enter.native="handleQuery"
			/>
			@@ -16,7 +15,6 @@
			v-model="queryParams.roleKey"
			placeholder="请输入权限字符"
			clearable
			size="small"
			style="width: 240px"
			@keyup.enter.native="handleQuery"
			/>
			@@ -26,7 +24,6 @@
			v-model="queryParams.status"
			placeholder="角色状态"
			clearable
			size="small"
			style="width: 240px"
			>
			<el-option
			@@ -40,7 +37,6 @@
			<el-form-item label="创建时间">
			<el-date-picker
			v-model="dateRange"
			size="small"
			style="width: 240px"
			value-format="yyyy-MM-dd"
			type="daterange"
			@@ -94,7 +90,6 @@
			plain
			icon="el-icon-download"
			size="mini"
			:loading="exportLoading"
			@click="handleExport"
			v-hasPermi="['system:role:export']"
			>导出</el-button>
			@@ -104,7 +99,7 @@

			<el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
			<el-table-column type="selection" width="55" align="center" />
			<el-table-column label="角色编号" prop="roleId" width="120" />
			<el-table-column label="角色编号" prop="roleId" width="120" v-if="false" />
			<el-table-column label="角色名称" prop="roleName" :show-overflow-tooltip="true" width="150" />
			<el-table-column label="权限字符" prop="roleKey" :show-overflow-tooltip="true" width="150" />
			<el-table-column label="显示顺序" prop="roleSort" width="100" />
			@@ -140,9 +135,7 @@
			v-hasPermi="['system:role:remove']"
			>删除</el-button>
			<el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['system:role:edit']">
			<span class="el-dropdown-link">
			<i class="el-icon-d-arrow-right el-icon--right"></i>更多
			</span>
			<el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
			<el-dropdown-menu slot="dropdown">
			<el-dropdown-item command="handleDataScope" icon="el-icon-circle-check"
			v-hasPermi="['system:role:edit']">数据权限</el-dropdown-item>
			@@ -200,7 +193,7 @@
			ref="menu"
			node-key="id"
			:check-strictly="!form.menuCheckStrictly"
			empty-text="加载中，请稍后"
			empty-text="加载中，请稍候"
			:props="defaultProps"
			></el-tree>
			</el-form-item>
			@@ -245,7 +238,7 @@
			ref="dept"
			node-key="id"
			:check-strictly="!form.deptCheckStrictly"
			empty-text="加载中，请稍后"
			empty-text="加载中，请稍候"
			:props="defaultProps"
			></el-tree>
			</el-form-item>
			@@ -259,9 +252,8 @@
			</template>

			<script>
			import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus } from "@/api/system/role";
			import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role";
			import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu";
			import { treeselect as deptTreeselect, roleDeptTreeselect } from "@/api/system/dept";

			export default {
			name: "Role",
			@@ -270,8 +262,6 @@
			return {
			// 遮罩层
			loading: true,
			// 导出遮罩层
			exportLoading: false,
			// 选中数组
			ids: [],
			// 非单个禁用
			@@ -358,8 +348,7 @@
			/** 查询角色列表 */
			getList() {
			this.loading = true;
			listRole(this.addDateRange(this.queryParams, this.dateRange)).then(
			response => {
			listRole(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
			this.roleList = response.rows;
			this.total = response.total;
			this.loading = false;
			@@ -370,12 +359,6 @@
			getMenuTreeselect() {
			menuTreeselect().then(response => {
			this.menuOptions = response.data;
			});
			},
			/** 查询部门树结构 */
			getDeptTreeselect() {
			deptTreeselect().then(response => {
			this.deptOptions = response.data;
			});
			},
			// 所有菜单节点数据
			@@ -404,8 +387,8 @@
			});
			},
			/** 根据角色ID查询部门树结构 */
			getRoleDeptTreeselect(roleId) {
			return roleDeptTreeselect(roleId).then(response => {
			getDeptTree(roleId) {
			return deptTreeSelect(roleId).then(response => {
			this.deptOptions = response.data.depts;
			return response;
			});
			@@ -551,12 +534,12 @@
			/** 分配数据权限操作 */
			handleDataScope(row) {
			this.reset();
			const roleDeptTreeselect = this.getRoleDeptTreeselect(row.roleId);
			const deptTreeSelect = this.getDeptTree(row.roleId);
			getRole(row.roleId).then(response => {
			this.form = response.data;
			this.openDataScope = true;
			this.$nextTick(() => {
			roleDeptTreeselect.then(res => {
			deptTreeSelect.then(res => {
			this.$refs.dept.setCheckedKeys(res.data.checkedKeys);
			});
			});
			@@ -613,8 +596,11 @@
			},
			/** 导出按钮操作 */
			handleExport() {
			this.downLoadExcel('/system/role/export', this.queryParams);
			this.download('system/role/export', {
			...this.queryParams
			}, `role_${new Date().getTime()}.xlsx`)
			}
			}
			};
			</script>
			</script>