1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-12-17 21:08:25 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

cleanup

Browse source
This commit is contained in:
HynoR 2025-11-18 11:13:45 +08:00
parent 2a1fe0d313
commit 7bd9b0c9a9
1 changed files with 0 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/views/container/compose/detail/index.vue
View file

@ -10,7 +10,6 @@
<template #main> <template #main>
<el-empty v-if="!composeName" :description="$t('commons.msg.noneData')" /> <el-empty v-if="!composeName" :description="$t('commons.msg.noneData')" />
<div v-else class="w-full"> <div v-else class="w-full">
<!-- Status Bar - Firewall Style -->
<div class="app-status mb-4"> <div class="app-status mb-4">
<el-card> <el-card>
<div class="flex w-full flex-col gap-4 md:flex-row"> <div class="flex w-full flex-col gap-4 md:flex-row">
@ -69,7 +68,6 @@
</el-card> </el-card>
</div> </div>
<!-- Container Table -->
<el-card v-if="composeInfo && composeContainers.length > 0" class="mb-4" shadow="never"> <el-card v-if="composeInfo && composeContainers.length > 0" class="mb-4" shadow="never">
<template #header> <template #header>
<div class="flex flex-wrap items-center justify-between gap-3"> <div class="flex flex-wrap items-center justify-between gap-3">
@ -235,7 +233,6 @@
</div> </div>
</el-card> </el-card>
<!-- Log Card -->
<el-card class="h-full compose-detail-log" shadow="never"> <el-card class="h-full compose-detail-log" shadow="never">
<template #header> <template #header>
<div class="flex items-center justify-between gap-3"> <div class="flex items-center justify-between gap-3">
@ -375,22 +372,17 @@ const loadInitialDetail = async () => {
detailLoading.value = true; detailLoading.value = true;
shouldLoadLog.value = false; shouldLoadLog.value = false;
try { try {
// Step 1: 先加载编排文件内容
await loadComposeContent(); await loadComposeContent();
// Step 2: 加载编排信息
await new Promise((resolve) => setTimeout(resolve, 100)); await new Promise((resolve) => setTimeout(resolve, 100));
await loadComposeInfo(); await loadComposeInfo();
// Step 3: 主要内容已加载完成，取消 loading 状态
detailLoading.value = false; detailLoading.value = false;
// Step 4: 延迟后加载日志
await new Promise((resolve) => setTimeout(resolve, 100)); await new Promise((resolve) => setTimeout(resolve, 100));
shouldLoadLog.value = true; shouldLoadLog.value = true;
logKey.value++; logKey.value++;
// Step 5: 加载容器统计数据
await new Promise((resolve) => setTimeout(resolve, 100)); await new Promise((resolve) => setTimeout(resolve, 100));
await loadContainerStats(); await loadContainerStats();
} catch (error) { } catch (error) {
@ -405,13 +397,10 @@ const refreshDetail = async () => {
} }
detailLoading.value = true; detailLoading.value = true;
try { try {
// 只刷新容器信息，不重新加载编排文件和日志
await loadComposeInfo(); await loadComposeInfo();
// 主要内容已加载完成，取消 loading 状态
detailLoading.value = false; detailLoading.value = false;
// 最后加载容器统计数据（最耗时的操作）
await new Promise((resolve) => setTimeout(resolve, 300)); await new Promise((resolve) => setTimeout(resolve, 300));
await loadContainerStats(); await loadContainerStats();
} catch (error) { } catch (error) {
@ -468,7 +457,6 @@ const onSubmitEdit = async () => {
await composeUpdate(param) await composeUpdate(param)
.then(async () => { .then(async () => {
MsgSuccess(i18n.global.t('commons.msg.operationSuccess')); MsgSuccess(i18n.global.t('commons.msg.operationSuccess'));
// 保存后重新加载编排文件内容
await loadComposeContent(); await loadComposeContent();
refreshDetail(); refreshDetail();
}) })