page: 📄 添加枚举内容
This commit is contained in:
parent
5892e169ce
commit
bffc07dae0
|
|
@ -0,0 +1,8 @@
|
||||||
|
export enum ColumnsEnum {
|
||||||
|
tableId = '主键',
|
||||||
|
tableCreateTime = '创建时间',
|
||||||
|
tableUpdateTime = '更新时间',
|
||||||
|
tableCreateUser = '创建用户',
|
||||||
|
tableUpdateUser = '更新用户',
|
||||||
|
tableOperation = '操作',
|
||||||
|
}
|
||||||
|
|
@ -1,99 +1,56 @@
|
||||||
<script setup lang="ts">
|
<script lang="ts" setup>
|
||||||
import { hasAuth, getAuths } from "@/router/utils";
|
import { getAuths, hasAuth } from '@/router/utils';
|
||||||
|
|
||||||
defineOptions({
|
defineOptions({
|
||||||
name: "PermissionButtonRouter"
|
name: 'PermissionButtonRouter',
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<p class="mb-2">当前拥有的code列表：{{ getAuths() }}</p>
|
<p class="mb-2">当前拥有的code列表：{{ getAuths() }}</p>
|
||||||
|
|
||||||
<el-card shadow="never" class="mb-2">
|
<el-card class="mb-2" shadow="never">
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="card-header">组件方式判断权限</div>
|
<div class="card-header">组件方式判断权限</div>
|
||||||
</template>
|
</template>
|
||||||
<el-space wrap>
|
<el-space wrap>
|
||||||
<Auth value="permission:btn:add">
|
<Auth value="permission:btn:add">
|
||||||
<el-button plain type="warning">
|
<el-button plain type="warning"> 拥有code：'permission:btn:add' 权限可见</el-button>
|
||||||
拥有code：'permission:btn:add' 权限可见
|
</Auth>
|
||||||
</el-button>
|
<Auth :value="['permission:btn:edit']">
|
||||||
</Auth>
|
<el-button plain type="primary"> 拥有code：['permission:btn:edit'] 权限可见</el-button>
|
||||||
<Auth :value="['permission:btn:edit']">
|
</Auth>
|
||||||
<el-button plain type="primary">
|
<Auth :value="['permission:btn:add', 'permission:btn:edit', 'permission:btn:delete']">
|
||||||
拥有code：['permission:btn:edit'] 权限可见
|
<el-button plain type="danger"> 拥有code：['permission:btn:add', 'permission:btn:edit', 'permission:btn:delete'] 权限可见 </el-button>
|
||||||
</el-button>
|
</Auth>
|
||||||
</Auth>
|
</el-space>
|
||||||
<Auth
|
</el-card>
|
||||||
:value="[
|
|
||||||
'permission:btn:add',
|
|
||||||
'permission:btn:edit',
|
|
||||||
'permission:btn:delete'
|
|
||||||
]"
|
|
||||||
>
|
|
||||||
<el-button plain type="danger">
|
|
||||||
拥有code：['permission:btn:add', 'permission:btn:edit',
|
|
||||||
'permission:btn:delete'] 权限可见
|
|
||||||
</el-button>
|
|
||||||
</Auth>
|
|
||||||
</el-space>
|
|
||||||
</el-card>
|
|
||||||
|
|
||||||
<el-card shadow="never" class="mb-2">
|
<el-card class="mb-2" shadow="never">
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="card-header">函数方式判断权限</div>
|
<div class="card-header">函数方式判断权限</div>
|
||||||
</template>
|
</template>
|
||||||
<el-space wrap>
|
<el-space wrap>
|
||||||
<el-button v-if="hasAuth('permission:btn:add')" plain type="warning">
|
<el-button v-if="hasAuth('permission:btn:add')" plain type="warning"> 拥有code：'permission:btn:add' 权限可见 </el-button>
|
||||||
拥有code：'permission:btn:add' 权限可见
|
<el-button v-if="hasAuth(['permission:btn:edit'])" plain type="primary"> 拥有code：['permission:btn:edit'] 权限可见 </el-button>
|
||||||
</el-button>
|
<el-button v-if="hasAuth(['permission:btn:add', 'permission:btn:edit', 'permission:btn:delete'])" plain type="danger">
|
||||||
<el-button v-if="hasAuth(['permission:btn:edit'])" plain type="primary">
|
拥有code：['permission:btn:add', 'permission:btn:edit', 'permission:btn:delete'] 权限可见
|
||||||
拥有code：['permission:btn:edit'] 权限可见
|
</el-button>
|
||||||
</el-button>
|
</el-space>
|
||||||
<el-button
|
</el-card>
|
||||||
v-if="
|
|
||||||
hasAuth([
|
|
||||||
'permission:btn:add',
|
|
||||||
'permission:btn:edit',
|
|
||||||
'permission:btn:delete'
|
|
||||||
])
|
|
||||||
"
|
|
||||||
plain
|
|
||||||
type="danger"
|
|
||||||
>
|
|
||||||
拥有code：['permission:btn:add', 'permission:btn:edit',
|
|
||||||
'permission:btn:delete'] 权限可见
|
|
||||||
</el-button>
|
|
||||||
</el-space>
|
|
||||||
</el-card>
|
|
||||||
|
|
||||||
<el-card shadow="never">
|
<el-card shadow="never">
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="card-header">
|
<div class="card-header">指令方式判断权限（该方式不能动态修改权限）</div>
|
||||||
指令方式判断权限（该方式不能动态修改权限）
|
</template>
|
||||||
</div>
|
<el-space wrap>
|
||||||
</template>
|
<el-button v-auth="'permission:btn:add'" plain type="warning"> 拥有code：'permission:btn:add' 权限可见 </el-button>
|
||||||
<el-space wrap>
|
<el-button v-auth="['permission:btn:edit']" plain type="primary"> 拥有code：['permission:btn:edit'] 权限可见 </el-button>
|
||||||
<el-button v-auth="'permission:btn:add'" plain type="warning">
|
<el-button v-auth="['permission:btn:add', 'permission:btn:edit', 'permission:btn:delete']" plain type="danger">
|
||||||
拥有code：'permission:btn:add' 权限可见
|
拥有code：['permission:btn:add', 'permission:btn:edit', 'permission:btn:delete'] 权限可见
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-auth="['permission:btn:edit']" plain type="primary">
|
</el-space>
|
||||||
拥有code：['permission:btn:edit'] 权限可见
|
</el-card>
|
||||||
</el-button>
|
</div>
|
||||||
<el-button
|
|
||||||
v-auth="[
|
|
||||||
'permission:btn:add',
|
|
||||||
'permission:btn:edit',
|
|
||||||
'permission:btn:delete'
|
|
||||||
]"
|
|
||||||
plain
|
|
||||||
type="danger"
|
|
||||||
>
|
|
||||||
拥有code：['permission:btn:add', 'permission:btn:edit',
|
|
||||||
'permission:btn:delete'] 权限可见
|
|
||||||
</el-button>
|
|
||||||
</el-space>
|
|
||||||
</el-card>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue