|
@@ -13,7 +13,7 @@
|
|
<view class="pwd-text" v-for="(item,index) in _digits" :key="index" :data-index="index" :class="{active:(activeInput == index)}">{{payPassWord[index]}}</view>
|
|
<view class="pwd-text" v-for="(item,index) in _digits" :key="index" :data-index="index" :class="{active:(activeInput == index)}">{{payPassWord[index]}}</view>
|
|
</view>
|
|
</view>
|
|
</swiper-item>
|
|
</swiper-item>
|
|
- <!-- 设置新安全密码 -->
|
|
|
|
|
|
+ <!-- 设置新支付密码 -->
|
|
<block v-if="_mode === 2 || _mode === 5">
|
|
<block v-if="_mode === 2 || _mode === 5">
|
|
<swiper-item @touchmove.prevent.stop>
|
|
<swiper-item @touchmove.prevent.stop>
|
|
<view class="dk-title">{{_titleObj.title}}</view>
|
|
<view class="dk-title">{{_titleObj.title}}</view>
|
|
@@ -23,7 +23,7 @@
|
|
</view>
|
|
</view>
|
|
</swiper-item>
|
|
</swiper-item>
|
|
</block>
|
|
</block>
|
|
- <!-- 修改安全密码 -->
|
|
|
|
|
|
+ <!-- 修改支付密码 -->
|
|
<block v-else-if="_mode === 3">
|
|
<block v-else-if="_mode === 3">
|
|
<swiper-item @touchmove.prevent.stop>
|
|
<swiper-item @touchmove.prevent.stop>
|
|
<view class="dk-title">{{_titleObj.twoTitle}}</view>
|
|
<view class="dk-title">{{_titleObj.twoTitle}}</view>
|
|
@@ -42,11 +42,11 @@
|
|
</block>
|
|
</block>
|
|
</swiper>
|
|
</swiper>
|
|
<block v-if="_mode !== 1 && _mode !== 4">
|
|
<block v-if="_mode !== 1 && _mode !== 4">
|
|
- <view class="pwd-tips">安全密码为6位数字,用于提现、设置密保、添加银行卡等操作,可保障资金安全</view>
|
|
|
|
|
|
+ <view class="pwd-tips">支付密码为6位数字,用于提现、设置密保、添加银行卡等操作,可保障资金安全</view>
|
|
<view class="pwd-tips pwd-tips-errot">{{msgText}}</view>
|
|
<view class="pwd-tips pwd-tips-errot">{{msgText}}</view>
|
|
</block>
|
|
</block>
|
|
<view class="pwd-forget">
|
|
<view class="pwd-forget">
|
|
- <text v-if="_forget && _mode === 1" @click="forgetPwd">忘记安全密码</text>
|
|
|
|
|
|
+ <text v-if="_forget && _mode === 1" @click="forgetPwd">忘记支付密码</text>
|
|
</view>
|
|
</view>
|
|
<view class="digital-keyboard" :class="{'digital-keyboard-show' : dkFlag || _mode === 1 || _mode === 4}">
|
|
<view class="digital-keyboard" :class="{'digital-keyboard-show' : dkFlag || _mode === 1 || _mode === 4}">
|
|
<view class="dk-down" v-if="_mode !== 1 && _mode !== 4">
|
|
<view class="dk-down" v-if="_mode !== 1 && _mode !== 4">
|
|
@@ -79,10 +79,10 @@
|
|
return {
|
|
return {
|
|
activeInput: 0,//当前输入的下标
|
|
activeInput: 0,//当前输入的下标
|
|
digitalList: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '', '0', '-1'],//键盘
|
|
digitalList: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '', '0', '-1'],//键盘
|
|
- paymentPwd: '',//安全密码内容
|
|
|
|
- dkFlag: true,//安全密码键盘的显示与隐藏
|
|
|
|
|
|
+ paymentPwd: '',//支付密码内容
|
|
|
|
+ dkFlag: true,//支付密码键盘的显示与隐藏
|
|
current: 0,
|
|
current: 0,
|
|
- paymentPwds: [],//上一次安全密码内容,历史安全密码,
|
|
|
|
|
|
+ paymentPwds: [],//上一次支付密码内容,历史支付密码,
|
|
msgText: '',
|
|
msgText: '',
|
|
u50: uni.upx2px(50)
|
|
u50: uni.upx2px(50)
|
|
};
|
|
};
|
|
@@ -102,11 +102,11 @@
|
|
},
|
|
},
|
|
/*
|
|
/*
|
|
* 可选值说明(这一个顺序最好不要改,跟当前步骤步进行有关系,自动提交要用到mode跟current的判断 是否要自动提交)
|
|
* 可选值说明(这一个顺序最好不要改,跟当前步骤步进行有关系,自动提交要用到mode跟current的判断 是否要自动提交)
|
|
- * 1 安全密码校验(用于校验安全)
|
|
|
|
- * 2 设置安全密码(2步 输入=》确认输入)
|
|
|
|
- * 3 修改安全密码(3步 原安全密码=》输入=》确认输入)
|
|
|
|
|
|
+ * 1 支付密码校验(用于校验安全)
|
|
|
|
+ * 2 设置支付密码(2步 输入=》确认输入)
|
|
|
|
+ * 3 修改支付密码(3步 原支付密码=》输入=》确认输入)
|
|
* 4 找回登录密码(同mode = 1一样,就怕后端校验接口不一样而额外添加的一个mode)
|
|
* 4 找回登录密码(同mode = 1一样,就怕后端校验接口不一样而额外添加的一个mode)
|
|
- * 5 重置安全密码
|
|
|
|
|
|
+ * 5 重置支付密码
|
|
*/
|
|
*/
|
|
mode: {
|
|
mode: {
|
|
type: [Number, String],
|
|
type: [Number, String],
|
|
@@ -147,30 +147,30 @@
|
|
_titleObj () {
|
|
_titleObj () {
|
|
let arr = [
|
|
let arr = [
|
|
{
|
|
{
|
|
- title: '输入安全密码',
|
|
|
|
- subTitle: '请输入安全密码'
|
|
|
|
|
|
+ title: '输入支付密码',
|
|
|
|
+ subTitle: '请输入支付密码'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '设置安全密码',
|
|
|
|
- subTitle: '请设置安全密码',
|
|
|
|
- twoSubTitle: '请再次输入安全密码以确认'
|
|
|
|
|
|
+ title: '设置支付密码',
|
|
|
|
+ subTitle: '请设置支付密码',
|
|
|
|
+ twoSubTitle: '请再次输入支付密码以确认'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '修改安全密码',
|
|
|
|
- twoTitle: '设置安全密码',
|
|
|
|
- threeTitle: '设置安全密码',
|
|
|
|
- subTitle: '请输入安全密码 以验证身份',
|
|
|
|
- twoSubTitle: '请设置新的安全密码',
|
|
|
|
- threeSubTitle: '请再次输入安全密码以确认',
|
|
|
|
|
|
+ title: '修改支付密码',
|
|
|
|
+ twoTitle: '设置支付密码',
|
|
|
|
+ threeTitle: '设置支付密码',
|
|
|
|
+ subTitle: '请输入支付密码 以验证身份',
|
|
|
|
+ twoSubTitle: '请设置新的支付密码',
|
|
|
|
+ threeSubTitle: '请再次输入支付密码以确认',
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '输入安全密码',
|
|
|
|
- subTitle: '请输入安全密码'
|
|
|
|
|
|
+ title: '输入支付密码',
|
|
|
|
+ subTitle: '请输入支付密码'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '重置安全密码',
|
|
|
|
- subTitle: '请输入安全密码',
|
|
|
|
- twoSubTitle: '请再次输入安全密码以确认'
|
|
|
|
|
|
+ title: '重置支付密码',
|
|
|
|
+ subTitle: '请输入支付密码',
|
|
|
|
+ twoSubTitle: '请再次输入支付密码以确认'
|
|
}
|
|
}
|
|
]
|
|
]
|
|
return arr[this._mode-1];
|
|
return arr[this._mode-1];
|
|
@@ -233,6 +233,9 @@
|
|
},
|
|
},
|
|
forgetPwd () {
|
|
forgetPwd () {
|
|
console.log('这里是忘记密码跳转逻辑');
|
|
console.log('这里是忘记密码跳转逻辑');
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url:"/pages/user/safe-pass"
|
|
|
|
+ })
|
|
},
|
|
},
|
|
cancel () {
|
|
cancel () {
|
|
this.$emit('cancel');
|
|
this.$emit('cancel');
|
|
@@ -240,11 +243,11 @@
|
|
close () {
|
|
close () {
|
|
let tips = '';
|
|
let tips = '';
|
|
if(this._mode === 2){
|
|
if(this._mode === 2){
|
|
- tips = '您是否要放弃设置安全密码';
|
|
|
|
|
|
+ tips = '您是否要放弃设置支付密码';
|
|
}else if(this._mode === 5){
|
|
}else if(this._mode === 5){
|
|
- tips = '您是否要放弃重置安全密码';
|
|
|
|
|
|
+ tips = '您是否要放弃重置支付密码';
|
|
}else{
|
|
}else{
|
|
- tips = '您是否要放弃修改安全密码';
|
|
|
|
|
|
+ tips = '您是否要放弃修改支付密码';
|
|
}
|
|
}
|
|
uni.showModal({
|
|
uni.showModal({
|
|
title: '关闭提示',
|
|
title: '关闭提示',
|
|
@@ -261,16 +264,16 @@
|
|
submit (clickFlag){//clickFlag主动点击
|
|
submit (clickFlag){//clickFlag主动点击
|
|
if(this.trigger !== 'auto' && !clickFlag) return;
|
|
if(this.trigger !== 'auto' && !clickFlag) return;
|
|
if(this.paymentPwd.length !== this._digits){
|
|
if(this.paymentPwd.length !== this._digits){
|
|
- this.showError('请输入' + this._digits + '位安全密码');
|
|
|
|
|
|
+ this.showError('请输入' + this._digits + '位支付密码');
|
|
}else{
|
|
}else{
|
|
this.showError('');
|
|
this.showError('');
|
|
if(this._mode === 5 || this._mode === 4 || this.current >= (this._mode - 1)){
|
|
if(this._mode === 5 || this._mode === 4 || this.current >= (this._mode - 1)){
|
|
if(this._mode === 5 && this.current === 0){//下一步,再次输入
|
|
if(this._mode === 5 && this.current === 0){//下一步,再次输入
|
|
return this.changeSwiper(1);
|
|
return this.changeSwiper(1);
|
|
}
|
|
}
|
|
- if(this.current > 0){//需要校验2次安全密码的是否相等
|
|
|
|
|
|
+ if(this.current > 0){//需要校验2次支付密码的是否相等
|
|
if(this.paymentPwd !== this.paymentPwds[this.current - 1]){
|
|
if(this.paymentPwd !== this.paymentPwds[this.current - 1]){
|
|
- this.showError('两次安全密码输入不一致');
|
|
|
|
|
|
+ this.showError('两次支付密码输入不一致');
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
this.paymentPwd = '';
|
|
this.paymentPwd = '';
|
|
this.paymentPwds[this.current] = '';
|
|
this.paymentPwds[this.current] = '';
|
|
@@ -279,7 +282,7 @@
|
|
return ;
|
|
return ;
|
|
}
|
|
}
|
|
this.showError('');
|
|
this.showError('');
|
|
- if(this._mode === 2){//设置安全密码
|
|
|
|
|
|
+ if(this._mode === 2){//设置支付密码
|
|
uni.showLoading({
|
|
uni.showLoading({
|
|
title: '正在设置密码'
|
|
title: '正在设置密码'
|
|
});
|
|
});
|
|
@@ -298,7 +301,7 @@
|
|
this.modalFun('hide');
|
|
this.modalFun('hide');
|
|
}
|
|
}
|
|
}, 1000)
|
|
}, 1000)
|
|
- }else{//修改安全密码
|
|
|
|
|
|
+ }else{//修改支付密码
|
|
uni.showLoading({
|
|
uni.showLoading({
|
|
title: '正在重置密码'
|
|
title: '正在重置密码'
|
|
});
|
|
});
|
|
@@ -307,7 +310,7 @@
|
|
uni.hideLoading();
|
|
uni.hideLoading();
|
|
let response = {//模拟返回
|
|
let response = {//模拟返回
|
|
code: 1,
|
|
code: 1,
|
|
- msg: '重置新安全密码成功'
|
|
|
|
|
|
+ msg: '重置新支付密码成功'
|
|
}
|
|
}
|
|
if(response.code === 1){
|
|
if(response.code === 1){
|
|
this.$emit('submit', {
|
|
this.$emit('submit', {
|
|
@@ -322,7 +325,7 @@
|
|
}
|
|
}
|
|
this.checkSafePwd('check');
|
|
this.checkSafePwd('check');
|
|
}else{
|
|
}else{
|
|
- if(this._mode === 3 && this.current === 0){//校验安全密码正确性
|
|
|
|
|
|
+ if(this._mode === 3 && this.current === 0){//校验支付密码正确性
|
|
this.checkSafePwd('verify');
|
|
this.checkSafePwd('verify');
|
|
return ;
|
|
return ;
|
|
}
|
|
}
|
|
@@ -332,7 +335,7 @@
|
|
},
|
|
},
|
|
checkSafePwd(type) {
|
|
checkSafePwd(type) {
|
|
uni.showLoading({
|
|
uni.showLoading({
|
|
- title: '校验安全密码中'
|
|
|
|
|
|
+ title: '校验支付密码中'
|
|
});
|
|
});
|
|
setTimeout(() => {//模拟请求,把这个换成ajax请求哈,或者emit出去 外面去请求,但是建议都集成在这边 省的写一堆重置代码
|
|
setTimeout(() => {//模拟请求,把这个换成ajax请求哈,或者emit出去 外面去请求,但是建议都集成在这边 省的写一堆重置代码
|
|
uni.hideLoading();
|
|
uni.hideLoading();
|
|
@@ -342,7 +345,7 @@
|
|
}
|
|
}
|
|
if(response.code === 1){
|
|
if(response.code === 1){
|
|
if(type === 'check'){
|
|
if(type === 'check'){
|
|
- this.$emit('submit', {//设置或者重置新安全密码
|
|
|
|
|
|
+ this.$emit('submit', {//设置或者重置新支付密码
|
|
type: 'check',
|
|
type: 'check',
|
|
value: this.paymentPwd
|
|
value: this.paymentPwd
|
|
});
|
|
});
|