mirror of
https://github.com/1Panel-dev/1Panel.git
synced 2025-01-19 08:19:15 +08:00
fix: 备份账号 card 替换
This commit is contained in:
ssongliu
ssongliu
parent
795e64151a
commit
99ab05c9a1
@ -405,7 +405,7 @@ export default {
|
|||||||
|
|
||||||
custom: 'Custom',
|
custom: 'Custom',
|
||||||
emptyUser: 'When empty, you will log in as default',
|
emptyUser: 'When empty, you will log in as default',
|
||||||
containerTerminal: 'Container terminal',
|
containerTerminal: 'Terminal',
|
||||||
|
|
||||||
port: 'Port',
|
port: 'Port',
|
||||||
exposePort: 'Expose port',
|
exposePort: 'Expose port',
|
||||||
|
|||||||
@ -418,7 +418,7 @@ export default {
|
|||||||
newName: '新名称',
|
newName: '新名称',
|
||||||
|
|
||||||
custom: '自定义',
|
custom: '自定义',
|
||||||
containerTerminal: '容器终端',
|
containerTerminal: '终端',
|
||||||
emptyUser: '为空时，将使用容器默认的用户登录',
|
emptyUser: '为空时，将使用容器默认的用户登录',
|
||||||
|
|
||||||
port: '端口',
|
port: '端口',
|
||||||
|
|||||||
@ -10,7 +10,7 @@
|
|||||||
<el-input clearable v-model.trim="form.name" />
|
<el-input clearable v-model.trim="form.name" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('container.image')" prop="image">
|
<el-form-item :label="$t('container.image')" prop="image">
|
||||||
<el-select style="width: 100%" filterable v-model="form.image">
|
<el-select style="width: 100%" allow-create filterable v-model="form.image">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="(item, index) of images"
|
v-for="(item, index) of images"
|
||||||
:key="index"
|
:key="index"
|
||||||
|
|||||||
@ -77,7 +77,7 @@
|
|||||||
<LayoutContent :title="$t('cronjob.record')" :reload="true">
|
<LayoutContent :title="$t('cronjob.record')" :reload="true">
|
||||||
<template #search v-if="hasRecords">
|
<template #search v-if="hasRecords">
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="6">
|
<el-col :span="8">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
style="width: calc(100% - 20px)"
|
style="width: calc(100% - 20px)"
|
||||||
@change="search()"
|
@change="search()"
|
||||||
@ -89,7 +89,7 @@
|
|||||||
:shortcuts="shortcuts"
|
:shortcuts="shortcuts"
|
||||||
></el-date-picker>
|
></el-date-picker>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="18">
|
<el-col :span="16">
|
||||||
<el-select @change="search()" v-model="searchInfo.status">
|
<el-select @change="search()" v-model="searchInfo.status">
|
||||||
<template #prefix>{{ $t('commons.table.status') }}</template>
|
<template #prefix>{{ $t('commons.table.status') }}</template>
|
||||||
<el-option :label="$t('commons.table.all')" value="" />
|
<el-option :label="$t('commons.table.all')" value="" />
|
||||||
@ -101,7 +101,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<template #main>
|
<template #main>
|
||||||
<el-row :gutter="20" v-if="hasRecords">
|
<el-row :gutter="20" v-if="hasRecords">
|
||||||
<el-col :span="6">
|
<el-col :span="8">
|
||||||
<el-card>
|
<el-card>
|
||||||
<ul v-infinite-scroll="nextPage" class="infinite-list" style="overflow: auto">
|
<ul v-infinite-scroll="nextPage" class="infinite-list" style="overflow: auto">
|
||||||
<li
|
<li
|
||||||
@ -123,7 +123,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="18">
|
<el-col :span="16">
|
||||||
<el-card style="height: 362px">
|
<el-card style="height: 362px">
|
||||||
<el-form>
|
<el-form>
|
||||||
<el-row v-if="hasScript()">
|
<el-row v-if="hasScript()">
|
||||||
@ -157,7 +157,21 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8" v-if="dialogData.rowData!.type === 'directory'">
|
<el-col :span="8" v-if="dialogData.rowData!.type === 'directory'">
|
||||||
<el-form-item :label="$t('cronjob.directory')">
|
<el-form-item :label="$t('cronjob.directory')">
|
||||||
{{ dialogData.rowData!.sourceDir }}
|
<span v-if="dialogData.rowData!.sourceDir.length <= 20">
|
||||||
|
{{ dialogData.rowData!.sourceDir }}
|
||||||
|
</span>
|
||||||
|
<div v-else>
|
||||||
|
<el-popover
|
||||||
|
placement="top-start"
|
||||||
|
trigger="hover"
|
||||||
|
width="250"
|
||||||
|
:content="dialogData.rowData!.sourceDir"
|
||||||
|
>
|
||||||
|
<template #reference>
|
||||||
|
{{ dialogData.rowData!.sourceDir.substring(0, 20) }}...
|
||||||
|
</template>
|
||||||
|
</el-popover>
|
||||||
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="8" v-if="isBackup()">
|
<el-col :span="8" v-if="isBackup()">
|
||||||
@ -450,7 +464,8 @@ const onDownload = async (recordID: number, backupID: number) => {
|
|||||||
a.download =
|
a.download =
|
||||||
dialogData.value.rowData!.website + '_' + dateFormatForName(currentRecord.value?.startTime) + '.tar.gz';
|
dialogData.value.rowData!.website + '_' + dateFormatForName(currentRecord.value?.startTime) + '.tar.gz';
|
||||||
} else {
|
} else {
|
||||||
a.download = dateFormatForName(currentRecord.value?.startTime) + '.sql.gz';
|
let name = dialogData.value.rowData!.sourceDir.replaceAll('/', '_');
|
||||||
|
a.download = name + '_' + dateFormatForName(currentRecord.value?.startTime) + '.tar.gz';
|
||||||
}
|
}
|
||||||
const event = new MouseEvent('click');
|
const event = new MouseEvent('click');
|
||||||
a.dispatchEvent(event);
|
a.dispatchEvent(event);
|
||||||
|
|||||||
@ -5,25 +5,24 @@
|
|||||||
<el-form label-position="left" label-width="130px" :v-key="reflash">
|
<el-form label-position="left" label-width="130px" :v-key="reflash">
|
||||||
<el-row :gutter="20">
|
<el-row :gutter="20">
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-card>
|
<div>
|
||||||
<template #header>
|
<svg-icon style="font-size: 7px" iconName="p-file-folder"></svg-icon>
|
||||||
<svg-icon style="font-size: 7px" iconName="p-file-folder"></svg-icon>
|
<span style="font-size: 14px; font-weight: 500"> {{ $t('setting.LOCAL') }}</span>
|
||||||
<span style="font-size: 16px; font-weight: 500">
|
<div style="float: right">
|
||||||
{{ $t('setting.LOCAL') }}
|
<el-button round @click="onOpenDialog('edit', 'local', localData)">
|
||||||
</span>
|
{{ $t('commons.button.edit') }}
|
||||||
<div style="float: right">
|
</el-button>
|
||||||
<el-button round @click="onOpenDialog('edit', 'local', localData)">
|
</div>
|
||||||
{{ $t('commons.button.edit') }}
|
</div>
|
||||||
</el-button>
|
<el-divider class="devider" />
|
||||||
</div>
|
<div style="margin-left: 20px">
|
||||||
</template>
|
|
||||||
<el-form-item :label="$t('setting.currentPath')">
|
<el-form-item :label="$t('setting.currentPath')">
|
||||||
{{ localData.varsJson['dir'] }}
|
{{ localData.varsJson['dir'] }}
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('commons.table.createdAt')">
|
<el-form-item :label="$t('commons.table.createdAt')">
|
||||||
{{ dateFormat(0, 0, localData.createdAt) }}
|
{{ dateFormat(0, 0, localData.createdAt) }}
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-card>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
@ -31,203 +30,156 @@
|
|||||||
<div style="margin-top: 20px">
|
<div style="margin-top: 20px">
|
||||||
<span style="font-size: 14px; font-weight: 500">{{ $t('setting.thirdParty') }}</span>
|
<span style="font-size: 14px; font-weight: 500">{{ $t('setting.thirdParty') }}</span>
|
||||||
</div>
|
</div>
|
||||||
<el-row :gutter="20" style="margin-top: 5px">
|
<el-row :gutter="20" style="margin-top: 20px">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-card style="height: 265px">
|
<div>
|
||||||
<template #header>
|
<svg-icon style="font-size: 7px" iconName="p-aws"></svg-icon>
|
||||||
<svg-icon style="font-size: 7px" iconName="p-aws"></svg-icon>
|
<span style="font-size: 14px; font-weight: 500"> {{ $t('setting.S3') }}</span>
|
||||||
<span style="font-size: 16px; font-weight: 500"> {{ $t('setting.S3') }}</span>
|
<div style="float: right">
|
||||||
<div style="float: right">
|
|
||||||
<el-button round :disabled="s3Data.id === 0" @click="onBatchDelete(s3Data)">
|
|
||||||
{{ $t('commons.button.delete') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
|
||||||
round
|
|
||||||
:disabled="s3Data.id === 0"
|
|
||||||
@click="onOpenDialog('edit', 'S3', s3Data)"
|
|
||||||
>
|
|
||||||
{{ $t('commons.button.edit') }}
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<div v-if="s3Data.id !== 0">
|
|
||||||
<el-form-item label="Region">
|
|
||||||
{{ s3Data.varsJson['region'] }}
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="Endpoint">
|
|
||||||
{{ s3Data.varsJson['endpoint'] }}
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="Bucket">
|
|
||||||
{{ s3Data.bucket }}
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('commons.table.createdAt')">
|
|
||||||
{{ dateFormatSimple(s3Data.createdAt) }}
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
<el-alert
|
|
||||||
v-else
|
|
||||||
center
|
|
||||||
style="height: 167px; background-color: var(--panel-alert-bg)"
|
|
||||||
:closable="false"
|
|
||||||
>
|
|
||||||
<el-button
|
<el-button
|
||||||
size="large"
|
|
||||||
round
|
round
|
||||||
plain
|
:disabled="s3Data.id === 0"
|
||||||
type="primary"
|
@click="onOpenDialog('edit', 'S3', s3Data)"
|
||||||
@click="onOpenDialog('create', 'S3')"
|
|
||||||
>
|
>
|
||||||
{{ $t('setting.createBackupAccount', ['S3']) }}
|
{{ $t('commons.button.edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-alert>
|
<el-button round :disabled="s3Data.id === 0" @click="onBatchDelete(s3Data)">
|
||||||
</el-card>
|
{{ $t('commons.button.delete') }}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
<el-divider class="devider" />
|
||||||
|
</div>
|
||||||
|
<div v-if="s3Data.id !== 0" style="margin-left: 20px">
|
||||||
|
<el-form-item label="Region">
|
||||||
|
{{ s3Data.varsJson['region'] }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="Endpoint">
|
||||||
|
{{ s3Data.varsJson['endpoint'] }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="Bucket">
|
||||||
|
{{ s3Data.bucket }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('commons.table.createdAt')">
|
||||||
|
{{ dateFormatSimple(s3Data.createdAt) }}
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
<el-alert v-else center class="alert" style="height: 167px" :closable="false">
|
||||||
|
<el-button size="large" round plain type="primary" @click="onOpenDialog('create', 'S3')">
|
||||||
|
{{ $t('setting.createBackupAccount', ['S3']) }}
|
||||||
|
</el-button>
|
||||||
|
</el-alert>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-card style="height: 265px">
|
<div>
|
||||||
<template #header>
|
<svg-icon style="font-size: 7px" iconName="p-oss"></svg-icon>
|
||||||
<svg-icon style="font-size: 7px" iconName="p-oss"></svg-icon>
|
<span style="font-size: 14px; font-weight: 500"> {{ $t('setting.OSS') }}</span>
|
||||||
<span style="font-size: 16px; font-weight: 500"> {{ $t('setting.OSS') }}</span>
|
<div style="float: right">
|
||||||
<div style="float: right">
|
|
||||||
<el-button round :disabled="ossData.id === 0" @click="onBatchDelete(ossData)">
|
|
||||||
{{ $t('commons.button.delete') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
|
||||||
round
|
|
||||||
:disabled="ossData.id === 0"
|
|
||||||
@click="onOpenDialog('edit', 'OSS', ossData)"
|
|
||||||
>
|
|
||||||
{{ $t('commons.button.edit') }}
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<div v-if="ossData.id !== 0">
|
|
||||||
<el-form-item label="Endpoint">
|
|
||||||
{{ ossData.varsJson['endpoint'] }}
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="Bucket">
|
|
||||||
{{ ossData.bucket }}
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('commons.table.createdAt')">
|
|
||||||
{{ dateFormatSimple(ossData.createdAt) }}
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
<el-alert
|
|
||||||
v-else
|
|
||||||
center
|
|
||||||
style="height: 167px; background-color: var(--panel-alert-bg)"
|
|
||||||
:closable="false"
|
|
||||||
>
|
|
||||||
<el-button
|
<el-button
|
||||||
size="large"
|
|
||||||
round
|
round
|
||||||
plain
|
:disabled="ossData.id === 0"
|
||||||
type="primary"
|
@click="onOpenDialog('edit', 'OSS', ossData)"
|
||||||
@click="onOpenDialog('create', 'OSS')"
|
|
||||||
>
|
>
|
||||||
{{ $t('setting.createBackupAccount', ['OSS']) }}
|
{{ $t('commons.button.edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-alert>
|
<el-button round :disabled="ossData.id === 0" @click="onBatchDelete(ossData)">
|
||||||
</el-card>
|
{{ $t('commons.button.delete') }}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-divider class="devider" />
|
||||||
|
<div v-if="ossData.id !== 0" style="margin-left: 20px">
|
||||||
|
<el-form-item label="Endpoint">
|
||||||
|
{{ ossData.varsJson['endpoint'] }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="Bucket">
|
||||||
|
{{ ossData.bucket }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('commons.table.createdAt')">
|
||||||
|
{{ dateFormatSimple(ossData.createdAt) }}
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
<el-alert v-else center class="alert" style="height: 167px" :closable="false">
|
||||||
|
<el-button size="large" round plain type="primary" @click="onOpenDialog('create', 'OSS')">
|
||||||
|
{{ $t('setting.createBackupAccount', ['OSS']) }}
|
||||||
|
</el-button>
|
||||||
|
</el-alert>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row :gutter="20" style="margin-top: 20px">
|
<el-row :gutter="20" style="margin-top: 20px">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-card style="height: 265px">
|
<div>
|
||||||
<template #header>
|
<svg-icon style="font-size: 7px" iconName="p-minio"></svg-icon>
|
||||||
<svg-icon style="font-size: 7px" iconName="p-minio"></svg-icon>
|
<span style="font-size: 14px; font-weight: 500"> MINIO</span>
|
||||||
<span style="font-size: 16px; font-weight: 500"> MINIO</span>
|
<div style="float: right">
|
||||||
<div style="float: right">
|
|
||||||
<el-button :disabled="minioData.id === 0" round @click="onBatchDelete(minioData)">
|
|
||||||
{{ $t('commons.button.delete') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
|
||||||
round
|
|
||||||
:disabled="minioData.id === 0"
|
|
||||||
@click="onOpenDialog('edit', 'MINIO', minioData)"
|
|
||||||
>
|
|
||||||
{{ $t('commons.button.edit') }}
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<div v-if="minioData.id !== 0">
|
|
||||||
<el-form-item label="Endpoint">
|
|
||||||
{{ minioData.varsJson['endpoint'] }}
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="Bucket">
|
|
||||||
{{ minioData.bucket }}
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('commons.table.createdAt')">
|
|
||||||
{{ dateFormatSimple(minioData.createdAt) }}
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
<el-alert
|
|
||||||
v-else
|
|
||||||
center
|
|
||||||
style="height: 167px; background-color: var(--panel-alert-bg)"
|
|
||||||
:closable="false"
|
|
||||||
>
|
|
||||||
<el-button
|
<el-button
|
||||||
size="large"
|
|
||||||
round
|
round
|
||||||
plain
|
:disabled="minioData.id === 0"
|
||||||
type="primary"
|
@click="onOpenDialog('edit', 'MINIO', minioData)"
|
||||||
@click="onOpenDialog('create', 'MINIO')"
|
|
||||||
>
|
>
|
||||||
{{ $t('setting.createBackupAccount', ['MINIO']) }}
|
{{ $t('commons.button.edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-alert>
|
<el-button :disabled="minioData.id === 0" round @click="onBatchDelete(minioData)">
|
||||||
</el-card>
|
{{ $t('commons.button.delete') }}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-divider class="devider" />
|
||||||
|
<div v-if="minioData.id !== 0" style="margin-left: 20px">
|
||||||
|
<el-form-item label="Endpoint">
|
||||||
|
{{ minioData.varsJson['endpoint'] }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="Bucket">
|
||||||
|
{{ minioData.bucket }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('commons.table.createdAt')">
|
||||||
|
{{ dateFormatSimple(minioData.createdAt) }}
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
<el-alert v-else center class="alert" style="height: 167px" :closable="false">
|
||||||
|
<el-button size="large" round plain type="primary" @click="onOpenDialog('create', 'MINIO')">
|
||||||
|
{{ $t('setting.createBackupAccount', ['MINIO']) }}
|
||||||
|
</el-button>
|
||||||
|
</el-alert>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-card style="height: 265px">
|
<div>
|
||||||
<template #header>
|
<svg-icon style="font-size: 7px" iconName="p-SFTP"></svg-icon>
|
||||||
<svg-icon style="font-size: 7px" iconName="p-SFTP"></svg-icon>
|
<span style="font-size: 14px; font-weight: 500"> SFTP</span>
|
||||||
<span style="font-size: 16px; font-weight: 500"> SFTP</span>
|
<div style="float: right">
|
||||||
<div style="float: right">
|
|
||||||
<el-button round :disabled="sftpData.id === 0" @click="onBatchDelete(sftpData)">
|
|
||||||
{{ $t('commons.button.delete') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button
|
|
||||||
round
|
|
||||||
plain
|
|
||||||
:disabled="sftpData.id === 0"
|
|
||||||
@click="onOpenDialog('edit', 'SFTP', sftpData)"
|
|
||||||
>
|
|
||||||
{{ $t('commons.button.edit') }}
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<div v-if="sftpData.id !== 0">
|
|
||||||
<el-form-item :label="$t('setting.address')">
|
|
||||||
{{ sftpData.varsJson['address'] }}
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('setting.port')">
|
|
||||||
{{ sftpData.varsJson['port'] }}
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('setting.path')">
|
|
||||||
{{ sftpData.bucket }}
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('commons.table.createdAt')">
|
|
||||||
{{ dateFormatSimple(sftpData.createdAt) }}
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
<el-alert
|
|
||||||
v-else
|
|
||||||
center
|
|
||||||
style="height: 167px; background-color: var(--panel-alert-bg)"
|
|
||||||
:closable="false"
|
|
||||||
>
|
|
||||||
<el-button
|
<el-button
|
||||||
size="large"
|
|
||||||
round
|
round
|
||||||
plain
|
plain
|
||||||
type="primary"
|
:disabled="sftpData.id === 0"
|
||||||
@click="onOpenDialog('create', 'SFTP')"
|
@click="onOpenDialog('edit', 'SFTP', sftpData)"
|
||||||
>
|
>
|
||||||
{{ $t('setting.createBackupAccount', ['SFTP']) }}
|
{{ $t('commons.button.edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-alert>
|
<el-button round :disabled="sftpData.id === 0" @click="onBatchDelete(sftpData)">
|
||||||
</el-card>
|
{{ $t('commons.button.delete') }}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-divider class="devider" />
|
||||||
|
<div v-if="sftpData.id !== 0" style="margin-left: 20px">
|
||||||
|
<el-form-item :label="$t('setting.address')">
|
||||||
|
{{ sftpData.varsJson['address'] }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('setting.port')">
|
||||||
|
{{ sftpData.varsJson['port'] }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('setting.path')">
|
||||||
|
{{ sftpData.bucket }}
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item :label="$t('commons.table.createdAt')">
|
||||||
|
{{ dateFormatSimple(sftpData.createdAt) }}
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
<el-alert v-else center class="alert" style="height: 167px" :closable="false">
|
||||||
|
<el-button size="large" round plain type="primary" @click="onOpenDialog('create', 'SFTP')">
|
||||||
|
{{ $t('setting.createBackupAccount', ['SFTP']) }}
|
||||||
|
</el-button>
|
||||||
|
</el-alert>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</template>
|
</template>
|
||||||
@ -367,3 +319,16 @@ onMounted(() => {
|
|||||||
search();
|
search();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
.devider {
|
||||||
|
display: block;
|
||||||
|
height: 1px;
|
||||||
|
width: 100%;
|
||||||
|
margin: 12px 0;
|
||||||
|
border-top: 1px var(--el-border-color) var(--el-border-style);
|
||||||
|
}
|
||||||
|
.alert {
|
||||||
|
background-color: rgba(0, 94, 235, 0.03);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user