diff --git a/nezha-fronted/src/components/cli/webSSH.vue b/nezha-fronted/src/components/cli/webSSH.vue
index e84f2d4d3..3c760bfa0 100644
--- a/nezha-fronted/src/components/cli/webSSH.vue
+++ b/nezha-fronted/src/components/cli/webSSH.vue
@@ -235,7 +235,7 @@
                           :rules="[
                   { required: customConnect.authType ===1, message:$t('validate.required'), trigger: 'change'},
                 ]">
-              <el-input v-model="customConnect.authPin" size="small" type="password" autocomplete="new-password"/>
+              <el-input v-model="customConnect.authPin" size="small" type="password" auto-complete="new-password"  autocomplete="new-password"/>
             </el-form-item>
             <el-form-item
               v-if="customConnect.authProtocol === 2"
diff --git a/nezha-fronted/src/components/cli/webSSHNew.vue b/nezha-fronted/src/components/cli/webSSHNew.vue
index f3561263f..e468789be 100644
--- a/nezha-fronted/src/components/cli/webSSHNew.vue
+++ b/nezha-fronted/src/components/cli/webSSHNew.vue
@@ -155,7 +155,7 @@
                         :rules="[
                   { required: customConnect.authType ===1, message:$t('validate.required'), trigger: 'change'},
                 ]">
-            <el-input v-model="customConnect.authPin" size="small" type="password" autocomplete="new-password"/>
+            <el-input v-model="customConnect.authPin" size="small" type="password" auto-complete="new-password"  autocomplete="new-password"/>
           </el-form-item>
           <el-form-item
             v-if="customConnect.authProtocol === 2"
diff --git a/nezha-fronted/src/components/common/js/tools.js b/nezha-fronted/src/components/common/js/tools.js
index 2f02faefb..15d89cee0 100644
--- a/nezha-fronted/src/components/common/js/tools.js
+++ b/nezha-fronted/src/components/common/js/tools.js
@@ -8,69 +8,71 @@ const exceptClassName = ['prevent-clickoutside', 'config-dropdown', 'nz-pop', 'e
 export const clickoutside = {
   // 初始化指令
   bind (el, binding, vnode) {
-    if (!binding.expression) return
-    const unsavedChange = localStorage.getItem('nz-unnsaved-change')
-    let oldValue
-    try {
-      oldValue = JSON.parse(JSON.stringify(binding.value.obj))
-      el.__newValue__ = oldValue
-    } catch (e) {
+    setTimeout(() => {
+      if (!binding.expression) return
+      const unsavedChange = localStorage.getItem('nz-unsaved-change')
+      let oldValue
+      try {
+        oldValue = JSON.parse(JSON.stringify(binding.value.obj))
+        el.__newValue__ = oldValue
+      } catch (e) {
 
-    }
-    function documentHandler (e) {
-      if (el.contains(e.target)) {
-        return false
-      } else {
-        let flag = true
-        const path = e.path || (e.composedPath && e.composedPath())
-        // eslint-disable-next-line no-labels
-        top: for (let i = 0; i < path.length; i++) {
-          for (let j = 0; j < exceptClassName.length; j++) {
-            if (path[i].className && path[i].className.indexOf && path[i].className.indexOf(exceptClassName[j]) !== -1) {
-              flag = false
-              // eslint-disable-next-line no-labels
-              break top
+      }
+      function documentHandler (e) {
+        if (el.contains(e.target)) {
+          return false
+        } else {
+          let flag = true
+          const path = e.path || (e.composedPath && e.composedPath())
+          // eslint-disable-next-line no-labels
+          top: for (let i = 0; i < path.length; i++) {
+            for (let j = 0; j < exceptClassName.length; j++) {
+              if (path[i].className && path[i].className.indexOf && path[i].className.indexOf(exceptClassName[j]) !== -1) {
+                flag = false
+                // eslint-disable-next-line no-labels
+                break top
+              }
             }
           }
-        }
-        if (!flag) {
-          return false
-        }
-        if (oldValue) {
-          // const newValue = JSON.parse(JSON.stringify(binding.value.obj))
-          if (unsavedChange == 'on' && !isEqual(oldValue, el.__newValue__) && !el.isShow) {
-            el.isShow = true
-            MessageBox.confirm(i18n.t('tip.confirmCancel'), {
-              confirmButtonText: i18n.t('tip.yes'),
-              cancelButtonText: i18n.t('tip.no'),
-              type: 'warning'
-            }).then(() => {
-              el.isShow = false
-              if (binding.value.func) {
-                binding.value.func()
-              }
-            }).catch(err => {
-              el.isShow = false
-              console.log(err)
-            })
-          } else if (!el.isShow) {
-            binding.value.func()
+          if (!flag) {
+            return false
           }
-        } else {
-          if (binding.arg) {
-            binding.value(e, binding.arg)
+          if (oldValue) {
+            console.log(oldValue, el.__newValue__)
+            // const newValue = JSON.parse(JSON.stringify(binding.value.obj))
+            if (unsavedChange == 'on' && !isEqual(oldValue, el.__newValue__) && !el.isShow) {
+              el.isShow = true
+              MessageBox.confirm(i18n.t('tip.confirmCancel'), {
+                confirmButtonText: i18n.t('tip.yes'),
+                cancelButtonText: i18n.t('tip.no'),
+                type: 'warning'
+              }).then(() => {
+                el.isShow = false
+                if (binding.value.func) {
+                  binding.value.func()
+                }
+              }).catch(err => {
+                el.isShow = false
+              })
+            } else if (!el.isShow) {
+              binding.value.func()
+            }
           } else {
-            if (binding.value) {
-              binding.value(e)
+            if (binding.arg) {
+              binding.value(e, binding.arg)
+            } else {
+              if (binding.value) {
+                binding.value(e)
+              }
             }
           }
         }
       }
-    }
 
-    // 给当前元素绑定个私有变量，方便在unbind中可以解除事件监听
-    el.__vueClickOutside__ = documentHandler
-    document.addEventListener('mousedown', documentHandler)
+      // 给当前元素绑定个私有变量，方便在unbind中可以解除事件监听
+      el.__vueClickOutside__ = documentHandler
+      document.addEventListener('mousedown', documentHandler)
+    }, 100)
   },
   update (el, binding, vnode) {
     el.__newValue__ = binding.value.obj
@@ -208,27 +210,29 @@ function myLoadingFunctionUpdate (el, binding, vnode) {
 }
 export const cancelWithChange = {
   bind: function (el, binding) {
-    if (!binding.value || !binding.value.obj) return
-    const unsavedChange = localStorage.getItem('nz-unnsaved-change')
-    const oldValue = JSON.parse(JSON.stringify(binding.value.obj))
-    el.__newValue__ = oldValue
-    function domClick (e) {
-      if (unsavedChange == 'on' && !isEqual(oldValue, el.__newValue__)) {
-        MessageBox.confirm(i18n.t('tip.confirmCancel'), {
-          confirmButtonText: i18n.t('tip.yes'),
-          cancelButtonText: i18n.t('tip.no'),
-          type: 'warning'
-        }).then(() => {
-          if (binding.value.func) {
-            binding.value.func()
-          }
-        })
-      } else {
-        binding.value.func()
+    setTimeout(() => {
+      if (!binding.value || !binding.value.obj) return
+      const unsavedChange = localStorage.getItem('nz-unsaved-change')
+      const oldValue = JSON.parse(JSON.stringify(binding.value.obj))
+      el.__newValue__ = oldValue
+      function domClick (e) {
+        if (unsavedChange == 'on' && !isEqual(oldValue, el.__newValue__)) {
+          MessageBox.confirm(i18n.t('tip.confirmCancel'), {
+            confirmButtonText: i18n.t('tip.yes'),
+            cancelButtonText: i18n.t('tip.no'),
+            type: 'warning'
+          }).then(() => {
+            if (binding.value.func) {
+              binding.value.func()
+            }
+          })
+        } else {
+          binding.value.func()
+        }
       }
-    }
-    el.__vueDomClick__ = domClick
-    el.addEventListener('click', domClick)
+      el.__vueDomClick__ = domClick
+      el.addEventListener('click', domClick)
+    }, 100)
   },
   update (el, binding, vnode) {
     el.__newValue__ = binding.value.obj
diff --git a/nezha-fronted/src/components/common/login.vue b/nezha-fronted/src/components/common/login.vue
index 87a529339..16e7464aa 100644
--- a/nezha-fronted/src/components/common/login.vue
+++ b/nezha-fronted/src/components/common/login.vue
@@ -38,7 +38,7 @@
         <div class="login-label"></div>
         <div class="login-input"  v-if="!verifyShow">
           <i class="nz-icon nz-icon-password"></i>
-          <input v-model="loginData.pin" autocomplete="on" name="password" placeholder="Password" type="password" @keydown.enter="login"></input>
+          <input v-model="loginData.pin" autocomplete="on" name="password" placeholder="Password" type="password" auto-complete="new-password"  @keydown.enter="login"></input>
         </div>
         <div class="login-label"  v-if="verifyShow">{{$t('profile.twoFactorAuthentication')}}</div>
         <div class="login-input"  v-if="verifyShow">
diff --git a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
index 56f4d16c9..9a01eeb10 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
@@ -22,12 +22,12 @@
           <!--password-->
           <el-form-item :label="$t('login.pin')" prop="pin">
             <el-input id="account-input-password" v-model="editUser.pin"  maxlength="64" placeholder=""
-                      show-word-limit size="small" type="password" @blur="pinBlur" autocomplete="new-password"></el-input>
+                      show-word-limit size="small" type="password" auto-complete="new-password"  @blur="pinBlur" autocomplete="new-password"></el-input>
           </el-form-item>
           <!--pinChange-->
           <el-form-item :label="$t('profile.confirmPassword')" label-width="200px" prop="pinChange">
             <el-input id="account-input-pinChange" v-model="editUser.pinChange"  maxlength="64" placeholder=""
-                      show-word-limit size="small" type="password"></el-input>
+                      show-word-limit size="small" type="password" auto-complete="new-password" ></el-input>
           </el-form-item>
           <!--mfaLevel-->
           <el-form-item :label="$t('profile.twoFactorAuthentication')" label-width="200px" prop="mfaTitle">
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
index d515ce44e..0c055a02c 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
@@ -37,11 +37,11 @@
               <template v-if="editData.authType === assetConstants.authTypeData.key">
                 <!-- Key支持私钥 -->
                 <el-form-item :label="$t('asset.privateKey')" prop="authPriKey">
-                  <el-input v-model="editData.authPriKey" size="small" type="password" autocomplete="new-password"/>
+                  <el-input v-model="editData.authPriKey" size="small" type="password" auto-complete="new-password"  autocomplete="new-password"/>
                 </el-form-item>
               </template>
               <el-form-item :label="$t('login.pin')" prop="authPin">
-                <el-input v-model="editData.authPin" size="small"  type="password" autocomplete="new-password"/>
+                <el-input v-model="editData.authPin" size="small"  type="password" auto-complete="new-password"  autocomplete="new-password"/>
               </el-form-item>
               <el-form-item :label="$t('asset.port')" prop="authProtocolPort">
                 <el-input v-model="editData.authProtocolPort" size="small"/>
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
index 58b8b1985..e6b605650 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
@@ -209,7 +209,7 @@
                 </el-form-item>
               </template>
               <el-form-item :label="$t('login.pin')" prop="authPin">
-                <el-input maxlength="256" show-word-limit v-model="editAsset.authPin" size="small" type="password"/>
+                <el-input maxlength="256" show-word-limit v-model="editAsset.authPin" size="small" type="password" auto-complete="new-password" />
               </el-form-item>
               <el-form-item :label="$t('asset.port')" prop="authProtocolPort">
                 <el-input v-model="editAsset.authProtocolPort" size="small"/>
@@ -228,13 +228,13 @@
                 <el-input maxlength="64" show-word-limit v-model="editAsset.authUsername" size="small"/>
               </el-form-item>
               <el-form-item :label="$t('login.pin')" prop="authPin">
-                <el-input maxlength="256" show-word-limit v-model="editAsset.authPin" size="small"  type="password"/>
+                <el-input maxlength="256" show-word-limit v-model="editAsset.authPin" size="small"  type="password" auto-complete="new-password" />
               </el-form-item>
               <el-form-item :label="$t('asset.usernamePrompt')" prop="authUserTip">
                 <el-input maxlength="64" show-word-limit v-model="editAsset.authUserTip" size="small"/>
               </el-form-item>
               <el-form-item :label="$t('asset.pinPrompt')" prop="authPinTip">
-                <el-input maxlength="64" show-word-limit v-model="editAsset.authPinTip" size="small"  type="password"/>
+                <el-input maxlength="64" show-word-limit v-model="editAsset.authPinTip" size="small"  type="password" auto-complete="new-password" />
               </el-form-item>
               <el-form-item :label="$t('asset.port')" prop="authProtocolPort">
                 <el-input v-model="editAsset.authProtocolPort" size="small"/>
@@ -279,7 +279,7 @@
               <el-input maxlength="64" show-word-limit v-model="editAsset.clientUser" size="small"/>
               </el-form-item>
               <el-form-item :label="$t('login.pin')" prop="clientPin">
-                <el-input type="password" show-word-limit v-model="editAsset.clientPin" size="small"/>
+                <el-input type="password" auto-complete="new-password"  show-word-limit v-model="editAsset.clientPin" size="small"/>
               </el-form-item> -->
               <div v-if="editAsset.clientEnable === 1" v-show="talonShowTow">
                 <el-form-item :label="$t('asset.talon.token')" prop="clientToken">
@@ -531,8 +531,8 @@ export default {
                   this.editAsset.model = asset.model
                   this.editAsset.dcId = asset.dc ? asset.dc.id : ''
                   this.editAsset.cabinetId = asset.cabinet ? asset.cabinet.id : ''
-                  this.editAsset.cabinetStart = asset.cabinetStart
-                  this.editAsset.cabinetEnd = asset.cabinetEnd
+                  this.editAsset.cabinetStart = asset.cabinetStart || ''
+                  this.editAsset.cabinetEnd = asset.cabinetEnd || ''
                   if (!asset.cabinet) {
                     asset.cabinet = {}
                   }
@@ -558,8 +558,8 @@ export default {
                 this.editAsset.model = asset.model
                 this.editAsset.dcId = asset.dc ? asset.dc.id : ''
                 this.editAsset.cabinetId = asset.cabinet ? asset.cabinet.id : ''
-                this.editAsset.cabinetStart = asset.cabinetStart
-                this.editAsset.cabinetEnd = asset.cabinetEnd
+                this.editAsset.cabinetStart = asset.cabinetStart || ''
+                this.editAsset.cabinetEnd = asset.cabinetEnd || ''
                 if (!asset.cabinet) {
                   asset.cabinet = {}
                 }
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
index 26cb84784..92cd1e3e4 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
@@ -337,7 +337,7 @@
                 </el-form-item>
 
                 <el-form-item v-if="authType === 1" :label='$t("login.pin")' class="half-form-item" prop="configs.0.config.basic_auth.password" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]" key="password">
-                  <el-input id="module-box-input-password" v-model="editEndpoint.configs[0].config.basic_auth.password" type="password" autocomplete="new-password" placeholder='' size="small"></el-input>
+                  <el-input id="module-box-input-password" v-model="editEndpoint.configs[0].config.basic_auth.password" type="password" auto-complete="new-password"  autocomplete="new-password" placeholder='' size="small"></el-input>
                 </el-form-item>
 
                 <!--authtype 2-->
@@ -694,7 +694,7 @@
                       <el-input id="module-box-input-uername" v-model="item.basic_auth.username" placeholder='' size="small"></el-input>
                     </el-form-item>
                     <el-form-item v-if="logsAuthType[index] === 1" :label='$t("login.pin")' class="half-form-item" :prop="'configs.1.config.'+index+'.basic_auth.password'" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]" key="password">
-                      <el-input id="module-box-input-password" v-model="item.basic_auth.password" type="password" autocomplete="new-password" placeholder='' size="small"></el-input>
+                      <el-input id="module-box-input-password" v-model="item.basic_auth.password" type="password" auto-complete="new-password"  autocomplete="new-password" placeholder='' size="small"></el-input>
                     </el-form-item>
 
                     <!--authtype 2-->
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index 13d9aa600..cb2bf8c3a 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -315,7 +315,7 @@
                 <el-input id="module-box-input-uername" v-model="editModule.configs[0].config.basic_auth.username" placeholder='' size="small"></el-input>
               </el-form-item>
               <el-form-item v-if="authType === 1" :label='$t("login.pin")' class="half-form-item" prop="configs.0.config.basic_auth.password" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]" key="password">
-                <el-input id="module-box-input-password" v-model="editModule.configs[0].config.basic_auth.password" type="password" autocomplete="new-password" placeholder='' size="small"></el-input>
+                <el-input id="module-box-input-password" v-model="editModule.configs[0].config.basic_auth.password" type="password" auto-complete="new-password"  autocomplete="new-password" placeholder='' size="small"></el-input>
               </el-form-item>
 
               <!--authtype 2-->
@@ -667,7 +667,7 @@
                       <el-input id="module-box-input-uername" v-model="item.basic_auth.username" placeholder='' size="small"></el-input>
                     </el-form-item>
                     <el-form-item v-if="logsAuthType[index] === 1" :label='$t("login.pin")' class="half-form-item" :prop="'configs.1.config.'+index+'.basic_auth.password'" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur' }]" key="password">
-                      <el-input id="module-box-input-password" v-model="item.basic_auth.password" type="password" autocomplete="new-password" placeholder='' size="small"></el-input>
+                      <el-input id="module-box-input-password" v-model="item.basic_auth.password" type="password" auto-complete="new-password"  autocomplete="new-password" placeholder='' size="small"></el-input>
                     </el-form-item>
 
                     <!--authtype 2-->
diff --git a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
index 402dc157e..67e90c13d 100644
--- a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
@@ -31,7 +31,7 @@
               <el-input placeholder="" autocomplete="new-password" maxlength="64" show-word-limit v-model="editCredential.config.readCommunity" size="small" id="credential-box-input-readCommunity"></el-input>
             </el-form-item>
             <el-form-item :label='$t("config.mib.credential.writeCommunity")' prop="writeCommunity" v-if="editCredential.type ===1 || editCredential.type === 2">
-              <el-input placeholder="" autocomplete="new-password" maxlength="64" show-word-limit v-model="editCredential.config.writeCommunity" size="small" id="credential-box-input-writeCommunity" type="password" show-password></el-input>
+              <el-input placeholder="" autocomplete="new-password" maxlength="64" show-word-limit v-model="editCredential.config.writeCommunity" size="small" id="credential-box-input-writeCommunity" type="password" auto-complete="new-password"  show-password></el-input>
             </el-form-item>
             <el-form-item :label='$t("profile.username")' prop="config.username" v-if="editCredential.type === 3">
               <el-input placeholder="" maxlength="64" show-word-limit v-model="editCredential.config.username" size="small" id="credential-box-input-username"></el-input>
@@ -51,7 +51,7 @@
               </el-select>
             </el-form-item>
             <el-form-item :label='$t("login.pin")' prop="config.authPin" v-if="editCredential.type === 3" :rules="[ { required: editCredential.config.authProtocol, message: this.$t('validate.required'), trigger: 'blur' }]">
-              <el-input placeholder=""  autocomplete="new-password"  v-model="editCredential.config.authPin" size="small" id="credential-box-input-authPin" type="password" show-password></el-input>
+              <el-input placeholder=""  autocomplete="new-password"  v-model="editCredential.config.authPin" size="small" id="credential-box-input-authPin" type="password" auto-complete="new-password"  show-password></el-input>
             </el-form-item>
 
             <div class="right-box-sub-title" v-if="editCredential.type === 3">{{$t('config.mib.credential.encryption')}}</div>
@@ -65,7 +65,7 @@
               </el-select>
             </el-form-item>
             <el-form-item :label='$t("login.pin")' prop="config.privPin"  v-if="editCredential.type === 3" :rules="[ { required: editCredential.config.privProtocol, message: this.$t('validate.required'), trigger: 'blur' }]">
-              <el-input placeholder=""  autocomplete="new-password"  v-model="editCredential.config.privPin" size="small" id="credential-box-input-privPin" :disabled="!editCredential.config.authProtocol || editCredential.config.authProtocol === ''" type="password" show-password></el-input>
+              <el-input placeholder=""  autocomplete="new-password"  v-model="editCredential.config.privPin" size="small" id="credential-box-input-privPin" :disabled="!editCredential.config.authProtocol || editCredential.config.authProtocol === ''" type="password" auto-complete="new-password"  show-password></el-input>
             </el-form-item>
           </el-form>
         </div>
diff --git a/nezha-fronted/src/components/page/asset/asset.vue b/nezha-fronted/src/components/page/asset/asset.vue
index e94c63901..626d163db 100644
--- a/nezha-fronted/src/components/page/asset/asset.vue
+++ b/nezha-fronted/src/components/page/asset/asset.vue
@@ -255,6 +255,8 @@ export default {
         dcId: '',
         cabinetId: '',
         brandId: '',
+        cabinetStart: '',
+        cabinetEnd: '',
         brand: { id: '', name: '' },
         modelId: '',
         model: { id: '', name: '' },
diff --git a/nezha-fronted/src/components/page/config/email.vue b/nezha-fronted/src/components/page/config/email.vue
index b8c6b5f1f..5c6871757 100644
--- a/nezha-fronted/src/components/page/config/email.vue
+++ b/nezha-fronted/src/components/page/config/email.vue
@@ -21,7 +21,7 @@
         <el-input  v-model="email.email_auth_account" :disabled="email.email_enable == 'off'" id="system-email-email_smtp_account"> autocomplete="off"</el-input>
       </el-form-item>
       <el-form-item :label="$t('config.system.email.smtpPin')" class="has-tip" prop="email_auth_password">
-        <el-input v-model="email.email_auth_password" type="password" :show-password="false" :disabled="email.email_enable == 'off'"  autocomplete="off" id="system-email-email_smtp_password"></el-input>
+        <el-input v-model="email.email_auth_password" type="password" auto-complete="new-password"  :show-password="false" :disabled="email.email_enable == 'off'"  autocomplete="off" id="system-email-email_smtp_password"></el-input>
         <div class="el-form-item__tip">{{$t("config.system.email.pinTip")}}</div>
       </el-form-item>
       <el-form-item :label="$t('config.system.email.sendAccount')" class="has-tip" prop="email_send_account">
diff --git a/nezha-fronted/src/components/page/config/ldap.vue b/nezha-fronted/src/components/page/config/ldap.vue
index 08d51717d..dfba5ea1b 100644
--- a/nezha-fronted/src/components/page/config/ldap.vue
+++ b/nezha-fronted/src/components/page/config/ldap.vue
@@ -13,7 +13,7 @@
           <el-input v-model="ldap.ldap_dn" id="system-ldap-ldap_dn"></el-input>
         </el-form-item>
         <el-form-item :label="$t('login.pin')" prop="ldap_password">
-          <el-input id="system-ldap-ldap_password" v-model="ldap.ldap_password" type="password"></el-input>
+          <el-input id="system-ldap-ldap_password" v-model="ldap.ldap_password" type="password" auto-complete="new-password" ></el-input>
         </el-form-item>
         <el-form-item :label="$t('config.system.ldap.ou')" class="has-tip" prop="ldap_ou">
           <el-input v-model="ldap.ldap_ou" id="system-ldap-ldap_ou"></el-input>
diff --git a/nezha-fronted/src/components/page/config/monitor.vue b/nezha-fronted/src/components/page/config/monitor.vue
index 9e76d80fe..92641114b 100644
--- a/nezha-fronted/src/components/page/config/monitor.vue
+++ b/nezha-fronted/src/components/page/config/monitor.vue
@@ -65,7 +65,7 @@
               </el-input>
             </el-form-item>
             <el-form-item :label="$t('config.terminallog.key')" prop="metrics_storage_s3_secret_access_key" :rules=" [ { required: monitor.metrics_storage_type == 2, message: this.$t('validate.required'), trigger: 'blur' }]" class="monitorLastElement">
-              <el-input v-model="monitor.metrics_storage_s3_secret_access_key" id="monitor-metrics_storage_s3_secret_access_key" type="password">
+              <el-input v-model="monitor.metrics_storage_s3_secret_access_key" id="monitor-metrics_storage_s3_secret_access_key" type="password" auto-complete="new-password" >
               </el-input>
             </el-form-item>
           </div>
@@ -101,7 +101,7 @@
               </el-input>
             </el-form-item>
             <el-form-item :label="$t('config.terminallog.key')" prop="logs_storage_s3_secret_access_key" :rules=" [ { required: monitor.logs_storage_type == 2, message: this.$t('validate.required'), trigger: 'blur' }]" class="monitorLastElement">
-              <el-input v-model="monitor.logs_storage_s3_secret_access_key" id="monitor-logs_storage_s3_secret_access_key" type="password">
+              <el-input v-model="monitor.logs_storage_s3_secret_access_key" id="monitor-logs_storage_s3_secret_access_key" type="password" auto-complete="new-password" >
               </el-input>
             </el-form-item>
           </div>
diff --git a/nezha-fronted/src/components/page/config/profileChangePin.vue b/nezha-fronted/src/components/page/config/profileChangePin.vue
index 2167af9cd..76d6369a5 100644
--- a/nezha-fronted/src/components/page/config/profileChangePin.vue
+++ b/nezha-fronted/src/components/page/config/profileChangePin.vue
@@ -4,13 +4,13 @@
       <div class="profile-change__Pin-from">
         <el-form :model="user" label-position = "top" label-width="150px" :rules="rules" ref="changePinForm">
           <el-form-item class="profile-change__Pin-input" :label="$t('profile.oldPassword')" prop="pin">
-            <el-input v-model="user.oldPin" type="password" size="small"/>
+            <el-input v-model="user.oldPin" type="password" auto-complete="new-password"  size="small"/>
           </el-form-item>
           <el-form-item class="profile-change__Pin-input" :label="$t('profile.newPassword')" prop="newPin">
-            <el-input v-model="user.newPin" type="password" size="small"/>
+            <el-input v-model="user.newPin" type="password" auto-complete="new-password"  size="small"/>
           </el-form-item>
           <el-form-item class="profile-change__Pin-input" :label="$t('profile.confirmPassword')" prop="confirmPin">
-            <el-input v-model="user.confirmPin" type="password" size="small"/>
+            <el-input v-model="user.confirmPin" type="password" auto-complete="new-password"  size="small"/>
           </el-form-item>
         </el-form>
       </div>
diff --git a/nezha-fronted/src/components/page/config/setup.vue b/nezha-fronted/src/components/page/config/setup.vue
index 20a52b28f..421a9263e 100644
--- a/nezha-fronted/src/components/page/config/setup.vue
+++ b/nezha-fronted/src/components/page/config/setup.vue
@@ -102,7 +102,7 @@
                   <el-input v-model="database.username"></el-input>
                 </el-form-item>
                 <el-form-item :label="$t('login.pin')" prop="pin" key="dbpassword" >
-                  <el-input v-model="database.pin" type="password" show-password ></el-input>
+                  <el-input v-model="database.pin" type="password" auto-complete="new-password"  show-password ></el-input>
                 </el-form-item>
               </el-form>
               <div class="setup-help">
@@ -125,7 +125,7 @@
                   <el-input v-model="redis.port"></el-input>
                 </el-form-item>
                 <el-form-item :label="$t('login.pin')" prop="pin" key="rdpassword" >
-                  <el-input v-model="redis.pin" type="password" show-password ></el-input>
+                  <el-input v-model="redis.pin" type="password" auto-complete="new-password"  show-password ></el-input>
                 </el-form-item>
               </el-form>
               <div class="setup-help">
@@ -145,7 +145,7 @@
                   <el-input v-model="system.username"></el-input>
                 </el-form-item>
                 <el-form-item :label="$t('login.pin')" prop="pin" key="syspassword" >
-                  <el-input v-model="system.pin" type="password" show-password ></el-input>
+                  <el-input v-model="system.pin" type="password" auto-complete="new-password"  show-password ></el-input>
                 </el-form-item>
                 <el-form-item :label="$t('setup.system.federation')" prop="federationEnabled" key="sysprometheusFederationEnabled" >
                   <el-select v-model="system.federationEnabled" :placeholder="$t('el.select.placeholder')" style="width: 100%" >
diff --git a/nezha-fronted/src/components/page/config/system.vue b/nezha-fronted/src/components/page/config/system.vue
index a2a34e49f..56b4f77f6 100644
--- a/nezha-fronted/src/components/page/config/system.vue
+++ b/nezha-fronted/src/components/page/config/system.vue
@@ -253,7 +253,7 @@
               <el-input  v-model="email.email_auth_account" :disabled="email.email_enable == 'off'" id="system-email-email_smtp_account"> autocomplete="off"</el-input>
             </el-form-item>
             <el-form-item :label="$t('config.system.email.smtpPin')" class="has-tip" prop="email_auth_password">
-              <el-input v-model="email.email_auth_password" type="password" :show-password="false" :disabled="email.email_enable == 'off'"  autocomplete="off" id="system-email-email_smtp_password"></el-input>
+              <el-input v-model="email.email_auth_password" type="password" auto-complete="new-password"  :show-password="false" :disabled="email.email_enable == 'off'"  autocomplete="off" id="system-email-email_smtp_password"></el-input>
               <div class="el-form-item__tip">{{$t("config.system.email.pinTip")}}</div>
             </el-form-item>
             <el-form-item :label="$t('config.system.email.sendAccount')" class="has-tip" prop="email_send_account">
@@ -319,7 +319,7 @@
               <el-input v-model="ldap.ldap_dn" id="system-ldap-ldap_dn"></el-input>
             </el-form-item>
             <el-form-item :label="$t('login.pin')" prop="ldap_password">
-              <el-input id="system-ldap-ldap_password" v-model="ldap.ldap_password" type="password"></el-input>
+              <el-input id="system-ldap-ldap_password" v-model="ldap.ldap_password" type="password" auto-complete="new-password" ></el-input>
             </el-form-item>
             <el-form-item :label="$t('config.system.ldap.ou')" class="has-tip" prop="ldap_ou">
               <el-input v-model="ldap.ldap_ou" id="system-ldap-ldap_ou"></el-input>
@@ -368,7 +368,7 @@
               </el-select>
             </el-form-item>
             <el-form-item :label="$t('login.pin')" prop="pin">
-              <el-input id="system-reset-pin" v-model="reset.pin" type="password"></el-input>
+              <el-input id="system-reset-pin" v-model="reset.pin" type="password" auto-complete="new-password" ></el-input>
             </el-form-item>
             <el-form-item>
               <el-button v-has="'system_reset_edit'" :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-normal"  type="button" @click="resetSys()">{{$t('overall.reset')}}</el-button>
diff --git a/nezha-fronted/src/components/page/config/terminal.vue b/nezha-fronted/src/components/page/config/terminal.vue
index 7d12161da..65ed17a4a 100644
--- a/nezha-fronted/src/components/page/config/terminal.vue
+++ b/nezha-fronted/src/components/page/config/terminal.vue
@@ -40,7 +40,7 @@
               </el-input>
             </el-form-item>
             <el-form-item :label="$t('config.terminallog.key')" prop="terminal_storage_s3_secret_access_key" :rules=" [ { required: terminal.terminal_storage_type == 2, message: this.$t('validate.required'), trigger: 'blur' }]" class="monitorLastElement">
-              <el-input v-model="terminal.terminal_storage_s3_secret_access_key" id="terminal-terminal_storage_s3_secret_access_key" type="password">
+              <el-input v-model="terminal.terminal_storage_s3_secret_access_key" id="terminal-terminal_storage_s3_secret_access_key" type="password" auto-complete="new-password" >
               </el-input>
             </el-form-item>
           </div>
diff --git a/nezha-fronted/src/store/user.js b/nezha-fronted/src/store/user.js
index c0a5424f9..1e963bffc 100644
--- a/nezha-fronted/src/store/user.js
+++ b/nezha-fronted/src/store/user.js
@@ -98,7 +98,7 @@ const user = {
       localStorage.setItem('nz-sys-default-cabinet-usize', res.data.defaultCabinetUsize)
       localStorage.setItem('nz-sys-max-terminal-num', res.data.maxTerminalNum)
       localStorage.setItem('nz-sys-asset-ping-switch', res.data.assetPingSwitch)
-      localStorage.setItem('nz-unnsaved-change', res.data.unsavedChange)
+      localStorage.setItem('nz-unsaved-change', res.data.unsavedChange)
       localStorage.setItem('nz-mfa-enable', Number(res.data.mfaAuthEnable) ? 1 : 0)
       store.commit('setLanguage', res.data.user.lang || defaultAppearance.language)
       store.commit('setTimeFormatMain', localStorage.getItem('nz-default-dateFormat') || 'YYYY-MM-DD HH:mm:ss')