NEZ-3223 feat：backup recovery 功能开发

nezha-fronted/src/components/common/table/settings/backupsTable.vue

@@ -56,7 +56,7 @@
                 <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_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>
@@ -73,6 +73,30 @@
           <div v-else>&nbsp;</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-dialog>
   </div>
 </template>
 
@@ -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) {
+    restoreConfirm () {
-      this.$store.dispatch('dispatchHomeLoading', true)
+      this.prevent_opt.save = true
-      let ts = true
+      put('/sys/backup/restore', this.restoreForm).then(res => {
-      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.closeDialog()
           this.$emit('getTableData', 'recent')
-              this.$message.success(this.$t('backup.Restore'))
+          this.$message.success(this.$t('backup.recoverySuccess'))
         } else {
           this.$message.error(res.msg)
         }
+        this.prevent_opt.save = false
       })
-        }, 400)
+    },
+    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:

nezha-fronted/src/components/page/config/backups.vue

@@ -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 dataListMixin from '@/components/common/mixin/dataList'
-import routerPathParams from "@/components/common/mixin/routerPathParams";
+import routerPathParams from '@/components/common/mixin/routerPathParams'
 
 export default {
   name: 'backups',
@@ -97,7 +97,8 @@ export default {
         // }
       ],
       rightBoxshow: false,
-      isRefresh: ''
+      isRefresh: '',
+      fromBottom: true
     }
   },
   provide () {