31 lines
860 B
Vue
31 lines
860 B
Vue
|
<template>
|
||
|
|
<!-- 权限信息弹出框 -->
|
||
|
|
<el-dialog :model-value="dialogVisible" :title="title" @close="handleCancel" width="800" draggable>
|
||
|
|
<div>
|
||
|
|
<el-transfer v-model="value" :data="data" :titles="['未具备的权限', '已具备的权限']"/>
|
||
|
|
</div>
|
||
|
|
<template #footer>
|
||
|
|
<div class="dialog-footer">
|
||
|
|
<el-button @click="handleCancel">取消</el-button>
|
||
|
|
<el-button type="primary" @click="handleCancel">
|
||
|
|
保存
|
||
|
|
</el-button>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
</el-dialog>
|
||
|
|
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { ref } from 'vue'
|
||
|
|
const {dialogVisible,data} = defineProps(['dialogVisible','title','data'])
|
||
|
|
const value = ref()
|
||
|
|
|
||
|
|
const emit = defineEmits<{
|
||
|
|
(e:'update:visible',value:boolean):void;
|
||
|
|
}>();
|
||
|
|
|
||
|
|
const handleCancel = () => {
|
||
|
|
emit('update:visible',false)
|
||
|
|
}
|
||
|
|
</script>
|