wms / wms4_jiangxijisheng · Commits

Commit 4f2659c0d96827f8b5f17e8263c26a6f7479a9a3

Authored by 谭毅彬
1 parent 40aba46a

登录密码复制问题修复 

Signed-off-by: TanYibin <5491541@qq.com>
Inline Side-by-side
Showing 1 changed file with 22 additions and 8 deletions
ant-design-vue-jeecg/src/views/user/LoginAccount.vue
  View file @4f2659c
... ... @@ -7,8 +7,7 @@
7 7 </a-input>
8 8 </a-form-model-item>
9 9 <a-form-model-item required prop="password">
10   - <a-input v-model="model.password" size="large" type="text" autocomplete="off" @input="maskPassword"
11   - placeholder="请输入密码 / 123456" >
  10 + <a-input v-model="model.password" size="large" type="text" autocomplete="off" @input="maskPassword" placeholder="请输入密码" >
12 11 <a-icon slot="prefix" type="lock" :style="{ color: 'rgba(0,0,0,.25)' }"/>
13 12 </a-input>
14 13 </a-form-model-item>
... ... @@ -105,14 +104,29 @@ export default {
105 104 },
106 105  
107 106 maskPassword() {
108   - if (this.model.password.length<this.maskedPassword.length){
109   - let len=this.maskedPassword.length-this.model.password.length
110   - this.maskedPassword=this.maskedPassword.substring(0,this.maskedPassword.length - len)
111   - }else{
112   - this.maskedPassword = this.maskedPassword + this.model.password.substring(this.model.password.length - 1, this.model.password.length)
  107 + //获取输入框的值
  108 + let value = this.model.password
  109 + if (value != '') {
  110 + //如果不为空，逐个字符判断是否为圆点
  111 + for (let i = 0; i < value.length; i++) {
  112 + if (value.charAt(i) != '\u25CF') {
  113 + //如果不是圆点，表示该字符为用户输入的值，放到真实值的对应位置
  114 + let char = value.charAt(i)
  115 + this.maskedPassword = this.maskedPassword.slice(0, i) + char + this.maskedPassword.slice(i)
  116 + //将该字符替换为圆点
  117 + value = value.slice(0, i) + '\u25CF' + value.slice(i + 1)
  118 + }
  119 + }
  120 + //防止真实值和圆点的数量不对应。
  121 + this.maskedPassword = this.maskedPassword.slice(0, value.length)
  122 + //将转换过的字符串显示给用户
  123 + this.model.password = value
  124 + } else {
  125 + //保持一致性
  126 + this.maskedPassword = ''
113 127 }
114   - this.model.password = '*'.repeat(this.model.password.length);
115 128 },
  129 +
116 130 // 判断登录类型
117 131 handleUsernameOrEmail(rule, value, callback) {
118 132 const regex = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
... ...