<template>
|
<div class="mt-2">
|
当前权限模式：
|
<a-button type="link">
|
{{ permissionMode === PermissionModeEnum.BACK ? '后台权限模式' : '前端角色权限模式' }}
|
</a-button>
|
<a-button class="ml-4" @click="togglePermissionMode" type="primary"> 切换权限模式 </a-button>
|
<Divider />
|
</div>
|
</template>
|
<script lang="ts" setup>
|
import { computed } from 'vue';
|
import { useAppStore } from '@/store/modules/app';
|
import { PermissionModeEnum } from '@/enums/appEnum';
|
import { Divider } from 'ant-design-vue';
|
import { usePermission } from '@/hooks/web/usePermission';
|
|
defineOptions({ name: 'CurrentPermissionMode' });
|
|
const appStore = useAppStore();
|
const permissionMode = computed(() => appStore.getProjectConfig.permissionMode);
|
const { togglePermissionMode } = usePermission();
|
</script>
|
