36 lines
1.1 KiB
Vue
36 lines
1.1 KiB
Vue
<template>
|
||
<h1>这个暂时写不了，角色管理采用菜单权限的设置</h1>
|
||
<GiPageLayout :header-style="{ padding: 0, borderBottom: 'none' }">
|
||
<template #left>
|
||
<RoleTree @node-click="handleSelectRole" />
|
||
</template>
|
||
<template #header>
|
||
<a-tabs v-model:activeKey="activeTab" class="gi_tabs" hide-content size="large">
|
||
<a-tab-pane key="1" title="功能权限"></a-tab-pane>
|
||
<a-tab-pane key="2" title="角色用户"></a-tab-pane>
|
||
</a-tabs>
|
||
</template>
|
||
<component :is="Permission" v-if="activeTab === '1'" :role-id="roleId" />
|
||
<component :is="RoleUser" v-if="activeTab === '2'" :role-id="roleId" />
|
||
</GiPageLayout>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import RoleTree from './tree/index.vue'
|
||
import Permission from './components/Permission.vue'
|
||
import RoleUser from './components/RoleUser.vue'
|
||
import {listRoleUserId} from "@/apis";
|
||
|
||
defineOptions({ name: 'SystemRole' })
|
||
|
||
const activeTab = ref('1')
|
||
|
||
const roleId = ref('')
|
||
// 根据选中角色查询
|
||
const handleSelectRole = (keys: Array<any>) => {
|
||
roleId.value = keys.length === 1 ? keys[0] : undefined
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang="scss"></style>
|