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