1367 lines
36 KiB
Vue
1367 lines
36 KiB
Vue
<template>
|
||
<view class="content">
|
||
<!-- <view class="flex text-center text-lg bg" v-if="isAgency == 1 && tgCheck != '否'">
|
||
<view class="title_btn flex-sub bg" @click="cut(1)" :class="title_color==1?'bgCol2': ''">我的充值
|
||
</view>
|
||
<view class="title_btn flex-sub bg" @click="cut(2)" :class="title_color==2?'bgCol2': ''">我的收益
|
||
</view>
|
||
</view> -->
|
||
<view v-if="title_color==1" class="content-top">
|
||
<view class="bgimg">
|
||
<view class="bgimg-top">
|
||
<view class="bgimg-top-tou">
|
||
<u-avatar :src="avatar" size="106"></u-avatar>
|
||
</view>
|
||
<view class="bgimg-top-view">
|
||
<view class="bgimg-top-money">
|
||
<span>{{money}}</span>
|
||
<span>账户余额(元)</span>
|
||
</view>
|
||
<view class="mingxi" v-if="artificerIdMy==true" @click="goNav('/my/wallet/mymoneydetail')">钱包明细</view>
|
||
</view>
|
||
</view>
|
||
<view class="money-miao">只能用于平台消费支付，充值后不可退款</view>
|
||
</view>
|
||
<view class="padding-lr padding-bottom">
|
||
<view class="chongzhi">
|
||
<span class="yu-e">余额充值</span>
|
||
<span v-if="artificerIdMy==true" @click="goNavtherapist('/pages/therapist/therapistDingdan')">为TA充值</span>
|
||
</view>
|
||
<view class="coupon-level">
|
||
<view class="r-amount">
|
||
<span>充¥500</span>
|
||
<span>赠¥598</span>
|
||
</view>
|
||
<view class="bo-amount">
|
||
<view class="amount-balance">
|
||
<view>
|
||
<span>赠送</span>
|
||
<span>548</span>
|
||
<span>余额</span>
|
||
</view>
|
||
<view>1张</view>
|
||
</view>
|
||
<view class="amount-block">
|
||
<view class="amount-block-lin"><span>40元</span>2张</span></view>
|
||
<view class="amount-block-lin"><span>30元</span>2张</span></view>
|
||
<view class="amount-block-lin"><span>20元</span>2张</span></view>
|
||
</view>
|
||
<view class="amount-block">
|
||
<view class="amount-block-lin"><span>10元</span>2张</span></view>
|
||
<view class="amount-block-lin"><span>5元</span>2张</span></view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="flex justify-between flex-wrap" v-if="wallet.length > 0">
|
||
<view v-for="(item,index) in wallet" :key='index' class="padding-sm radius"
|
||
style="color: #555;background-color: #f7f7f7;width: 48%; margin-top: 20rpx;"
|
||
@click="active(item)" :class="{active:item.isSelect}">
|
||
<view class="coupon" style="display: flex;justify-content:space-between;align-items: center;">
|
||
<span>充¥{{item.price}}</span>
|
||
<span>赠¥{{item.sumMoney}}</span>
|
||
</view>
|
||
<view class="coupon-bottom" style="color: #029D88 !important;">
|
||
赠送 <span style="color: #ff6f36;">{{item.remarks}}</span>
|
||
<!-- 赠送 <span style="color: #ff6f36;">{{item.giveNum}}张{{item.coupon.money}}</span>元优惠券 -->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="padding-lr radius fuqian" style="margin-top: 20rpx;">
|
||
<view>
|
||
<view class="flex align-center justify-between" style="height: 100upx;padding: 20upx 0;"
|
||
v-for="(item,index) in openLists" :key='index'>
|
||
<view class="flex align-center">
|
||
<image :src="item.image" style="width: 50upx;height: 50upx;border-radius: 50upx;"></image>
|
||
<view style="font-size: 30upx;margin-left: 20upx;">{{item.text}}
|
||
</view>
|
||
</view>
|
||
|
||
<radio-group name="openWay" style="margin-left: 20upx;" @tap='selectWay(item)'>
|
||
<label class="tui-radio">
|
||
<radio color="#096f4b" :checked="openWay === item.id ? true : false" />
|
||
</label>
|
||
</radio-group>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<!-- <view class="bg radius padding" style="margin-top: 20rpx;margin-bottom: 20rpx;">
|
||
<view class="flex align-center justify-between" @click="goNav('/my/wallet/mymoneydetail')">
|
||
<view class="flex align-center">
|
||
<view>钱包明细</view>
|
||
</view>
|
||
<image src="../../static/img/you.png" style="width: 16rpx;height: 28rpx;"></image>
|
||
</view>
|
||
<view class="flex align-center justify-between margin-top-xl" @click="goNav('/my/wallet/zhifubao')"
|
||
v-if="isAgency == 1">
|
||
<view class="flex align-center">
|
||
<view>提现账号</view>
|
||
</view>
|
||
<image src="../../static/img/you.png" style="width: 16rpx;height: 28rpx;"></image>
|
||
</view>
|
||
|
||
<view class="flex align-center justify-between margin-top-xl" @click="goNav('/my/wallet/cashList')"
|
||
v-if="isAgency == 1">
|
||
<view class="flex align-center">
|
||
|
||
<view>提现记录</view>
|
||
</view>
|
||
<image src="../../static/img/you.png" style="width: 16rpx;height: 28rpx;"></image>
|
||
</view>
|
||
</view> -->
|
||
|
||
<!-- <view class="flex justify-around margin-top " v-if="jsczSel != '否'">
|
||
<view @click="goNav('/pages/therapist/therapistList?index=2')">为TA充值</view>
|
||
<view @click="goNav('/pages/therapist/therapistList?index=3')">我的理疗师</view>
|
||
</view> -->
|
||
<view
|
||
style="position: fixed;bottom: 0rpx;left: 0;right: 0;background: #FFFFFF;height: 110rpx;line-height: 110rpx;z-index: 999;">
|
||
<view class="btn" @click="pay"
|
||
style="background: linear-gradient(to right, #019c88, #31c194);color: #FFFFFF;margin: 16rpx 30upx;position: fixed;bottom: 0upx;width: 90%;border-radius: 50rpx;height: 78rpx;line-height: 78rpx;font-size: 32rpx;">
|
||
确定充值</view>
|
||
</view>
|
||
</view>
|
||
<view v-if="title_color==2 && isAgency == 1">
|
||
<view class="bg padding dhjsbg">
|
||
<view class="" style="font-size: 28rpx;color: #FFFFFF;margin-top: 6px;">可用余额(元)</view>
|
||
<view class="flex" style="font-size: 60rpx;color: #FFFFFF;margin-top: 6px;font-weight: bold;">
|
||
<!-- <view class="text-xxl"></view> -->
|
||
<view><text style="font-size: 32rpx;margin-right: 6px;">¥</text>{{money}}</view>
|
||
</view>
|
||
</view>
|
||
<view class="padding" style="margin-top: -60px;">
|
||
<view class="bg padding" style="border-radius: 20rpx;">
|
||
<view class="text-lg margin-bottom">提现金额</view>
|
||
<input type="number" placeholder="请输入提现金额" v-model="moneyNum">
|
||
<view style="width: 100%;height: 1rpx;background: #F2F2F2;margin-top: 15rpx;"></view>
|
||
<view class="text-grey margin-top-sm">{{placeholder}}</view>
|
||
<view class="margin-top-xs" style="color: red;font-size: 26rpx;" v-if="txMsg">*{{txMsg}}</view>
|
||
</view>
|
||
<view class="bg margin-top padding-lr" style="border-radius: 20rpx;">
|
||
<view>
|
||
<view v-for="(item,index) in openList" :key='index'>
|
||
<view class="align-center justify-between"
|
||
style="display: flex;height: 100upx;padding: 20upx 0; "
|
||
v-if="item.text === '微信' && wxTxSel != '否'">
|
||
<view class="flex align-center">
|
||
<image :src="item.image" style="width: 50upx;height: 50upx;border-radius: 50upx;">
|
||
</image>
|
||
<view style="font-size: 30upx;margin-left: 20upx;">{{item.text}}
|
||
</view>
|
||
</view>
|
||
<radio-group name="openWay" style="margin-left: 20upx;" @tap='selectWay(item)'>
|
||
<label class="tui-radio">
|
||
<radio color="#019c88" :checked="openWay === item.id ? true : false" />
|
||
</label>
|
||
</radio-group>
|
||
</view>
|
||
<view class="align-center justify-between"
|
||
style="display: flex;height: 100upx;padding: 20upx 0;"
|
||
v-if="item.text === '银联' && ylTxSel != '否'">
|
||
<view class="flex align-center">
|
||
<image src="../../static/images/yinlian.png"
|
||
style="width: 50upx;height: 50upx;border-radius: 50upx;"></image>
|
||
<view style="font-size: 30upx;margin-left: 20upx;">{{item.text}}
|
||
</view>
|
||
</view>
|
||
<radio-group name="openWay" style="margin-left: 20upx;" @tap='selectWay(item)'>
|
||
<label class="tui-radio" style="width: 30rpx;">
|
||
<radio color="#019c88" :checked="openWay === item.id ? true : false" />
|
||
</label>
|
||
</radio-group>
|
||
</view>
|
||
<view class="align-center justify-between"
|
||
style="display: flex;height: 100upx;padding: 20upx 0;" v-if="item.text === '支付宝'">
|
||
<view class="flex align-center">
|
||
<image :src="item.image" style="width: 50upx;height: 50upx;border-radius: 50upx;">
|
||
</image>
|
||
<view style="font-size: 30upx;margin-left: 20upx;">{{item.text}}
|
||
</view>
|
||
</view>
|
||
<radio-group name="openWay" style="margin-left: 20upx;" @tap='selectWay(item)'>
|
||
<label class="tui-radio">
|
||
<radio color="#019c88" :checked="openWay === item.id ? true : false" />
|
||
</label>
|
||
</radio-group>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="bg radius margin-top padding" style="border-radius: 20rpx;">
|
||
<view class="flex align-center justify-between" @click="goNav('/my/wallet/mymoneydetail')">
|
||
<view class="flex align-center">
|
||
<!-- <image
|
||
src="https://admin.sjajk.com/file/uploadPath/2023/01/03/da75d52b95a64fc349d0353ab16cb719.png"
|
||
style="width: 44rpx;height: 44rpx;"></image> -->
|
||
<view>钱包明细</view>
|
||
</view>
|
||
<image src="../../static/img/you.png" style="width: 16rpx;height: 28rpx;"></image>
|
||
</view>
|
||
<view class="flex align-center justify-between margin-top-xl" @click="goNav('/my/wallet/zhifubao')">
|
||
<view class="flex align-center">
|
||
<!-- <image
|
||
src="https://admin.sjajk.com/file/uploadPath/2023/01/03/ba45c8489a14029c1782ac0a28fd8a49.png"
|
||
style="width: 48rpx;height: 34rpx;"></image> -->
|
||
<view>提现账号</view>
|
||
</view>
|
||
<image src="../../static/img/you.png" style="width: 16rpx;height: 28rpx;"></image>
|
||
</view>
|
||
|
||
<view class="flex align-center justify-between margin-top-xl" @click="goNav('/my/wallet/cashList')">
|
||
<view class="flex align-center">
|
||
<!-- <image
|
||
src="https://admin.sjajk.com/file/uploadPath/2023/01/03/e90eb8a74548dc3b11c3c856e24e6fbc.png"
|
||
style="width: 40rpx;height: 52rpx;"></image> -->
|
||
<view>提现记录</view>
|
||
</view>
|
||
<image src="../../static/img/you.png" style="width: 16rpx;height: 28rpx;"></image>
|
||
</view>
|
||
<view class="flex align-center justify-between margin-top-xl" @click="goNav('/my/wallet/yinhangka')"
|
||
v-if="isAgency == 1 && ylTxSel != '否'">
|
||
<view class="flex align-center">
|
||
<!-- <image
|
||
src="https://admin.sjajk.com/file/uploadPath/2023/01/03/ba45c8489a14029c1782ac0a28fd8a49.png"
|
||
style="width: 48rpx;height: 34rpx;"></image> -->
|
||
<view>银行卡账号</view>
|
||
</view>
|
||
<image src="../../static/img/you.png" style="width: 16rpx;height: 28rpx;"></image>
|
||
</view>
|
||
<!-- <view @click="TuiPrice()" v-if="renzheng ==2||renzheng ==5">退保证金</view> -->
|
||
</view>
|
||
</view>
|
||
|
||
<view
|
||
style="position: fixed;bottom: 0rpx;left: 0;right: 0;background: #FFFFFF;height: 110rpx;line-height: 110rpx;z-index: 999;">
|
||
<view class="btn" @click="cashMoney">立即提现</view>
|
||
</view>
|
||
</view>
|
||
<view>
|
||
<!-- 普通弹窗 -->
|
||
<uni-popup ref="popup" background-color="#fff" @change="change">
|
||
<view class="popup-content">
|
||
<view class="popup-head">
|
||
<span>为TA充值</span>
|
||
<span @click="closePopup(type)">x</span>
|
||
</view>
|
||
<view class="popup-mian">
|
||
<!-- <view class="popup-mian-textarea">
|
||
<view class="popup-mian-view">
|
||
<span>原服务项目价格:</span>
|
||
<span>￥198元</span>
|
||
</view>
|
||
<view class="popup-mian-view">
|
||
<span>现服务项目价格:</span>
|
||
<span>￥298元</span>
|
||
</view>
|
||
<view class="popup-mian-view">
|
||
<span>改价需支付差价:</span>
|
||
<span>￥100元</span>
|
||
</view>
|
||
</view> -->
|
||
<view class="chong">
|
||
<checkbox-group @change="checkboxChange">
|
||
<view class="chong-list">
|
||
<view class="chong-list-left">
|
||
<label class="tui-radio">
|
||
<checkbox :checked="checkbox" activeBackgroundColor="#096f4b" color="#096f4b" :value="1"/>
|
||
</label>
|
||
<image src="../../static/jinggao.png" mode=""></image>
|
||
</view>
|
||
<view class="chong-list-right">
|
||
<view class="chong-title">
|
||
<span>王丽楠</span>
|
||
<image src="../../static/xinren.png" mode=""></image>
|
||
</view>
|
||
<view class="chong-bottom">
|
||
<view class="chong-bottom-ding">
|
||
<image src="../../static/orderDetail/dingwei.png" mode=""></image>
|
||
<span>0.8km</span>
|
||
</view>
|
||
<view class="chong-bottom-cheng">
|
||
<image class="therapist-bottom-img" src="../../static/dituzhaoren5.png">
|
||
<span>春城有约</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</checkbox-group>
|
||
</view>
|
||
<view class="popup-mian-btn">
|
||
<span @click="closePopup(type)">
|
||
取消
|
||
</span>
|
||
<span>
|
||
确定
|
||
</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</uni-popup>
|
||
</view>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
checkbox:false,
|
||
type:'center',
|
||
jsczSel: '否',
|
||
tgCheck: '否',
|
||
isAgency: 0,
|
||
tablist: [{
|
||
id: 1,
|
||
name: '我的充值'
|
||
}, {
|
||
id: 2,
|
||
name: '我的提现'
|
||
}],
|
||
title_color: 1,
|
||
money: 0,
|
||
avatar: '',
|
||
Profit: 0,
|
||
openLists: [{
|
||
image: '../static/zhifubao.png',
|
||
text: '支付宝',
|
||
id: 1
|
||
}, {
|
||
image: '../static/icon_weixin.png',
|
||
text: '微信',
|
||
id: 2
|
||
}],
|
||
openList: [{
|
||
image: '../static/zhifubao.png',
|
||
text: '支付宝',
|
||
id: 1
|
||
}, {
|
||
image: 'https://admin.sjajk.com/file/uploadPath/2023/02/22/88a1bd822b9632aaef8894021f7c9050.jpg',
|
||
text: '银联',
|
||
id: 2
|
||
}, {
|
||
image: '../static/icon_weixin.png',
|
||
text: '微信',
|
||
id: 3
|
||
}],
|
||
wxTxSel: '否',
|
||
ylTxSel: '否',
|
||
tabIndex: 0,
|
||
bankCard: '',
|
||
openWay: 2,
|
||
wallet: [],
|
||
moneyNum: null,
|
||
thisSelect: {},
|
||
charge: 0, //提现手续费
|
||
maxMoney: 0, //最高提现额度
|
||
minMoney: 0, //最低提现额度
|
||
ratio: '', //金元比例
|
||
placeholder: '',
|
||
renzheng: 0,
|
||
sp: 0,
|
||
txMsg: '',
|
||
nameTxt:'',
|
||
couponId:'',
|
||
artificerId:'',
|
||
artificerIdMy:false,
|
||
ordersId:''
|
||
}
|
||
},
|
||
onLoad(d) {
|
||
if(d.artificerId){
|
||
this.artificerId=d.artificerId;
|
||
}
|
||
if(d.text){
|
||
this.artificerIdMy=true
|
||
}else{
|
||
this.artificerIdMy=false
|
||
}
|
||
if (d.tabIndex) {
|
||
this.tabIndex = d.tabIndex;
|
||
this.title_color = 2;
|
||
} else {
|
||
this.tabIndex = 0;
|
||
}
|
||
|
||
this.wxTxSel = this.$queue.getData('wxTxSel');
|
||
this.ylTxSel = this.$queue.getData('ylTxSel');
|
||
this.jsczSel = this.$queue.getData('jsczSel');
|
||
this.txMsg = this.$queue.getData('txMsg');
|
||
this.avatar = uni.getStorageSync('avatar')
|
||
this.renzheng = uni.getStorageSync("renzheng")
|
||
this.nameTxt=d.text;
|
||
this.ordersId=d.ordersId
|
||
this.getMoneyList();
|
||
// #ifndef MP-WEIXIN
|
||
this.openLists = [{
|
||
image: '../../static/images/my/zhifubao.png',
|
||
text: '支付宝',
|
||
id: 1
|
||
}, {
|
||
image: '../../static/images/my/icon_weixin.png',
|
||
text: '微信',
|
||
id: 2
|
||
}];
|
||
this.openWay = 1;
|
||
// #endif
|
||
|
||
// #ifdef MP-WEIXIN
|
||
this.openLists = [{
|
||
image: '../../static/share/icon_weixin.png',
|
||
text: '微信',
|
||
id: 2
|
||
}];
|
||
this.openWay = 2;
|
||
// #endif
|
||
|
||
},
|
||
onShow() {
|
||
this.tgCheck = this.$queue.getData('tgCheck');
|
||
this.getMoney()
|
||
this.getCharge()
|
||
this.getMinMoney()
|
||
this.getMaxMoney()
|
||
this.getRatio()
|
||
this.getUserInfo()
|
||
|
||
},
|
||
methods: {
|
||
checkboxChange(e){//选择优惠卷
|
||
this.couponId=e.detail.value.join(",");
|
||
|
||
},
|
||
getMoneyList() {
|
||
this.$Request.get("/app/payClassify/selectPayClassifyList").then(res => {
|
||
if (res.code == 0) {
|
||
this.wallet = [];
|
||
res.data.forEach((d, index) => {
|
||
if (index == 0) {
|
||
d.isSelect = true;
|
||
this.thisSelect = d;
|
||
} else {
|
||
d.isSelect = false;
|
||
}
|
||
this.wallet.push(d);
|
||
});
|
||
}
|
||
});
|
||
},
|
||
change(e) {
|
||
console.log('当前模式：' + e.type + ',状态：' + e.show);
|
||
},
|
||
closePopup(type){//改价 关闭弹出框
|
||
this.type = type
|
||
this.$refs.popup.close(type);
|
||
},
|
||
toggle(type) {//改价 弹出框
|
||
this.type = type
|
||
// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
|
||
this.$refs.popup.open(type)
|
||
},
|
||
|
||
//退保证金
|
||
TuiPrice() {
|
||
let that = this
|
||
let zhiFuBao = uni.getStorageSync('zhiFuBao')
|
||
let zhiFuBaoName = uni.getStorageSync('zhiFuBaoName')
|
||
|
||
if (!zhiFuBao && !zhiFuBaoName) {
|
||
uni.navigateTo({
|
||
url: '/my/wallet/zhifubao'
|
||
})
|
||
|
||
} else {
|
||
let renzheng = uni.getStorageSync("renzheng")
|
||
console.log(renzheng)
|
||
if (renzheng == 2 || renzheng == 5) {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '是否确定退还保证金？退还后将不能发布订单',
|
||
success: function(res) {
|
||
if (res.confirm) {
|
||
console.log('用户点击确定');
|
||
that.$Request.post("/app/userCertification/exitMoney").then(res => {
|
||
console.log(res)
|
||
if (res.msg == '您还有未下架的订单，请先下架！') {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none'
|
||
});
|
||
} else if (res.msg == '您还有未服务的订单，请先完成！') {
|
||
uni.showToast({
|
||
title: res.msg,
|
||
icon: 'none'
|
||
});
|
||
} else if (res.msg == 'success') {
|
||
uni.showToast({
|
||
title: '退还成功',
|
||
icon: 'none'
|
||
});
|
||
uni.switchTab({
|
||
url: '/pages/my/index'
|
||
})
|
||
}
|
||
});
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
}
|
||
|
||
},
|
||
getUserInfo() {
|
||
this.$Request.get("/app/user/selectUserById").then(res => {
|
||
if (res.code == 0) {
|
||
this.avatar = res.data.avatar ? res.data.avatar : '../../static/logo.png'
|
||
if (this.tabIndex == 1) {
|
||
this.isAgency = 1
|
||
} else {
|
||
this.isAgency = res.data.isAgency ? res.data.isAgency : 0
|
||
}
|
||
if (res.data.bankCard) {
|
||
this.bankCard = res.data.bankCard
|
||
}
|
||
uni.setStorageSync('avatar', res.data.avatar)
|
||
}
|
||
});
|
||
},
|
||
// 提现手续费
|
||
getCharge() {
|
||
this.$Request.get("/app/common/type/152").then(res => {
|
||
if (res.code == 0) {
|
||
this.charge = res.data.value
|
||
this.placeholder = '服务费:' + this.charge * 100 + '%' + ',最低提现:' +
|
||
this.minMoney * 1 + ',最高提现:' + this.maxMoney * 1
|
||
}
|
||
});
|
||
},
|
||
// 最低提现额度
|
||
getMinMoney() {
|
||
this.$Request.get("/app/common/type/112").then(res => {
|
||
if (res.code == 0) {
|
||
this.minMoney = res.data.value
|
||
this.placeholder = '服务费:' + this.charge * 100 + '%' + ',最低提现:' +
|
||
this.minMoney * 1 + ',最高提现:' + this.maxMoney * 1
|
||
}
|
||
});
|
||
},
|
||
// 最高提现额度
|
||
getMaxMoney() {
|
||
this.$Request.get("/app/common/type/153").then(res => {
|
||
if (res.code == 0) {
|
||
this.maxMoney = res.data.value
|
||
this.placeholder = '服务费:' + this.charge * 100 + '%' + ',最低提现:' +
|
||
this.minMoney * 1 + ',最高提现:' + this.maxMoney * 1
|
||
}
|
||
});
|
||
},
|
||
// 金元比例
|
||
getRatio() {
|
||
this.$Request.get("/app/common/type/154").then(res => {
|
||
if (res && res.code == 0 && res.data) {
|
||
this.ratio = res.data.value
|
||
this.placeholder = '服务费:' + this.charge * 100 + '%' + ',最低提现:' +
|
||
this.minMoney * 1 + ',最高提现:' + this.maxMoney * 1
|
||
this.wallet.forEach(re => {
|
||
re.num = re.price * res.data.value
|
||
})
|
||
}
|
||
});
|
||
},
|
||
cut(e) {
|
||
this.title_color = e
|
||
},
|
||
goNavtherapist(url){
|
||
uni.setStorage({
|
||
key: 'taocanDd',
|
||
data: '充值',
|
||
success: function () {
|
||
uni.navigateTo({
|
||
url: url
|
||
})
|
||
}
|
||
});
|
||
},
|
||
goNav(url) {
|
||
|
||
uni.navigateTo({
|
||
url
|
||
})
|
||
},
|
||
active(e) {
|
||
this.wallet.forEach(res => {
|
||
if (res.payClassifyId == e.payClassifyId) {
|
||
res.isSelect = true
|
||
this.thisSelect = e
|
||
} else {
|
||
res.isSelect = false
|
||
}
|
||
})
|
||
},
|
||
// 我的余额
|
||
getMoney() {
|
||
this.$Request.get("/app/userMoney/selectMyMoney").then(res => {
|
||
if (res.code == 0 && res.data) {
|
||
console.log(res.data.money)
|
||
this.money = res.data.money
|
||
}
|
||
});
|
||
},
|
||
selectWay: function(item) {
|
||
this.openWay = item.id;
|
||
},
|
||
|
||
pay() {
|
||
if (this.openWay == 2) {
|
||
// #ifdef APP-PLUS
|
||
// 微信APP支付 根据订单id获取支付信息
|
||
let data = {
|
||
payClassifyId: this.thisSelect.payClassifyId,
|
||
type: 1,
|
||
userId: uni.getStorageSync('userId'),
|
||
ordersId:this.ordersId
|
||
}
|
||
this.$Request.post("/app/wxPay/payMoney", data).then(ret => {
|
||
console.log(ret)
|
||
this.isCheckPay(ret.code, 'wxpay', JSON.stringify(ret.data));
|
||
});
|
||
// #endif
|
||
|
||
// #ifdef MP-WEIXIN
|
||
// 微信小程序支付
|
||
let data = {
|
||
payClassifyId: this.thisSelect.payClassifyId,
|
||
type: 3,
|
||
userId: uni.getStorageSync('userId')
|
||
}
|
||
this.$Request.post('/app/wxPay/payMoney', data).then(ret => {
|
||
uni.hideLoading()
|
||
uni.requestPayment({
|
||
provider: 'wxpay',
|
||
timeStamp: ret.data.timestamp,
|
||
nonceStr: ret.data.noncestr,
|
||
package: ret.data.package,
|
||
signType: ret.data.signType,
|
||
paySign: ret.data.sign,
|
||
success: function(suc) {
|
||
console.log('success:' + JSON.stringify(suc));
|
||
uni.showToast({
|
||
title: '支付成功',
|
||
icon: 'success'
|
||
})
|
||
this.getMoney()
|
||
setTimeout(d => {
|
||
uni.navigateBack(1)
|
||
}, 1000);
|
||
},
|
||
fail: function(err) {
|
||
console.log('fail:' + JSON.stringify(err));
|
||
uni.showToast({
|
||
title: '支付失败',
|
||
icon: 'none'
|
||
})
|
||
}
|
||
});
|
||
});
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
let ua = navigator.userAgent.toLowerCase();
|
||
if (ua.indexOf('micromessenger') !== -1) {
|
||
let data = {
|
||
payClassifyId: this.thisSelect.payClassifyId,
|
||
type: 2,
|
||
userId: uni.getStorageSync('userId')
|
||
}
|
||
this.$Request.post('/app/wxPay/payMoney', data).then(res => {
|
||
if (res.code == 0) {
|
||
this.callPay(res.data);
|
||
this.getMoney()
|
||
} else {
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: '支付失败!'
|
||
});
|
||
}
|
||
});
|
||
} else {
|
||
let data = {
|
||
payClassifyId: this.thisSelect.payClassifyId,
|
||
type: 4,
|
||
userId: uni.getStorageSync('userId')
|
||
}
|
||
this.$Request.post('/app/wxPay/payMoney', data).then(res => {
|
||
if (res.code == 0) {
|
||
const urlArr = window.location.href;
|
||
const hostUrl = urlArr.split("/");
|
||
const callBack = hostUrl[0] + "//" + hostUrl[2] + "/";
|
||
const url = '&redirect_url=' + callBack + 'my/wallet/index';
|
||
window.location = res.data.mweb_url + url
|
||
this.getMoney()
|
||
} else {
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: '支付失败!'
|
||
});
|
||
}
|
||
});
|
||
}
|
||
// #endif
|
||
|
||
} else {
|
||
// #ifdef H5
|
||
let data = {
|
||
payClassifyId: this.thisSelect.payClassifyId,
|
||
type: 2,
|
||
userId: uni.getStorageSync('userId'),
|
||
ordersId:this.ordersId
|
||
}
|
||
if(this.artificerId){
|
||
data.artificerId=this.artificerId
|
||
|
||
}
|
||
|
||
this.$Request.post('/app/aliPay/payOrderMoney', data).then(
|
||
res => {
|
||
if (res.code == 0) {
|
||
uni.showToast({
|
||
title: '支付成功!'
|
||
});
|
||
this.getMoney()
|
||
// const div = document.createElement('div')
|
||
// div.innerHTML = res.data //此处form就是后台返回接收到的数据
|
||
// document.body.appendChild(div)
|
||
// document.forms[0].submit()
|
||
|
||
// setTimeout(d => {
|
||
// uni.navigateBack(1)
|
||
// }, 1000);
|
||
} else {
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: '支付失败!'
|
||
});
|
||
}
|
||
});
|
||
// #endif
|
||
// #ifdef APP-PLUS
|
||
// APP支付宝支付
|
||
let data = {
|
||
payClassifyId: this.thisSelect.payClassifyId,
|
||
type: 1,
|
||
userId: uni.getStorageSync('userId')
|
||
}
|
||
this.$Request.post("/app/aliPay/payOrderMoney", data).then(ret => {
|
||
console.log(ret)
|
||
this.getMoney()
|
||
this.isCheckPay(ret.code, 'alipay', ret.data);
|
||
});
|
||
// #endif
|
||
}
|
||
|
||
},
|
||
callPay: function(response) {
|
||
if (typeof WeixinJSBridge === "undefined") {
|
||
if (document.addEventListener) {
|
||
document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(response), false);
|
||
} else if (document.attachEvent) {
|
||
document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady(response));
|
||
document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady(response));
|
||
}
|
||
} else {
|
||
this.onBridgeReady(response);
|
||
}
|
||
},
|
||
onBridgeReady: function(response) {
|
||
let that = this;
|
||
if (!response.package) {
|
||
return;
|
||
}
|
||
console.log(response, '++++++++')
|
||
WeixinJSBridge.invoke(
|
||
'getBrandWCPayRequest', {
|
||
"appId": response.appid, //公众号名称，由商户传入
|
||
"timeStamp": response.timestamp, //时间戳，自1970年以来的秒数
|
||
"nonceStr": response.noncestr, //随机串
|
||
"package": response.package,
|
||
"signType": response.signType, //微信签名方式：
|
||
"paySign": response.sign //微信签名
|
||
},
|
||
function(res) {
|
||
console.log(res, '/*-/*-/*-')
|
||
if (res.err_msg === "get_brand_wcpay_request:ok") {
|
||
// 使用以上方式判断前端返回,微信团队郑重提示：
|
||
//res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
|
||
uni.showLoading({
|
||
title: '支付成功'
|
||
});
|
||
setTimeout(function() {
|
||
uni.hideLoading();
|
||
}, 1000);
|
||
} else {
|
||
uni.hideLoading();
|
||
}
|
||
WeixinJSBridge.log(response.err_msg);
|
||
}
|
||
);
|
||
},
|
||
isCheckPay(status, name, order) {
|
||
if (status == 0) {
|
||
this.setPayment(name, order);
|
||
} else {
|
||
uni.hideLoading();
|
||
uni.showToast({
|
||
title: '支付信息有误',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
setPayment(name, order) {
|
||
console.log('*-*-*')
|
||
uni.requestPayment({
|
||
provider: name,
|
||
orderInfo: order, //微信、支付宝订单数据
|
||
success: function(res) {
|
||
console.log(res)
|
||
uni.hideLoading();
|
||
uni.showLoading({
|
||
title: '支付成功'
|
||
});
|
||
},
|
||
fail: function(err) {
|
||
console.log(err)
|
||
uni.hideLoading();
|
||
},
|
||
complete() {
|
||
uni.hideLoading();
|
||
}
|
||
});
|
||
},
|
||
// 提现
|
||
cashMoney() {
|
||
if (!this.moneyNum) {
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: '请输入提现金额'
|
||
})
|
||
return
|
||
}
|
||
if (this.moneyNum > this.money * 1) {
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: '您的余额不足'
|
||
})
|
||
return
|
||
}
|
||
if (this.moneyNum < this.minMoney * 1) {
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: '最低可提现10元'
|
||
})
|
||
return
|
||
}
|
||
// if (this.moneyNum*1+this.charge*this.moneyNum > this.money*1) {
|
||
// uni.showToast({
|
||
// icon: 'none',
|
||
// title: '您的手续费不足'
|
||
// })
|
||
// return
|
||
// }
|
||
|
||
let zhiFuBao = uni.getStorageSync('zhiFuBao')
|
||
let zhiFuBaoName = uni.getStorageSync('zhiFuBaoName')
|
||
// if (this.openWay == 2) {
|
||
if (!zhiFuBao && !zhiFuBaoName && this.openWay == 1) {
|
||
uni.navigateTo({
|
||
url: '/my/wallet/zhifubao'
|
||
})
|
||
return
|
||
}
|
||
|
||
if (!this.bankCard && this.openWay == 2) {
|
||
uni.navigateTo({
|
||
url: '/my/wallet/yinhangka'
|
||
})
|
||
return
|
||
}
|
||
|
||
let that = this
|
||
that.sp = (that.moneyNum * this.charge).toFixed(2)
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '本次提现' + that.moneyNum + '元，服务费' + this.sp + '元，是否确认提现？',
|
||
success: function(res) {
|
||
if (res.confirm) {
|
||
that.$Request.get("/app/cash/cashMoney", {
|
||
money: that.moneyNum,
|
||
userType: 1,
|
||
classify: that.openWay
|
||
}).then(res => {
|
||
if (res.code == 0) {
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: res.msg
|
||
})
|
||
this.getMoney()
|
||
that.moneyNum = null
|
||
} else {
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: res.msg
|
||
})
|
||
}
|
||
that.getMoney()
|
||
});
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
});
|
||
|
||
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
/deep/uni-checkbox .uni-checkbox-input{
|
||
width: 26px;
|
||
height: 26px;
|
||
border-radius: 50%;
|
||
}
|
||
.checkbox-data{
|
||
padding: 0px 11px;
|
||
margin: 15px 0px;
|
||
}
|
||
.chong-list:last-child{
|
||
border: 0px !important;
|
||
}
|
||
.chong-bottom-cheng image{
|
||
width: 22.22rpx;
|
||
height: 22.22rpx;
|
||
margin-right: 5px;
|
||
}
|
||
.chong-bottom-cheng span{
|
||
font-weight: 500;
|
||
font-size: 23rpx;
|
||
color: #222222;
|
||
}
|
||
.chong-bottom-ding image{
|
||
width: 18.75rpx;
|
||
height: 21.53rpx;
|
||
margin-right: 5px;
|
||
}
|
||
.chong-bottom-ding span{
|
||
font-weight: bold;
|
||
font-size: 25rpx;
|
||
color: #848485;
|
||
}
|
||
.chong-bottom-ding,.chong-bottom-cheng{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
}
|
||
.chong-bottom{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin-top: 10px;
|
||
}
|
||
.chong-title image{
|
||
width: 66rpx;
|
||
height: 32.22rpx;
|
||
}
|
||
.chong-title span{
|
||
font-weight: 400;
|
||
font-size: 29rpx;
|
||
color: #333333;
|
||
margin-right: 5px;
|
||
}
|
||
.chong-title{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
}
|
||
.chong-list-right{
|
||
width: 75%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.chong-list-left image{
|
||
width: 76rpx;
|
||
height: 76rpx;
|
||
}
|
||
/deep/uni-radio .uni-radio-input{
|
||
width: 31.86rpx;
|
||
height: 31.86rpx;
|
||
margin: -4px 0px 0px -8px;
|
||
}
|
||
.chong-list-radio{
|
||
width: 29.86rpx;
|
||
height: 29.86rpx;
|
||
border-radius: 50%;
|
||
}
|
||
.chong-list-left{
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
.chong-list{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
padding: 10px 0px;
|
||
border-bottom: 1px solid #DCDCDC;
|
||
}
|
||
.chong{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.img-span{
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
width: 40px;
|
||
height: 16px;
|
||
line-height: 16px;
|
||
background: linear-gradient(-90deg, #FF6F48, #FF9E69);
|
||
border-top-left-radius: 15rpx;
|
||
border-bottom-right-radius: 15rpx;
|
||
font-weight: bold;
|
||
font-size: 18rpx;
|
||
color: #FFFFFF;
|
||
position: absolute;
|
||
bottom: 0;
|
||
right: 0;
|
||
margin: 0 6px 6px 0px;
|
||
}
|
||
|
||
.popup-mian-view span:nth-child(1){
|
||
color: #666666;
|
||
}
|
||
.popup-mian-view span:nth-child(2){
|
||
color: #333;
|
||
font-weight: bold;
|
||
}
|
||
.popup-mian-view span{
|
||
font-size: 29rpx;
|
||
}
|
||
.popup-mian-view{
|
||
width: 100%;
|
||
height: 35px;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
border-bottom: 1px solid #DCDCDC;
|
||
}
|
||
.popup-mian-textarea{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.popup-mian-btn span:nth-child(1){
|
||
background: linear-gradient(90deg, #FE912E, #FF9970);
|
||
}
|
||
.popup-mian-btn span:nth-child(2){
|
||
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
|
||
}
|
||
.popup-mian-btn span{
|
||
width: 247rpx;
|
||
height: 77rpx;
|
||
line-height: 77rpx;
|
||
text-align: center;
|
||
font-weight: 400;
|
||
font-size: 32rpx;
|
||
color: #FFFEFE;
|
||
border-radius: 39rpx;
|
||
margin-left: 10px;
|
||
|
||
|
||
}
|
||
.popup-mian-btn{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.popup-mian{
|
||
display: flex;
|
||
flex-direction: column;
|
||
margin: 10px auto 0px auto;
|
||
}
|
||
.popup-head span:nth-child(2){
|
||
width: 50rpx;
|
||
height: 50rpx;
|
||
line-height: 21px;
|
||
text-align: center;
|
||
font-size: 25px;
|
||
color: #019c88;
|
||
border-radius: 50%;
|
||
border: 1px solid #019c88;
|
||
}
|
||
.popup-head span:nth-child(1){
|
||
font-weight: bold;
|
||
font-size: 32rpx;
|
||
color: #333333;
|
||
}
|
||
.popup-head{
|
||
width: 100%;
|
||
height: 99.38rpx;
|
||
background-color: rgba(21, 171, 141, 0.09);
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 0 20px;
|
||
}
|
||
.popup-content{
|
||
width: 613rpx;
|
||
padding-bottom: 10px;
|
||
background: #FFFFFF;
|
||
border-radius: 40rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
|
||
.coupon-bottom{
|
||
font-weight: 400;
|
||
font-size: 28rpx;
|
||
}
|
||
.coupon{
|
||
font-weight: bold;
|
||
font-size: 37rpx;
|
||
}
|
||
/deep/.fuqian{
|
||
background: #fff;
|
||
border-radius: 15px;
|
||
width: 95%;
|
||
margin: 0 auto;
|
||
}
|
||
.chongzhi span:nth-child(2){
|
||
color: #019c88;
|
||
background-color: #fff;
|
||
padding: 3px 8px;
|
||
font-weight: bold;
|
||
font-size: 24rpx;
|
||
border:1px solid #019c88;
|
||
border-radius: 30px;
|
||
}
|
||
.chongzhi{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
.yu-e{
|
||
font-weight: bold;
|
||
font-size: 35rpx;
|
||
color: #333333;
|
||
}
|
||
.money-miao{
|
||
width: 95%;
|
||
height: 49rpx;
|
||
line-height: 49rpx;
|
||
background-color: rgba(93, 191, 157, 0.28);
|
||
border-radius: 24rpx;
|
||
margin: 0 auto;
|
||
font-weight: 400;
|
||
font-size: 22rpx;
|
||
color: #CCF1E6;
|
||
padding-left: 10px;
|
||
}
|
||
.mingxi{
|
||
width: 140rpx;
|
||
height: 42rpx;
|
||
line-height: 42rpx;
|
||
text-align: center;
|
||
background: #F5F7FB;
|
||
border-radius: 21rpx;
|
||
font-weight: bold;
|
||
font-size: 22rpx;
|
||
color: #333333;
|
||
}
|
||
.bgimg-top-money span:nth-child(1){
|
||
font-weight: bold;
|
||
font-size: 43rpx;
|
||
color: #FFFFFF;
|
||
}
|
||
.bgimg-top-money span:nth-child(2){
|
||
font-weight: 400;
|
||
font-size: 25rpx;
|
||
color: #FFFFFF;
|
||
margin-top:4px;
|
||
}
|
||
.bgimg-top-money{
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.bgimg-top-view{
|
||
width: 80%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
}
|
||
.bgimg-top{
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.bgimg {
|
||
background: url(../../static/wallet/reduce.png);
|
||
background-size: cover;
|
||
width: 100%;
|
||
height: 263.19rpx;
|
||
position: relative;
|
||
margin: 0px auto 10px auto;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
padding: 15px;
|
||
}
|
||
.content-top{
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.content{
|
||
width: 100%;
|
||
height: 100vh;
|
||
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f7f7f7), url('../../static/background-img.png');
|
||
background-position: center center;
|
||
background-repeat: no-repeat;
|
||
background-size: cover;
|
||
}
|
||
page {
|
||
background-color: #F7F7F7;
|
||
}
|
||
|
||
.bg {
|
||
background-color: #FFFFFF;
|
||
}
|
||
|
||
.dhjsbg {
|
||
background: linear-gradient(to right, #223845, #00a85b);
|
||
padding-bottom: 140rpx;
|
||
}
|
||
|
||
|
||
|
||
.active {
|
||
/* border: 1px solid #096f4b !important; */
|
||
background: #ECFFF8 !important;
|
||
border: 1px solid #029D88;
|
||
border-radius: 21rpx;
|
||
color: #029D88 !important;
|
||
}
|
||
|
||
.title_btn {
|
||
height: 78upx;
|
||
line-height: 78upx;
|
||
color: #333333;
|
||
/* background: #f7f7f7; */
|
||
}
|
||
|
||
.btn {
|
||
background: linear-gradient(to right, #223845, #00a85b);
|
||
color: #FFFFFF;
|
||
margin: 16rpx 30upx;
|
||
position: fixed;
|
||
bottom: 0upx;
|
||
width: 90%;
|
||
border-radius: 50rpx;
|
||
height: 78rpx;
|
||
line-height: 78rpx;
|
||
font-size: 30rpx;
|
||
text-align: center;
|
||
}
|
||
|
||
.bgCol2 {
|
||
color: #096f4b;
|
||
font-weight: bold;
|
||
}
|
||
.bgimg-top-tou{
|
||
margin-left: 10px;
|
||
margin-top: 2px;
|
||
border:2px solid #fff;
|
||
border-radius: 50%;
|
||
}
|
||
.align-line{
|
||
border: solid 1px #000000;
|
||
;
|
||
}
|
||
.coupon-level{
|
||
margin: 10px 0;
|
||
background: #fff;
|
||
border-radius: 30rpx;
|
||
padding: 25rpx;
|
||
}
|
||
.r-amount{
|
||
padding: 10rpx 20rpx;
|
||
font-size:38rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
.r-amount span:nth-child(1){
|
||
color: #fb672b;
|
||
font-weight: bold;
|
||
}
|
||
.r-amount span:nth-child(2){
|
||
color: #019c88;
|
||
font-weight: bold;
|
||
}
|
||
.bo-amount{
|
||
margin-top: 15rpx;
|
||
}
|
||
.amount-balance{
|
||
padding: 20rpx;
|
||
background: linear-gradient(to right, #fff5eb, #fbe3d2);
|
||
border-radius:10rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
.amount-balance span:nth-child(1){
|
||
color:#666;
|
||
}
|
||
.amount-balance span:nth-child(2){
|
||
font-weight: bold;
|
||
font-size: 36rpx;
|
||
color:#333;
|
||
}
|
||
.amount-block{
|
||
display:flex;
|
||
justify-content: space-between;
|
||
}
|
||
.amount-block-lin{
|
||
width: 32%;
|
||
background: #f5f5f5;
|
||
border-radius:10rpx;
|
||
margin-top:15rpx;
|
||
padding: 20rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: baseline;
|
||
}
|
||
.amount-block-lin span:nth-child(1){
|
||
color: #333;
|
||
font-size: 36rpx;
|
||
font-weight: bold;
|
||
}
|
||
</style> |