chore: 初始化平台管理端
This commit is contained in:
44
src/views/tenant/dictionary/index.vue
Normal file
44
src/views/tenant/dictionary/index.vue
Normal file
@@ -0,0 +1,44 @@
|
||||
<template>
|
||||
<div class="dictionary-page art-full-height">
|
||||
<ElContainer class="dictionary-layout">
|
||||
<ElAside width="320px">
|
||||
<GroupList :scope="DictionaryScope.Business" :allow-scope-selection="false" />
|
||||
</ElAside>
|
||||
<ElMain>
|
||||
<ItemTable :group="currentGroup" />
|
||||
</ElMain>
|
||||
</ElContainer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { computed } from 'vue'
|
||||
import { useDictionaryGroupStore } from '@/store/modules/dictionaryGroup'
|
||||
import { DictionaryScope } from '@/enums/Dictionary'
|
||||
import GroupList from '@/views/system/dictionary/components/GroupList.vue'
|
||||
import ItemTable from '@/views/system/dictionary/components/ItemTable.vue'
|
||||
|
||||
defineOptions({ name: 'TenantDictionary' })
|
||||
|
||||
const groupStore = useDictionaryGroupStore()
|
||||
const currentGroup = computed(() => groupStore.currentGroup)
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.dictionary-page {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.dictionary-layout {
|
||||
gap: 16px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
:deep(.el-aside) {
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
:deep(.el-main) {
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user