From 83ef83c05cf5e529a69b6bad4df9df167487de73 Mon Sep 17 00:00:00 2001
From: zyh <zhuyanheng@geedgenetworks.com>
Date: Thu, 19 Oct 2023 18:02:01 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-3223=20fix=EF=BC=9A=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/components/page/config/backups.scss    | 13 +++++++++++++
 .../common/table/settings/backupsTable.vue     | 18 +++++++++++++++---
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/nezha-fronted/src/assets/css/components/page/config/backups.scss b/nezha-fronted/src/assets/css/components/page/config/backups.scss
index cb9d40cd3..c8f1f13a3 100644
--- a/nezha-fronted/src/assets/css/components/page/config/backups.scss
+++ b/nezha-fronted/src/assets/css/components/page/config/backups.scss
@@ -260,6 +260,18 @@
       width: 348px;
       margin-top: 8px;
       margin-bottom: 20px;
+      .el-input__suffix{
+        right: 8px;
+        .el-input__icon{
+          transition: none;
+          cursor: pointer;
+          font-size: 12px;
+        }
+        .nz-icon-mimabukejian{
+          font-size: 13px;
+          margin-right: 1px;
+        }
+      }
     }
     .backup-tip{
       font-family: PingFangSC-Regular;
@@ -268,6 +280,7 @@
       line-height: 20px;
       font-weight: 400;
       display: flex;
+      align-items: center;
       word-break: break-word;
       .nz-icon{
         margin-right: 6px;
diff --git a/nezha-fronted/src/components/common/table/settings/backupsTable.vue b/nezha-fronted/src/components/common/table/settings/backupsTable.vue
index 1c5d8d1bf..852ec3828 100644
--- a/nezha-fronted/src/components/common/table/settings/backupsTable.vue
+++ b/nezha-fronted/src/components/common/table/settings/backupsTable.vue
@@ -101,7 +101,7 @@
       </el-input>
       <div slot="footer">
         <button class="nz-btn nz-btn-size-normal nz-btn-style-light margin-r-10" @click="closeBackup">{{$t("overall.cancel")}}</button>
-        <button class="nz-btn nz-btn-size-normal nz-btn-style-normal" @click="backupConfirm">{{$t('backup.backup')}}</button>
+        <button class="nz-btn nz-btn-size-normal nz-btn-style-normal" :class="{'nz-btn-disabled':!backupForm.remark}" :disabled="!backupForm.remark" @click="backupConfirm">{{$t('backup.backup')}}</button>
       </div>
     </el-dialog>
     <!-- restore -->
@@ -130,7 +130,9 @@
         </p>
       </div>
       <p class="backup-text">{{$t('backup.enterPassword')}}</p>
-      <el-input :placeholder="$t('login.pin')" v-model="restoreForm.pin" show-password size="small"></el-input>
+      <el-input ref="myInput" :placeholder="$t('login.pin')" v-model="restoreForm.pin" size="small" :type="showPassword?'text':'password'">
+        <i slot="suffix" class="el-input__icon nz-icon" :class="showPassword?'nz-icon-mimakejian':'nz-icon-mimabukejian'" @click="changePassType"></i>
+      </el-input>
       <div class="backup-tip">
         <i class="nz-icon nz-icon-jinggao1"></i>
         <div>
@@ -172,7 +174,8 @@ export default {
       backupDialog: false,
       backupForm: {
         remark: ''
-      }
+      },
+      showPassword: false
       // tableData: [
       //   {
       //     retention: '',
@@ -197,6 +200,14 @@ export default {
   computed: {},
 
   methods: {
+    changePassType () {
+      this.showPassword = !this.showPassword
+      if (this.restoreForm.pin) {
+        this.$nextTick(() => {
+          this.$refs.myInput.focus()
+        })
+      }
+    },
     changeType (item) {
       if (item == 1) {
         return this.$t('backup.only')
@@ -253,6 +264,7 @@ export default {
         pin: '',
         file: {}
       }
+      this.showPassword = false
     },
     restore (row) {
       this.restoreDialog = true