From e6acb39a2475e211f2c1decc45a95c868239c25f Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期五, 18 十月 2024 14:28:32 +0800
Subject: [PATCH] ll
---
admin/src/components/system/role/PermissionConfigWindow.vue | 35 +++++++++++++----------------------
1 files changed, 13 insertions(+), 22 deletions(-)
diff --git a/admin/src/components/system/role/PermissionConfigWindow.vue b/admin/src/components/system/role/PermissionConfigWindow.vue
index 63f4835..4a08fbf 100644
--- a/admin/src/components/system/role/PermissionConfigWindow.vue
+++ b/admin/src/components/system/role/PermissionConfigWindow.vue
@@ -1,25 +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
- class="transfer"
- :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>
@@ -31,7 +18,7 @@
export default {
name: 'PermissionConfigWindow',
components: { GlobalWindow },
- data () {
+ data() {
return {
visible: false,
isWorking: false,
@@ -47,7 +34,7 @@
/**
* @role 瑙掕壊瀵硅薄
*/
- open (role) {
+ open(role) {
if (this.$refs.permissionTransfer) {
this.$refs.permissionTransfer.clearQuery('left')
this.$refs.permissionTransfer.clearQuery('right')
@@ -72,7 +59,7 @@
})
},
// 纭閫夋嫨鏉冮檺
- confirm () {
+ confirm() {
this.isWorking = true
createRolePermission({
roleId: this.role.id,
@@ -91,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
}
@@ -101,6 +88,7 @@
<style scoped lang="scss">
@import "@/assets/style/variables.scss";
+
.global-window {
.tip {
em {
@@ -109,10 +97,12 @@
font-weight: bold;
}
}
+
.tip-warn {
margin: 4px 0 12px 0;
font-size: 12px;
color: #999;
+
i {
color: orange;
margin-right: 4px;
@@ -122,6 +112,7 @@
}
}
}
+
.transfer {
height: 600px;
width: 100%;
--
Gitblit v1.9.3