49 lines
1.4 KiB
Vue
49 lines
1.4 KiB
Vue
<template>
|
|
<div class="app-layout">
|
|
<div class="app-header" :class="!isDefaultTheme ? 'custom-header' : ''">
|
|
<el-alert
|
|
v-if="user.isExpire()"
|
|
:title="$t('layout.isExpire')"
|
|
type="warning"
|
|
class="border-b"
|
|
show-icon
|
|
:closable="false"
|
|
/>
|
|
<SystemHeader v-if="isShared"></SystemHeader>
|
|
<UserHeader v-else />
|
|
</div>
|
|
<div class="app-main" :class="user.isExpire() ? 'isExpire' : ''">
|
|
<layout-container>
|
|
<template #left>
|
|
<Sidebar />
|
|
</template>
|
|
<AppMain />
|
|
</layout-container>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import UserHeader from '@/layout/layout-header/UserHeader.vue'
|
|
import SystemHeader from '@/layout/layout-header/SystemHeader.vue'
|
|
import Sidebar from '@/layout/components/sidebar/index.vue'
|
|
import AppMain from '@/layout/app-main/index.vue'
|
|
import useStore from '@/stores'
|
|
import { useRoute } from 'vue-router'
|
|
const route = useRoute()
|
|
const {
|
|
params: { folderId }, // id为knowledgeID
|
|
query: { type },
|
|
} = route as any
|
|
const isShared = computed(() => {
|
|
return folderId === 'shared' || type === 'systemShare'
|
|
})
|
|
const { theme, user } = useStore()
|
|
const isDefaultTheme = computed(() => {
|
|
return theme.isDefaultTheme()
|
|
})
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@use './index.scss';
|
|
</style>
|