NEZ-3223 feat：backup recovery 功能开发
This commit is contained in:
zyh
@@ -1,79 +1,103 @@
|
||||
<template>
|
||||
<div class="backups-table">
|
||||
<el-table :data="isConfigurations ? tableData : tableData2" border>
|
||||
<el-table-column
|
||||
class="table-column__head"
|
||||
v-for="(item, index) in customTableTitle"
|
||||
:key="`col-${index}-${item.prop}`"
|
||||
:width="`${item.width}`"
|
||||
:min-width="`${item.minWidth}`"
|
||||
:label="item.label"
|
||||
:prop="item.prop"
|
||||
:resizable="true"
|
||||
>
|
||||
<template slot="header">
|
||||
<span class="data-column__span">{{ item.label }}</span>
|
||||
<div class="col-resize-area"></div>
|
||||
</template>
|
||||
<template slot-scope="scope" :column="item">
|
||||
<span v-if="item.prop === 'schedule'">
|
||||
{{ tableData[0].schedule && changeType(tableData[0].schedule.type)? changeType(tableData[0].schedule.type):''}}
|
||||
</span>
|
||||
<span v-if="item.prop === 'retention'">
|
||||
{{ tableData[0].retention }}
|
||||
</span>
|
||||
<span v-if="item.prop === 'state'">
|
||||
<el-switch class="switch" v-model="tableData[0].state" disabled> </el-switch>
|
||||
</span>
|
||||
<span v-if="item.prop === 'time'">
|
||||
{{ scope.row.time ? changeDate(scope.row.time ) : "" }}
|
||||
</span>
|
||||
<span v-if="item.prop === 'size'">
|
||||
{{ scope.row.size ? getNum(scope.row.size) : "" }}
|
||||
</span>
|
||||
<span v-if="item.prop === 'fileName'"> {{ scope.row.fileName }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :resizable="false" fixed="right"
|
||||
width="165px"
|
||||
>
|
||||
<div slot-scope="scope">
|
||||
<div
|
||||
v-if="isConfigurations"
|
||||
class="table-operation-items"
|
||||
>
|
||||
<button class="table-operation-button" @click="backupNow(scope.row)" :title="$t('config.backup')">
|
||||
<i class="nz-icon-beifen nz-icon"></i>
|
||||
</button>
|
||||
<button class="table-operation-edit" style="cursor: pointer" @click="edit(scope.row)" :title="$t('backup.edit')">
|
||||
<i class="nz-icon-gear nz-icon"></i>
|
||||
</button>
|
||||
<div class="backups-table">
|
||||
<el-table :data="isConfigurations ? tableData : tableData2" border>
|
||||
<el-table-column
|
||||
class="table-column__head"
|
||||
v-for="(item, index) in customTableTitle"
|
||||
:key="`col-${index}-${item.prop}`"
|
||||
:width="`${item.width}`"
|
||||
:min-width="`${item.minWidth}`"
|
||||
:label="item.label"
|
||||
:prop="item.prop"
|
||||
:resizable="true"
|
||||
>
|
||||
<template slot="header">
|
||||
<span class="data-column__span">{{ item.label }}</span>
|
||||
<div class="col-resize-area"></div>
|
||||
</template>
|
||||
<template slot-scope="scope" :column="item">
|
||||
<span v-if="item.prop === 'schedule'">
|
||||
{{ tableData[0].schedule && changeType(tableData[0].schedule.type)? changeType(tableData[0].schedule.type):''}}
|
||||
</span>
|
||||
<span v-if="item.prop === 'retention'">
|
||||
{{ tableData[0].retention }}
|
||||
</span>
|
||||
<span v-if="item.prop === 'state'">
|
||||
<el-switch class="switch" v-model="tableData[0].state" disabled> </el-switch>
|
||||
</span>
|
||||
<span v-if="item.prop === 'time'">
|
||||
{{ scope.row.time ? changeDate(scope.row.time ) : "" }}
|
||||
</span>
|
||||
<span v-if="item.prop === 'size'">
|
||||
{{ scope.row.size ? getNum(scope.row.size) : "" }}
|
||||
</span>
|
||||
<span v-if="item.prop === 'fileName'"> {{ scope.row.fileName }} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :resizable="false" fixed="right"
|
||||
width="165px"
|
||||
>
|
||||
<div slot-scope="scope">
|
||||
<div
|
||||
v-if="isConfigurations"
|
||||
class="table-operation-items"
|
||||
>
|
||||
<button class="table-operation-button" @click="backupNow(scope.row)" :title="$t('config.backup')">
|
||||
<i class="nz-icon-beifen nz-icon"></i>
|
||||
</button>
|
||||
<button class="table-operation-edit" style="cursor: pointer" @click="edit(scope.row)" :title="$t('backup.edit')">
|
||||
<i class="nz-icon-gear nz-icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div v-if="!isConfigurations" class="table-operation-items">
|
||||
<button class="table-operation-item" :title="$t('overall.download')" v-has="'backup_download'" @click="downloadBackup(scope.row)"><i class="nz-icon nz-icon-download"></i></button>
|
||||
<el-dropdown size="medium" v-has="['backup_restore','backup_del']" trigger="click" @command="tableOperation">
|
||||
<div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
|
||||
<i class="nz-icon nz-icon-more3"></i>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
|
||||
<el-dropdown-item v-has="'backup_restore'" :command="['restore', scope.row]"><i class="nz-icon-shujubeifenhuifu nz-icon"></i><span>{{$t('backup.recovery')}}</span></el-dropdown-item>
|
||||
<el-dropdown-item v-has="'backup_del'" :command="['delete-rel', scope.row, {forceDeleteShow:false, single:true,from:'backups'}]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!isConfigurations" class="table-operation-items">
|
||||
<button class="table-operation-item" :title="$t('overall.download')" v-has="'backup_download'" @click="downloadBackup(scope.row)"><i class="nz-icon nz-icon-download"></i></button>
|
||||
<el-dropdown size="medium" v-has="['backup_restore','backup_del']" trigger="click" @command="tableOperation">
|
||||
<div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
|
||||
<i class="nz-icon nz-icon-more3"></i>
|
||||
</div>
|
||||
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
|
||||
<el-dropdown-item v-has="'backup_restore'" :command="['restore', scope.row]" disabled><i class="nz-icon-shujubeifenhuifu nz-icon"></i><span>{{$t('backup.RestoreNow')}}</span></el-dropdown-item>
|
||||
<el-dropdown-item v-has="'backup_del'" :command="['delete-rel', scope.row, {forceDeleteShow:false, single:true,from:'backups'}]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</el-table-column>
|
||||
<template slot="empty">
|
||||
<div v-if="!loading" class="table-no-data">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#nz-icon-no-data-list"></use>
|
||||
</svg>
|
||||
<div class="table-no-data__title">No results found</div>
|
||||
</div>
|
||||
<div v-else> </div>
|
||||
</template>
|
||||
</el-table>
|
||||
|
||||
<el-dialog
|
||||
class="nz-dialog snapshot-dialog"
|
||||
width="472px"
|
||||
:title='$t("deleteButton.confirm")'
|
||||
destroy-on-close
|
||||
:modal-append-to-body="false"
|
||||
:visible.sync="restoreDialog"
|
||||
>
|
||||
<div style="display: flex; align-items: center">
|
||||
<div style="width: 100px;flex-shrink: 1;text-transform: capitalize">{{$t('login.pin')}}</div>
|
||||
<el-input v-model="restoreForm.pin" size="small" style="flex: 1"/>
|
||||
</div>
|
||||
<div slot="footer">
|
||||
<div class="el-message-box__btns">
|
||||
<button class="nz-btn el-button el-button--small el-button--default" @click="closeDialog">
|
||||
<span>{{$t('overall.cancel')}}</span>
|
||||
</button>
|
||||
<button class="nz-btn el-button--small nz-btn-style-normal" :class="{'nz-btn-disabled': prevent_opt.save}" :disabled="prevent_opt.save" @click="restoreConfirm">
|
||||
<span style="text-transform:Capitalize">{{$t('backup.recovery')}}</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</el-table-column>
|
||||
<template slot="empty">
|
||||
<div v-if="!loading" class="table-no-data">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#nz-icon-no-data-list"></use>
|
||||
</svg>
|
||||
<div class="table-no-data__title">No results found</div>
|
||||
</div>
|
||||
<div v-else> </div>
|
||||
</template>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -93,7 +117,12 @@ export default {
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
singleDelete: []
|
||||
singleDelete: [],
|
||||
restoreDialog: false,
|
||||
restoreForm: {
|
||||
pin: '',
|
||||
filename: ''
|
||||
}
|
||||
// tableData: [
|
||||
// {
|
||||
// retention: '',
|
||||
@@ -129,25 +158,30 @@ export default {
|
||||
return this.$t('backup.Monthly')
|
||||
}
|
||||
},
|
||||
Restore (row) {
|
||||
this.$store.dispatch('dispatchHomeLoading', true)
|
||||
let ts = true
|
||||
if (ts) {
|
||||
ts = false
|
||||
setTimeout(() => {
|
||||
ts = true
|
||||
put('/sys/backup/restore', { filename: row.fileName }).then(res => {
|
||||
this.$store.dispatch('dispatchHomeLoading', false)
|
||||
if (res.code == 200) {
|
||||
this.$emit('getTableData', 'recent')
|
||||
this.$message.success(this.$t('backup.Restore'))
|
||||
} else {
|
||||
this.$message.error(res.msg)
|
||||
}
|
||||
})
|
||||
}, 400)
|
||||
restoreConfirm () {
|
||||
this.prevent_opt.save = true
|
||||
put('/sys/backup/restore', this.restoreForm).then(res => {
|
||||
if (res.code == 200) {
|
||||
this.closeDialog()
|
||||
this.$emit('getTableData', 'recent')
|
||||
this.$message.success(this.$t('backup.recoverySuccess'))
|
||||
} else {
|
||||
this.$message.error(res.msg)
|
||||
}
|
||||
this.prevent_opt.save = false
|
||||
})
|
||||
},
|
||||
closeDialog () {
|
||||
this.restoreDialog = false
|
||||
this.restoreForm = {
|
||||
pin: '',
|
||||
filename: ''
|
||||
}
|
||||
},
|
||||
restore (row) {
|
||||
this.restoreDialog = true
|
||||
this.restoreForm.filename = row.fileName
|
||||
},
|
||||
changeDate (item) {
|
||||
const time = this.utcTimeToTimezoneStr(item)
|
||||
const time1 = this.timeFormate(time)
|
||||
@@ -184,7 +218,7 @@ export default {
|
||||
break
|
||||
}
|
||||
case 'restore': {
|
||||
this.Restore(row)
|
||||
this.restore(row)
|
||||
break
|
||||
}
|
||||
default:
|
||||
|
||||
@@ -60,8 +60,8 @@ import nzDataList from '@/components/common/table/nzDataList'
|
||||
import backupsTable from '@/components/common/table/settings/backupsTable'
|
||||
import backupsBox from '@/components/common/rightBox/administration/backupsBox'
|
||||
import bus from '@/libs/bus'
|
||||
import dataListMixin from "@/components/common/mixin/dataList";
|
||||
import routerPathParams from "@/components/common/mixin/routerPathParams";
|
||||
import dataListMixin from '@/components/common/mixin/dataList'
|
||||
import routerPathParams from '@/components/common/mixin/routerPathParams'
|
||||
|
||||
export default {
|
||||
name: 'backups',
|
||||
@@ -97,7 +97,8 @@ export default {
|
||||
// }
|
||||
],
|
||||
rightBoxshow: false,
|
||||
isRefresh: ''
|
||||
isRefresh: '',
|
||||
fromBottom: true
|
||||
}
|
||||
},
|
||||
provide () {
|
||||
|
||||
Reference in New Issue
Block a user