gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NEZ-2494 feat： 编辑框修改保存提示优化 （70%）

Browse Source
This commit is contained in:
zhangyu
2023-01-04 17:49:28 +08:00
parent 31d76d0e4d
commit 3661eb6584
19 changed files with 116 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nezha-fronted/src/components/cli/webSSH.vue
View File

@@ -235,7 +235,7 @@
:rules="[ :rules="[
{ required: customConnect.authType ===1, message:$t('validate.required'), trigger: 'change'}, { 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>
<el-form-item <el-form-item
v-if="customConnect.authProtocol === 2" v-if="customConnect.authProtocol === 2"

2
nezha-fronted/src/components/cli/webSSHNew.vue
View File

@@ -155,7 +155,7 @@
:rules="[ :rules="[
{ required: customConnect.authType ===1, message:$t('validate.required'), trigger: 'change'}, { 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>
<el-form-item <el-form-item
v-if="customConnect.authProtocol === 2" v-if="customConnect.authProtocol === 2"

10
nezha-fronted/src/components/common/js/tools.js
View File

@@ -8,8 +8,9 @@ const exceptClassName = ['prevent-clickoutside', 'config-dropdown', 'nz-pop', 'e
export const clickoutside = { export const clickoutside = {
// 初始化指令 // 初始化指令
bind (el, binding, vnode) { bind (el, binding, vnode) {
setTimeout(() => {
if (!binding.expression) return if (!binding.expression) return
const unsavedChange = localStorage.getItem('nz-unnsaved-change') const unsavedChange = localStorage.getItem('nz-unsaved-change')
let oldValue let oldValue
try { try {
oldValue = JSON.parse(JSON.stringify(binding.value.obj)) oldValue = JSON.parse(JSON.stringify(binding.value.obj))
@@ -37,6 +38,7 @@ export const clickoutside = {
return false return false
} }
if (oldValue) { if (oldValue) {
console.log(oldValue, el.__newValue__)
// const newValue = JSON.parse(JSON.stringify(binding.value.obj)) // const newValue = JSON.parse(JSON.stringify(binding.value.obj))
if (unsavedChange == 'on' && !isEqual(oldValue, el.__newValue__) && !el.isShow) { if (unsavedChange == 'on' && !isEqual(oldValue, el.__newValue__) && !el.isShow) {
el.isShow = true el.isShow = true
@@ -51,7 +53,6 @@ export const clickoutside = {
} }
}).catch(err => { }).catch(err => {
el.isShow = false el.isShow = false
console.log(err)
}) })
} else if (!el.isShow) { } else if (!el.isShow) {
binding.value.func() binding.value.func()
@@ -71,6 +72,7 @@ export const clickoutside = {
// 给当前元素绑定个私有变量，方便在unbind中可以解除事件监听 // 给当前元素绑定个私有变量，方便在unbind中可以解除事件监听
el.__vueClickOutside__ = documentHandler el.__vueClickOutside__ = documentHandler
document.addEventListener('mousedown', documentHandler) document.addEventListener('mousedown', documentHandler)
}, 100)
}, },
update (el, binding, vnode) { update (el, binding, vnode) {
el.__newValue__ = binding.value.obj el.__newValue__ = binding.value.obj
@@ -208,8 +210,9 @@ function myLoadingFunctionUpdate (el, binding, vnode) {
} }
export const cancelWithChange = { export const cancelWithChange = {
bind: function (el, binding) { bind: function (el, binding) {
setTimeout(() => {
if (!binding.value || !binding.value.obj) return if (!binding.value || !binding.value.obj) return
const unsavedChange = localStorage.getItem('nz-unnsaved-change') const unsavedChange = localStorage.getItem('nz-unsaved-change')
const oldValue = JSON.parse(JSON.stringify(binding.value.obj)) const oldValue = JSON.parse(JSON.stringify(binding.value.obj))
el.__newValue__ = oldValue el.__newValue__ = oldValue
function domClick (e) { function domClick (e) {
@@ -229,6 +232,7 @@ export const cancelWithChange = {
} }
el.__vueDomClick__ = domClick el.__vueDomClick__ = domClick
el.addEventListener('click', domClick) el.addEventListener('click', domClick)
}, 100)
}, },
update (el, binding, vnode) { update (el, binding, vnode) {
el.__newValue__ = binding.value.obj el.__newValue__ = binding.value.obj

2
nezha-fronted/src/components/common/login.vue
View File

@@ -38,7 +38,7 @@
<div class="login-label"></div> <div class="login-label"></div>
<div class="login-input" v-if="!verifyShow"> <div class="login-input" v-if="!verifyShow">
<i class="nz-icon nz-icon-password"></i> <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>
<div class="login-label" v-if="verifyShow">{{$t('profile.twoFactorAuthentication')}}</div> <div class="login-label" v-if="verifyShow">{{$t('profile.twoFactorAuthentication')}}</div>
<div class="login-input" v-if="verifyShow"> <div class="login-input" v-if="verifyShow">

4
nezha-fronted/src/components/common/rightBox/administration/userBox.vue
View File

@@ -22,12 +22,12 @@
<!--password--> <!--password-->
<el-form-item :label="$t('login.pin')" prop="pin"> <el-form-item :label="$t('login.pin')" prop="pin">
<el-input id="account-input-password" v-model="editUser.pin" maxlength="64" placeholder="" <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> </el-form-item>
<!--pinChange--> <!--pinChange-->
<el-form-item :label="$t('profile.confirmPassword')" label-width="200px" prop="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="" <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> </el-form-item>
<!--mfaLevel--> <!--mfaLevel-->
<el-form-item :label="$t('profile.twoFactorAuthentication')" label-width="200px" prop="mfaTitle"> <el-form-item :label="$t('profile.twoFactorAuthentication')" label-width="200px" prop="mfaTitle">

4
nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
View File

@@ -37,11 +37,11 @@
<template v-if="editData.authType === assetConstants.authTypeData.key"> <template v-if="editData.authType === assetConstants.authTypeData.key">
<!-- Key支持私钥 --> <!-- Key支持私钥 -->
<el-form-item :label="$t('asset.privateKey')" prop="authPriKey"> <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> </el-form-item>
</template> </template>
<el-form-item :label="$t('login.pin')" prop="authPin"> <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>
<el-form-item :label="$t('asset.port')" prop="authProtocolPort"> <el-form-item :label="$t('asset.port')" prop="authProtocolPort">
<el-input v-model="editData.authProtocolPort" size="small"/> <el-input v-model="editData.authProtocolPort" size="small"/>

16
nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
View File

@@ -209,7 +209,7 @@
</el-form-item> </el-form-item>
</template> </template>
<el-form-item :label="$t('login.pin')" prop="authPin"> <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>
<el-form-item :label="$t('asset.port')" prop="authProtocolPort"> <el-form-item :label="$t('asset.port')" prop="authProtocolPort">
<el-input v-model="editAsset.authProtocolPort" size="small"/> <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-input maxlength="64" show-word-limit v-model="editAsset.authUsername" size="small"/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('login.pin')" prop="authPin"> <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>
<el-form-item :label="$t('asset.usernamePrompt')" prop="authUserTip"> <el-form-item :label="$t('asset.usernamePrompt')" prop="authUserTip">
<el-input maxlength="64" show-word-limit v-model="editAsset.authUserTip" size="small"/> <el-input maxlength="64" show-word-limit v-model="editAsset.authUserTip" size="small"/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('asset.pinPrompt')" prop="authPinTip"> <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>
<el-form-item :label="$t('asset.port')" prop="authProtocolPort"> <el-form-item :label="$t('asset.port')" prop="authProtocolPort">
<el-input v-model="editAsset.authProtocolPort" size="small"/> <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-input maxlength="64" show-word-limit v-model="editAsset.clientUser" size="small"/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('login.pin')" prop="clientPin"> <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> --> </el-form-item> -->
<div v-if="editAsset.clientEnable === 1" v-show="talonShowTow"> <div v-if="editAsset.clientEnable === 1" v-show="talonShowTow">
<el-form-item :label="$t('asset.talon.token')" prop="clientToken"> <el-form-item :label="$t('asset.talon.token')" prop="clientToken">
@@ -531,8 +531,8 @@ export default {
this.editAsset.model = asset.model this.editAsset.model = asset.model
this.editAsset.dcId = asset.dc ? asset.dc.id : '' this.editAsset.dcId = asset.dc ? asset.dc.id : ''
this.editAsset.cabinetId = asset.cabinet ? asset.cabinet.id : '' this.editAsset.cabinetId = asset.cabinet ? asset.cabinet.id : ''
this.editAsset.cabinetStart = asset.cabinetStart this.editAsset.cabinetStart = asset.cabinetStart || ''
this.editAsset.cabinetEnd = asset.cabinetEnd this.editAsset.cabinetEnd = asset.cabinetEnd || ''
if (!asset.cabinet) { if (!asset.cabinet) {
asset.cabinet = {} asset.cabinet = {}
} }
@@ -558,8 +558,8 @@ export default {
this.editAsset.model = asset.model this.editAsset.model = asset.model
this.editAsset.dcId = asset.dc ? asset.dc.id : '' this.editAsset.dcId = asset.dc ? asset.dc.id : ''
this.editAsset.cabinetId = asset.cabinet ? asset.cabinet.id : '' this.editAsset.cabinetId = asset.cabinet ? asset.cabinet.id : ''
this.editAsset.cabinetStart = asset.cabinetStart this.editAsset.cabinetStart = asset.cabinetStart || ''
this.editAsset.cabinetEnd = asset.cabinetEnd this.editAsset.cabinetEnd = asset.cabinetEnd || ''
if (!asset.cabinet) { if (!asset.cabinet) {
asset.cabinet = {} asset.cabinet = {}
} }

4
nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
View File

@@ -337,7 +337,7 @@
</el-form-item> </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-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> </el-form-item>
<!--authtype 2--> <!--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-input id="module-box-input-uername" v-model="item.basic_auth.username" placeholder='' size="small"></el-input>
</el-form-item> </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-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> </el-form-item>
<!--authtype 2--> <!--authtype 2-->

4
nezha-fronted/src/components/common/rightBox/moduleBox.vue
View File

@@ -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-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>
<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-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> </el-form-item>
<!--authtype 2--> <!--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-input id="module-box-input-uername" v-model="item.basic_auth.username" placeholder='' size="small"></el-input>
</el-form-item> </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-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> </el-form-item>
<!--authtype 2--> <!--authtype 2-->

6
nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
View File

@@ -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-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>
<el-form-item :label='$t("config.mib.credential.writeCommunity")' prop="writeCommunity" v-if="editCredential.type ===1 || editCredential.type === 2"> <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>
<el-form-item :label='$t("profile.username")' prop="config.username" v-if="editCredential.type === 3"> <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> <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-select>
</el-form-item> </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-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> </el-form-item>
<div class="right-box-sub-title" v-if="editCredential.type === 3">{{$t('config.mib.credential.encryption')}}</div> <div class="right-box-sub-title" v-if="editCredential.type === 3">{{$t('config.mib.credential.encryption')}}</div>
@@ -65,7 +65,7 @@
</el-select> </el-select>
</el-form-item> </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-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-item>
</el-form> </el-form>
</div> </div>

2
nezha-fronted/src/components/page/asset/asset.vue
View File

@@ -255,6 +255,8 @@ export default {
dcId: '', dcId: '',
cabinetId: '', cabinetId: '',
brandId: '', brandId: '',
cabinetStart: '',
cabinetEnd: '',
brand: { id: '', name: '' }, brand: { id: '', name: '' },
modelId: '', modelId: '',
model: { id: '', name: '' }, model: { id: '', name: '' },

2
nezha-fronted/src/components/page/config/email.vue
View File

@@ -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-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>
<el-form-item :label="$t('config.system.email.smtpPin')" class="has-tip" prop="email_auth_password"> <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> <div class="el-form-item__tip">{{$t("config.system.email.pinTip")}}</div>
</el-form-item> </el-form-item>
<el-form-item :label="$t('config.system.email.sendAccount')" class="has-tip" prop="email_send_account"> <el-form-item :label="$t('config.system.email.sendAccount')" class="has-tip" prop="email_send_account">

2
nezha-fronted/src/components/page/config/ldap.vue
View File

@@ -13,7 +13,7 @@
<el-input v-model="ldap.ldap_dn" id="system-ldap-ldap_dn"></el-input> <el-input v-model="ldap.ldap_dn" id="system-ldap-ldap_dn"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('login.pin')" prop="ldap_password"> <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>
<el-form-item :label="$t('config.system.ldap.ou')" class="has-tip" prop="ldap_ou"> <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> <el-input v-model="ldap.ldap_ou" id="system-ldap-ldap_ou"></el-input>

4
nezha-fronted/src/components/page/config/monitor.vue
View File

@@ -65,7 +65,7 @@
</el-input> </el-input>
</el-form-item> </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-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-input>
</el-form-item> </el-form-item>
</div> </div>
@@ -101,7 +101,7 @@
</el-input> </el-input>
</el-form-item> </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-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-input>
</el-form-item> </el-form-item>
</div> </div>

6
nezha-fronted/src/components/page/config/profileChangePin.vue
View File

@@ -4,13 +4,13 @@
<div class="profile-change__Pin-from"> <div class="profile-change__Pin-from">
<el-form :model="user" label-position = "top" label-width="150px" :rules="rules" ref="changePinForm"> <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-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>
<el-form-item class="profile-change__Pin-input" :label="$t('profile.newPassword')" prop="newPin"> <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>
<el-form-item class="profile-change__Pin-input" :label="$t('profile.confirmPassword')" prop="confirmPin"> <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-item>
</el-form> </el-form>
</div> </div>

6
nezha-fronted/src/components/page/config/setup.vue
View File

@@ -102,7 +102,7 @@
<el-input v-model="database.username"></el-input> <el-input v-model="database.username"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('login.pin')" prop="pin" key="dbpassword" > <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-item>
</el-form> </el-form>
<div class="setup-help"> <div class="setup-help">
@@ -125,7 +125,7 @@
<el-input v-model="redis.port"></el-input> <el-input v-model="redis.port"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('login.pin')" prop="pin" key="rdpassword" > <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-item>
</el-form> </el-form>
<div class="setup-help"> <div class="setup-help">
@@ -145,7 +145,7 @@
<el-input v-model="system.username"></el-input> <el-input v-model="system.username"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('login.pin')" prop="pin" key="syspassword" > <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>
<el-form-item :label="$t('setup.system.federation')" prop="federationEnabled" key="sysprometheusFederationEnabled" > <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%" > <el-select v-model="system.federationEnabled" :placeholder="$t('el.select.placeholder')" style="width: 100%" >

6
nezha-fronted/src/components/page/config/system.vue
View File

@@ -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-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>
<el-form-item :label="$t('config.system.email.smtpPin')" class="has-tip" prop="email_auth_password"> <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> <div class="el-form-item__tip">{{$t("config.system.email.pinTip")}}</div>
</el-form-item> </el-form-item>
<el-form-item :label="$t('config.system.email.sendAccount')" class="has-tip" prop="email_send_account"> <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-input v-model="ldap.ldap_dn" id="system-ldap-ldap_dn"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('login.pin')" prop="ldap_password"> <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>
<el-form-item :label="$t('config.system.ldap.ou')" class="has-tip" prop="ldap_ou"> <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> <el-input v-model="ldap.ldap_ou" id="system-ldap-ldap_ou"></el-input>
@@ -368,7 +368,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('login.pin')" prop="pin"> <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-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> <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>

2
nezha-fronted/src/components/page/config/terminal.vue
View File

@@ -40,7 +40,7 @@
</el-input> </el-input>
</el-form-item> </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-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-input>
</el-form-item> </el-form-item>
</div> </div>

2
nezha-fronted/src/store/user.js
View File

@@ -98,7 +98,7 @@ const user = {
localStorage.setItem('nz-sys-default-cabinet-usize', res.data.defaultCabinetUsize) localStorage.setItem('nz-sys-default-cabinet-usize', res.data.defaultCabinetUsize)
localStorage.setItem('nz-sys-max-terminal-num', res.data.maxTerminalNum) localStorage.setItem('nz-sys-max-terminal-num', res.data.maxTerminalNum)
localStorage.setItem('nz-sys-asset-ping-switch', res.data.assetPingSwitch) 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) localStorage.setItem('nz-mfa-enable', Number(res.data.mfaAuthEnable) ? 1 : 0)
store.commit('setLanguage', res.data.user.lang || defaultAppearance.language) store.commit('setLanguage', res.data.user.lang || defaultAppearance.language)
store.commit('setTimeFormatMain', localStorage.getItem('nz-default-dateFormat') || 'YYYY-MM-DD HH:mm:ss') store.commit('setTimeFormatMain', localStorage.getItem('nz-default-dateFormat') || 'YYYY-MM-DD HH:mm:ss')