|
...
|
...
|
@@ -3,155 +3,276 @@ |
|
|
|
<view class="box" style="margin-top: 0;">
|
|
|
|
<view class="title">到账用户手机</view>
|
|
|
|
<view class="searchbox">
|
|
|
|
<input type="text" placeholder="请输入到账用户手机号" class="fillTel" />
|
|
|
|
<view class="searchbtn">
|
|
|
|
<image src="../../static/tel.png" mode="widthFix" class="icon"/>查找
|
|
|
|
<input type="number" placeholder="请输入到账用户手机号" class="fillTel" @input="enterphone" />
|
|
|
|
<view class="searchbtn" @click='search'>
|
|
|
|
<image src="../../static/tel.png" mode="widthFix" class="icon" />查找
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="box">
|
|
|
|
<view class="box" v-if="userinfo!=''">
|
|
|
|
<view class="title">到账用户信息</view>
|
|
|
|
<view class="userbox">
|
|
|
|
<image src="../../static/userpic.png" mode="widthFix" class="avator" />
|
|
|
|
<text>用户昵称昵称</text>
|
|
|
|
<image :src="userinfo.avatar" mode="widthFix" class="avator" />
|
|
|
|
<text>{{userinfo.nickname}}</text>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="box">
|
|
|
|
<view class="title">转账金额</view>
|
|
|
|
<view class="fillArea">
|
|
|
|
<text>¥</text>
|
|
|
|
<input type="text" class="fillmoney">
|
|
|
|
<input class="fillmoney" @input="emtermoney" type="digit">
|
|
|
|
</view>
|
|
|
|
<view class="tipsmoney">当前账户余额9938.57元</view>
|
|
|
|
<view class="tipsmoney">当前账户余额{{userinfok.money}}元</view>
|
|
|
|
</view>
|
|
|
|
<view class="box">
|
|
|
|
<view class="title">转账说明：</view>
|
|
|
|
<textarea name="" id="" cols="30" rows="10" class="wordArea"></textarea>
|
|
|
|
<textarea name="" id="" cols="30" rows="10" class="wordArea" placeholder="转账说明"></textarea>
|
|
|
|
</view>
|
|
|
|
<view class="submit">转账</view>
|
|
|
|
<view class="submit" @click="zhuanzhang">转账</view>
|
|
|
|
</view>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
import app from "../../App.vue";
|
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
phone: '',
|
|
|
|
userinfo:'',
|
|
|
|
money:'',
|
|
|
|
userinfok:''
|
|
|
|
|
|
|
|
}
|
|
|
|
},
|
|
|
|
onLoad(){
|
|
|
|
this.getuserinfo()
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
enterphone(e) {
|
|
|
|
this.phone = e.detail.value
|
|
|
|
},
|
|
|
|
// 获取用户信息
|
|
|
|
getuserinfo() {
|
|
|
|
let that = this;
|
|
|
|
var url = 'member/index';
|
|
|
|
var params = {
|
|
|
|
|
|
|
|
}
|
|
|
|
console.log('7766554', params)
|
|
|
|
app.post(url, params).then((res) => {
|
|
|
|
console.log(res);
|
|
|
|
that.userinfok = res.data.data;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}).catch((err) => {
|
|
|
|
|
|
|
|
})
|
|
|
|
},
|
|
|
|
emtermoney(e) {
|
|
|
|
var money;
|
|
|
|
if (/^(\d?)+(\.\d{0,2})?$/.test(e.detail.value)) { //正则验证，提现金额小数点后不能大于两位数字
|
|
|
|
money = e.detail.value;
|
|
|
|
} else {
|
|
|
|
money = e.detail.value.substring(0, e.detail.value.length - 1);
|
|
|
|
}
|
|
|
|
this.money = money
|
|
|
|
},
|
|
|
|
search() {
|
|
|
|
let that=this;
|
|
|
|
if (!(/^1[3456789]\d{9}$/.test(that.phone))) {
|
|
|
|
wx.showToast({
|
|
|
|
title: '请输入正确手机号',
|
|
|
|
icon: 'none'
|
|
|
|
})
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
var url = 'member/get_user';
|
|
|
|
var params = {
|
|
|
|
mobile:that.phone
|
|
|
|
}
|
|
|
|
console.log('7766554', params)
|
|
|
|
app.post(url, params).then((res) => {
|
|
|
|
console.log(res);
|
|
|
|
that.userinfo=res.data.data;
|
|
|
|
}).catch((err) => {
|
|
|
|
console.log(err)
|
|
|
|
uni.showToast({
|
|
|
|
title:err.msg,
|
|
|
|
icon:'none'
|
|
|
|
})
|
|
|
|
|
|
|
|
})
|
|
|
|
},
|
|
|
|
zhuanzhang(){
|
|
|
|
let that = this;
|
|
|
|
if(that.phone==''){
|
|
|
|
uni.showToast({
|
|
|
|
title:'请输入手机号查找用户信息',
|
|
|
|
icon:'none'
|
|
|
|
})
|
|
|
|
return false
|
|
|
|
}
|
|
|
|
|
|
|
|
if(that.money==''){
|
|
|
|
uni.showToast({
|
|
|
|
title:'请输入转账金额',
|
|
|
|
icon:'none'
|
|
|
|
})
|
|
|
|
return false
|
|
|
|
}
|
|
|
|
var url = 'member/transfer';
|
|
|
|
var params = {
|
|
|
|
user_id:that.userinfo.id,
|
|
|
|
money:that.money
|
|
|
|
}
|
|
|
|
console.log('7766554', params)
|
|
|
|
app.post(url, params).then((res) => {
|
|
|
|
console.log(res);
|
|
|
|
uni.showToast({
|
|
|
|
title:'转账成功',
|
|
|
|
icon:"none"
|
|
|
|
})
|
|
|
|
setTimeout(function(){
|
|
|
|
uni.navigateBack({
|
|
|
|
checked:true
|
|
|
|
})
|
|
|
|
},1500)
|
|
|
|
|
|
|
|
}).catch((err) => {
|
|
|
|
console.log(err)
|
|
|
|
uni.showToast({
|
|
|
|
title:"转账失败",
|
|
|
|
icon:"none"
|
|
|
|
})
|
|
|
|
})
|
|
|
|
},
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
page{
|
|
|
|
page {
|
|
|
|
background: #FEFEFE;
|
|
|
|
padding: 32rpx 32rpx 0;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.title{
|
|
|
|
font-size:32rpx;
|
|
|
|
font-family:PingFangHK-Regular,PingFangHK;
|
|
|
|
font-weight:600;
|
|
|
|
color:rgba(8,18,31,1);
|
|
|
|
|
|
|
|
.title {
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-family: PingFangHK-Regular, PingFangHK;
|
|
|
|
font-weight: 600;
|
|
|
|
color: rgba(8, 18, 31, 1);
|
|
|
|
}
|
|
|
|
.searchbox{
|
|
|
|
|
|
|
|
.searchbox {
|
|
|
|
height: 104rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
border-bottom: 1px solid #EAEAEA;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.fillTel{
|
|
|
|
|
|
|
|
.fillTel {
|
|
|
|
width: 360rpx;
|
|
|
|
font-size:36rpx;
|
|
|
|
font-family:PingFangHK-Regular,PingFangHK;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(189,196,206,1);
|
|
|
|
font-size: 36rpx;
|
|
|
|
font-family: PingFangHK-Regular, PingFangHK;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(189, 196, 206, 1);
|
|
|
|
margin-right: ;
|
|
|
|
}
|
|
|
|
.searchbtn{
|
|
|
|
|
|
|
|
.searchbtn {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
width:160rpx;
|
|
|
|
height:64rpx;
|
|
|
|
border-radius:8rpx;
|
|
|
|
border:1px solid rgba(255,148,23,1);
|
|
|
|
font-size:24rpx;
|
|
|
|
font-family:PingFangSC-Regular,PingFang SC;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(255,148,23,1);
|
|
|
|
}
|
|
|
|
.searchbtn .icon{
|
|
|
|
width: 160rpx;
|
|
|
|
height: 64rpx;
|
|
|
|
border-radius: 8rpx;
|
|
|
|
border: 1px solid rgba(255, 148, 23, 1);
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(255, 148, 23, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.searchbtn .icon {
|
|
|
|
width: 32rpx;
|
|
|
|
margin-right: 16rpx;
|
|
|
|
}
|
|
|
|
.box{
|
|
|
|
|
|
|
|
.box {
|
|
|
|
margin-top: 60rpx;
|
|
|
|
}
|
|
|
|
.userbox{
|
|
|
|
width:686rpx;
|
|
|
|
height:120rpx;
|
|
|
|
background:rgba(255,255,255,1);
|
|
|
|
box-shadow:0px 8rpx 24rpx 0px rgba(0,0,0,0.06);
|
|
|
|
border-radius:8rpx;
|
|
|
|
|
|
|
|
.userbox {
|
|
|
|
width: 686rpx;
|
|
|
|
height: 120rpx;
|
|
|
|
background: rgba(255, 255, 255, 1);
|
|
|
|
box-shadow: 0px 8rpx 24rpx 0px rgba(0, 0, 0, 0.06);
|
|
|
|
border-radius: 8rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
font-size:32rpx;
|
|
|
|
font-family:PingFangHK-Regular,PingFangHK;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(8,18,31,1);
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-family: PingFangHK-Regular, PingFangHK;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(8, 18, 31, 1);
|
|
|
|
margin-top: 32rpx;
|
|
|
|
padding: 0 24rpx;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
.avator{
|
|
|
|
|
|
|
|
.avator {
|
|
|
|
width: 72rpx;
|
|
|
|
margin-right: 16rpx;
|
|
|
|
}
|
|
|
|
.fillArea{
|
|
|
|
|
|
|
|
.fillArea {
|
|
|
|
height: 132rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
border-bottom: 1px solid #EAEAEA;
|
|
|
|
}
|
|
|
|
.fillArea text{
|
|
|
|
font-size:72rpx;
|
|
|
|
font-family:PingFangHK-Regular,PingFangHK;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(8,18,31,1);
|
|
|
|
|
|
|
|
.fillArea text {
|
|
|
|
font-size: 72rpx;
|
|
|
|
font-family: PingFangHK-Regular, PingFangHK;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(8, 18, 31, 1);
|
|
|
|
margin-right: 16rpx;
|
|
|
|
}
|
|
|
|
.fillmoney{
|
|
|
|
|
|
|
|
.fillmoney {
|
|
|
|
width: 400rpx;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
font-size:32rpx;
|
|
|
|
font-family:PingFangHK-Regular,PingFangHK;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(8,18,31,1);
|
|
|
|
}
|
|
|
|
.tipsmoney{
|
|
|
|
font-size:24rpx;
|
|
|
|
font-family:PingFangHK-Regular,PingFangHK;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(189,196,206,1);
|
|
|
|
font-size: 32rpx;
|
|
|
|
font-family: PingFangHK-Regular, PingFangHK;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(8, 18, 31, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.tipsmoney {
|
|
|
|
font-size: 24rpx;
|
|
|
|
font-family: PingFangHK-Regular, PingFangHK;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(189, 196, 206, 1);
|
|
|
|
margin-top: 14rpx;
|
|
|
|
}
|
|
|
|
.wordArea{
|
|
|
|
|
|
|
|
.wordArea {
|
|
|
|
width: 100%;
|
|
|
|
margin-top: 16rpx;
|
|
|
|
height: 160rpx;
|
|
|
|
font-size:28rpx;
|
|
|
|
font-family:PingFangHK-Regular,PingFangHK;
|
|
|
|
font-weight:400;
|
|
|
|
color:rgba(61,69,76,1);
|
|
|
|
font-size: 28rpx;
|
|
|
|
font-family: PingFangHK-Regular, PingFangHK;
|
|
|
|
font-weight: 400;
|
|
|
|
color: rgba(61, 69, 76, 1);
|
|
|
|
}
|
|
|
|
.submit{
|
|
|
|
|
|
|
|
.submit {
|
|
|
|
width: 686rpx;
|
|
|
|
height: 84rpx;
|
|
|
|
background: rgba(194, 148, 69, 1);
|
...
|
...
|
|
