From 4c99a6d9eab85b06ce3947ecf3da3af54307d05e Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: Wed, 21 Aug 2024 16:05:00 +0800
Subject: [PATCH] 提交
---
pages/tabBar/count/count.vue | 67 +++++++++++++--------------------
1 files changed, 27 insertions(+), 40 deletions(-)
diff --git a/pages/tabBar/count/count.vue b/pages/tabBar/count/count.vue
index 90a0b8f..2ae4c74 100644
--- a/pages/tabBar/count/count.vue
+++ b/pages/tabBar/count/count.vue
@@ -30,7 +30,7 @@
</view>
<view class="info-id" @click="resetPwd()">
- <span>重置密码</span><u-icon name="edit-pen" color="#e6e6e6" size="16"></u-icon>
+ <span>修改密码</span><u-icon name="edit-pen" color="#e6e6e6" size="16"></u-icon>
</view>
</view>
</view>
@@ -57,40 +57,42 @@
<u-button @click="loginOut" type="primary" text="退出登录" style="width: 80%" shape="circle"></u-button>
</view>
</view>
- <u-modal :show="showModal" title="重置密码" :showConfirmButton="false" :closeOnClickOverlay="true" ref="uModal" :asyncClose="true" @close="closeModal()">
+ <u-modal :show="showModal" title="修改密码" :showConfirmButton="false" :closeOnClickOverlay="true" ref="uModal" :asyncClose="true" @close="closeModal()">
<view>
- <u--form labelPosition="top" labelWidth="120" :model="pwdForm" :rules="rules" ref="uForm">
+ <u-form labelPosition="top" labelWidth="120" :model="pwdForm" :rules="rules" ref="uForm">
<u-form-item
prop="password"
ref="password"
label="新密码"
>
- <u--input
- v-model="pwdForm.password"
- placeholder="请输入新密码"
- :type="codeType1"
- >
+ <u-input v-show="isPwd1" v-model="pwdForm.password" placeholder="请输入新密码" :password="true">
<template slot="suffix">
- <u-icon v-show="codeType1 == 'password'" name="eye" color="#999" size="20" @click="viewCode(1)"></u-icon>
- <u-icon v-show="codeType1 == 'text'" name="eye-off" color="#999" size="20" @click="viewCode(1)"></u-icon>
+ <u-icon name="eye" color="#999" size="20" @click="isPwd1 = false"></u-icon>
</template>
- </u--input>
+ </u-input>
+ <u-input v-show="!isPwd1" v-model="pwdForm.password" placeholder="请输入新密码" :password="false">
+ <template slot="suffix">
+ <u-icon name="eye-off" color="#999" size="20" @click="isPwd1 = true"></u-icon>
+ </template>
+ </u-input>
</u-form-item>
<u-form-item
prop="rePassword"
ref="rePassword"
label="确认密码"
>
- <u--input
- v-model="pwdForm.rePassword"
- placeholder="请确认密码"
- :type="codeType2"
- ><template slot="suffix">
- <u-icon v-show="codeType2 == 'password'" name="eye" color="#999" size="20" @click="viewCode(2)"></u-icon>
- <u-icon v-show="codeType2 == 'text'" name="eye-off" color="#999" size="20" @click="viewCode(2)"></u-icon>
- </template></u--input>
+ <u-input v-show="isPwd2" v-model="pwdForm.rePassword" placeholder="请输入新密码" :password="true">
+ <template slot="suffix">
+ <u-icon name="eye" color="#999" size="20" @click="isPwd2 = false"></u-icon>
+ </template>
+ </u-input>
+ <u-input v-show="!isPwd2" v-model="pwdForm.rePassword" placeholder="请输入新密码" :password="false">
+ <template slot="suffix">
+ <u-icon name="eye-off" color="#999" size="20" @click="isPwd2 = true"></u-icon>
+ </template>
+ </u-input>
</u-form-item>
- </u--form>
+ </u-form>
<u-button type="primary" style="margin-top: 20px" text="确认" @click="confirmPwd()"></u-button>
</view>
</u-modal>
@@ -160,8 +162,8 @@
}
]
},
- codeType1: 'password',
- codeType2: 'password'
+ isPwd1: true,
+ isPwd2: true
}
},
@@ -233,23 +235,6 @@
t.showModal = true
},
- viewCode(type){
- const t = this
- if(type == 1){
- if(this.codeType1 == 'password'){
- this.codeType1 = 'text'
- } else{
- this.codeType1 = 'password'
- }
- }else{
- if(this.codeType2 == 'password'){
- this.codeType2 = 'text'
- } else{
- this.codeType2 = 'password'
- }
- }
- },
-
confirmPwd(){
const t = this
t.$refs.uForm.validate().then(res => {
@@ -260,7 +245,7 @@
if(r.code == 200){
t.$refs.uToast.show({
type: 'default',
- message: '密码已重置，请重新登录',
+ message: '密码已修改，请重新登录',
duration: 1000
})
loginOut().then(res=>{
@@ -299,6 +284,8 @@
password: '',
rePassword: ''
}
+ this.isPwd1 = true
+ this.isPwd2 = true
}
}
}
--
Gitblit v1.9.2