You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
177 lines
6.4 KiB
177 lines
6.4 KiB
<template>
|
|
<view class="container">
|
|
<block v-if="isload">
|
|
<form @submit="formSubmit">
|
|
|
|
<view class="content2">
|
|
<!-- <view class="item2"><view class="f1">对方手机号</view></view>
|
|
<view class="item3"><view class="f2"><input class="input" type="number" name="mobile" value="" placeholder="请输入手机号" placeholder-style="color:#999;font-size:36rpx" @input="mobileinput"></input></view></view>
|
|
<view class="item4" style="height: 1rpx;">
|
|
</view> -->
|
|
<view class="item2"><view class="f1">对方ID</view></view>
|
|
<view class="item3"><view class="f2"><input class="input" type="number" name="mid" value="" placeholder="请输入对方ID" placeholder-style="color:#999;font-size:36rpx"></input></view></view>
|
|
<view class="item4" style="height: 1rpx;">
|
|
</view>
|
|
<view class="item2"><view class="f1">转账金额</view></view>
|
|
<view class="item3"><view class="f2"><input class="input" type="number" name="money" value="" placeholder="请输入转账金额" placeholder-style="color:#999;font-size:36rpx" @input="moneyinput"></input></view>
|
|
<!-- <view class="giveset">
|
|
<view v-for="(item, index) in moneyList" :key="index" class="item" :class="moneySelected==item?'active':''" :style="moneySelected==item?'background:'+t('color1'):''" @tap="selectMoney" :data-money="item">
|
|
<text class="t1">{{item}}元</text>
|
|
</view>
|
|
</view> -->
|
|
</view>
|
|
<view class="item4">
|
|
<text style="margin-right:10rpx">您的当前{{t('余额')}}：{{mymoney}}，转账后不可退回 </text>
|
|
</view>
|
|
</view>
|
|
<button class="btn" :style="{background:t('color1')}" form-type="submit">转账</button>
|
|
<view class='text-center' @tap="goto" data-url='/pages/my/usercenter' style="margin-top: 40rpx; line-height: 60rpx;"><text>返回{{t('会员')}}中心</text></view>
|
|
</form>
|
|
</block>
|
|
<loading v-if="loading"></loading>
|
|
<dp-tabbar :opt="opt"></dp-tabbar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
var app = getApp();
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
opt:{},
|
|
loading:false,
|
|
isload: false,
|
|
menuindex:-1,
|
|
|
|
userinfo: [],
|
|
moneyList:[],
|
|
mymoney: 0,
|
|
moneySelected: ''
|
|
};
|
|
},
|
|
|
|
onLoad: function (opt) {
|
|
this.opt = app.getopts(opt);
|
|
console.log(app.globalData.mid)
|
|
console.log(getApp().globalData.mid)
|
|
|
|
var that = this;
|
|
// app.checkLogin();
|
|
uni.setNavigationBarTitle({
|
|
title: '转账'
|
|
});
|
|
this.getdata();
|
|
},
|
|
onPullDownRefresh: function () {
|
|
this.getdata();
|
|
},
|
|
methods: {
|
|
getdata: function () {
|
|
var that = this;
|
|
app.get('ApiMoney/rechargeToMember', {}, function (res) {
|
|
if(res.status == 0) {
|
|
app.alert(res.msg);return;
|
|
}
|
|
if(res.status == 1) {
|
|
that.mymoney = res.mymoney;
|
|
that.moneyList = res.moneyList;
|
|
}
|
|
that.loaded();
|
|
});
|
|
},
|
|
|
|
selectMoney: function (e) {
|
|
var money = e.currentTarget.dataset.money;
|
|
this.moneySelected = money;
|
|
},
|
|
mobileinput: function (e) {
|
|
var value = parseFloat(e.detail.value);
|
|
},
|
|
|
|
moneyinput: function (e) {
|
|
var money = parseFloat(e.detail.value);
|
|
|
|
},
|
|
changeradio: function (e) {
|
|
var that = this;
|
|
var paytype = e.currentTarget.dataset.paytype;
|
|
that.paytype = paytype;
|
|
},
|
|
formSubmit: function (e) {
|
|
var that = this;
|
|
// var money = parseFloat(that.moneySelected);
|
|
var money = parseFloat(e.detail.value.money);
|
|
var mid = parseInt(e.detail.value.mid);
|
|
var mobile = e.detail.value.mobile;
|
|
if (typeof(mobile) != 'undefined' && !/^1[3456789]\d{9}$/.test(mobile)) {
|
|
app.error("手机号码有误，请重填");
|
|
return false;
|
|
}
|
|
if (typeof(mid) != 'undefined' && (mid == '' || isNaN(mid))) {
|
|
app.error("请输入接收人ID");
|
|
return false;
|
|
}
|
|
if(typeof(mid) != 'undefined' && mid == app.globalData.mid) {
|
|
app.error("不能转账给自己");
|
|
return false;
|
|
}
|
|
if (isNaN(money) || money <= 0) {
|
|
app.error('转账金额必须大于0');
|
|
return;
|
|
}
|
|
|
|
if (money < 0) {
|
|
app.error('转账金额必须大于0');return;
|
|
} else if (money > that.mymoney) {
|
|
app.error(this.t('余额') + '不足');return;
|
|
}
|
|
|
|
app.confirm('确定要转账吗？', function(){
|
|
app.showLoading();
|
|
app.post('ApiMoney/rechargeToMember', {money: money,mobile: mobile,mid:mid}, function (data) {
|
|
app.showLoading(false);
|
|
if (data.status == 0) {
|
|
app.error(data.msg);
|
|
return;
|
|
} else {
|
|
app.success(data.msg);
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
app.goto('/pages/my/usercenter');
|
|
}, 1000);
|
|
});
|
|
}
|
|
}, '提交中');
|
|
})
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style>
|
|
.container{display:flex;flex-direction:column}
|
|
.content2{width:94%;margin:10rpx 3%;border-radius:10rpx;display:flex;flex-direction:column;background:#fff}
|
|
.content2 .item1{display:flex;width:100%;border-bottom:1px solid #F0F0F0;padding:0 30rpx}
|
|
.content2 .item1 .f1{flex:1;font-size:32rpx;color:#333333;font-weight:bold;height:120rpx;line-height:120rpx}
|
|
.content2 .item1 .f2{color:#FC4343;font-size:44rpx;font-weight:bold;height:120rpx;line-height:120rpx}
|
|
|
|
.content2 .item2{display:flex;width:100%;padding:0 30rpx;padding-top:10rpx}
|
|
.content2 .item2 .f1{height:80rpx;line-height:80rpx;color:#999999;font-size:28rpx}
|
|
|
|
.content2 .item3{display:flex;width:100%;padding:0 30rpx;padding-bottom:20rpx}
|
|
.content2 .item3 .f1{height:100rpx;line-height:100rpx;font-size:60rpx;color:#333333;font-weight:bold;margin-right:20rpx}
|
|
.content2 .item3 .f2{display:flex;align-items:center;font-size:36rpx;color:#333333;font-weight:bold}
|
|
.content2 .item3 .f2 .input{font-size:36rpx;height:100rpx;line-height:100rpx;}
|
|
.content2 .item4{display:flex;width:94%;margin:0 3%;border-top:1px solid #F0F0F0;height:100rpx;line-height:100rpx;color:#8C8C8C;font-size:28rpx}
|
|
|
|
.text-center {text-align: center;}
|
|
|
|
.btn{ height:100rpx;line-height: 100rpx;width:90%;margin:0 auto;border-radius:50rpx;margin-top:30rpx;color: #fff;font-size: 30rpx;font-weight:bold}
|
|
|
|
.giveset{width:100%;padding:20rpx 20rpx 20rpx 20rpx;display:flex;flex-wrap:wrap;justify-content:center}
|
|
.giveset .item{margin:10rpx;padding:15rpx 0;width:25%;height:100rpx;background:#FDF6F6;border-radius:10rpx;display:flex;flex-direction:row;align-items:center;justify-content:center}
|
|
.giveset .item .t1{color:#545454;font-size:32rpx;}
|
|
.giveset .item .t2{color:#8C8C8C;font-size:20rpx;margin-top:6rpx}
|
|
.giveset .item.active .t1{color:#fff;font-size:32rpx}
|
|
.giveset .item.active .t2{color:#fff;font-size:20rpx}
|
|
</style>
|