diff --git a/src/main.js b/src/main.js index 01ca175c..e286ef86 100644 --- a/src/main.js +++ b/src/main.js @@ -299,7 +299,8 @@ async function VueInit() { data: { unlock: { my_username: null, - my_password: null + my_password: null, + view: false } }, render: h => h(App) @@ -443,7 +444,8 @@ async function VueInit() { _vm.$message.success(_vm.$t("env:lock:msgBox:lockSuccess")) _vm.unlock = { my_username: null, - my_password: null + my_password: null, + view: false } isOpen = false count = 0; @@ -507,16 +509,21 @@ async function VueInit() { ]), h('el-form-item', { props: { label: _vm.$t("env:lock:msgBox:form:Password") }, + attrs: { + style: "position: relative;" + } }, [ h('input', { props: { value: _vm.unlock.my_password }, + ref: "unlock_my_password_input", attrs: { id: 'my_password', class: 'el-input__inner', - type: 'password', - autocomplete: 'new-password' + type: _vm.unlock.view ? 'text' : 'password', + autocomplete: 'new-password', + style: "padding-right:25px" }, on: { change: (event) => { @@ -526,7 +533,24 @@ async function VueInit() { _vm.unlock.my_password = event.target.value } } - }) + }), + h('i', { + attrs: { + id: 'my_password_view', + class: "el-icon-view", + style: "cursor: pointer;position: absolute;top:35%;right:10px" + }, + on: { + click: (event) => { + _vm.unlock.view = !_vm.unlock.view + if (_vm.unlock.view) { + _vm.$refs['unlock_my_password_input'].type = "text" + } else { + _vm.$refs['unlock_my_password_input'].type = "password" + } + }, + } + }), ]) ]) ])