sadjv3/anmo-user/my/wallet/zhifubao.vue

169 lines
4.0 KiB
Vue
Raw Normal View History

2024-06-04 10:03:14 +08:00
<template>
<view class="container" v-if="XCXIsSelect != '否'">
<view class="cu-form-group" style="margin: 30upx;border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px">
<view class="title">收款人姓名</view>
<input type="text" placeholder="请输入支付宝收款人姓名" v-model="zhiFuBaoName" />
</view>
<view class="cu-form-group" style="margin: 30upx;border: 2upx solid whitesmoke;margin-bottom: 20px;border-radius: 30px">
<view class="title">支付宝账号</view>
<input type="text" placeholder="请输入要绑定的支付宝账号" v-model="zhiFuBao" />
</view>
<view class="btn" :rotate="logining" @click="toLogin">绑定账户</view>
<view style="padding: 0 64upx;font-size: 24upx;color: #999999;">提示请正确填写收款人的支付宝账户和真实的收款人姓名否则将无法正常收款</view>
</view>
</template>
<script>
import listCell from '../../components/com-input';
import wButton from '../components/watch-login/watch-button.vue'; //button
export default {
components: {
listCell,
wButton
},
data() {
return {
zhiFuBao: '',
zhiFuBaoName: '',
logining: false,
XCXIsSelect: '否'
}
},
onLoad() {
this.XCXIsSelect = this.$queue.getData("XCXIsSelect");
if(this.XCXIsSelect != '否' ){
uni.setNavigationBarTitle({
title:'提现账号'
})
}else{
uni.setNavigationBarTitle({
title:'关于我们'
})
}
let userId = this.$queue.getData("userId");
if (userId) {
// this.$Request.getT("/app/cash/userinfo/" + userId).then(res => {
// if (res.status === 0) {
// if (res.data.zhiFuBao) {
// this.zhiFuBao = res.data.zhiFuBao;
// }
// if (res.data.zhiFuBaoName) {
// this.zhiFuBaoName = res.data.zhiFuBaoName;
// }
// }
// });
this.$Request.get("/app/user/selectUserById").then(res => {
if (res.code == 0) {
if (res.data.zhiFuBao) {
this.zhiFuBao = res.data.zhiFuBao;
}
if (res.data.zhiFuBaoName) {
this.zhiFuBaoName = res.data.zhiFuBaoName;
}
}
});
}
},
methods: {
inputChange(e) {
const key = e.currentTarget.dataset.key;
this[key] = e.detail.value;
},
navBack() {
uni.navigateBack();
},
toLogin() {
let userId = this.$queue.getData("userId");
let token = uni.getStorageSync("token");
const {
zhiFuBao,
zhiFuBaoName
} = this;
if (!zhiFuBao) {
this.$queue.showToast("请设置收款人支付宝账号");
} else if (!zhiFuBaoName) {
this.$queue.showToast("请设置收款人姓名");
} else {
this.$queue.showLoading("修改中...");
let data = {
zhiFuBao: this.zhiFuBao,
zhiFuBaoName: this.zhiFuBaoName
}
this.$Request.postJson('/app/user/updateUser', data).then(res => {
if (res.code === 0) {
uni.setStorageSync('zhiFuBao', zhiFuBao)
uni.setStorageSync('zhiFuBaoName', zhiFuBaoName)
uni.showToast({
title: '修改成功',
icon: 'none',
complete() {
setTimeout(function() {
uni.navigateBack();
}, 1000)
}
})
} else {
this.$queue.showToast(res.msg)
}
uni.hideLoading();
});
}
},
},
}
</script>
<style lang='scss'>
page {
background-color: #FFFFFF;
}
.container {
padding-top: 32upx;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background: #FFFFFF;
}
.cu-form-group{
background-color: #f7f7f7;
}
.cu-form-group .title{
font-size: 29rpx;
color: #333;
}
.cu-form-group uni-input{
font-size: 29rpx;
color: #999999;
}
.btn {
background: linear-gradient(to right, #223845, #00a85b);
color: #FFFFFF;
margin: 30upx auto;
width: 90%;
border-radius: 50rpx;
height: 78rpx;
line-height: 78rpx;
font-size: 30rpx;
text-align: center;
}
.confirm-btn {
width: 300px;
height: 42px;
line-height: 42px;
border-radius: 30px;
margin-top: 70upx;
background: #e10a07;
color: #fff;
font-size: 32rpx;
&:after {
border-radius: 60px;
}
}
</style>