982 lines
28 KiB
Vue
982 lines
28 KiB
Vue
<template>
|
||
<view :data-theme="theme">
|
||
<!-- #ifdef MP-->
|
||
<view class='cart_nav'>
|
||
<nav-bar iconColor='#fff' ref="navBarRef" navTitle='提现' :isShowMenu="false" :isBackgroundColor="false"
|
||
:backgroundColor="backgroundColor">
|
||
</nav-bar>
|
||
</view>
|
||
<!-- #endif -->
|
||
<view class='cash-withdrawal'>
|
||
<view class="header">
|
||
<view class="headerCon">
|
||
<view class="money semiBold">{{settlementConfig.brokerage?settlementConfig.brokerage:0}}</view>
|
||
<view>可提现金额</view>
|
||
</view>
|
||
</view>
|
||
<view class='wrapper'>
|
||
<view class="nav acea-row">
|
||
<view class="single-nav fw-500" v-if="configuredNavList.length == 1">
|
||
提现至{{configuredNavList[0].name}}
|
||
</view>
|
||
<template v-else>
|
||
<view v-for="(item,index) in configuredNavList" class="item" :class="{'items': currentIndex == index}"
|
||
:key="index" @click="swichNav(item,index)">
|
||
{{item.name}}
|
||
</view>
|
||
</template>
|
||
<view class="navBg" :style="onNavBg"></view>
|
||
</view>
|
||
<!--银行卡、微信、支付宝-->
|
||
<form :hidden='currentTab !== 0' @submit="subCash" report-submit='true'>
|
||
<view class='list'>
|
||
<view class="itemCon">
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view class='name'>姓名</view>
|
||
<view class='input'>
|
||
<input placeholder='请输入持卡人姓名' placeholder-class='placeholder' name="cardholder"
|
||
maxlength="20"></input>
|
||
</view>
|
||
</view>
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view class='name'>卡号</view>
|
||
<view class='input'>
|
||
<input type='number' placeholder='请输入卡号' placeholder-class='placeholder' name="bankCardNo"
|
||
maxlength="19"></input>
|
||
</view>
|
||
</view>
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view class='name'>银行</view>
|
||
<view class='input'>
|
||
<picker @change="bindPickerChange" :value="index" :range="bankList">
|
||
<view class="acea-row row-between-wrapper">
|
||
<text class='Bank'>{{bankList[index]}}</text>
|
||
<text class='iconfont icon-ic_rightarrow'></text>
|
||
</view>
|
||
</picker>
|
||
</view>
|
||
</view>
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view class='name'>提现</view>
|
||
<view class='input'><input
|
||
:placeholder='settlementConfig.minPrice? "最低提现金额：￥"+ settlementConfig.minPrice:"最低提现金额：￥"+ 0'
|
||
placeholder-class='placeholder' name="closingPrice" type='digit'></input></view>
|
||
</view>
|
||
</view>
|
||
<view class='tip'>
|
||
当前可提现金额: <text
|
||
class="price font-color">￥{{settlementConfig.brokerage?settlementConfig.brokerage:0}},</text>
|
||
冻结佣金：<text
|
||
class="font-color">￥{{settlementConfig.freezeBrokerage?settlementConfig.freezeBrokerage:0}}</text>
|
||
</view>
|
||
<view class='tip'>
|
||
说明: 每笔佣金的冻结期为{{settlementConfig.freezeDay?settlementConfig.freezeDay:0}}天，到期后可提现
|
||
</view>
|
||
</view>
|
||
<button formType="submit" class='bnt'
|
||
:class="parseFloat(settlementConfig.brokerage)>parseFloat(settlementConfig.minPrice) ?'bg-color': 'bg-color-hui'">立即提现</button>
|
||
</form>
|
||
<form :hidden='currentTab !== 2' @submit="subCash" report-submit='true'>
|
||
<view class='list'>
|
||
<view class="itemCon">
|
||
<template v-if="extractWechatMethod == '0'">
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view class='name'>姓名</view>
|
||
<view class='input'>
|
||
<input placeholder='请输入您的真实姓名' placeholder-class='placeholder' name="realName"
|
||
maxlength="20"></input>
|
||
</view>
|
||
</view>
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view class='name'>账号</view>
|
||
<view class='input'>
|
||
<input placeholder='请输入您的微信账号' placeholder-class='placeholder' name="wechatNo"
|
||
maxlength="20"></input>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view class='name'>提现</view>
|
||
<view class='input'>
|
||
<input :placeholder='"最低提现金额：￥"+ settlementConfig.minPrice|| 0' placeholder-class='placeholder'
|
||
name="closingPrice" type='digit' maxlength="5"></input>
|
||
</view>
|
||
</view>
|
||
<template v-if="extractWechatMethod == '0'">
|
||
<view class='item acea-row row-top row-between'>
|
||
<view class='name'>收款码</view>
|
||
<view class="input acea-row">
|
||
<view class="picEwm" v-if="qrcodeUrlW">
|
||
<image :src="qrcodeUrlW"></image>
|
||
<text class='iconfont icon-ic_close' @click='DelPicW'></text>
|
||
</view>
|
||
<view class='pictrue acea-row row-center-wrapper row-column' @click='uploadpic("W")' v-else>
|
||
<text class='iconfont icon-icon25201'></text>
|
||
<view>上传图片</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
</view>
|
||
<view class='tip'>
|
||
当前可提现金额: <text
|
||
class="price font-color">￥{{settlementConfig.brokerage?settlementConfig.brokerage:0}},</text>
|
||
冻结佣金：<text
|
||
class="font-color">￥{{settlementConfig.freezeBrokerage?settlementConfig.freezeBrokerage:0}}</text>
|
||
</view>
|
||
<view class='tip'>
|
||
说明: 每笔佣金的冻结期为{{settlementConfig.freezeDay?settlementConfig.freezeDay:0}}天，到期后可提现
|
||
</view>
|
||
</view>
|
||
|
||
<button formType="submit" class='bnt'
|
||
:class="parseFloat(settlementConfig.brokerage)>parseFloat(settlementConfig.minPrice) ?'bg-color': 'bg-color-hui'">立即提现</button>
|
||
</form>
|
||
<form :hidden='currentTab !== 3' @submit="subCash" report-submit='true'>
|
||
<view class='list'>
|
||
<view class="itemCon">
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view class='name'>姓名</view>
|
||
<view class='input'>
|
||
<input placeholder='请输入您的真实姓名' placeholder-class='placeholder' name="realName" maxlength="20"></input>
|
||
</view>
|
||
</view>
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view class='name'>账号</view>
|
||
<view class='input'>
|
||
<input placeholder='请输入您的支付宝账号' placeholder-class='placeholder' name="alipayAccount"
|
||
maxlength="20"></input>
|
||
</view>
|
||
</view>
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view class='name'>提现</view>
|
||
<view class='input'>
|
||
<input :placeholder='"最低提现金额：￥"+settlementConfig.minPrice' placeholder-class='placeholder'
|
||
name="closingPrice" type='digit' maxlength="5"></input>
|
||
</view>
|
||
</view>
|
||
<view class='item acea-row row-top row-between'>
|
||
<view class='name'>收款码</view>
|
||
<view class="input acea-row">
|
||
<view class="picEwm" v-if="qrcodeUrlZ">
|
||
<image :src="qrcodeUrlZ"></image>
|
||
<text class='iconfont icon-ic_close' @click='DelPicZ'></text>
|
||
</view>
|
||
<view class='pictrue acea-row row-center-wrapper row-column' @click='uploadpic("Z")' v-else>
|
||
<text class='iconfont icon-icon25201'></text>
|
||
<view>上传图片</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class='tip'>
|
||
当前可提现金额: <text
|
||
class="price font-color">￥{{settlementConfig.brokerage?settlementConfig.brokerage:0}},</text>
|
||
冻结佣金：<text
|
||
class="font-color">￥{{settlementConfig.freezeBrokerage?settlementConfig.freezeBrokerage:0}}</text>
|
||
</view>
|
||
<view class='tip'>
|
||
说明: 每笔佣金的冻结期为{{settlementConfig.freezeDay?settlementConfig.freezeDay:0}}天，到期后可提现
|
||
</view>
|
||
</view>
|
||
|
||
<button formType="submit" class='bnt'
|
||
:class="parseFloat(settlementConfig.brokerage)>parseFloat(settlementConfig.minPrice) ?'bg-color': 'bg-color-hui'">立即提现</button>
|
||
</form>
|
||
<!--余额-->
|
||
<view :hidden="currentTab != 1">
|
||
<form @submit="submitSub" report-submit='true'>
|
||
<view class='list'>
|
||
<view class="itemCon">
|
||
<view class='item acea-row row-between-wrapper'>
|
||
<view class='name'>提现</view>
|
||
<view class='input acea-row row-between-wrapper'>
|
||
<input placeholder="请输入金额" type='number' v-model="toPrice" placeholder-class='placeholder' />
|
||
<!-- <input v-model="toPrice" placeholder-class='placeholder' placeholder='请输入金额' name="money" type='digit' />-->
|
||
<text class="font-color" @click="getAll">全部转入</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="tip">
|
||
当前可提现金额： <text class=' mr10 font-color'>￥{{settlementConfig.brokerage?settlementConfig.brokerage:0}}
|
||
</text>
|
||
</view>
|
||
<view class="tip">
|
||
<view class="tips mb-16">注意事项：</view>
|
||
<view class="tips-samll" v-for="item in noticeList" :key="item">
|
||
{{ item }}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<button formType="submit" class='bnt bg-color'>立即提现</button>
|
||
</form>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
// +----------------------------------------------------------------------
|
||
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
|
||
// +----------------------------------------------------------------------
|
||
// | Copyright (c) 2016~2026 https://www.crmeb.com All rights reserved.
|
||
// +----------------------------------------------------------------------
|
||
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
|
||
// +----------------------------------------------------------------------
|
||
// | Author: CRMEB Team <admin@crmeb.com>
|
||
// +----------------------------------------------------------------------
|
||
import {
|
||
extractCash,
|
||
closingConfigApi,
|
||
getWechatTransferResultApi
|
||
} from '@/api/user.js';
|
||
import {
|
||
toLogin
|
||
} from '@/libs/login.js';
|
||
import {
|
||
mapGetters
|
||
} from "vuex";
|
||
import {
|
||
Debounce
|
||
} from '@/utils/validate.js'
|
||
import navBar from '@/components/navBar';
|
||
import {
|
||
getRechargeApi,
|
||
transferIn
|
||
} from "../../../api/user";
|
||
import {
|
||
setLinearThemeColor
|
||
} from "../../../utils/setTheme";
|
||
// #ifdef H5
|
||
// import wx from 'weixin-js-sdk'
|
||
// #endif
|
||
let app = getApp();
|
||
export default {
|
||
components: {
|
||
navBar
|
||
},
|
||
data() {
|
||
return {
|
||
toPrice: '',
|
||
noticeList: [],
|
||
navList: [{
|
||
'name': '银行卡',
|
||
'icon': 'icon-yinhangqia',
|
||
'type': 'bank',
|
||
'method': 'bankCard',
|
||
'idx': 0,
|
||
'isShow': false,
|
||
},
|
||
{
|
||
'name': '余额',
|
||
'icon': 'icon-yinhangqia',
|
||
'type': 'balance',
|
||
'method': 'balance',
|
||
'idx': 1,
|
||
'isShow': false,
|
||
},
|
||
{
|
||
'name': '微信',
|
||
'icon': 'icon-weixin2',
|
||
'type': 'wechat',
|
||
'method': 'wechat',
|
||
'idx': 2,
|
||
'isShow': false,
|
||
},
|
||
{
|
||
'name': '支付宝',
|
||
'icon': 'icon-icon34',
|
||
'type': 'alipay',
|
||
'method': 'alipay',
|
||
'idx': 3,
|
||
'isShow': false,
|
||
}
|
||
],
|
||
type: 'bank',
|
||
currentTab: 0,
|
||
index: 0,
|
||
currentIndex: 0, //索引值；
|
||
bankList: [], //提现银行
|
||
userInfo: [],
|
||
isClone: false,
|
||
settlementConfig: {}, //提现配置
|
||
qrcodeUrlW: "",
|
||
qrcodeUrlZ: "",
|
||
isCommitted: false, //防止多次提交
|
||
theme: app.globalData.theme,
|
||
backgroundColor: '', //主题渐变色
|
||
urlDomain: this.$Cache.get("imgHost"),
|
||
extractWechatMethod: '1',
|
||
appId: '', // 微信AppID
|
||
applyResult: false, // 申请结果
|
||
mchId: '', // 微信商户号
|
||
packageInfo: '', // package信息,用于唤起用户确认收款页面
|
||
wechatOrderNo: '', // 微信商家转账订单号
|
||
};
|
||
},
|
||
computed: {
|
||
...mapGetters(['isLogin']),
|
||
// 提现方式列表
|
||
configuredNavList() {
|
||
return this.navList.filter((item) => {
|
||
return item.isShow
|
||
})
|
||
},
|
||
// 提现方式选择背景图
|
||
onNavBg() {
|
||
const listLength = this.configuredNavList.length
|
||
const actIndex = this.currentIndex
|
||
const constant = listLength * (listLength - 1) / 2
|
||
let navBg = `${this.urlDomain}crmebimage/presets/tixian0${actIndex+constant}.png`
|
||
return `background-image: url(${navBg})`
|
||
}
|
||
},
|
||
watch: {
|
||
isLogin: {
|
||
handler: function(newV, oldV) {
|
||
if (newV) {
|
||
this.getClosingConfig();
|
||
}
|
||
},
|
||
deep: true
|
||
}
|
||
},
|
||
onLoad(options) {
|
||
this.backgroundColor = setLinearThemeColor();
|
||
if (this.isLogin) {
|
||
this.getRecharge();
|
||
this.getClosingConfig();
|
||
} else {
|
||
toLogin();
|
||
}
|
||
},
|
||
methods: {
|
||
//余额立即转入
|
||
submitSub: Debounce(function(e) {
|
||
let that = this
|
||
if (parseFloat(that.settlementConfig.brokerage) <= 0) {
|
||
return
|
||
}
|
||
// 转入余额
|
||
if (parseFloat(that.toPrice) < 0 || parseFloat(that.toPrice) == NaN || that.toPrice == undefined || that
|
||
.toPrice == "") {
|
||
return that.$util.Tips({
|
||
title: '请输入金额'
|
||
});
|
||
}
|
||
uni.showModal({
|
||
title: '提现',
|
||
content: '提现余额后无法再次转出，确认是否提现余额',
|
||
cancelColor: '#f55850',
|
||
success(res) {
|
||
if (res.confirm) {
|
||
transferIn({
|
||
price: parseFloat(that.toPrice)
|
||
}).then(res => {
|
||
return that.$util.Tips({
|
||
title: '申请成功',
|
||
icon: 'success'
|
||
}, {
|
||
tab: 5,
|
||
url: '/pages/users/user_spread_user/index'
|
||
});
|
||
}).catch(err => {
|
||
return that.$util.Tips({
|
||
title: err
|
||
});
|
||
})
|
||
} else if (res.cancel) {
|
||
return that.$util.Tips({
|
||
title: '已取消'
|
||
});
|
||
}
|
||
},
|
||
})
|
||
}),
|
||
//余额全部转入
|
||
getAll() {
|
||
if (parseFloat(this.settlementConfig.brokerage) <= 0) {
|
||
return this.$util.Tips({
|
||
title: '您暂无佣金'
|
||
});
|
||
}
|
||
this.toPrice = this.settlementConfig.brokerage
|
||
},
|
||
/**
|
||
* 充值额度选择
|
||
*/
|
||
getRecharge() {
|
||
getRechargeApi()
|
||
.then(res => {
|
||
this.noticeList = res.data.noticeList || [];
|
||
})
|
||
.catch(err => {
|
||
this.$util.Tips({
|
||
title: err
|
||
});
|
||
});
|
||
},
|
||
uploadpic: function(type) {
|
||
let that = this;
|
||
that.$util.uploadImageOne({
|
||
url: 'upload/image',
|
||
name: 'multipart',
|
||
model: "user",
|
||
pid: 1
|
||
}, function(res) {
|
||
if (type === 'W') {
|
||
that.qrcodeUrlW = res;
|
||
} else {
|
||
that.qrcodeUrlZ = res;
|
||
}
|
||
});
|
||
},
|
||
/**
|
||
* 删除图片
|
||
*
|
||
*/
|
||
DelPicW: function() {
|
||
this.qrcodeUrlW = "";
|
||
},
|
||
DelPicZ: function() {
|
||
this.qrcodeUrlZ = "";
|
||
},
|
||
/**
|
||
* 获取用户提现配置
|
||
*
|
||
*/
|
||
getClosingConfig() {
|
||
closingConfigApi().then(res => {
|
||
let data = res.data;
|
||
this.$set(this, 'bankList', data.bankList);
|
||
this.settlementConfig = res.data;
|
||
this.extractWechatMethod = res.data.extractWechatMethod
|
||
const extractMethodList = data.extractMethod.split(',')
|
||
const updatedNavList = this.navList.map(item => ({
|
||
...item,
|
||
isShow: extractMethodList.includes(item.method)
|
||
}));
|
||
this.navList = updatedNavList
|
||
this.currentTab = updatedNavList.find(item => item.isShow)?.idx
|
||
})
|
||
},
|
||
swichNav: function(item, index) {
|
||
this.currentTab = item.idx;
|
||
this.type = item.type;
|
||
this.currentIndex = index;
|
||
},
|
||
bindPickerChange: function(e) {
|
||
this.index = e.detail.value;
|
||
},
|
||
moneyInput(e) {
|
||
//正则表达试
|
||
e.target.value = (e.target.value.match(/^\d*(\.?\d{0,2})/g)[0]) || null
|
||
//重新赋值给input
|
||
this.$nextTick(() => {
|
||
this.money = e.target.value
|
||
})
|
||
|
||
},
|
||
subCash: Debounce(function(e) {
|
||
let that = this,
|
||
value = e.detail.value;
|
||
if (parseFloat(that.settlementConfig.brokerage) <= 0) return;
|
||
switch (that.currentTab) {
|
||
case 0:
|
||
if (value.cardholder.length == 0) return this.$util.Tips({
|
||
title: '请输入持卡人姓名'
|
||
});
|
||
if (value.bankCardNo.length == 0) return this.$util.Tips({
|
||
title: '请输入卡号'
|
||
});
|
||
value.bankName = that.bankList[that.index];
|
||
break;
|
||
case 2:
|
||
if (this.extractWechatMethod == 1) {
|
||
// #ifdef H5
|
||
let browser = window.navigator.userAgent.toLowerCase()
|
||
// 匹配en中是否含有MicroMessenger字符串
|
||
if (browser.match(/MicroMessenger/i) == 'micromessenger') {
|
||
console.log('微信内置浏览器')
|
||
} else {
|
||
return this.$util.Tips({
|
||
title: '请前往小程序进行提现'
|
||
// title: '请前往微信内置浏览器或小程序进行提现'
|
||
});
|
||
}
|
||
// #endif
|
||
// #ifdef APP
|
||
return this.$util.Tips({
|
||
title: '请前往小程序进行提现'
|
||
// title: '请前往微信内置浏览器或小程序进行提现'
|
||
});
|
||
// #endif
|
||
} else if (this.extractWechatMethod == 0) {
|
||
if (value.wechatNo.length == 0) return this.$util.Tips({
|
||
title: '请输入微信号'
|
||
});
|
||
if (value.realName.length == 0) return this.$util.Tips({
|
||
title: '请输入真实姓名'
|
||
});
|
||
if (!that.qrcodeUrlW) return this.$util.Tips({
|
||
title: '请输入微信收款码'
|
||
});
|
||
value.paymentCode = that.qrcodeUrlW;
|
||
}
|
||
break;
|
||
default:
|
||
if (value.alipayAccount.length == 0) return this.$util.Tips({
|
||
title: '请输入支付宝账号'
|
||
});
|
||
if (value.realName.length == 0) return this.$util.Tips({
|
||
title: '请输入真实姓名'
|
||
});
|
||
if (!that.qrcodeUrlZ) return this.$util.Tips({
|
||
title: '请输入支付宝收款码'
|
||
});
|
||
value.paymentCode = that.qrcodeUrlZ;
|
||
break;
|
||
}
|
||
value.type = this.type;
|
||
if (value.closingPrice.length == 0) return this.$util.Tips({
|
||
title: '请输入提现金额'
|
||
});
|
||
if (!(/^(\d?)+(\.\d{0,2})?$/.test(value.closingPrice))) return this.$util.Tips({
|
||
title: '提现金额保留2位小数'
|
||
});
|
||
if (parseFloat(value.closingPrice) < parseFloat(that.settlementConfig.minPrice)) return this.$util
|
||
.Tips({
|
||
title: '提现金额不能低于' + that.settlementConfig.minPrice
|
||
});
|
||
if (this.isCommitted == false) {
|
||
this.isCommitted = true;
|
||
extractCash(value).then(res => {
|
||
this.appId = res.data.appId
|
||
this.applyResult = res.data.applyResult
|
||
this.mchId = res.data.mchId
|
||
this.packageInfo = res.data.packageInfo
|
||
if (this.currentTab == 2 && this.extractWechatMethod == 1) {
|
||
this.wechatOrderNo = res.data.orderNo
|
||
this.confirmReceipt()
|
||
} else {
|
||
return this.$util.Tips({
|
||
title: "申请成功",
|
||
icon: 'success'
|
||
}, {
|
||
tab: 2,
|
||
url: '/pages/users/user_transferOut/status'
|
||
});
|
||
}
|
||
this.isCommitted = false;
|
||
}).catch(err => {
|
||
this.isCommitted = false;
|
||
this.getWechatTransferResult()
|
||
return this.$util.Tips({
|
||
title: err
|
||
});
|
||
});
|
||
}
|
||
}),
|
||
// 微信确认收款
|
||
confirmReceipt() {
|
||
// #ifdef H5
|
||
return this.$util.Tips({
|
||
title: '请前往小程序进行提现'
|
||
// title: '请前往微信内置浏览器或小程序进行提现'
|
||
});
|
||
// wx.config({
|
||
// debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来
|
||
// appId: '', // 必填，公众号的唯一标识
|
||
// timestamp: , // 必填，生成签名的时间戳
|
||
// nonceStr: '', // 必填，生成签名的随机串
|
||
// signature: '', // 必填，签名
|
||
// jsApiList: [] // 必填，需要使用的JS接口列表
|
||
// });
|
||
wx.ready(function() {
|
||
wx.checkJsApi({
|
||
jsApiList: ['requestMerchantTransfer'],
|
||
success: function(res) {
|
||
if (res.checkResult['requestMerchantTransfer']) {
|
||
WeixinJSBridge.invoke('requestMerchantTransfer', {
|
||
mchId: this.mchId,
|
||
appId: this.appId,
|
||
package: this.packageInfo,
|
||
},
|
||
function(res) {
|
||
if (res.err_msg === 'requestMerchantTransfer:ok') {
|
||
// res.err_msg将在页面展示成功后返回应用时返回success，并不代表付款成功
|
||
console.log("展示页面成功")
|
||
} else if (res.err_msg === 'requestMerchantTransfer:fail') {
|
||
console.log("展示页面失败")
|
||
} else if (res.err_msg === 'requestMerchantTransfer:cancel') {
|
||
console.log("用户取消")
|
||
}
|
||
}
|
||
);
|
||
} else {
|
||
this.$util.Tips({
|
||
title: '你的微信版本过低，请更新至最新版本。'
|
||
});
|
||
}
|
||
},
|
||
fail: function(err) {
|
||
this.$util.Tips({
|
||
title: err
|
||
});
|
||
}
|
||
});
|
||
});
|
||
// #endif
|
||
// #ifdef MP
|
||
if (wx.canIUse('requestMerchantTransfer')) {
|
||
wx.requestMerchantTransfer({
|
||
mchId: this.mchId,
|
||
// appId: wx.getAccountInfoSync().miniProgram.appId,
|
||
appId: this.appId,
|
||
package: this.packageInfo,
|
||
success: (res) => {
|
||
// res.err_msg将在页面展示成功后返回应用时返回ok，并不代表付款成功
|
||
console.log('success:', res);
|
||
this.getWechatTransferResult()
|
||
uni.redirectTo({
|
||
url: '/pages/users/user_spread_user/index'
|
||
})
|
||
},
|
||
fail: (err) => {
|
||
console.log('fail:', err);
|
||
this.getWechatTransferResult()
|
||
return this.$util.Tips({
|
||
title: err
|
||
});
|
||
},
|
||
});
|
||
} else {
|
||
this.$util.Tips({
|
||
title: '你的微信版本过低，请更新至最新版本。'
|
||
});
|
||
// wx.showModal({
|
||
// content: '你的微信版本过低，请更新至最新版本。',
|
||
// showCancel: false,
|
||
// });
|
||
}
|
||
// #endif
|
||
},
|
||
getWechatTransferResult() {
|
||
getWechatTransferResultApi(this.wechatOrderNo).then(res => {
|
||
console.log('success')
|
||
}).catch(err => {
|
||
return this.$util.Tips({
|
||
title: err
|
||
});
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
body {
|
||
height: 100% !important;
|
||
}
|
||
</style>
|
||
<style scoped lang="scss">
|
||
.cash-withdrawal {
|
||
.accountTitle {
|
||
@include linear-gradient(theme);
|
||
position: fixed;
|
||
left: 0;
|
||
top: 0;
|
||
width: 100%;
|
||
z-index: 99;
|
||
|
||
.sysTitle {
|
||
width: 100%;
|
||
position: relative;
|
||
font-weight: 500;
|
||
color: #fff;
|
||
font-size: 34rpx;
|
||
|
||
.iconfont {
|
||
position: absolute;
|
||
font-size: 36rpx;
|
||
left: 11rpx;
|
||
width: 60rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.header {
|
||
width: 100%;
|
||
height: 380rpx;
|
||
@include linear-gradient(theme);
|
||
font-size: 30rpx;
|
||
font-weight: 400;
|
||
color: #F5F5F5;
|
||
text-align: center;
|
||
padding-top: 88rpx;
|
||
position: relative;
|
||
|
||
&::after {
|
||
position: absolute;
|
||
content: ' ';
|
||
width: 50%;
|
||
height: 160rpx;
|
||
@include linear-gradient(theme);
|
||
left: 0;
|
||
}
|
||
|
||
&:before {
|
||
position: absolute;
|
||
content: ' ';
|
||
width: 50%;
|
||
height: 160rpx;
|
||
@include linear-gradient(theme);
|
||
right: 0;
|
||
bottom: -146rpx;
|
||
}
|
||
|
||
.headerCon {
|
||
background-image: url('../static/images/cashBg.png');
|
||
background-repeat: no-repeat;
|
||
background-size: 100% 100%;
|
||
width: 100%;
|
||
height: 278rpx;
|
||
}
|
||
|
||
.money {
|
||
font-size: 76rpx;
|
||
font-weight: 600;
|
||
color: #FFFFFF;
|
||
margin-bottom: 16rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.cash-withdrawal .wrapper {
|
||
width: 710rpx;
|
||
margin: -100rpx auto 0 auto;
|
||
position: relative;
|
||
z-index: 9;
|
||
|
||
.nav {
|
||
width: 100%;
|
||
height: 110rpx;
|
||
background-color: rgba(255, 255, 255, 0.9);
|
||
border-radius: 24rpx 24rpx 0 0;
|
||
position: relative;
|
||
z-index: 9;
|
||
|
||
&.on {
|
||
height: unset;
|
||
padding: 18rpx 0 8rpx 0;
|
||
background-color: #fff;
|
||
|
||
.item {
|
||
padding-top: 0;
|
||
padding-left: 30rpx;
|
||
font-weight: 500;
|
||
color: #333;
|
||
}
|
||
}
|
||
|
||
.item {
|
||
// width: 33.33%;
|
||
position: relative;
|
||
height: 84rpx;
|
||
line-height: 84rpx;
|
||
text-align: center;
|
||
color: #666666;
|
||
font-size: 26rpx;
|
||
z-index: 9;
|
||
flex-grow: 1;
|
||
flex-basis: 0;
|
||
|
||
&.items {
|
||
font-size: 28rpx;
|
||
@include main_color(theme);
|
||
font-weight: 500 !important;
|
||
}
|
||
|
||
&.on {
|
||
width: 50%;
|
||
padding-left: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
&.ons {
|
||
color: var(--view-theme);
|
||
font-weight: 500;
|
||
font-size: 28rpx;
|
||
}
|
||
}
|
||
|
||
.navBg {
|
||
position: absolute;
|
||
background-repeat: no-repeat;
|
||
background-size: 100% 100%;
|
||
width: 710rpx;
|
||
height: 122rpx;
|
||
left: 0;
|
||
bottom: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
}
|
||
|
||
.bnt {
|
||
font-size: 28rpx;
|
||
color: #fff;
|
||
width: 710rpx;
|
||
height: 88rpx;
|
||
text-align: center;
|
||
border-radius: 50rpx;
|
||
line-height: 88rpx;
|
||
margin: 48rpx auto;
|
||
}
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list {
|
||
padding: 0 30rpx 48rpx 30rpx;
|
||
background-color: #fff;
|
||
border-radius: 0 0 24rpx 24rpx;
|
||
|
||
.itemCon {
|
||
border-bottom: 1px solid #EEEEEE;
|
||
padding-bottom: 15rpx;
|
||
margin-bottom: 42rpx;
|
||
}
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .item {
|
||
font-size: 28rpx;
|
||
color: #333;
|
||
padding: 28rpx 0;
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .item .name {
|
||
width: 130rpx;
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .item .input {
|
||
width: 505rpx;
|
||
|
||
input {
|
||
font-size: 28rpx;
|
||
}
|
||
|
||
.iconfont {
|
||
color: #ccc;
|
||
}
|
||
|
||
.icon-ic_camera {
|
||
font-size: 38rpx;
|
||
margin-bottom: 6rpx;
|
||
}
|
||
|
||
.all {
|
||
font-size: 26rpx;
|
||
color: var(--view-theme);
|
||
}
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .item .input .placeholder {
|
||
color: #ccc;
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .item .picEwm,
|
||
.cash-withdrawal .wrapper .list .item .pictrue {
|
||
width: 128rpx;
|
||
height: 128rpx;
|
||
border-radius: 16rpx;
|
||
position: relative;
|
||
margin-right: 23rpx;
|
||
background: #F5F5F5;
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .item .picEwm image {
|
||
width: 100%;
|
||
height: 100%;
|
||
border-radius: 16rpx;
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .item .picEwm .icon-ic_close {
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
font-size: 24rpx;
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
background: #999999;
|
||
border-radius: 0 16rpx 0 16rpx;
|
||
color: #fff;
|
||
text-align: center;
|
||
line-height: 32rpx;
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .item .pictrue {
|
||
font-size: 22rpx;
|
||
color: #BBBBBB;
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .item .pictrue .icon-icon25201 {
|
||
font-size: 47rpx;
|
||
color: #DDDDDD;
|
||
margin-bottom: 3px;
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .tip {
|
||
font-size: 24rpx;
|
||
color: #999;
|
||
margin-top: 16rpx;
|
||
|
||
.price {
|
||
color: var(--view-theme);
|
||
margin: 0 16rpx;
|
||
}
|
||
|
||
.num {
|
||
margin-left: 16rpx;
|
||
}
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .tip2 {
|
||
font-size: 26rpx;
|
||
color: #999;
|
||
text-align: center;
|
||
margin: 44rpx 0 20rpx 0;
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .value {
|
||
height: 135rpx;
|
||
line-height: 135rpx;
|
||
border-bottom: 1rpx solid #eee;
|
||
width: 690rpx;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .value input {
|
||
font-size: 80rpx;
|
||
color: #282828;
|
||
height: 135rpx;
|
||
text-align: center;
|
||
}
|
||
|
||
.cash-withdrawal .wrapper .list .value .placeholder2 {
|
||
color: #bbb;
|
||
}
|
||
|
||
.bg-gray {
|
||
background-color: var(--view-theme);
|
||
opacity: 0.4;
|
||
}
|
||
|
||
.single-nav {
|
||
z-index: 9;
|
||
line-height: 100rpx;
|
||
padding-left: 30rpx;
|
||
}
|
||
|
||
.fw-500 {
|
||
font-weight: 500;
|
||
}
|
||
</style> |