Parcourir la source

修改扫码输入框密码弹框

achao il y a 3 ans
Parent
commit
f4eff2ae99
1 fichiers modifiés avec 8 ajouts et 3 suppressions
  1. 8 3
      src/layout/index/top/index.vue

+ 8 - 3
src/layout/index/top/index.vue

@@ -21,7 +21,7 @@
       <!-- 使用租户 -->
       
       <div class="hidden-content">
-        <el-input ref="hiddenFocus" type="password" class="input-Style" v-model="barCode" size="small" @focus="focus" @blur="blur" autocomplete="off" 
+        <el-input ref="hiddenFocus" type="password" class="input-Style" readonly v-model="barCode" size="small" @focus="focus" @blur="blur" autocomplete="off" 
           @keyup.enter.native="payCode" placeholder="扫码枪内容"></el-input>
         <div v-show="isOpenCodeGun" class="code-scan-text">扫码枪已连接</div>
         <div v-show="!isOpenCodeGun" @click="setCodeGun" class="code-scan-text">点我扫码</div>
@@ -594,12 +594,17 @@
       setCodeGun() {
         this.$refs['hiddenFocus'].focus()
       },
-      focus() {
+      focus(e) {
+          setTimeout(() => {
+        e.target.removeAttribute('readonly');
+        }, 300)
         console.log('当前焦点状态')
         this.barCode = ''
         this.isOpenCodeGun = true
       },
-      blur() {
+      blur(e) {
+         e.target.setAttribute("readonly", 'true');
+
         console.log('当前已失去焦点状态')
         this.isOpenCodeGun = false
       },