ClientApps/pqs-9100_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend/src/views/authority/role/components/permissionUnit.vue

Browse Source
This commit is contained in:
sjl
2024-11-11 15:41:28 +08:00
parent 0797ea046f bf8c6a1d00
commit 4b5498ad49
5 changed files with 70 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
frontend/src/views/authority/role/components/permissionUnit.vue
View File

@@ -1,8 +1,8 @@
<template>
<!-- 权限信息弹出框 -->
<el-dialog :model-value="dialogVisible" :title="title" v-bind="dialogBig" @close="handleCancel" width="600" draggable>
<!-- 权限信息弹出框 -->
<el-dialog :model-value="dialogVisible" :title="title" v-bind="dialogBig" @close="handleCancel" width="600" draggable>
<div>
<el-transfer v-model="value" :data="data.permissionList" :titles="['未具备的权限', '已具备的权限']"/>
<el-transfer v-model="value" :data="data.permissionList" :titles="['未具备的权限', '已具备的权限']"/>
</div>
<template #footer>
<div class="dialog-footer">
@@ -14,62 +14,71 @@
</template>
</el-dialog>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const {dialogVisible,data} = defineProps<{
</template>
<script lang="ts" setup>
import {ref} from 'vue'
import {dialogBig} from '@/utils/elementBind'
import {Role} from '@/api/role/interface'
const {dialogVisible, data} = defineProps<{
dialogVisible: boolean;
title: string;
<<<<<<< HEAD
data: Role.Permission;
}>()
=======
data: Role.ResRoleList;
}>
()
>>>>>>> bf8c6a1d00bd2c22d1a10896c5e8fc94ab9ed017
// const leftvalue = ref<Role.Permission[]>([])
// const rightvalue = ref<Role.Permission[]>([])
// const leftvalue = ref<Role.Permission[]>([])
// const rightvalue = ref<Role.Permission[]>([])
// const rightvalue = computed<Role.Permission[]>({
// get(){
// return data.permissionList?.filter(item => item.disabled) || []
// },
// set: (value: Role.Permission[]) => {
// if (data.permissionList) {
// for(let i = 0;i<value.length;i++){
// for(let j = 0;j<(data.permissionList?.length);j++){
// if(value[i].key === data.permissionList[j].key)
// {
// data.permissionList[j].disabled = value[i].disabled
// }
// }
// }
// }
// }
// })
// const rightvalue = computed<Role.Permission[]>({
// get(){
// return data.permissionList?.filter(item => item.disabled) || []
// },
// set: (value: Role.Permission[]) => {
// if (data.permissionList) {
// for(let i = 0;i<value.length;i++){
// for(let j = 0;j<(data.permissionList?.length);j++){
// if(value[i].key === data.permissionList[j].key)
// {
// data.permissionList[j].disabled = value[i].disabled
// }
// }
// }
// }
// }
// })
// const leftvalue = computed<Role.Permission[]>({
// get(){
// return data.permissionList?.filter(item => item.disabled === false) || []
// },
// set: (value: Role.Permission[]) => {
// if (data.permissionList) {
// for(let i = 0;i<value.length;i++){
// for(let j = 0;j<(data.permissionList?.length);j++){
// if(value[i].key === data.permissionList[j].key)
// {
// data.permissionList[j].disabled = value[i].disabled
// }
// }
// }
// }
// }
// })
// const leftvalue = computed<Role.Permission[]>({
// get(){
// return data.permissionList?.filter(item => item.disabled === false) || []
// },
// set: (value: Role.Permission[]) => {
// if (data.permissionList) {
// for(let i = 0;i<value.length;i++){
// for(let j = 0;j<(data.permissionList?.length);j++){
// if(value[i].key === data.permissionList[j].key)
// {
// data.permissionList[j].disabled = value[i].disabled
// }
// }
// }
// }
// }
// })
const value = ref()
const emit = defineEmits<{
(e:'update:visible',value:boolean):void;
}>();
const value = ref()
const handleCancel = () => {
emit('update:visible',false)
}
</script>
const emit = defineEmits<{
(e: 'update:visible', value: boolean): void;
}>();
const handleCancel = () => {
emit('update:visible', false)
}
</script>