From 10ed0520bf13a9fd93d6a8050fbce14652493ba3 Mon Sep 17 00:00:00 2001
From: wangting <wangting@vci-tech.com>
Date: 星期四, 02 一月 2025 18:26:39 +0800
Subject: [PATCH] 将动态路由的path用菜单id赋值
---
Source/plt-web/plt-web-ui/src/views/system/role/index.vue | 109 +++++++++++++++++++++++++++++++++++-------------------
1 files changed, 71 insertions(+), 38 deletions(-)
diff --git a/Source/plt-web/plt-web-ui/src/views/system/role/index.vue b/Source/plt-web/plt-web-ui/src/views/system/role/index.vue
index f757b48..55308b2 100644
--- a/Source/plt-web/plt-web-ui/src/views/system/role/index.vue
+++ b/Source/plt-web/plt-web-ui/src/views/system/role/index.vue
@@ -17,12 +17,20 @@
@row-del="rowDeleteHandler"
>
<template slot="menuLeft" slot-scope="scope">
- <el-button icon="el-icon-delete" plain size="small" type="danger" @click="allDelHandler">鍒犻櫎</el-button>
- <el-button icon="el-icon-school" plain size="small" type="primary" @click="assignMembersHandler">鍒嗛厤鎴愬憳
+ <el-button v-if="permissionList.delBtn" icon="el-icon-delete" plain size="small" type="danger"
+ @click="allDelHandler">鍒犻櫎
</el-button>
- <el-button icon="el-icon-user" plain size="small" type="primary" @click="statisticsHandler">缁熻</el-button>
- <el-button icon="el-icon-upload2" plain size="small" type="primary" @click="upLoadRole">瀵煎叆瑙掕壊</el-button>
- <el-button icon="el-icon-download" plain size="small" type="primary">瀵煎嚭</el-button>
+ <el-button v-if="permissionList.assignMembersBtn" icon="el-icon-school" plain size="small" type="primary"
+ @click="assignMembersHandler">鍒嗛厤鎴愬憳
+ </el-button>
+ <el-button v-if="permissionList.statisticsBtn" icon="el-icon-user" plain size="small" type="primary"
+ @click="statisticsHandler">缁熻
+ </el-button>
+ <el-button v-if="permissionList.importRoleBtn" icon="el-icon-upload2" plain size="small" type="primary"
+ @click="upLoadRole">瀵煎叆瑙掕壊
+ </el-button>
+ <el-button v-if="permissionList.exportBtn" icon="el-icon-download" plain size="small" type="primary">瀵煎嚭
+ </el-button>
</template>
<template slot="roleClassifyText" slot-scope="{row}">
@@ -30,7 +38,7 @@
</template>
</avue-crud>
- <!-- 鍒嗛厤瑙掕壊绌挎妗� -->
+ <!-- 鍒嗛厤鎴愬憳绌挎妗� -->
<transfer ref="transfer" :left-role-data="leftRoleData" :right-role-data="rightRoleData"
:transferTitle="transferTitle" title="瑙掕壊娣诲姞鎴愬憳"
@transferSend="roleSendHandler">
@@ -40,7 +48,6 @@
<el-dialog
v-dialogDrag
v-loading="statisticsLoading"
- :destroy-on-close="true"
:visible.sync="statisticsVisible"
append-to-body="true"
class="avue-dialog"
@@ -54,14 +61,15 @@
</avue-crud>
<div slot="footer" class="dialog-footer" style="display: flex;gap: 20px;justify-content: center">
<div>
- <el-tag>褰撳墠瑙掕壊鎬讳汉鏁�: {{this.countData.length}}</el-tag>
+ <el-tag>褰撳墠瑙掕壊鎬讳汉鏁�: {{ this.countData.length }}</el-tag>
</div>
- <el-button size="small" @click="statisticsVisible = false" icon="el-icon-close" type="danger">鍏� 闂�</el-button>
+ <el-button icon="el-icon-close" size="small" type="danger" @click="statisticsVisible = false">鍏� 闂�</el-button>
</div>
</el-dialog>
<!-- 瀵煎叆瑙掕壊 -->
- <upload-file ref="upload" :tipList="tipList" :fileType="upFileType" :fileUrl="fileUrl" @updata="getTableList" title="瀵煎叆瑙掕壊"></upload-file>
+ <upload-file ref="upload" :fileType="upFileType" :fileUrl="fileUrl" :tipList="tipList" title="瀵煎叆瑙掕壊"
+ @updata="getTableList"></upload-file>
</basic-container>
</template>
@@ -78,19 +86,14 @@
} from '@/api/system/role/api'
import basicOption from "@/util/basic-option";
import {column} from "@/views/system/role/option";
+import func from "@/util/func";
+import {mapGetters} from "vuex";
export default {
name: "index",
data() {
return {
tableData: [],
- option: {
- ...basicOption,
- dialogTop: 0,
- dialogWidth: '30%',
- calcHeight: -60,
- column: column
- },
page: {
currentPage: 1,
pageSize: 10,
@@ -108,10 +111,11 @@
countData: [],
countOption: {
...basicOption,
- selection:false,
+ selection: false,
refreshBtn: false,
- addBtn:false,
- menu:false,
+ addBtn: false,
+ menu: false,
+ header: false,
column: [
{
label: '閮ㄩ棬',
@@ -138,7 +142,33 @@
},
upFileType: ['xls', 'xlsx'],
fileUrl: 'api/roleQueryController/importRole',
- tipList:["瑙掕壊瀵煎叆鍙湁 鍚嶇О 鍜� 鎻忚堪 涓ゅ垪锛屼笖鍚嶇О涓哄繀杈撻」涓嶈兘涓虹┖"]
+ tipList: ["瑙掕壊瀵煎叆鍙湁 鍚嶇О 鍜� 鎻忚堪 涓ゅ垪锛屼笖鍚嶇О涓哄繀杈撻」涓嶈兘涓虹┖"]
+ }
+ },
+ computed: {
+ ...mapGetters(["permission"]),
+ permissionList() {
+ return {
+ addBtn: this.vaildData(this.permission[this.$route.query.id].ADD, false),
+ delBtn: this.vaildData(this.permission[this.$route.query.id].DELETE, false),
+ editBtn: this.vaildData(this.permission[this.$route.query.id].EDIT, false),
+ exportBtn: this.vaildData(this.permission[this.$route.query.id].EXPORT, false),
+ assignMembersBtn: this.vaildData(this.permission[this.$route.query.id].assignMembers, false),
+ importRoleBtn: this.vaildData(this.permission[this.$route.query.id].importRole, false),
+ statisticsBtn: this.vaildData(this.permission[this.$route.query.id].statistics, false),
+ };
+ },
+ option() {
+ return {
+ ...basicOption,
+ addBtn: this.permissionList.addBtn,
+ delBtn: this.permissionList.delBtn,
+ editBtn: this.permissionList.editBtn,
+ dialogTop: 0,
+ dialogWidth: '30%',
+ column: column,
+ calcHeight: -60,
+ }
}
},
methods: {
@@ -175,27 +205,36 @@
// 琛屽崟閫�
rowClickHandler(row) {
- this.$refs.roleCrud.toggleRowSelection(row);
+ func.rowClickHandler(
+ row,
+ this.$refs.roleCrud,
+ this.lastIndex,
+ (newIndex) => {
+ this.lastIndex = newIndex;
+ },
+ () => {
+ this.selectList = [row];
+ }
+ );
},
// 娣诲姞
- rowSaveHandler(row, done,loading) {
+ rowSaveHandler(row, done, loading) {
delete row.roleClassifyText;
addRole(row).then(res => {
- console.log(res)
if (res.data.code === 200) {
this.$message.success(res.data.obj);
this.getTableList();
done();
}
- }).catch(err =>{
+ }).catch(err => {
console.log(err);
loading();
})
},
// 缂栬緫
- rowUpdateHandler(row, index, done,loading) {
+ rowUpdateHandler(row, index, done, loading) {
delete row.roleClassifyText;
updateRole(row).then(res => {
if (res.data.code === 200) {
@@ -205,7 +244,6 @@
}
}).catch(err => {
loading();
- console.log(err);
});
},
@@ -277,6 +315,8 @@
listUserUnInRoleOid({pkRole: this.selectList[0].oid}),
listUserByRoleOid({pkRole: this.selectList[0].oid})
]).then(([unInRoleRes, byRoleRes]) => {
+ this.leftRoleData = [];
+ this.rightRoleData = [];
if (unInRoleRes.data.code === 200 && byRoleRes.data.code === 200) {
const leftData = [...unInRoleRes.data.data, ...byRoleRes.data.data];
// 缁勮濂界┛姊鍙敤鏁版嵁
@@ -289,8 +329,6 @@
this.rightRoleData = byRoleRes.data.data.map(item => item.oid);
this.$refs.transfer.visible = true;
}
- }).catch(err => {
- console.error(err);
});
},
@@ -304,8 +342,6 @@
saveRight(params).then(res => {
this.$message.success(res.data.obj);
this.getTableList();
- }).catch(err => {
- this.$message.error(err)
})
},
@@ -321,26 +357,23 @@
return;
}
listUserByRoleOid({pkRole: this.selectList[0].oid}).then(res => {
- console.log(res)
if (res.data.code === 200) {
const data = res.data.data;
this.countData = data.map(item => {
return {
pkDepartmentName: item.pkDepartmentName,
- name:item.name,
- id:item.id,
- pkPersonName:this.selectList[0].name
+ name: item.name,
+ id: item.id,
+ pkPersonName: this.selectList[0].name
}
});
this.statisticsVisible = true;
}
- }).catch(err => {
- console.log(err)
})
},
// 瀵煎叆瑙掕壊
- upLoadRole(){
+ upLoadRole() {
this.$refs.upload.visible = true;
}
}
--
Gitblit v1.9.3