From 1c20c8231980a8d4b91688ff8641a06d3b2f68ab Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期二, 14 十月 2025 16:34:22 +0800
Subject: [PATCH] 改bug
---
admin/src/components/system/role/PermissionConfigWindow.vue | 54 +++++++++++++++++++++++++++++++++---------------------
1 files changed, 33 insertions(+), 21 deletions(-)
diff --git a/admin/src/components/system/role/PermissionConfigWindow.vue b/admin/src/components/system/role/PermissionConfigWindow.vue
index 17476a0..4a08fbf 100644
--- a/admin/src/components/system/role/PermissionConfigWindow.vue
+++ b/admin/src/components/system/role/PermissionConfigWindow.vue
@@ -1,24 +1,12 @@
<template>
- <GlobalWindow
- :visible.sync="visible"
- :confirm-working="isWorking"
- width="582px"
- title="閰嶇疆瑙掕壊鏉冮檺"
- @confirm="confirm"
- >
- <p class="tip" v-if="role != null">涓鸿鑹� <em>{{role.name}}</em> 閰嶇疆鏉冮檺</p>
+ <GlobalWindow :visible.sync="visible" :confirm-working="isWorking" width="80%" title="閰嶇疆瑙掕壊鏉冮檺" @confirm="confirm">
+ <p class="tip" v-if="role != null">涓鸿鑹� <em>{{ role.name }}</em> 閰嶇疆鏉冮檺</p>
<p class="tip-warn"><i class="el-icon-warning"></i>鎻愰啋锛氭潈闄愰厤缃悗闇�閲嶆柊鐧诲綍鍚庣敓鏁�</p>
- <el-transfer
- ref="permissionTransfer"
- v-model="selectedIds"
- filterable
- :filter-method="filterPermissions"
- :titles="['鏈巿鏉冩潈闄�', '宸叉巿鏉冩潈闄�']"
- :props="{
+ <el-transfer ref="permissionTransfer" v-model="selectedIds" filterable class="transfer"
+ :filter-method="filterPermissions" :titles="['鏈巿鏉冩潈闄�', '宸叉巿鏉冩潈闄�']" :props="{
key: 'id',
label: 'name'
- }"
- :data="permissions">
+ }" :data="permissions">
</el-transfer>
</GlobalWindow>
</template>
@@ -30,7 +18,7 @@
export default {
name: 'PermissionConfigWindow',
components: { GlobalWindow },
- data () {
+ data() {
return {
visible: false,
isWorking: false,
@@ -46,7 +34,7 @@
/**
* @role 瑙掕壊瀵硅薄
*/
- open (role) {
+ open(role) {
if (this.$refs.permissionTransfer) {
this.$refs.permissionTransfer.clearQuery('left')
this.$refs.permissionTransfer.clearQuery('right')
@@ -71,7 +59,7 @@
})
},
// 纭閫夋嫨鏉冮檺
- confirm () {
+ confirm() {
this.isWorking = true
createRolePermission({
roleId: this.role.id,
@@ -90,7 +78,7 @@
})
},
// 鎼滅储鏉冮檺
- filterPermissions (query, item) {
+ filterPermissions(query, item) {
const lowerCaseQuery = query.toLowerCase()
return item.code.toLowerCase().indexOf(lowerCaseQuery) > -1 || item.name.toLowerCase().indexOf(lowerCaseQuery) > -1
}
@@ -100,6 +88,7 @@
<style scoped lang="scss">
@import "@/assets/style/variables.scss";
+
.global-window {
.tip {
em {
@@ -108,10 +97,12 @@
font-weight: bold;
}
}
+
.tip-warn {
margin: 4px 0 12px 0;
font-size: 12px;
color: #999;
+
i {
color: orange;
margin-right: 4px;
@@ -121,4 +112,25 @@
}
}
}
+
+.transfer {
+ height: 600px;
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ ::v-deep .el-transfer-panel {
+ flex: 1;
+ height: 100%;
+ }
+
+ ::v-deep .el-transfer-panel__body {
+ height: 500px;
+ }
+
+ ::v-deep .el-transfer-panel__list.is-filterable {
+ height: 480px;
+ }
+}
</style>
--
Gitblit v1.9.3