mirror of
https://github.com/1Panel-dev/1Panel.git
synced 2024-09-20 07:35:58 +08:00
This commit is contained in:
parent
eb6d889c1f
commit
63af7adff4
|
@ -69,6 +69,7 @@
|
||||||
:default-expand-all="true"
|
:default-expand-all="true"
|
||||||
:data="form.appData"
|
:data="form.appData"
|
||||||
:props="defaultProps"
|
:props="defaultProps"
|
||||||
|
@check-change="onChangeAppData"
|
||||||
show-checkbox
|
show-checkbox
|
||||||
>
|
>
|
||||||
<template #default="{ data }">
|
<template #default="{ data }">
|
||||||
|
@ -401,6 +402,39 @@ const search = async () => {
|
||||||
form.appData = res.data.appData || [];
|
form.appData = res.data.appData || [];
|
||||||
};
|
};
|
||||||
|
|
||||||
|
function onChangeAppData(data: any, isCheck: boolean) {
|
||||||
|
if (data.label !== 'appData' || !data.relationItemID) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
data.isCheck = isCheck;
|
||||||
|
let isDisable = false;
|
||||||
|
for (const item of form.appData) {
|
||||||
|
if (!item.children) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
for (const itemData of item.children) {
|
||||||
|
if (itemData.label === 'appData' && itemData.relationItemID === data.relationItemID && itemData.isCheck) {
|
||||||
|
isDisable = true;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
for (const item of form.appData) {
|
||||||
|
if (!item.children) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
for (const relationItem of item.children) {
|
||||||
|
if (relationItem.id !== data.relationItemID) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
relationItem.isDisable = isDisable;
|
||||||
|
if (isDisable) {
|
||||||
|
appRef.value.setChecked(relationItem.id, isDisable, isDisable);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
const setAppDefaultCheck = async (list: any) => {
|
const setAppDefaultCheck = async (list: any) => {
|
||||||
for (const item of list) {
|
for (const item of list) {
|
||||||
if (item.isCheck) {
|
if (item.isCheck) {
|
||||||
|
|
|
@ -12,35 +12,19 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div v-loading="loading">
|
<div v-loading="loading">
|
||||||
<el-alert :type="loadStatus(status.panelInfo)" :closable="false">
|
<el-alert :type="loadStatus(status.baseData)" :closable="false">
|
||||||
<template #title>
|
<template #title>
|
||||||
<el-button :icon="loadIcon(status.panelInfo)" link>{{ $t('setting.panelInfo') }}</el-button>
|
<el-button :icon="loadIcon(status.baseData)" link>{{ $t('setting.panelInfo') }}</el-button>
|
||||||
<div v-if="showErrorMsg(status.panelInfo)" class="top-margin">
|
<div v-if="showErrorMsg(status.baseData)" class="top-margin">
|
||||||
<span class="err-message">{{ status.panelInfo }}</span>
|
<span class="err-message">{{ status.baseData }}</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-alert>
|
</el-alert>
|
||||||
<el-alert :type="loadStatus(status.panel)" :closable="false">
|
<el-alert :type="loadStatus(status.appImage)" :closable="false">
|
||||||
<template #title>
|
<template #title>
|
||||||
<el-button :icon="loadIcon(status.panel)" link>{{ $t('setting.panelBin') }}</el-button>
|
<el-button :icon="loadIcon(status.appImage)" link>{{ $t('setting.appData') }}</el-button>
|
||||||
<div v-if="showErrorMsg(status.panel)" class="top-margin">
|
<div v-if="showErrorMsg(status.appImage)" class="top-margin">
|
||||||
<span class="err-message">{{ status.panel }}</span>
|
<span class="err-message">{{ status.appImage }}</span>
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-alert>
|
|
||||||
<el-alert :type="loadStatus(status.daemonJson)" :closable="false">
|
|
||||||
<template #title>
|
|
||||||
<el-button :icon="loadIcon(status.daemonJson)" link>{{ $t('setting.daemonJson') }}</el-button>
|
|
||||||
<div v-if="showErrorMsg(status.daemonJson)" class="top-margin">
|
|
||||||
<span class="err-message">{{ status.daemonJson }}</span>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-alert>
|
|
||||||
<el-alert :type="loadStatus(status.appData)" :closable="false">
|
|
||||||
<template #title>
|
|
||||||
<el-button :icon="loadIcon(status.appData)" link>{{ $t('setting.appData') }}</el-button>
|
|
||||||
<div v-if="showErrorMsg(status.appData)" class="top-margin">
|
|
||||||
<span class="err-message">{{ status.appData }}</span>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-alert>
|
</el-alert>
|
||||||
|
@ -100,10 +84,8 @@ import { loadSnapStatus, snapshotCreate } from '@/api/modules/setting';
|
||||||
import { nextTick, onBeforeUnmount, reactive, ref } from 'vue';
|
import { nextTick, onBeforeUnmount, reactive, ref } from 'vue';
|
||||||
|
|
||||||
const status = reactive<Setting.SnapshotStatus>({
|
const status = reactive<Setting.SnapshotStatus>({
|
||||||
panel: '',
|
baseData: '',
|
||||||
panelInfo: '',
|
appImage: '',
|
||||||
daemonJson: '',
|
|
||||||
appData: '',
|
|
||||||
panelData: '',
|
panelData: '',
|
||||||
backupData: '',
|
backupData: '',
|
||||||
|
|
||||||
|
@ -147,10 +129,8 @@ const loadCurrentStatus = async () => {
|
||||||
await loadSnapStatus(snapID.value)
|
await loadSnapStatus(snapID.value)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
status.panel = res.data.panel;
|
status.baseData = res.data.baseData;
|
||||||
status.panelInfo = res.data.panelInfo;
|
status.appImage = res.data.appImage;
|
||||||
status.daemonJson = res.data.daemonJson;
|
|
||||||
status.appData = res.data.appData;
|
|
||||||
status.panelData = res.data.panelData;
|
status.panelData = res.data.panelData;
|
||||||
status.backupData = res.data.backupData;
|
status.backupData = res.data.backupData;
|
||||||
|
|
||||||
|
@ -172,10 +152,19 @@ const onRetry = async () => {
|
||||||
loading.value = true;
|
loading.value = true;
|
||||||
await snapshotCreate({
|
await snapshotCreate({
|
||||||
id: snapID.value,
|
id: snapID.value,
|
||||||
fromAccounts: [],
|
|
||||||
from: snapFrom.value,
|
|
||||||
defaultDownload: snapDefaultDownload.value,
|
|
||||||
description: snapDescription.value,
|
description: snapDescription.value,
|
||||||
|
|
||||||
|
downloadAccountID: '',
|
||||||
|
sourceAccountIDs: '',
|
||||||
|
secret: '',
|
||||||
|
|
||||||
|
withLoginLog: false,
|
||||||
|
withOperationLog: false,
|
||||||
|
withMonitorData: false,
|
||||||
|
|
||||||
|
panelData: [],
|
||||||
|
backupData: [],
|
||||||
|
appData: [],
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
|
@ -190,10 +179,8 @@ const onWatch = () => {
|
||||||
timer = setInterval(async () => {
|
timer = setInterval(async () => {
|
||||||
if (keepLoadStatus()) {
|
if (keepLoadStatus()) {
|
||||||
const res = await loadSnapStatus(snapID.value);
|
const res = await loadSnapStatus(snapID.value);
|
||||||
status.panel = res.data.panel;
|
status.baseData = res.data.baseData;
|
||||||
status.panelInfo = res.data.panelInfo;
|
status.appImage = res.data.appImage;
|
||||||
status.daemonJson = res.data.daemonJson;
|
|
||||||
status.appData = res.data.appData;
|
|
||||||
status.panelData = res.data.panelData;
|
status.panelData = res.data.panelData;
|
||||||
status.backupData = res.data.backupData;
|
status.backupData = res.data.backupData;
|
||||||
|
|
||||||
|
@ -205,16 +192,10 @@ const onWatch = () => {
|
||||||
};
|
};
|
||||||
|
|
||||||
const keepLoadStatus = () => {
|
const keepLoadStatus = () => {
|
||||||
if (status.panel === 'Running') {
|
if (status.baseData === 'Running') {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
if (status.panelInfo === 'Running') {
|
if (status.appImage === 'Running') {
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.daemonJson === 'Running') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.appData === 'Running') {
|
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
if (status.panelData === 'Running') {
|
if (status.panelData === 'Running') {
|
||||||
|
@ -240,16 +221,10 @@ const showRetry = () => {
|
||||||
if (keepLoadStatus()) {
|
if (keepLoadStatus()) {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
if (status.panel !== 'Running' && status.panel !== 'Done') {
|
if (status.baseData !== 'Running' && status.baseData !== 'Done') {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
if (status.panelInfo !== 'Running' && status.panelInfo !== 'Done') {
|
if (status.appImage !== 'Running' && status.appImage !== 'Done') {
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.daemonJson !== 'Running' && status.daemonJson !== 'Done') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.appData !== 'Running' && status.appData !== 'Done') {
|
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
if (status.panelData !== 'Running' && status.panelData !== 'Done') {
|
if (status.panelData !== 'Running' && status.panelData !== 'Done') {
|
||||||
|
|
|
@ -1,295 +1,220 @@
|
||||||
<template>
|
<template>
|
||||||
<el-dialog
|
<DrawerPro v-model="drawerVisible" :header="$t('setting.recoverDetail')" :back="handleClose" size="small">
|
||||||
v-model="dialogVisible"
|
<el-form label-position="top" v-loading="loading">
|
||||||
@close="onClose"
|
<span class="card-title">{{ $t('setting.recover') }}</span>
|
||||||
:destroy-on-close="true"
|
<el-divider class="divider" />
|
||||||
:close-on-click-modal="false"
|
<div v-if="!snapInfo.recoverStatus && !snapInfo.lastRecoveredAt">
|
||||||
width="50%"
|
<el-alert center class="alert" style="height: 257px" :closable="false">
|
||||||
>
|
<el-button size="large" round plain type="primary" @click="recoverSnapshot(true)">
|
||||||
<template #header>
|
{{ $t('setting.recover') }}
|
||||||
<div class="card-header">
|
</el-button>
|
||||||
<span>{{ $t('setting.status') }}</span>
|
</el-alert>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
<el-card v-else class="mini-border-card">
|
||||||
<div v-loading="loading">
|
<div v-if="!snapInfo.recoverStatus" class="mini-border-card">
|
||||||
<el-alert :type="loadStatus(status.baseData)" :closable="false">
|
<div v-if="snapInfo.lastRecoveredAt">
|
||||||
<template #title>
|
<el-form-item :label="$t('commons.table.status')">
|
||||||
<el-button :icon="loadIcon(status.baseData)" link>{{ $t('setting.baseData') }}</el-button>
|
<el-tag type="success">
|
||||||
<div v-if="showErrorMsg(status.baseData)" class="top-margin">
|
{{ $t('commons.table.statusSuccess') }}
|
||||||
<span class="err-message">{{ status.baseData }}</span>
|
</el-tag>
|
||||||
|
<el-button @click="recoverSnapshot(true)" style="margin-left: 10px" type="primary">
|
||||||
|
{{ $t('setting.recover') }}
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('setting.lastRecoverAt')">
|
||||||
|
{{ snapInfo.lastRecoveredAt }}
|
||||||
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</div>
|
||||||
</el-alert>
|
<div v-else>
|
||||||
<el-alert :type="loadStatus(status.appImage)" :closable="false">
|
<el-form-item :label="$t('commons.table.status')">
|
||||||
<template #title>
|
<el-tag type="danger" v-if="snapInfo.recoverStatus === 'Failed'">
|
||||||
<el-button :icon="loadIcon(status.appImage)" link>{{ $t('setting.appData') }}</el-button>
|
{{ $t('commons.table.statusFailed') }}
|
||||||
<div v-if="showErrorMsg(status.appImage)" class="top-margin">
|
</el-tag>
|
||||||
<span class="err-message">{{ status.appImage }}</span>
|
<el-tag type="success" v-if="snapInfo.recoverStatus === 'Success'">
|
||||||
|
{{ $t('commons.table.statusSuccess') }}
|
||||||
|
</el-tag>
|
||||||
|
<el-tag type="info" v-if="snapInfo.recoverStatus === 'Waiting'">
|
||||||
|
{{ $t('commons.table.statusWaiting') }}
|
||||||
|
</el-tag>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('setting.lastRecoverAt')" v-if="snapInfo.recoverStatus !== 'Waiting'">
|
||||||
|
{{ snapInfo.lastRecoveredAt }}
|
||||||
|
</el-form-item>
|
||||||
|
<div v-if="snapInfo.recoverStatus === 'Failed'">
|
||||||
|
<el-form-item :label="$t('commons.button.log')">
|
||||||
|
<span style="word-break: break-all; flex-wrap: wrap; word-wrap: break-word">
|
||||||
|
{{ snapInfo.recoverMessage }}
|
||||||
|
</span>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="recoverSnapshot(false)" type="primary">
|
||||||
|
{{ $t('commons.button.retry') }}
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</div>
|
||||||
</el-alert>
|
</el-card>
|
||||||
<el-alert :type="loadStatus(status.backupData)" :closable="false">
|
|
||||||
<template #title>
|
<div v-if="snapInfo.recoverStatus === 'Failed'">
|
||||||
<el-button :icon="loadIcon(status.backupData)" link>{{ $t('setting.backupData') }}</el-button>
|
<span class="card-title">{{ $t('setting.rollback') }}</span>
|
||||||
<div v-if="showErrorMsg(status.backupData)" class="top-margin">
|
<el-divider class="divider" />
|
||||||
<span class="err-message">{{ status.backupData }}</span>
|
<div v-if="!snapInfo.rollbackStatus && !snapInfo.lastRollbackedAt">
|
||||||
|
<el-alert center class="alert" style="height: 257px" :closable="false">
|
||||||
|
<el-button size="large" round plain type="primary" @click="rollbackSnapshot()">
|
||||||
|
{{ $t('setting.rollback') }}
|
||||||
|
</el-button>
|
||||||
|
</el-alert>
|
||||||
|
</div>
|
||||||
|
<div v-if="!snapInfo.rollbackStatus">
|
||||||
|
<div v-if="snapInfo.lastRollbackedAt">
|
||||||
|
<el-form-item :label="$t('commons.table.status')">
|
||||||
|
<el-tag type="success">
|
||||||
|
{{ $t('commons.table.statusSuccess') }}
|
||||||
|
</el-tag>
|
||||||
|
<el-button @click="rollbackSnapshot" style="margin-left: 10px" type="primary">
|
||||||
|
{{ $t('setting.rollback') }}
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('setting.lastRollbackAt')">
|
||||||
|
{{ snapInfo.lastRollbackedAt }}
|
||||||
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</div>
|
||||||
</el-alert>
|
<div v-else>
|
||||||
<el-alert :type="loadStatus(status.panelData)" :closable="false">
|
<el-form-item :label="$t('commons.table.status')">
|
||||||
<template #title>
|
<el-tag type="success" v-if="snapInfo.rollbackStatus === 'Success'">
|
||||||
<el-button :icon="loadIcon(status.panelData)" link>{{ $t('setting.panelData') }}</el-button>
|
{{ $t('commons.table.statusSuccess') }}
|
||||||
<div v-if="showErrorMsg(status.panelData)" class="top-margin">
|
</el-tag>
|
||||||
<span class="err-message">{{ status.panelData }}</span>
|
<el-tag type="danger" v-if="snapInfo.rollbackStatus === 'Failed'">
|
||||||
|
{{ $t('commons.table.statusFailed') }}
|
||||||
|
</el-tag>
|
||||||
|
<el-tag type="info" v-if="snapInfo.rollbackStatus === 'Waiting'">
|
||||||
|
{{ $t('commons.table.statusWaiting') }}
|
||||||
|
</el-tag>
|
||||||
|
<el-button
|
||||||
|
style="margin-left: 15px"
|
||||||
|
:disabled="snapInfo.rollbackStatus !== 'Success'"
|
||||||
|
@click="rollbackSnapshot"
|
||||||
|
>
|
||||||
|
{{ $t('setting.rollback') }}
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('setting.lastRollbackAt')" v-if="snapInfo.rollbackStatus !== 'Waiting'">
|
||||||
|
{{ snapInfo.lastRollbackedAt }}
|
||||||
|
</el-form-item>
|
||||||
|
<div v-if="snapInfo.rollbackStatus === 'Failed'">
|
||||||
|
<el-form-item :label="$t('commons.button.log')">
|
||||||
|
<span style="word-break: break-all; flex-wrap: wrap; word-wrap: break-word">
|
||||||
|
{{ snapInfo.rollbackMessage }}
|
||||||
|
</span>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-button @click="rollbackSnapshot()" type="primary">
|
||||||
|
{{ $t('commons.button.retry') }}
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</div>
|
||||||
</el-alert>
|
</div>
|
||||||
<el-alert :type="loadStatus(status.compress)" :closable="false">
|
</el-form>
|
||||||
<template #title>
|
</DrawerPro>
|
||||||
<el-button :icon="loadIcon(status.compress)" link>
|
<SnapRecover ref="recoverRef" @close="handleClose" />
|
||||||
{{ $t('setting.compress') }} {{ status.size }}
|
|
||||||
</el-button>
|
|
||||||
<div v-if="showErrorMsg(status.compress)" class="top-margin">
|
|
||||||
<span class="err-message">{{ status.compress }}</span>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-alert>
|
|
||||||
<el-alert :type="loadStatus(status.upload)" :closable="false">
|
|
||||||
<template #title>
|
|
||||||
<el-button :icon="loadIcon(status.upload)" link>
|
|
||||||
{{ $t('setting.upload') }}
|
|
||||||
</el-button>
|
|
||||||
<div v-if="showErrorMsg(status.upload)" class="top-margin">
|
|
||||||
<span class="err-message">{{ status.upload }}</span>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-alert>
|
|
||||||
</div>
|
|
||||||
<template #footer>
|
|
||||||
<span class="dialog-footer">
|
|
||||||
<el-button @click="onClose">
|
|
||||||
{{ $t('commons.button.cancel') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button v-if="showRetry()" @click="onRetry">
|
|
||||||
{{ $t('commons.button.retry') }}
|
|
||||||
</el-button>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script setup lang="ts">
|
||||||
|
import { ref } from 'vue';
|
||||||
import { Setting } from '@/api/interface/setting';
|
import { Setting } from '@/api/interface/setting';
|
||||||
import { loadSnapStatus, snapshotCreate } from '@/api/modules/setting';
|
import { ElMessageBox } from 'element-plus';
|
||||||
import { nextTick, onBeforeUnmount, reactive, ref } from 'vue';
|
import i18n from '@/lang';
|
||||||
|
import { snapshotRollback } from '@/api/modules/setting';
|
||||||
const status = reactive<Setting.SnapshotStatus>({
|
import { MsgSuccess } from '@/utils/message';
|
||||||
baseData: '',
|
import { loadOsInfo } from '@/api/modules/dashboard';
|
||||||
appImage: '',
|
import SnapRecover from '@/views/setting/snapshot/recover/index.vue';
|
||||||
panelData: '',
|
|
||||||
backupData: '',
|
|
||||||
|
|
||||||
compress: '',
|
|
||||||
size: '',
|
|
||||||
upload: '',
|
|
||||||
});
|
|
||||||
|
|
||||||
const dialogVisible = ref(false);
|
|
||||||
|
|
||||||
|
const drawerVisible = ref(false);
|
||||||
|
const snapInfo = ref();
|
||||||
const loading = ref();
|
const loading = ref();
|
||||||
const snapID = ref();
|
|
||||||
const snapFrom = ref();
|
|
||||||
const snapDefaultDownload = ref();
|
|
||||||
const snapDescription = ref();
|
|
||||||
|
|
||||||
let timer: NodeJS.Timer | null = null;
|
const recoverRef = ref();
|
||||||
|
|
||||||
interface DialogProps {
|
interface DialogProps {
|
||||||
id: number;
|
snapInfo: Setting.SnapshotInfo;
|
||||||
from: string;
|
|
||||||
defaultDownload: string;
|
|
||||||
description: string;
|
|
||||||
}
|
}
|
||||||
|
const acceptParams = (params: DialogProps): void => {
|
||||||
const acceptParams = (props: DialogProps): void => {
|
snapInfo.value = params.snapInfo;
|
||||||
dialogVisible.value = true;
|
drawerVisible.value = true;
|
||||||
snapID.value = props.id;
|
|
||||||
snapFrom.value = props.from;
|
|
||||||
snapDefaultDownload.value = props.defaultDownload;
|
|
||||||
snapDescription.value = props.description;
|
|
||||||
onWatch();
|
|
||||||
nextTick(() => {
|
|
||||||
loadCurrentStatus();
|
|
||||||
});
|
|
||||||
};
|
};
|
||||||
const emit = defineEmits(['search']);
|
const emit = defineEmits(['search']);
|
||||||
|
|
||||||
const loadCurrentStatus = async () => {
|
const handleClose = () => {
|
||||||
|
drawerVisible.value = false;
|
||||||
|
};
|
||||||
|
|
||||||
|
const recoverSnapshot = async (isNew: boolean) => {
|
||||||
loading.value = true;
|
loading.value = true;
|
||||||
await loadSnapStatus(snapID.value)
|
await loadOsInfo()
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
status.baseData = res.data.baseData;
|
let params = {
|
||||||
status.appImage = res.data.appImage;
|
id: snapInfo.value.id,
|
||||||
status.panelData = res.data.panelData;
|
isNew: isNew,
|
||||||
status.backupData = res.data.backupData;
|
name: snapInfo.value.name,
|
||||||
|
reDownload: false,
|
||||||
|
secret: snapInfo.value.secret,
|
||||||
|
|
||||||
status.compress = res.data.compress;
|
arch: res.data.kernelArch,
|
||||||
status.size = res.data.size;
|
size: snapInfo.value.size,
|
||||||
status.upload = res.data.upload;
|
freeSize: res.data.diskSize,
|
||||||
|
};
|
||||||
|
recoverRef.value.acceptParams(params);
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
loading.value = false;
|
loading.value = false;
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const onClose = async () => {
|
const rollbackSnapshot = async () => {
|
||||||
emit('search');
|
ElMessageBox.confirm(i18n.global.t('setting.rollbackHelper'), i18n.global.t('setting.rollback'), {
|
||||||
dialogVisible.value = false;
|
confirmButtonText: i18n.global.t('commons.button.confirm'),
|
||||||
|
cancelButtonText: i18n.global.t('commons.button.cancel'),
|
||||||
|
type: 'info',
|
||||||
|
}).then(async () => {
|
||||||
|
loading.value = true;
|
||||||
|
await snapshotRollback({ id: snapInfo.value.id, isNew: false, reDownload: false, secret: '' })
|
||||||
|
.then(() => {
|
||||||
|
emit('search');
|
||||||
|
loading.value = false;
|
||||||
|
drawerVisible.value = false;
|
||||||
|
MsgSuccess(i18n.global.t('commons.msg.operationSuccess'));
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
loading.value = false;
|
||||||
|
});
|
||||||
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const onRetry = async () => {
|
|
||||||
loading.value = true;
|
|
||||||
await snapshotCreate({
|
|
||||||
id: snapID.value,
|
|
||||||
description: snapDescription.value,
|
|
||||||
|
|
||||||
downloadAccountID: '',
|
|
||||||
sourceAccountIDs: '',
|
|
||||||
secret: '',
|
|
||||||
|
|
||||||
withLoginLog: false,
|
|
||||||
withOperationLog: false,
|
|
||||||
withMonitorData: false,
|
|
||||||
|
|
||||||
panelData: [],
|
|
||||||
backupData: [],
|
|
||||||
appData: [],
|
|
||||||
})
|
|
||||||
.then(() => {
|
|
||||||
loading.value = false;
|
|
||||||
loadCurrentStatus();
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
loading.value = false;
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const onWatch = () => {
|
|
||||||
timer = setInterval(async () => {
|
|
||||||
if (keepLoadStatus()) {
|
|
||||||
const res = await loadSnapStatus(snapID.value);
|
|
||||||
status.baseData = res.data.baseData;
|
|
||||||
status.appImage = res.data.appImage;
|
|
||||||
status.panelData = res.data.panelData;
|
|
||||||
status.backupData = res.data.backupData;
|
|
||||||
|
|
||||||
status.compress = res.data.compress;
|
|
||||||
status.size = res.data.size;
|
|
||||||
status.upload = res.data.upload;
|
|
||||||
}
|
|
||||||
}, 1000 * 3);
|
|
||||||
};
|
|
||||||
|
|
||||||
const keepLoadStatus = () => {
|
|
||||||
if (status.baseData === 'Running') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.appImage === 'Running') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.panelData === 'Running') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.backupData === 'Running') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.compress === 'Running') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.upload === 'Uploading') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
|
|
||||||
const showErrorMsg = (status: string) => {
|
|
||||||
return status !== 'Running' && status !== 'Done' && status !== 'Uploading' && status !== 'Waiting';
|
|
||||||
};
|
|
||||||
|
|
||||||
const showRetry = () => {
|
|
||||||
if (keepLoadStatus()) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (status.baseData !== 'Running' && status.baseData !== 'Done') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.appImage !== 'Running' && status.appImage !== 'Done') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.panelData !== 'Running' && status.panelData !== 'Done') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.backupData !== 'Running' && status.backupData !== 'Done') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.compress !== 'Running' && status.compress !== 'Done' && status.compress !== 'Waiting') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
if (status.upload !== 'Uploading' && status.upload !== 'Done' && status.upload !== 'Waiting') {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
|
|
||||||
const loadStatus = (status: string) => {
|
|
||||||
switch (status) {
|
|
||||||
case 'Running':
|
|
||||||
case 'Waiting':
|
|
||||||
case 'Uploading':
|
|
||||||
return 'info';
|
|
||||||
case 'Done':
|
|
||||||
return 'success';
|
|
||||||
default:
|
|
||||||
return 'error';
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const loadIcon = (status: string) => {
|
|
||||||
switch (status) {
|
|
||||||
case 'Running':
|
|
||||||
case 'Waiting':
|
|
||||||
case 'Uploading':
|
|
||||||
return 'Loading';
|
|
||||||
case 'Done':
|
|
||||||
return 'Check';
|
|
||||||
default:
|
|
||||||
return 'Close';
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
onBeforeUnmount(() => {
|
|
||||||
clearInterval(Number(timer));
|
|
||||||
timer = null;
|
|
||||||
});
|
|
||||||
defineExpose({
|
defineExpose({
|
||||||
acceptParams,
|
acceptParams,
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
|
||||||
.el-alert {
|
<style lang="scss" scoped>
|
||||||
margin: 10px 0 0;
|
.divider {
|
||||||
|
display: block;
|
||||||
|
height: 1px;
|
||||||
|
width: 100%;
|
||||||
|
margin: 12px 0;
|
||||||
|
border-top: 1px var(--el-border-color) var(--el-border-style);
|
||||||
}
|
}
|
||||||
.el-alert:first-child {
|
.alert {
|
||||||
margin: 0;
|
background-color: rgba(0, 94, 235, 0.03);
|
||||||
}
|
}
|
||||||
.top-margin {
|
|
||||||
margin-top: 10px;
|
.card-title {
|
||||||
}
|
font-size: 14px;
|
||||||
.err-message {
|
font-weight: 500;
|
||||||
margin-left: 23px;
|
line-height: 25px;
|
||||||
line-height: 20px;
|
color: var(--el-button-text-color, var(--el-text-color-regular));
|
||||||
word-break: break-all;
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue