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.
862 lines
37 KiB
862 lines
37 KiB
<template>
|
|
<view class="container">
|
|
<block v-if="isload">
|
|
<view class="top">
|
|
<view class="f1">需支付金额</view>
|
|
<view class="f2" v-if="payorder.score==0"><text class="t1">￥</text><text class="t2">{{payorder.money}}</text></view>
|
|
<view class="f2" v-else-if="payorder.money>0 && payorder.score>0"><text class="t1">￥</text><text class="t2">{{payorder.money}}</text><text style="font-size:28rpx"> + {{payorder.score}}{{t('积分')}}</text></view>
|
|
<view class="f2" v-else><text class="t3">{{payorder.score}}{{t('积分')}}</text></view>
|
|
<view class="f3" @tap="goto" :data-url="detailurl" v-if="detailurl!=''">订单详情<text class="iconfont iconjiantou"></text></view>
|
|
</view>
|
|
<view class="paytype">
|
|
<view class="f1">选择支付方式：</view>
|
|
<block v-if="payorder.money==0 && payorder.score>0">
|
|
<view class="f2">
|
|
<view class="item" v-if="moneypay==1" @tap.stop="changeradio" data-typeid="1">
|
|
<view class="t1 flex">
|
|
<image class="img" :src="event_rul +'/static/img/static/img/pay-money.png'"/>
|
|
<view class="flex-col"><text>{{t('积分')}}支付</text><text style="font-size:22rpx;font-weight:normal">剩余{{t('积分')}}<text style="color:#FC5729">{{userinfo.score}}</text></text></view>
|
|
</view>
|
|
<view class="radio" :style="typeid=='1' ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" :src="event_rul +'/static/img/static/img/checkd.png'"/></view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<block v-else>
|
|
<view class="f2">
|
|
<view class="item" v-if="wxpay==1 && (wxpay_type==0 || wxpay_type==1)" @tap.stop="changeradio" data-typeid="2">
|
|
<view class="t1"><image class="img" :src="event_rul +'/static/img/static/img/withdraw-weixin.png'"/>微信支付</view>
|
|
<view class="radio" :style="typeid=='2' ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" :src="event_rul +'/static/img/static/img/checkd.png'"/></view>
|
|
</view>
|
|
<view class="item" v-if="wxpay==1 && wxpay_type==2" @tap.stop="changeradio" data-typeid="22">
|
|
<view class="t1"><image class="img" :src="event_rul +'/static/img/static/img/withdraw-weixin.png'"/>微信支付</view>
|
|
<view class="radio" :style="typeid=='22' ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" :src="event_rul +'/static/img/static/img/checkd.png'"/></view>
|
|
</view>
|
|
|
|
<view class="item" v-if="alipay==2" @tap.stop="changeradio" data-typeid="23">
|
|
<view class="t1"><image class="img" :src="event_rul +'/static/img/static/img/withdraw-alipay.png'"/>支付宝支付</view>
|
|
<view class="radio" :style="typeid=='23' ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" :src="event_rul +'/static/img/static/img/checkd.png'"/></view>
|
|
</view>
|
|
|
|
<!-- <view class="item" v-if="alipay==2" @tap.stop="changeradio" data-typeid="24">
|
|
<view class="t1"><image class="img" :src="event_rul +'/static/img/static/img/pay-money.png'"/>银联支付</view>
|
|
<view class="radio" :style="typeid=='24' ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" :src="event_rul +'/static/img/static/img/checkd.png'"/></view>
|
|
</view> -->
|
|
|
|
<view class="item" v-if="alipay==1" @tap.stop="changeradio" data-typeid="3">
|
|
<view class="t1"><image class="img" :src="event_rul +'/static/img/static/img/withdraw-alipay.png'"/>支付宝支付</view>
|
|
<view class="radio" :style="typeid=='3' ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" :src="event_rul +'/static/img/static/img/checkd.png'"/></view>
|
|
</view>
|
|
|
|
<block v-if="more_alipay==1">
|
|
<view class="item" v-if="alipay2==1" @tap.stop="changeradio" data-typeid="31">
|
|
<view class="t1"><image class="img" :src="event_rul +'/static/img/static/img/withdraw-alipay.png'"/>支付宝支付2</view>
|
|
<view class="radio" :style="typeid=='31' ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" :src="event_rul +'/static/img/static/img/checkd.png'"/></view>
|
|
</view>
|
|
<view class="item" v-if="alipay3==1" @tap.stop="changeradio" data-typeid="32">
|
|
<view class="t1"><image class="img" :src="event_rul +'/static/img/static/img/withdraw-alipay.png'"/>支付宝支付3</view>
|
|
<view class="radio" :style="typeid=='32' ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" :src="event_rul +'/static/img/static/img/checkd.png'"/></view>
|
|
</view>
|
|
</block>
|
|
|
|
<view class="item" v-if="baidupay==1" @tap.stop="changeradio" data-typeid="11">
|
|
<view class="t1"><image class="img" :src="event_rul +'/static/img/static/img/pay-money.png'"/>在线支付</view>
|
|
<view class="radio" :style="typeid=='11' ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" :src="event_rul +'/static/img/static/img/checkd.png'"/></view>
|
|
</view>
|
|
<view class="item" v-if="toutiaopay==1" @tap.stop="changeradio" data-typeid="12">
|
|
<view class="t1"><image class="img" :src="event_rul +'/static/img/static/img/pay-money.png'"/>在线支付</view>
|
|
<view class="radio" :style="typeid=='12' ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" :src="event_rul +'/static/img/static/img/checkd.png'"/></view>
|
|
</view>
|
|
<view class="item" v-if="moneypay==1" @tap.stop="changeradio" data-typeid="1">
|
|
<view class="t1 flex">
|
|
<image class="img" :src="event_rul +'/static/img/static/img/pay-money.png'"/>
|
|
<view class="flex-col"><text>{{t('余额')}}支付</text><text style="font-size:22rpx;font-weight:normal">可用余额<text style="color:#FC5729">￥{{userinfo.money}}</text></text></view>
|
|
</view>
|
|
<view class="radio" :style="typeid=='1' ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" :src="event_rul +'/static/img/static/img/checkd.png'"/></view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
<button class="btn" @tap="topay" :style="{background:t('color1')}" v-if="typeid != '0'">立即支付</button>
|
|
<button class="btn" @tap="topay2" v-if="cancod==1" style="background:rgba(126,113,246,0.5);">{{codtxt}}</button>
|
|
<button class="btn" @tap="topayTransfer" v-if="pay_transfer==1" :style="{background:t('color2')}" data-text="转账汇款">转账汇款</button>
|
|
|
|
<uni-popup id="dialogInput" ref="dialogInput" type="dialog">
|
|
<uni-popup-dialog mode="input" title="支付密码" value="" placeholder="请输入支付密码" @confirm="getpwd"></uni-popup-dialog>
|
|
</uni-popup>
|
|
|
|
<block v-if="give_coupon_show">
|
|
<view class="give-coupon flex-x-center flex-y-center">
|
|
<view class='coupon-block'>
|
|
<image :src="pre_url+'/static/img/coupon-top.png'" style="width:630rpx;height:330rpx;"></image>
|
|
<view @tap="give_coupon_close" :data-url="give_coupon_close_url" class="coupon-del flex-x-center flex-y-center">
|
|
<image :src="event_rul +'/static/img/static/img/coupon-del.png'"></image>
|
|
</view>
|
|
<view class="flex-x-center">
|
|
<view class="coupon-info">
|
|
<view class="flex-x-center coupon-get">获得{{give_coupon_list.length}}张{{t('优惠券')}}</view>
|
|
<view style="background:#f5f5f5;padding:10rpx 0">
|
|
<block v-for="(item,index) in give_coupon_list" :key="item.id">
|
|
<block v-if="index < 3">
|
|
<view class="coupon-coupon">
|
|
<view :class="item.type==1?'pt_img1':'pt_img2'"></view>
|
|
<view class="pt_left" :class="item.type==1?'':'bg2'">
|
|
<view class="f1" v-if="item.type==1"><text class="t0">￥</text><text class="t1">{{item.money}}</text></view>
|
|
<view class="f1" v-if="item.type==2">礼品券</view>
|
|
<view class="f1" v-if="item.type==3"><text class="t1">{{item.limit_count}}</text><text class="t2">次</text></view>
|
|
<view class="f1" v-if="item.type==4">抵运费</view>
|
|
<view class="f2" v-if="item.type==1 || item.type==4">
|
|
<text v-if="item.minprice>0">满{{item.minprice}}元可用</text>
|
|
<text v-else>无门槛</text>
|
|
</view>
|
|
</view>
|
|
<view class="pt_right">
|
|
<view class="f1">
|
|
<view class="t1">{{item.name}}</view>
|
|
<view class="t2" v-if="item.type==1">代金券</view>
|
|
<view class="t2" v-if="item.type==2">礼品券</view>
|
|
<view class="t2" v-if="item.type==3">计次券</view>
|
|
<view class="t2" v-if="item.type==4">运费抵扣券</view>
|
|
<!-- <view class="t4" v-if="item.bid>0">适用商家：{{item.bname}}</view> -->
|
|
<!-- <view class="t3">有效期至 {{item.yxqdate}}</view> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</block>
|
|
</view>
|
|
<view @tap="goto" data-url="/pages/coupon/mycoupon" class="flex-x-center coupon-btn">前往查看</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<uni-popup id="dialogOpenWeapp" ref="dialogOpenWeapp" type="dialog" :maskClick="false">
|
|
<view style="background:#fff;padding:50rpx;position:relative;border-radius:20rpx">
|
|
<view style="height:80px;line-height:80px;width:200px;margin:0 auto;font-size: 18px;text-align:center;font-weight:bold;text-align:center;color:#333">恭喜您支付成功</view>
|
|
<!-- #ifdef H5 -->
|
|
<wx-open-launch-weapp :username="payorder.payafter_username" :path="payorder.payafter_path">
|
|
<script type="text/wxtag-template">
|
|
<div style="background:#FD4A46;height:50px;line-height: 50px;width:200px;margin:0 auto;border-radius:5px;margin-top:15px;color: #fff;font-size: 15px;font-weight:bold;text-align:center">{{payorder.payafterbtntext}}</div>
|
|
</script>
|
|
</wx-open-launch-weapp>
|
|
<!-- #endif -->
|
|
<view style="height:50px;line-height: 50px;width:200px;margin:0 auto;border-radius:5px;color:#66f;font-size: 14px;text-align:center" @tap="goto" :data-url="detailurl">查看订单详情</view>
|
|
</view>
|
|
</uni-popup>
|
|
|
|
|
|
<uni-popup id="dialogPayconfirm" ref="dialogPayconfirm" type="dialog" :maskClick="false">
|
|
<uni-popup-dialog type="info" title="支付确认" content="是否已完成支付" @confirm="PayconfirmFun"></uni-popup-dialog>
|
|
</uni-popup>
|
|
|
|
</block>
|
|
<loading v-if="loading"></loading>
|
|
<dp-tabbar :opt="opt"></dp-tabbar>
|
|
<popmsg ref="popmsg"></popmsg>
|
|
<!-- 悬浮按钮 -->
|
|
<drag-button></drag-button>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
var app = getApp();
|
|
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
opt:{},
|
|
loading:false,
|
|
isload: false,
|
|
menuindex:-1,
|
|
pre_url:app.globalData.pre_url,
|
|
|
|
detailurl:'',
|
|
tourl:'',
|
|
typeid:'0',
|
|
wxpay:0,
|
|
wxpay_type:0,
|
|
alipay:0,
|
|
baidupay:0,
|
|
toutiaopay:0,
|
|
moneypay:0,
|
|
cancod:0,
|
|
pay_transfer:0,
|
|
codtxt:'',
|
|
give_coupon_list:[],
|
|
userinfo:[],
|
|
paypwd: '',
|
|
hiddenmodalput: true,
|
|
payorder: {},
|
|
tmplids: [],
|
|
give_coupon_show: false,
|
|
give_coupon_close_url: "",
|
|
more_alipay : 0,
|
|
alipay2 : 0,
|
|
alipay3 : 0,
|
|
|
|
event_rul: app.globalData.event_url,
|
|
};
|
|
},
|
|
|
|
onLoad: function (opt) {
|
|
this.opt = app.getopts(opt);
|
|
if(this.opt.tourl) this.tourl = decodeURIComponent(this.opt.tourl);
|
|
this.getdata();
|
|
},
|
|
onPullDownRefresh: function () {
|
|
this.getdata();
|
|
},
|
|
methods: {
|
|
getdata: function () {
|
|
var that = this;
|
|
that.loading = true;
|
|
var thisurl = '';
|
|
if(app.globalData.platform == 'mp' || app.globalData.platform == 'h5'){
|
|
thisurl = location.href;
|
|
}
|
|
app.post('ApiPay/pay', {orderid: that.opt.id,thisurl:thisurl,tourl:that.tourl,scene:app.globalData.scene}, function (res) {
|
|
|
|
that.loading = false;
|
|
if (res.status == 0) {
|
|
app.error(res.msg);
|
|
return;
|
|
}
|
|
|
|
that.wxpay = res.wxpay;
|
|
that.wxpay_type = res.wxpay_type;
|
|
that.alipay = res.alipay;
|
|
that.baidupay = res.baidupay;
|
|
that.toutiaopay = res.toutiaopay;
|
|
that.cancod = res.cancod;
|
|
that.codtxt = res.codtxt;
|
|
that.moneypay = res.moneypay;
|
|
that.pay_transfer = res.pay_transfer;
|
|
that.pay_transfer_info = res.pay_transfer_info;
|
|
that.payorder = res.payorder;
|
|
that.userinfo = res.userinfo;
|
|
that.tmplids = res.tmplids;
|
|
that.give_coupon_list = res.give_coupon_list;
|
|
that.detailurl = res.detailurl;
|
|
that.tourl = res.tourl;
|
|
|
|
that.more_alipay = res.more_alipay;
|
|
that.alipay2 = res.alipay2;
|
|
that.alipay3 = res.alipay3;
|
|
|
|
if(that.wxpay){
|
|
if(that.wxpay_type == 2){
|
|
that.typeid = 22;
|
|
}else{
|
|
that.typeid = 2;
|
|
}
|
|
}else if(that.moneypay){
|
|
that.typeid = 1;
|
|
}else if(that.alipay){
|
|
that.typeid = 3;
|
|
if(that.alipay == 2){
|
|
that.typeid = 23;
|
|
}
|
|
}else if(that.more_alipay){
|
|
if(that.alipay2){
|
|
that.typeid = 31;
|
|
}
|
|
if(that.alipay3){
|
|
that.typeid = 32;
|
|
}
|
|
}else if(that.baidupay){
|
|
that.typeid = 11;
|
|
}else if(that.toutiaopay){
|
|
that.typeid = 12;
|
|
}
|
|
if(that.payorder.money==0 && that.payorder.score>0){
|
|
that.typeid = 1;
|
|
}
|
|
that.loaded();
|
|
});
|
|
},
|
|
getpwd: function (done, val) {
|
|
this.paypwd = val;
|
|
this.topay({currentTarget:{dataset:{typeid:1}}});
|
|
},
|
|
changeradio: function (e) {
|
|
var that = this;
|
|
var typeid = e.currentTarget.dataset.typeid;
|
|
that.typeid = typeid;
|
|
console.log(typeid)
|
|
},
|
|
topay: function (e) {
|
|
var that = this;
|
|
var typeid = that.typeid;
|
|
var orderid = this.payorder.id;
|
|
if (typeid == 1) { //余额支付
|
|
if(that.userinfo.haspwd && that.paypwd==''){
|
|
that.$refs.dialogInput.open();return;
|
|
}
|
|
app.confirm('确定用' + that.t('余额') + '支付吗?', function () {
|
|
app.showLoading('提交中');
|
|
app.post('ApiPay/pay', {op:'submit',orderid: orderid,typeid: typeid,paypwd: that.paypwd}, function (res) {
|
|
app.showLoading(false);
|
|
if (res.status == 0) {
|
|
app.error(res.msg);
|
|
return;
|
|
}
|
|
if (res.status == 2) {
|
|
app.success(res.msg);
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
return;
|
|
}
|
|
});
|
|
});
|
|
} else if (typeid == 2) { //微信支付
|
|
console.log(app)
|
|
app.showLoading('提交中');
|
|
app.post('ApiPay/pay', {op:'submit',orderid: orderid,typeid: typeid}, function (res) {
|
|
app.showLoading(false);
|
|
if (res.status == 0) {
|
|
app.error(res.msg);
|
|
return;
|
|
}
|
|
if (res.status == 2) {
|
|
//无需付款
|
|
app.success(res.msg);
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
return;
|
|
}
|
|
var opt = res.data;
|
|
if (app.globalData.platform == 'wx') {
|
|
if(that.payorder.type == 'shop'){
|
|
console.log('requestOrderPayment');
|
|
wx.requestOrderPayment({
|
|
'timeStamp': opt.timeStamp,
|
|
'nonceStr': opt.nonceStr,
|
|
'package': opt.package,
|
|
'signType': 'MD5',
|
|
'paySign': opt.paySign,
|
|
'orderInfo':opt.orderInfo,
|
|
'success': function (res2) {
|
|
app.success('付款完成');
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
},
|
|
'fail': function (res2) {
|
|
//app.alert(JSON.stringify(res2))
|
|
}
|
|
});
|
|
}else{
|
|
uni.requestPayment({
|
|
'provider':'wxpay',
|
|
'timeStamp': opt.timeStamp,
|
|
'nonceStr': opt.nonceStr,
|
|
'package': opt.package,
|
|
'signType': 'MD5',
|
|
'paySign': opt.paySign,
|
|
'success': function (res2) {
|
|
app.success('付款完成');
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
},
|
|
'fail': function (res2) {
|
|
//app.alert(JSON.stringify(res2))
|
|
}
|
|
});
|
|
}
|
|
}else if(app.globalData.platform == 'mp'){
|
|
// #ifdef H5
|
|
function jsApiCall(){
|
|
WeixinJSBridge.invoke('getBrandWCPayRequest',opt,function(res){
|
|
if(res.err_msg == "get_brand_wcpay_request:ok" ) {
|
|
app.success('付款完成');
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
}else{
|
|
|
|
}
|
|
}
|
|
);
|
|
}
|
|
if (typeof WeixinJSBridge == "undefined"){
|
|
if( document.addEventListener ){
|
|
document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
|
|
}else if (document.attachEvent){
|
|
document.attachEvent('WeixinJSBridgeReady', jsApiCall);
|
|
document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
|
|
}
|
|
}else{
|
|
jsApiCall();
|
|
}
|
|
// #endif
|
|
/*
|
|
var jweixin = require('jweixin-module');
|
|
jweixin.chooseWXPay({
|
|
timestamp: opt.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
|
|
nonceStr: opt.nonceStr, // 支付签名随机串，不长于 32 位
|
|
package: opt.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
|
|
signType: opt.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
|
|
paySign: opt.paySign, // 支付签名
|
|
success: function (res2) {
|
|
// 支付成功后的回调函数
|
|
app.success('付款完成');
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
}
|
|
});
|
|
*/
|
|
}else if(app.globalData.platform == 'h5'){
|
|
location.href = opt.wx_url + '&redirect_url='+encodeURIComponent(location.href.split('#')[0] + '#'+that.tourl);
|
|
}else if(app.globalData.platform == 'app'){
|
|
console.log(opt)
|
|
uni.requestPayment({
|
|
'provider':'wxpay',
|
|
'orderInfo': opt,
|
|
'success': function (res2) {
|
|
app.success('付款完成');
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
},
|
|
'fail': function (res2) {
|
|
console.log(res2)
|
|
//app.alert(JSON.stringify(res2))
|
|
}
|
|
});
|
|
}else if(app.globalData.platform == 'qq'){
|
|
qq.requestWxPayment({
|
|
url: opt.wx_url,
|
|
referer: opt.referer,
|
|
success(res) {
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
},
|
|
fail(res) { }
|
|
})
|
|
}
|
|
})
|
|
} else if (typeid == 3 || typeid == 31 || typeid == 32) { //支付宝支付
|
|
app.showLoading('提交中');
|
|
app.post('ApiPay/pay', {op:'submit',orderid: orderid,typeid: typeid}, function (res) {
|
|
console.log(res)
|
|
app.showLoading(false);
|
|
if (res.status == 0) {
|
|
app.error(res.msg);
|
|
return;
|
|
}
|
|
if (res.status == 2) {
|
|
//无需付款
|
|
app.success(res.msg);
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
return;
|
|
}
|
|
var opt = res.data;
|
|
if (app.globalData.platform == 'alipay') {
|
|
uni.requestPayment({
|
|
'provider':'alipay',
|
|
'orderInfo': opt.trade_no,
|
|
'success': function (res2) {
|
|
console.log(res2)
|
|
if(res2.resultCode == '6001'){
|
|
return;
|
|
}
|
|
app.success('付款完成');
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
},
|
|
'fail': function (res2) {
|
|
//app.alert(JSON.stringify(res2))
|
|
}
|
|
});
|
|
}else if(app.globalData.platform == 'mp' || app.globalData.platform == 'h5'){
|
|
document.body.innerHTML = res.data;
|
|
document.forms['alipaysubmit'].submit();
|
|
}else if(app.globalData.platform == 'app'){
|
|
console.log('------------alipay----------')
|
|
console.log(opt)
|
|
console.log('------------alipay end----------')
|
|
uni.requestPayment({
|
|
'provider':'alipay',
|
|
'orderInfo': opt,
|
|
'success': function (res2) {
|
|
console.log('------------success----------')
|
|
console.log(res2)
|
|
app.success('付款完成');
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
},
|
|
'fail': function (res2) {
|
|
console.log(res2)
|
|
//app.alert(JSON.stringify(res2))
|
|
}
|
|
});
|
|
}
|
|
})
|
|
} else if (typeid == '11') {
|
|
app.showLoading('提交中');
|
|
app.post('ApiPay/pay', {op:'submit',orderid: orderid,typeid: typeid}, function (res) {
|
|
app.showLoading(false);
|
|
swan.requestPolymerPayment({
|
|
'orderInfo': res.orderInfo,
|
|
'success': function (res2) {
|
|
app.success('付款完成');
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
},
|
|
'fail': function (res2) {
|
|
if(res2.errCode!=2){
|
|
app.alert(JSON.stringify(res2))
|
|
}
|
|
}
|
|
});
|
|
});
|
|
} else if (typeid == '12') {
|
|
app.showLoading('提交中');
|
|
app.post('ApiPay/pay', {op:'submit',orderid: orderid,typeid: typeid}, function (res) {
|
|
app.showLoading(false);
|
|
console.log(res.orderInfo);
|
|
tt.pay({
|
|
'service':5,
|
|
'orderInfo': res.orderInfo,
|
|
'success': function (res2) {
|
|
if (res2.code === 0) {
|
|
app.success('付款完成');
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
}
|
|
},
|
|
'fail': function (res2) {
|
|
app.alert(JSON.stringify(res2))
|
|
}
|
|
});
|
|
});
|
|
} else if (typeid == '22') {
|
|
if (app.globalData.platform == 'wx') {
|
|
wx.login({
|
|
success:function(res){
|
|
if (res.code) {
|
|
app.showLoading('提交中');
|
|
app.post('ApiPay/getYunMpauthParams',{jscode: res.code},function(res){
|
|
app.showLoading(false);
|
|
app.post('https://showmoney.cn/scanpay/fixed/mpauth',res.params,function(res2){
|
|
console.log(res2.sessionKey);
|
|
app.post('ApiPay/getYunUnifiedParams',{orderid: orderid,sessionKey:res2.sessionKey},function(res3){
|
|
app.post('https://showmoney.cn/scanpay/unified',res3.params,function(res4){
|
|
if(res4.respcd == '09'){
|
|
wx.requestPayment({
|
|
timeStamp: res4.timeStamp,
|
|
nonceStr: res4.nonceStr,
|
|
package: res4.package,
|
|
signType: res4.mpSignType,
|
|
paySign: res4.mpSign,
|
|
success: function success(result) {
|
|
app.success('付款完成');
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
if (that.give_coupon_list && that.give_coupon_list.length > 0) {
|
|
that.give_coupon_show = true;
|
|
that.give_coupon_close_url = that.tourl;
|
|
} else {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}
|
|
}, 1000);
|
|
});
|
|
},
|
|
fail: function (res5) {
|
|
//app.alert(JSON.stringify(res5))
|
|
}
|
|
});
|
|
}else{
|
|
app.alert(res4.errorDetail);
|
|
}
|
|
})
|
|
})
|
|
})
|
|
})
|
|
} else {
|
|
console.log('登录失败！' + res.errMsg)
|
|
}
|
|
}
|
|
});
|
|
}else{
|
|
var url = app.globalData.baseurl + 'ApiPay/pay'+'&aid=' + app.globalData.aid + '&platform=' + app.globalData.platform + '&session_id=' + app.globalData.session_id;
|
|
url += '&op=submit&orderid='+orderid+'&typeid=22';
|
|
location.href = url;
|
|
}
|
|
} else if (typeid == '23') {
|
|
//var url = app.globalData.baseurl + 'ApiPay/pay'+'&aid=' + app.globalData.aid + '&platform=' + app.globalData.platform + '&session_id=' + app.globalData.session_id;
|
|
//url += '&op=submit&orderid='+orderid+'&typeid=23';
|
|
//location.href = url;
|
|
setTimeout(function () {
|
|
that.$refs.dialogPayconfirm.open();
|
|
}, 1000);
|
|
|
|
app.goto('/pages/index/webView2?orderid='+orderid+'&typeid=23'+'&aid=' + app.globalData.aid + '&platform=' + app.globalData.platform + '&session_id=' + app.globalData.session_id);
|
|
return ;
|
|
app.showLoading('提交中');
|
|
app.post('ApiPay/pay',{op:'submit',orderid: orderid,typeid: 23},function(res){
|
|
app.showLoading(false);
|
|
console.log(res)
|
|
app.goto('url::'+res.url);
|
|
});
|
|
} else if (typeid == '24') {
|
|
//var url = app.globalData.baseurl + 'ApiPay/pay'+'&aid=' + app.globalData.aid + '&platform=' + app.globalData.platform + '&session_id=' + app.globalData.session_id;
|
|
//url += '&op=submit&orderid='+orderid+'&typeid=23';
|
|
//location.href = url;
|
|
|
|
app.goto('/pages/index/webView2?orderid='+orderid+'&typeid=24');
|
|
return ;
|
|
app.showLoading('提交中');
|
|
app.post('ApiPay/pay',{op:'submit',orderid: orderid,typeid: 24},function(res){
|
|
app.showLoading(false);
|
|
console.log(res)
|
|
app.goto('url::'+res.url);
|
|
});
|
|
}
|
|
},
|
|
topay2:function(){
|
|
var that = this;
|
|
var orderid = this.payorder.id;
|
|
app.confirm('确定要' + that.codtxt + '吗?', function () {
|
|
app.showLoading('提交中');
|
|
app.post('ApiPay/pay', {op:'submit',orderid: orderid,typeid: 4}, function (res) {
|
|
app.showLoading(false);
|
|
if (res.status == 0) {
|
|
app.error(res.msg);
|
|
return;
|
|
}
|
|
if (res.status == 2) {
|
|
//无需付款
|
|
app.success(res.msg);
|
|
that.subscribeMessage(function () {
|
|
setTimeout(function () {
|
|
that.gotourl(that.tourl,'reLaunch');
|
|
}, 1000);
|
|
});
|
|
return;
|
|
}
|
|
});
|
|
})
|
|
},
|
|
topayTransfer:function(e){
|
|
var that = this;
|
|
var orderid = this.payorder.id;
|
|
app.confirm('确定要' + e.currentTarget.dataset.text + '吗?', function () {
|
|
app.showLoading('提交中');
|
|
app.post('ApiPay/pay', {op:'submit',orderid: orderid,typeid: 5}, function (res) {
|
|
app.showLoading(false);
|
|
if (res.status == 0) {
|
|
app.error(res.msg);
|
|
return;
|
|
}
|
|
if (res.status == 2) {
|
|
//无需付款
|
|
app.success(res.msg);
|
|
that.subscribeMessage(function () {
|
|
|
|
});
|
|
setTimeout(function () {
|
|
that.gotourl('transfer?id='+orderid,'reLaunch');
|
|
}, 1000);
|
|
return;
|
|
}
|
|
});
|
|
})
|
|
},
|
|
give_coupon_close:function(e){
|
|
var that = this;
|
|
var tourl = e.currentTarget.dataset.url;
|
|
this.give_coupon_show = false;
|
|
that.gotourl(tourl,'reLaunch');
|
|
},
|
|
gotourl:function(tourl, opentype){
|
|
var that = this;
|
|
if(app.globalData.platform == 'mp' || app.globalData.platform == 'h5'){
|
|
if (tourl.indexOf('miniProgram::') === 0) {
|
|
//其他小程序
|
|
tourl = tourl.slice(13);
|
|
var tourlArr = tourl.split('|');
|
|
console.log(tourlArr)
|
|
that.showOpenWeapp();
|
|
return;
|
|
}
|
|
}
|
|
app.goto(tourl, opentype);
|
|
},
|
|
showOpenWeapp:function(){
|
|
this.$refs.dialogOpenWeapp.open();
|
|
},
|
|
closeOpenWeapp:function(){
|
|
this.$refs.dialogOpenWeapp.close();
|
|
},
|
|
PayconfirmFun:function(){
|
|
this.gotourl(this.tourl,'reLaunch');
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
|
|
.top{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:60rpx}
|
|
.top .f1{height:60rpx;line-height:60rpx;color:#939393;font-size:24rpx;}
|
|
.top .f2{color:#101010;font-weight:bold;font-size:72rpx;height:120rpx;line-height:120rpx}
|
|
.top .f2 .t1{font-size:44rpx}
|
|
.top .f2 .t3{font-size:50rpx}
|
|
.top .f3{color:#FC5729;font-size:26rpx;height:70rpx;line-height:70rpx}
|
|
|
|
.paytype{width:94%;margin:20rpx 3% 80rpx 3%;border-radius:10rpx;display:flex;flex-direction:column;margin-top:20rpx;background:#fff}
|
|
.paytype .f1{height:100rpx;line-height:100rpx;padding:0 30rpx;color:#333333;font-weight:bold}
|
|
|
|
.paytype .f2{padding:0 30rpx}
|
|
.paytype .f2 .item{border-bottom:1px solid #f5f5f5;height:100rpx;display:flex;align-items:center}
|
|
.paytype .f2 .item:last-child{border-bottom:0}
|
|
.paytype .f2 .item .t1{flex:1;display:flex;align-items:center;color:#222222;font-size:30rpx;font-weight:bold}
|
|
.paytype .f2 .item .t1 .img{width:44rpx;height:44rpx;margin-right:40rpx}
|
|
|
|
.paytype .f2 .item .radio{flex-shrink:0;width: 36rpx;height: 36rpx;background: #FFFFFF;border: 3rpx solid #BFBFBF;border-radius: 50%;margin-right:10rpx}
|
|
.paytype .f2 .item .radio .radio-img{width:100%;height:100%}
|
|
|
|
.btn{ height:100rpx;line-height: 100rpx;width:90%;margin:0 auto;border-radius:10rpx;margin-top:30rpx;color: #fff;font-size: 30rpx;font-weight:bold}
|
|
|
|
.op{width:94%;margin:20rpx 3%;display:flex;align-items:center;margin-top:40rpx}
|
|
.op .btn{flex:1;height:100rpx;line-height:100rpx;background:#07C160;width:90%;margin:0 10rpx;border-radius:10rpx;color: #fff;font-size:28rpx;font-weight:bold;display:flex;align-items:center;justify-content:center}
|
|
.op .btn .img{width:48rpx;height:48rpx;margin-right:20rpx}
|
|
|
|
.give-coupon { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2000; background-color: rgba(0, 0, 0, 0.5); }
|
|
.give-coupon .coupon-block { margin-top: -140rpx; position: relative; }
|
|
.give-coupon .coupon-info { width: 559rpx; border-radius: 0 0 30rpx 30rpx; background-color: #fff; margin-top: -20rpx; padding: 20rpx 0 20rpx 0; }
|
|
.give-coupon .coupon-one { width: 100%; height: 164rpx; margin-bottom: 10rpx; }
|
|
.give-coupon .coupon-bg { width: 514rpx; height: 164rpx; border-radius: 10rpx; box-shadow: 2rpx 2rpx 30rpx #ddd; padding: 14rpx; }
|
|
.give-coupon .coupon-bg-1 { width: 100%; height: 100%; border: 2rpx #ff4544 dashed; border-radius: 10rpx; padding: 0 20rpx; }
|
|
.give-coupon .coupon-del { position: absolute; right: 34rpx; top: 224rpx; width: 90rpx; height: 90rpx; }
|
|
.give-coupon .coupon-del image{ width: 30rpx; height: 30rpx; }
|
|
.give-coupon .coupon-text { color: #707070; margin-top: 24rpx; margin-bottom: 34rpx; font-size: 9pt; }
|
|
.give-coupon .coupon-text::before { content: ' '; margin-right: 32rpx; width: 50rpx; height: 1rpx; background-color: #707070; overflow: hidden; margin-top: 21rpx; }
|
|
.give-coupon .coupon-text::after { content: ' '; margin-left: 32rpx; width: 50rpx; height: 1rpx; background-color: #707070; overflow: hidden; margin-top: 21rpx; }
|
|
.give-coupon .coupon-btn { position: relative;margin:0 auto;width:340rpx;height:70rpx;line-height:70rpx;background:linear-gradient(90deg,#F9475F,#EF155B);color:#fff;border-radius:40rpx;margin-top:20rpx}
|
|
.give-coupon .coupon-btn image { width: 374rpx; height: 96rpx; }
|
|
.give-coupon .coupon-get{ margin-top: 4rpx; margin-bottom: 20rpx; color: #ff4544; font-size: 13pt; }
|
|
|
|
.give-coupon .coupon-coupon{width:100%;display:flex;padding:0 20rpx;margin:10rpx 0;}
|
|
.give-coupon .coupon-coupon .pt_img1{background:url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI3IDEzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM3M2FmNjA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7nu7/oibJfMjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzkuNSw0Ny43NlY2MS42MmE1LDUsMCwwLDEsMCw5LjgydjMuMzhhNSw1LDAsMCwxLDAsOS44MlY4OGE1LDUsMCwwLDEsMCw5LjgydjMuMzlhNSw1LDAsMCwxLDAsOS44MnYzLjM5YTUsNSwwLDAsMSwwLDkuODJ2My4zOWE1LDUsMCwwLDEsMCw5LjgydjMuMzlhNSw1LDAsMCwxLDAsOS44MnYzLjM4YTUsNSwwLDAsMSwwLDkuODJ2MTMuODdoMjd2LTEzMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOS41IC00Ny43NikiLz48L3N2Zz4=);background-size: 147%;height:140rpx;border-bottom-left-radius:16rpx;border-top-left-radius:16rpx;width:4%}
|
|
.give-coupon .coupon-coupon .pt_img2{background:url(data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI3IDEzMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiM2ZmM1ZmE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7ok53oibJfMTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwwVjEzLjg2YTUsNSwwLDAsMSw0LjEsNC45MUE1LDUsMCwwLDEsMCwyMy42OHYzLjM5QTUsNSwwLDAsMSw0LjEsMzIsNSw1LDAsMCwxLDAsMzYuODl2My4zOWE1LDUsMCwwLDEsNC4xLDQuOTFBNSw1LDAsMCwxLDAsNTAuMXYzLjM5QTUsNSwwLDAsMSw0LjEsNTguNCw1LDUsMCwwLDEsMCw2My4zMXYzLjM4QTUsNSwwLDAsMSw0LjEsNzEuNiw1LDUsMCwwLDEsMCw3Ni41MVY3OS45YTUsNSwwLDAsMSw0LjEsNC45MUE1LDUsMCwwLDEsMCw4OS43MnYzLjM5QTUsNSwwLDAsMSw0LjEsOTgsNSw1LDAsMCwxLDAsMTAyLjkzdjMuMzlhNSw1LDAsMCwxLDQuMSw0LjkxQTUsNSwwLDAsMSwwLDExNi4xNFYxMzBIMjdWMFoiLz48L3N2Zz4=);background-size: 147%;height:140rpx;border-bottom-left-radius:16rpx;border-top-left-radius:16rpx;width:4%}
|
|
.give-coupon .coupon-coupon .pt_left{background: #73af60;height:140rpx;color: #FFF;padding-bottom:20rpx;padding-right:10rpx;width:30%;display:flex;flex-direction:column;align-items:center;justify-content:center}
|
|
.give-coupon .coupon-coupon .pt_left.bg2{background:#6fc5fa}
|
|
.give-coupon .coupon-coupon .pt_left .f1{font-size:34rpx;text-align:center}
|
|
.give-coupon .coupon-coupon .pt_left .t0{padding-right:10rpx;}
|
|
.give-coupon .coupon-coupon .pt_left .t1{font-size:46rpx;}
|
|
.give-coupon .coupon-coupon .pt_left .t2{padding-left:10rpx}
|
|
.give-coupon .coupon-coupon .pt_left .f2{font-size:24rpx;text-align:center;overflow:hidden}
|
|
.give-coupon .coupon-coupon .pt_right{background: #fff;width:66%;display:flex;height:140rpx;text-align: left;padding:20rpx 30rpx;border-top-right-radius:16rpx;border-bottom-right-radius:16rpx;position:relative}
|
|
.give-coupon .coupon-coupon .pt_right .f1{flex-grow: 1;flex-shrink: 1;}
|
|
.give-coupon .coupon-coupon .pt_right .f1 .t1{font-size:36rpx;color:#2c3e50;height:40rpx;line-height: 40rpx;overflow: hidden;}
|
|
.give-coupon .coupon-coupon .pt_right .f1 .t2{height:60rpx;line-height:60rpx;font-size:24rpx;color:#727272;}
|
|
.give-coupon .coupon-coupon .pt_right .f1 .t2_1{height:40rpx;line-height:40rpx}
|
|
.give-coupon .coupon-coupon .pt_right .f1 .t3{font-size:24rpx;color:#2c3e50}
|
|
.give-coupon .coupon-coupon .pt_right .f1 .t4{font-size:24rpx;color:#555555}
|
|
.give-coupon .coupon-coupon .pt_right .btn{position:absolute;right:30rpx;top:50%;margin-top:-25rpx;border-radius:25rpx;width:140rpx;height:50rpx;line-height:50rpx;background:#07c160;color:#fff;}
|
|
|
|
</style>
|