github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-08-01 23:18:17 +00:00
Code Issues Projects Releases Wiki Activity

perf: update detail tab page loading

Browse Source
This commit is contained in:
ibuler 2025-03-18 11:22:21 +08:00 committed by 老广
parent 661fc3a3d8
commit e26fecfee8
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/layout/components/GenericDetailPage/index.vue
View File

@ -1,6 +1,5 @@
<template> <template>
<TabPage <TabPage
v-if="!loading"
:active-menu.sync="iActiveMenu" :active-menu.sync="iActiveMenu"
:submenu="iSubmenu" :submenu="iSubmenu"
:title="iTitle" :title="iTitle"
@ -12,7 +11,9 @@
<ActionsGroup slot="headingRightSide" :actions="pageActions" class="header-buttons" /> <ActionsGroup slot="headingRightSide" :actions="pageActions" class="header-buttons" />
</span> </span>
</template> </template>
<div v-if="!loading">
<slot /> <slot />
</div>
</TabPage> </TabPage>
</template> </template>

4
src/layout/components/TabPage/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<Page v-if="!loading" :title="title" class="tab-page" v-bind="$attrs"> <Page :title="title" class="tab-page" v-bind="$attrs">
<template #headingRightSide> <template #headingRightSide>
<slot name="headingRightSide" /> <slot name="headingRightSide" />
</template> </template>
@ -45,7 +45,7 @@
<el-alert v-if="helpMessage" type="success"> <el-alert v-if="helpMessage" type="success">
<span v-sanitize="helpMessage" class="announcement-main" /> <span v-sanitize="helpMessage" class="announcement-main" />
</el-alert> </el-alert>
<transition appear mode="out-in" name="fade-transform"> <transition v-if="!loading" appear mode="out-in" name="fade-transform">
<slot> <slot>
<keep-alive> <keep-alive>
<component :is="computeActiveComponent" /> <component :is="computeActiveComponent" />

4
src/styles/index.scss
View File

@ -702,3 +702,7 @@ li.rmenu i.fa {
div.el-loading-parent--relative { div.el-loading-parent--relative {
min-height: 150px; min-height: 150px;
} }
.el-drawer__header .drawer-title {
color: var(--color-text-primary);
}