绑定文版通账号及处理设置支付密码展示位置

This commit is contained in:
2022-07-14 16:38:47 +08:00
parent 47aa866d86
commit 6f2087abec
13 changed files with 3913 additions and 1698 deletions

View File

@@ -95,6 +95,29 @@ const paymentpre = () => {
})
}
// 我的版通账户信息
const wbtInfo = () => {
return request({
url: 'wallet/wbt/info'
})
}
// 是否绑定了文版通账户
const wbtCheck = () => {
return request({
url: 'wallet/wbt/check'
})
}
// 绑定账户版通账户
const wbtBind = (data) => {
return request({
url: 'wallet/wbt/bind',
data:data,
method:'POST',
})
}
export {
dt,
recharge,
@@ -106,6 +129,9 @@ export {
getSms,
submitTransfer,
integral,
paymentpre
paymentpre,
wbtInfo,
wbtCheck,
wbtBind
}

View File

@@ -248,6 +248,14 @@
"navigationBarBackgroundColor": "#34CE98",
"navigationBarTextStyle": "white"
}
},{
"path": "pages/account/wbtBind",
"name": "WbtBind",
"style": {
"navigationBarTitleText": "绑定文版通账户",
"navigationBarBackgroundColor": "#34CE98",
"navigationBarTextStyle": "white"
}
}, {
"path": "pages/account/dt",
"name": "AccountDt",
@@ -434,15 +442,13 @@
"bounce": "none",
"titleNView": {
"type": "transparent",
"buttons" : [
{
"buttons": [{
"background": "rgba(255,255,255,0.2)",
"color": "#696969",
"type": "none",
"fontSrc": "/static/fonts/iconfont1.ttf",
"text": "\ue608" //小相机
}
]
}]
}
}
}
@@ -452,23 +458,19 @@
"style": {
"navigationBarTitleText": "发布"
}
}
,{
}, {
"path": "pages/rank/index",
"style" :
{
"style": {
"navigationBarTitleText": "会员推荐",
"enablePullDownRefresh": false,
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#34CE98"
}
}
,{
}, {
"path": "pages/news/index",
"name": "newsIndex",
"style" :
{
"style": {
"navigationBarTitleText": "消息中心",
"enablePullDownRefresh": false,
"app-plus": {
@@ -484,13 +486,10 @@
}
}
}
}
,{
}, {
"path": "pages/news/detail",
"name": "newsDetail",
"style" :
{
"style": {
"navigationBarTitleText": "反馈详情",
"enablePullDownRefresh": false,
"app-plus": {
@@ -534,7 +533,8 @@
"selectedIconPath": "static/tabBar/tabBar_show_03.png",
"pagePath": "pages/user/index",
"text": "我的"
}]
}
]
},
"globalStyle": {
"navigationBarTextStyle": "black",

View File

@@ -13,9 +13,9 @@
DT积分冻结
<image src="/static/rank/help.png" style="width: 30rpx;" mode="widthFix" />
</view>
<view class="num">{{frozenScore}}</view>
<view class="num">{{frozenScore || '0.0000'}}</view>
</view>
<button class="transfer" size="mini" @click="onTransfer('AccountRecharge')">充值</button>
<button class="transfer" size="mini" @click="dtShow = true">充值</button>
<button class="transfer" size="mini" @click="onTransfer('AccountTransfer')">转账</button>
</view>
<block v-if="logs.length > 0">
@@ -38,12 +38,25 @@
</u-empty>
</view>
</block>
<u-popup :show="dtShow" mode="bottom" @close="dtShow = false " :round="10">
<view class="dt-type">
<view class="dt-item" @click="dtSelect('wbt')">
<image src="/static/icon/pay_wbt.png" mode="widthFix" />
文版通充值
</view>
<view class="dt-item" @click="dtSelect('wchat')">
<image src="/static/icon/pay_wechat.png" mode="widthFix" />
微信充值
</view>
</view>
</u-popup>
</view>
</template>
<script>
import {
dt
dt,wbtCheck
} from '@/apis/interfaces/account.js'
export default {
data() {
@@ -54,6 +67,7 @@
page: 1,
has_more: true,
description: '',
dtShow: false, // 是否显示重置弹窗
};
},
onShow() {
@@ -70,6 +84,34 @@
this.getDt();
},
methods: {
dtSelect(type){
switch(type){
case 'wchat':
this.onTransfer('AccountRecharge');
break;
case 'wbt':
wbtCheck().then(res=>{
if(res){
uni.showToast({
title:' 跳转文版通APP, 努力开发中~',
icon:"none",
mask:true,
duration:3000
})
}else{
this.$Router.push({name:'WbtBind'})
}
this.dtShow = false;
}).catch(err=>{
uni.showToast({
title:err.message,
icon:"none",
mask:true
})
})
break;
}
},
getDt() {
dt({
page: this.page
@@ -189,6 +231,7 @@
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
image {
padding-left: 4rpx;
}
@@ -203,14 +246,14 @@
}
.transfer[size="mini"] {
width: 160rpx;
height: 70rpx;
width: 150rpx;
height: 66rpx;
border-radius: 40rpx;
line-height: 70rpx;
line-height: 66rpx;
background: white;
font-size: 30rpx;
color: $main-color;
margin: 0;
margin: 4rpx;
font-weight: bold;
&::after {
@@ -246,6 +289,7 @@
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
image {
width: 30rpx;
padding-left: 4rpx;
@@ -288,4 +332,27 @@
}
}
}
.dt-type {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding: $padding *2 $padding;
.dt-item{
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
font-size: 28rpx;
color:grey;
image{
width: 80rpx;
margin-bottom: $margin;
}
}
}
</style>

View File

@@ -3,7 +3,7 @@
<!-- 设置支付密码 -->
<view class="password">
<view class="prompt">
<view class="prompt-code">验证码发送至{{phone}}
<view class="prompt-code">验证码发送至{{phone}}
<!-- <button size="mini" :disabled="getCodeState" @click="getCode">{{sendCode}}</button> -->
</view>
<view>请设置6位数字密码建议不要使用连续的数字</view>

200
pages/account/wbtBind.vue Normal file
View File

@@ -0,0 +1,200 @@
<template>
<view class="wbtBind">
<view class="input">
<view class="title">文版通编号</view>
<input type="number" maxlength="13" v-model="account" placeholder-class="placeholderClass" placeholder="请输入13位数字的文版通账号" />
</view>
<view class="input">
<view class="title">文版通姓名</view>
<input type="text" v-model="name" placeholder-class="placeholderClass" placeholder="请输入您的文版通姓名" />
</view>
<view class="group">
<u-radio-group>
<u-radio :checked='true' activeColor="#34ce98" labelColor="#999" labelSize="13" label="我有文版通账号" />
</u-radio-group>
<view class="created" >创建账号</view>
</view>
<view class="sure" @click="wbtBind"> 确认绑定文版通 </view>
<navigator hover-class="none" url="/pages/vip/agreement?id=9">
<view class="agree"> 同意
<span>文版通使用协议</span>
</view>
</navigator>
<view class="help">
<view class="title"> 温馨提示 </view>
<view class="help_1" v-for="item in 4" :key='item'>
{{item}}.文版通使用注意事项文版通使用注意事项文版通使用注意事项文版通使用注意事项文版通使用注意事项文版通使用注意事项
</view>
</view>
</view>
</template>
<script>
import { wbtBind } from '@/apis/interfaces/account'
export default {
data() {
return {
account: '',
name: ''
};
},
methods:{
wbtBind(){
let data = {
account: this.account,
name: this.name
}
if(data.account === '' && data.account.length !== 13){
uni.showToast({
title:'请核对账号',
icon:"none",
mask:true
})
return ;
}
if(data.name === ''){
uni.showToast({
title:'请核对姓名',
icon:"none",
mask:true
})
return ;
}
uni.showModal({
title:'温馨提示',
content:'确认绑定该文版通账号,绑定后无法撤回!',
success:(res)=> {
if(res.confirm){
wbtBind(data).then(res=>{
uni.showToast({
title:'文版通账号绑定成功',
icon:"none",
mask:true,
duration:1500
})
setTimeout(()=>{
uni.navigateBack({})
},2000)
}).catch(err=>{
uni.showToast({
title:err.message,
icon:"none",
mask:true
})
})
}
}
})
}
}
}
</script>
<style lang="scss">
.wbtBind {
min-height: 100vh;
background-color: #f9f9f9;
width: 100%;
box-sizing: border-box;
padding-top: 20rpx;
.input {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: $padding + 20 $padding;
background-color: #fff;
border-bottom: solid 1rpx #f9f9f9;
input {
flex: 1;
text-align: left;
font-size: 30rpx;
}
.title {
font-size: 32rpx;
color: #333;
width: 200rpx;
margin-right: $margin;
font-weight: 600;
}
.placeholderClass {
color: #cacaca;
font-size: 30rpx;
}
}
.group {
font-size: 28rpx;
padding: $padding;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
margin-top: 10rpx;
.created {
color: #34CE98;
}
}
.sure {
background-color: $main-color;
color: #FFFFFF;
font-size: 34rpx;
font-weight: bold;
margin: 0 $margin $margin $margin;
border-radius: 10rpx;
text-align: center;
padding: $padding;
font-weight: bold;
}
.agree {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
box-sizing: border-box;
padding-left: $padding;
font-size: 28rpx;
color: #999;
span {
color: #1482D1;
margin-left: 10rpx;
}
}
.help {
padding: $padding;
color: #666;
font-size: 30rpx;
margin-top: $margin;
.title {
font-size: 34rpx;
font-weight: bold;
padding-bottom: 20rpx;
padding-top: 20rpx;
color: #333;
}
.help_1 {
padding-top: 10rpx;
line-height: 1.5;
}
}
}
</style>

View File

@@ -95,6 +95,11 @@
导出助记词
<uni-icons class="forward" type="forward" color="#999" />
</view>
<view class="btns-box-item" @click="resetPassword">
<image class="icon" src="@/static/user/userIcon_13.png" mode="widthFix" />
{{hasPassword ? '修改' : '设置'}}支付密码
<uni-icons class="forward" type="forward" color="#999" />
</view>
<block v-if="canSeeData">
<view class="btns-box-item" @click="onBtn('DataBoard', {})">
<image class="icon" src="@/static/user/userIcon_12.png" mode="widthFix" />
@@ -119,11 +124,6 @@
供应商入驻
<uni-icons class="forward" type="forward" color="#999" />
</view>
<view class="btns-box-item" @click="resetPassword">
<image class="icon" src="@/static/user/userIcon_13.png" mode="widthFix" />
{{hasPassword ? '修改' : '设置'}}支付密码
<uni-icons class="forward" type="forward" color="#999" />
</view>
</view>
<view class="btns-box">
<view class="btns-box-item" @click="onBtn('Feedback', {})">
@@ -486,7 +486,6 @@
right: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.user-flex {

BIN
static/icon/pay_alipay.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
static/icon/pay_wbt.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

BIN
static/icon/pay_wechat.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long