35 lines
1.1 KiB
Vue
35 lines
1.1 KiB
Vue
<template>
|
|
<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>
|