From a2e90ca0597535f908fed8fad1c87b50f107808e Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Wed, 23 Mar 2022 17:18:34 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BE=93=E5=85=A5=E5=AF=86=E7=A0=81=E7=A6=81?=
 =?UTF-8?q?=E6=AD=A2=E6=98=BE=E7=A4=BA=E6=B5=8F=E8=A7=88=E5=99=A8=E8=AE=B0?=
 =?UTF-8?q?=E4=BD=8F=E7=9A=84=E5=AF=86=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/counter/list/index.vue |  26 ++++++++++++++++++++------
 src/styles/common.scss           |   4 ++++
 src/styles/font/password.ttf     | Bin 0 -> 18708 bytes
 3 files changed, 24 insertions(+), 6 deletions(-)
 create mode 100644 src/styles/font/password.ttf

diff --git a/src/pages/counter/list/index.vue b/src/pages/counter/list/index.vue
index 715e333..21d2285 100644
--- a/src/pages/counter/list/index.vue
+++ b/src/pages/counter/list/index.vue
@@ -137,21 +137,21 @@
             <!-- 动画开始 -->
             <div v-if="popText==='密码器'"   style="width:800px;padding-right:150px;padding-top:80px">
                 <el-form :model="passwordForm" :rules="passwordRules" ref="form" label-width="180px" key="passwordFormpasswordAgain">
-                    
                     <!-- <form style="display:none">
                         <input type="password">
                     </form>
                     <input type="password" style="width:0;height:0;float:left;visibility:hidden"> -->
-
-                    <el-form-item label="密码" prop="passwordAgain">
-                        <el-input v-focus show-password v-model="passwordForm.passwordAgain" maxlength="6" onkeyup="{this.value=this.value.replace(/\D/g,'')}" autocomplete="off" auto-complete="off"></el-input>
+                    <el-form-item class="password-wrap" label="密码" prop="passwordAgain">
+                        <el-input :class="{'password-input': !viewPassword1}" v-focus v-model="passwordForm.passwordAgain" maxlength="6" onkeyup="{this.value=this.value.replace(/\D/g,'')}" autocomplete="new-password" auto-complete="new-password"></el-input>
+                        <i class="view el-icon-view" @click="viewPassword1 = !viewPassword1"></i>
                     </el-form-item>
                     <!-- <el-form-item label="确认密码" prop="password" v-if="systemId == '62,1' || systemId == '62,2' || systemId == '62,3'">
                         <el-input show-password v-model="passwordForm.password"  maxlength="6" onkeyup="this.value=this.value.replace(/\D/g,'')" autocomplete="off"></el-input>
                     </el-form-item> -->
                     <!-- <el-form-item label="确认密码" prop="password2" v-if="systemId == '62,1' || systemId == '62,2' || systemId == '62,3'"> -->
-                    <el-form-item label="确认密码" prop="password2" key="passwordFormpassword2" v-if="id == '62,1' || id == '62,2' || id == '62,3'">
-                        <el-input show-password v-model="passwordForm.password2"  maxlength="6" onkeyup="this.value=this.value.replace(/\D/g,'')" autocomplete="off" auto-complete="off"></el-input>
+                    <el-form-item class="password-wrap" label="确认密码" prop="password2" key="passwordFormpassword2" v-if="id == '62,1' || id == '62,2' || id == '62,3'">
+                        <el-input :class="{'password-input': !viewPassword2}" v-model="passwordForm.password2"  maxlength="6" onkeyup="this.value=this.value.replace(/\D/g,'')" autocomplete="off" auto-complete="off"></el-input>
+                        <i class="view el-icon-view" @click="viewPassword2 = !viewPassword2"></i>
                     </el-form-item>
                     
                 </el-form>
@@ -430,6 +430,8 @@ export default {
             }
         };
         return {
+            viewPassword1: false,
+            viewPassword2: false,
             voucherCardGet: false,
             voucherCardNumber: 0,
             
@@ -2213,6 +2215,18 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.password-wrap {
+  position: relative;
+  .password-input {
+    font-family: 'password';
+  }
+  .view {
+    position: absolute;
+    top: 13px;
+    right: 12px;
+    cursor: pointer;
+  }
+}
 .contentHeight {
     max-width: 300px;
     max-height: 60px;
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 9527920..6388cfc 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -5,6 +5,10 @@
     src: url('font/YouSheBiaoTiHei.ttf');
 }
 
+@font-face{
+  font-family: 'password';
+  src: url('font/password.ttf');
+}
 [v-cloak] {
     display: none;
 }
diff --git a/src/styles/font/password.ttf b/src/styles/font/password.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..f0f2a85e2a922a4c293c67a7b803fc0f3130d2b7
GIT binary patch
literal 18708
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

literal 0
HcmV?d00001