102 lines
4.0 KiB
Vue
102 lines
4.0 KiB
Vue
|
<template>
|
|||
|
<view class="">
|
|||
|
<!-- 使用标题栏 -->
|
|||
|
<status-nav :statusBackw="true" :whereCome="whereCome*1" :statusTitle="true" :title-val="'立即提现'" :tabcolor="'#ffffff'"></status-nav>
|
|||
|
<view class=" bacb" :style="{paddingTop:statusHNH+'px'}">
|
|||
|
<view class="fon32 margin40 padding-x40">
|
|||
|
<view>可提现余额<text>{{allPrice}}</text>元</view>
|
|||
|
<view class="margin-sx40">可提现</view>
|
|||
|
<view class="fon28 bold padding-x30 disac" style="">
|
|||
|
<view class="margin-s10">¥</view><input :maxlength="maxLength" @input="priceInput" class="margin-z10" style="font-size: 38rpx;" type="number" v-model="inputPrice" placeholder="请输入要提现的金额" placeholder-style="color:#cccccc;"/>
|
|||
|
</view>
|
|||
|
<view class="borbot" style="margin-top: -10rpx;"></view>
|
|||
|
<!-- <view class="fon24 color9 margin-sx20">提现需要扣除<text>{{cost}}</text>%的手续费,实际到账金额<text class="cloor16">¥{{dangPrice}}</text></view> -->
|
|||
|
<view class="padding-sx20">
|
|||
|
<button @tap="submitT" :disabled="disabled" class="comebtn">立即提现</button>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
<!-- 弹框 -->
|
|||
|
<successpopu :isShow="isShow" :isSuccess="isSuccess" :title="title" :content="content" @change="changepopu"></successpopu>
|
|||
|
</view>
|
|||
|
</template>
|
|||
|
|
|||
|
<script>
|
|||
|
import successpopu from '@/components/successpopu.vue';
|
|||
|
export default {
|
|||
|
components:{
|
|||
|
successpopu
|
|||
|
},
|
|||
|
data() {
|
|||
|
return {
|
|||
|
whereCome:0,
|
|||
|
allPrice:'',
|
|||
|
inputPrice:'',
|
|||
|
cost:5,
|
|||
|
dangPrice:'0.00',
|
|||
|
disabled:true,
|
|||
|
isShow:false,
|
|||
|
isSuccess:true,
|
|||
|
title:'',
|
|||
|
content:'',
|
|||
|
maxLength:10,
|
|||
|
ttype:'',//是否为分红提现、直卖提现
|
|||
|
statusHNH:uni.getStorageSync('statusHNH')
|
|||
|
}
|
|||
|
},
|
|||
|
onShow() {
|
|||
|
this.$toolAll.tools.guoq()
|
|||
|
},
|
|||
|
onLoad(options) {
|
|||
|
this.whereCome = options.index
|
|||
|
this.allPrice = options.price
|
|||
|
this.ttype = options.type
|
|||
|
},
|
|||
|
methods: {
|
|||
|
submitT(){//立即提现事件
|
|||
|
if(uni.getStorageSync('sm').name=='' || uni.getStorageSync('sm').phone){
|
|||
|
this.$toolAll.tools.showToast('请前往个人资料完善信息')
|
|||
|
} else if(this.inputPrice==0){
|
|||
|
uni.showToast({
|
|||
|
title:'请正确输入提现金额',
|
|||
|
icon:'none'
|
|||
|
})
|
|||
|
} else {
|
|||
|
this.disabled = true
|
|||
|
this.$requst.post('user/withdraw-apply',{withdraw_money:this.inputPrice,type:this.ttype}).then(res=>{
|
|||
|
// console.log('提现成功返回信息',res);
|
|||
|
if(res.code==0){
|
|||
|
this.isShow = true
|
|||
|
this.isSuccess = true
|
|||
|
this.title = '提现已申请'
|
|||
|
this.content = '提现申请已经提交成功,请耐心等待。'
|
|||
|
} else {
|
|||
|
this.$toolAll.tools.showToast(res.msg)
|
|||
|
}
|
|||
|
},error=>{
|
|||
|
|
|||
|
})
|
|||
|
}
|
|||
|
},
|
|||
|
changepopu(){//关闭弹框事件
|
|||
|
this.isShow = false
|
|||
|
},
|
|||
|
priceInput(e){//实时输入事件,input事件
|
|||
|
let val = e.target.value
|
|||
|
let ya =this
|
|||
|
let jieg = this.$toolAll.tools.checkPrice(val,ya.allPrice)
|
|||
|
ya.maxLength = jieg.len;
|
|||
|
ya.inputPrice = jieg.val
|
|||
|
ya.dangPrice = ya.inputPrice - (ya.inputPrice * ya.cost / 100).toFixed(2)
|
|||
|
let str = ya.dangPrice.toString();//转换成字符串
|
|||
|
let result = str.split('.')//变成数组
|
|||
|
result.length == 1 ? ya.dangPrice = ya.dangPrice+'.00' : ''
|
|||
|
ya.inputPrice.length == 0 ? ya.disabled = true : ya.disabled = false
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
</script>
|
|||
|
|
|||
|
<style>
|
|||
|
</style>
|