parent
3e4e4f78b7
commit
3957378e53
@ -1,413 +1,457 @@ |
|||||||
<template> |
<template> |
||||||
<view> |
<view> |
||||||
<!-- 头部 --> |
<!-- 头部 --> |
||||||
<view class="width100 height120 backcorfff"> |
<view class="width100 height120 backcorfff"> |
||||||
<image :src="orderList.goodsImg" class="flleft conImg mart10 margle10"></image> |
<image :src="orderList.goodsImg" class="flleft conImg mart10 margle10"></image> |
||||||
<view class="conCont paddtop15"> |
<view class="conCont paddtop15"> |
||||||
<view class="font20 fontwig6 fcor333 text1 paddtright10">{{orderList.goodsName}}</view> |
<view class="font20 fontwig6 fcor333 text1 paddtright10">{{orderList.goodsName}}</view> |
||||||
<view class="font14 fcor999 text2 paddtop5 paddtright10">{{refulAdress}}</view> |
<view class="font14 fcor999 text2 paddtop5 paddtright10">{{refulAdress}}</view> |
||||||
<view class="font20 fontwig6 fcoreb5 paddtop5">￥{{orderList.gasPriceVip}} |
<view class="font20 fontwig6 fcoreb5 paddtop5">￥{{orderList.gasPriceVip}} |
||||||
<text class="margle10 slogan font14">￥{{orderList.gasPriceGun}}</text> |
<text class="margle10 slogan font14">￥{{orderList.gasPriceGun}}</text> |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
<!-- //订单详情 --> |
<!-- //订单详情 --> |
||||||
<view class="mart10 heightl60 paddleft10 fcor333 fontwig6 font18 width100 backcorfff">订单详情</view> |
<view class="mart10 heightl60 paddleft10 fcor333 fontwig6 font18 width100 backcorfff">订单详情</view> |
||||||
<view class="line1"></view> |
<view class="line1"></view> |
||||||
<view class="heightl60 paddleft10 fcor666 font16 width100 backcorfff"> |
<view class="heightl60 paddleft10 fcor666 font16 width100 backcorfff"> |
||||||
<view class="flleft width50"> |
<view class="flleft width50"> |
||||||
油号\油枪 |
油号\油枪 |
||||||
</view> |
</view> |
||||||
<view class="flright width40 fotct"> |
<view class="flright width40 fotct"> |
||||||
{{orderList.gasOilNo}}#/{{orderList.gasGunNo}}号 |
{{orderList.gasOilNo}}#/{{orderList.gasGunNo}}号 |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
<view class="line1"></view> |
<view class="line1"></view> |
||||||
<view class="heightl60 paddleft10 fcor666 font16 width100 backcorfff"> |
<view class="heightl60 paddleft10 fcor666 font16 width100 backcorfff"> |
||||||
<view class="flleft width50"> |
<view class="flleft width50"> |
||||||
加油金额 |
加油金额 |
||||||
</view> |
</view> |
||||||
<view class="flright width40 fotct"> |
<view class="flright width40 fotct"> |
||||||
{{orderList.totalPrice}} |
{{orderList.totalPrice}} |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
|
|
||||||
<!-- //支付方式 --> |
<!-- //支付方式 --> |
||||||
<view class="mart10 heightl60 paddleft10 fcor333 fontwig6 font18 width100 backcorfff">支付方式</view> |
<view class="mart10 heightl60 paddleft10 fcor333 fontwig6 font18 width100 backcorfff">支付方式</view> |
||||||
<view class="line1"></view> |
<view class="line1"></view> |
||||||
<view class="width100 backcorfff"> |
<view class="width100 backcorfff"> |
||||||
<!-- <view class="height50 width100 backcorfff" @tap="paytype='weixin'"> |
<view class="height50 width100 backcorfff" @tap="paytype='jifen'"> |
||||||
<view class="width50 flleft fcor333 fontwig6 font16" style="padding-left: 4%;"> |
<view class="width50 flleft fcor333 fontwig6 font16" style="padding-left: 4%;"> |
||||||
微信支付 |
积分支付 |
||||||
</view> |
</view> |
||||||
<view class="width40 flright fotrt paddtright10 font15 fontwig6 fcor666 alijun" |
<view class="width40 flright fotrt paddtright10 font15 fontwig6 fcor666 alijun" |
||||||
style="align-items: center;"> |
style="align-items: center;"> |
||||||
<radio :checked="paytype=='weixin'" color="#0083f5" /> |
<radio :checked="paytype=='jifen'" color="#0083f5" /> |
||||||
</view> |
</view> |
||||||
</view> |
</view> |
||||||
<view class="width94 line1 mart5 marb5"></view> --> |
<view class="width94 line1 mart5 marb5"></view> |
||||||
<view class="line1"></view> |
|
||||||
<view class="heightl60 paddleft10 fcor666 width100 backcorfff" @tap="paytype='weixin'"> |
<!-- <view class="line1"></view> |
||||||
<view class="width60 flleft fontwig6"> |
<view class="heightl60 paddleft10 fcor666 width100 backcorfff" @tap="paytype='weixin'"> |
||||||
微信支付 |
<view class="width60 flleft fontwig6"> |
||||||
</view> |
微信支付 |
||||||
<view class="flright width30 fotct"> |
</view> |
||||||
<radio :checked="paytype=='weixin'" color="#0083f5" /> |
<view class="flright width30 fotct"> |
||||||
</view> |
<radio :checked="paytype=='weixin'" color="#0083f5" /> |
||||||
</view> |
</view> |
||||||
|
</view> |
||||||
<view class="line1"></view> |
|
||||||
<view class="heightl60 paddleft10 fcor666 width100 backcorfff" @tap="paytype='gonghuika'"> |
<view class="line1"></view> |
||||||
<view class="width60 flleft fontwig6"> |
<view class="heightl60 paddleft10 fcor666 width100 backcorfff" @tap="paytype='gonghuika'"> |
||||||
汇联通工会卡<text class="font14 fcor666 margle">余额: {{tongCardPrice}}元</text> |
<view class="width60 flleft fontwig6"> |
||||||
</view> |
汇联通工会卡<text class="font14 fcor666 margle">余额: {{tongCardPrice}}元</text> |
||||||
<view class="flright width30 fotct"> |
</view> |
||||||
<radio :checked="paytype=='gonghuika'" @click="changeRiado()" color="#0083f5" /> |
<view class="flright width30 fotct"> |
||||||
</view> |
<radio :checked="paytype=='gonghuika'" @click="changeRiado()" color="#0083f5" /> |
||||||
</view> |
</view> |
||||||
</view> |
</view> --> |
||||||
|
</view> |
||||||
<view class="width100 mart15 fcor333 font16 fontwig6 paddleft10">重要说明</view> |
|
||||||
<view class="width95 paddleft10 font14 fcor999 mart5">1.<text |
<view class="width100 mart15 fcor333 font16 fontwig6 paddleft10">重要说明</view> |
||||||
class="fcor089 fontwig6">请先加油后下单</text>,即您到站后,与工作人员确认油号,抢号后再付款。</view> |
<view class="width95 paddleft10 font14 fcor999 mart5">1.<text |
||||||
<view class="width95 paddleft10 font14 fcor999 mart5"> |
class="fcor089 fontwig6">请先加油后下单</text>,即您到站后,与工作人员确认油号,抢号后再付款。</view> |
||||||
2.请勿先付款后加油,若您已下单付款。请于24小时内到加油站完成加油;若您48小时内未完成加油,请及时发起退单;逾期退单可能会退单失败。</view> |
<view class="width95 paddleft10 font14 fcor999 mart5"> |
||||||
<view class="height80 width100"></view> |
2.请勿先付款后加油,若您已下单付款。请于24小时内到加油站完成加油;若您48小时内未完成加油,请及时发起退单;逾期退单可能会退单失败。</view> |
||||||
<!-- 底部按钮 --> |
<view class="height80 width100"></view> |
||||||
<view class="footer"> |
<!-- 底部按钮 --> |
||||||
<view class="width50 flleft fcoreb5 padleft15 font15"> |
<view class="footer"> |
||||||
合计: ￥<text class="font24">{{payprice}}</text> |
<view class="width50 flleft fcoreb5 padleft15 font15"> |
||||||
</view> |
合计: ￥<text class="font24">{{payprice}}</text> |
||||||
<button class="reBtn flright" @click="orderToPay">去支付</button> |
</view> |
||||||
</view> |
<button class="reBtn flright" @click="orderToPay">去支付</button> |
||||||
|
</view> |
||||||
<ssPaymentPassword ref="paymentPassword" :mode="1" @submit="submitHandle"/> |
|
||||||
</view> |
<ssPaymentPassword ref="paymentPassword" :mode="1" @submit="submitHandle" /> |
||||||
</template> |
</view> |
||||||
|
</template> |
||||||
<script> |
|
||||||
import { |
<script> |
||||||
getOrderById, |
import { |
||||||
orderToPay, |
getOrderById, |
||||||
getHuiLianTongCardBalance, |
orderToPay, |
||||||
hltUnionCardPay |
getHuiLianTongCardBalance, |
||||||
} from '../../../Utils/Api.js'; |
hltUnionCardPay, |
||||||
import ssPaymentPassword from '../../../components/sanshui-payment-password/index.vue'; |
orderToGoldPay |
||||||
let app = getApp(); |
} from '../../../Utils/Api.js'; |
||||||
// #ifdef H5 |
import ssPaymentPassword from '../../../components/sanshui-payment-password/index.vue'; |
||||||
var jweixin = require('jweixin-module'); |
let app = getApp(); |
||||||
// #endif |
// #ifdef H5 |
||||||
export default { |
var jweixin = require('jweixin-module'); |
||||||
components: { |
// #endif |
||||||
ssPaymentPassword |
export default { |
||||||
}, |
components: { |
||||||
data() { |
ssPaymentPassword |
||||||
return { |
}, |
||||||
orderNo: '', |
data() { |
||||||
couponId: '', |
return { |
||||||
payprice: '', |
orderNo: '', |
||||||
orderList: '', |
couponId: '', |
||||||
refulAdress: '', |
payprice: '', |
||||||
tongCardPrice: 0, |
orderList: '', |
||||||
user: '', |
refulAdress: '', |
||||||
paytype: '', |
tongCardPrice: 0, |
||||||
PaymentPassword: '', |
user: '', |
||||||
} |
paytype: '', |
||||||
}, |
PaymentPassword: '', |
||||||
onLoad(e) { |
} |
||||||
this.payprice = e.payprice; |
}, |
||||||
this.orderNo = e.orderId; |
onLoad(e) { |
||||||
this.couponId = e.couponId; |
this.payprice = e.payprice; |
||||||
this.refulAdress = e.adres; |
this.orderNo = e.orderId; |
||||||
this.getOrderById(); |
this.couponId = e.couponId; |
||||||
}, |
this.refulAdress = e.adres; |
||||||
onShow() { |
this.getOrderById(); |
||||||
let that = this; |
}, |
||||||
that.paytype = ''; |
onShow() { |
||||||
that.user = app.globalData.userInfo; |
let that = this; |
||||||
that.getHuiLianTongCardBalance(); |
that.paytype = ''; |
||||||
}, |
that.user = app.globalData.userInfo; |
||||||
methods: { |
that.getHuiLianTongCardBalance(); |
||||||
//密码支付完成 |
}, |
||||||
submitHandle(e) { |
methods: { |
||||||
this.PaymentPassword = e.value; |
//密码支付完成 |
||||||
if(this.PaymentPassword == ''){ |
submitHandle(e) { |
||||||
uni.showToast({ |
this.PaymentPassword = e.value; |
||||||
title: '请勿手动关闭弹窗', |
if (this.PaymentPassword == '') { |
||||||
icon: 'none', |
uni.showToast({ |
||||||
duration: 2000 |
title: '请勿手动关闭弹窗', |
||||||
}) |
icon: 'none', |
||||||
return; |
duration: 2000 |
||||||
} |
}) |
||||||
uni.showLoading({ |
return; |
||||||
title: '支付中...' |
} |
||||||
}) |
uni.showLoading({ |
||||||
let params = { |
title: '支付中...' |
||||||
"orderId": this.orderNo, |
}) |
||||||
"cardNo": this.user.hltCardNo.cardNo, |
if (this.paytype == 'jifen') { |
||||||
"password": this.PaymentPassword |
let params = { |
||||||
} |
"orderId": this.orderNo, |
||||||
hltUnionCardPay(params).then(res => { |
"password": this.PaymentPassword |
||||||
uni.hideLoading(); |
} |
||||||
if (res.return_code == '000000') { |
orderToGoldPay(params).then(res => { |
||||||
uni.showToast({ |
uni.hideLoading(); |
||||||
title: '支付成功' |
if (res.return_code == '000000') { |
||||||
}) |
uni.showToast({ |
||||||
uni.reLaunch({ |
title: '支付成功' |
||||||
url: '/pages/goods/refuel-succes/refuel-succes?id=' +this.orderNo |
}) |
||||||
}); |
uni.reLaunch({ |
||||||
return; |
url: '/pages/goods/refuel-succes/refuel-succes?id=' + this.orderNo |
||||||
} |
}); |
||||||
if (res.return_code == '102130') { |
return; |
||||||
uni.navigateTo({ |
} |
||||||
url: '../../login/updatePas/updatePas' |
if (res.return_code == '102130') { |
||||||
}) |
uni.navigateTo({ |
||||||
return; |
url: '../../login/updatePas/updatePas' |
||||||
} |
}) |
||||||
uni.showToast({ |
return; |
||||||
title: res.return_msg, |
} |
||||||
icon: 'none' |
uni.showToast({ |
||||||
}) |
title: res.return_msg, |
||||||
}) |
icon: 'none' |
||||||
|
}) |
||||||
|
}) |
||||||
}, |
return; |
||||||
//获取选择支付方式 |
} |
||||||
changeRiado() { |
|
||||||
if (!this.user.isSetHltCard) { |
let params = { |
||||||
uni.showToast({ |
"orderId": this.orderNo, |
||||||
icon: 'none', |
"cardNo": this.user.hltCardNo.cardNo, |
||||||
title: '当前账号还未绑定,前往绑定', |
"password": this.PaymentPassword |
||||||
duration: 2000, |
} |
||||||
success() { |
hltUnionCardPay(params).then(res => { |
||||||
setTimeout(() => { |
uni.hideLoading(); |
||||||
uni.navigateTo({ |
if (res.return_code == '000000') { |
||||||
url: '../../user/bindingCard/bindingCard' |
uni.showToast({ |
||||||
}) |
title: '支付成功' |
||||||
}, 1000) |
}) |
||||||
} |
uni.reLaunch({ |
||||||
}); |
url: '/pages/goods/refuel-succes/refuel-succes?id=' + this.orderNo |
||||||
return; |
}); |
||||||
} |
return; |
||||||
}, |
} |
||||||
getOrderById() { |
if (res.return_code == '102130') { |
||||||
uni.showLoading({ |
uni.navigateTo({ |
||||||
title: '加载中...' |
url: '../../login/updatePas/updatePas' |
||||||
}) |
}) |
||||||
let params = { |
return; |
||||||
orderId: this.orderNo, |
} |
||||||
} |
uni.showToast({ |
||||||
getOrderById(params).then(res => { |
title: res.return_msg, |
||||||
uni.hideLoading(); |
icon: 'none' |
||||||
if (res.return_code == '000000') { |
}) |
||||||
this.orderList = res.return_data.highChildOrderList[0]; |
}) |
||||||
} |
|
||||||
}) |
|
||||||
}, |
}, |
||||||
//查询工会卡余额 |
//获取选择支付方式 |
||||||
getHuiLianTongCardBalance() { |
changeRiado() { |
||||||
let params = { |
if (!this.user.isSetHltCard) { |
||||||
cardNo: this.user.hltCardNo.cardNo |
uni.showToast({ |
||||||
} |
icon: 'none', |
||||||
getHuiLianTongCardBalance(params).then(res => { |
title: '当前账号还未绑定,前往绑定', |
||||||
if (res.return_code == '000000') { |
duration: 2000, |
||||||
this.tongCardPrice = res.return_data.balance; |
success() { |
||||||
} |
setTimeout(() => { |
||||||
|
uni.navigateTo({ |
||||||
}); |
url: '../../user/bindingCard/bindingCard' |
||||||
}, |
}) |
||||||
//获取订单数据 |
}, 1000) |
||||||
orderToPay() { |
} |
||||||
let that = this; |
}); |
||||||
if (that.paytype == '') { |
return; |
||||||
uni.showToast({ |
} |
||||||
title: '请选择支付方式', |
}, |
||||||
icon: 'none', |
getOrderById() { |
||||||
duration: 2000 |
uni.showLoading({ |
||||||
}) |
title: '加载中...' |
||||||
return; |
}) |
||||||
} |
let params = { |
||||||
if (that.paytype == 'weixin') { |
orderId: this.orderNo, |
||||||
let params = { |
} |
||||||
"orderId": that.orderNo, |
getOrderById(params).then(res => { |
||||||
"openId": app.globalData.openId, |
uni.hideLoading(); |
||||||
"orderScene": "GOODS_ORDER" |
if (res.return_code == '000000') { |
||||||
} |
this.orderList = res.return_data.highChildOrderList[0]; |
||||||
orderToPay(params).then(res => { |
} |
||||||
if (res.return_code == '000000') { |
}) |
||||||
// #ifdef MP |
}, |
||||||
uni.showLoading({ |
//查询工会卡余额 |
||||||
title: '支付中...' |
getHuiLianTongCardBalance() { |
||||||
}) |
let params = { |
||||||
uni.requestPayment({ |
cardNo: this.user.hltCardNo.cardNo |
||||||
"appId": res.return_data.appId, |
} |
||||||
"nonceStr": res.return_data.nonceStr, |
getHuiLianTongCardBalance(params).then(res => { |
||||||
"package": res.return_data.package, |
if (res.return_code == '000000') { |
||||||
"paySign": res.return_data.sign, |
this.tongCardPrice = res.return_data.balance; |
||||||
"signType": "MD5", |
} |
||||||
"timeStamp": res.return_data.timeStamp, |
|
||||||
success: function(res) { |
}); |
||||||
uni.hideLoading(); |
}, |
||||||
uni.showToast({ |
//获取订单数据 |
||||||
title: '支付成功' |
orderToPay() { |
||||||
}) |
let that = this; |
||||||
uni.reLaunch({ |
if (that.paytype == '') { |
||||||
url: '/pages/goods/refuel-succes/refuel-succes?id=' +that.orderNo |
uni.showToast({ |
||||||
}); |
title: '请选择支付方式', |
||||||
}, |
icon: 'none', |
||||||
fail: function(err) { |
duration: 2000 |
||||||
uni.hideLoading(); |
}) |
||||||
}, |
return; |
||||||
}); |
} |
||||||
// #endif |
if (that.paytype == 'weixin') { |
||||||
|
let params = { |
||||||
//判断是否是公众号 |
"orderId": that.orderNo, |
||||||
// #ifdef H5 |
"openId": app.globalData.openId, |
||||||
//判断微信浏览器 |
"orderScene": "GOODS_ORDER" |
||||||
that.payRequest(res); |
} |
||||||
// #endif |
orderToPay(params).then(res => { |
||||||
|
if (res.return_code == '000000') { |
||||||
} else { |
// #ifdef MP |
||||||
uni.showToast({ |
uni.showLoading({ |
||||||
title: res.return_msg, |
title: '支付中...' |
||||||
icon: 'none' |
}) |
||||||
}) |
uni.requestPayment({ |
||||||
} |
"appId": res.return_data.appId, |
||||||
}) |
"nonceStr": res.return_data.nonceStr, |
||||||
return; |
"package": res.return_data.package, |
||||||
} |
"paySign": res.return_data.sign, |
||||||
if(that.paytype == 'gonghuika'){ |
"signType": "MD5", |
||||||
if (!that.user.isSetPayPwd) { |
"timeStamp": res.return_data.timeStamp, |
||||||
uni.navigateTo({ |
success: function(res) { |
||||||
url: '../../login/updatePas/updatePas' |
uni.hideLoading(); |
||||||
}) |
uni.showToast({ |
||||||
return; |
title: '支付成功' |
||||||
} |
}) |
||||||
if (!that.user.isSetHltCard) { |
uni.reLaunch({ |
||||||
uni.showToast({ |
url: '/pages/goods/refuel-succes/refuel-succes?id=' + |
||||||
icon: 'none', |
that.orderNo |
||||||
title: '当前账号还未绑定,前往绑定', |
}); |
||||||
duration: 2000, |
}, |
||||||
success() { |
fail: function(err) { |
||||||
setTimeout(() => { |
uni.hideLoading(); |
||||||
uni.navigateTo({ |
}, |
||||||
url: '../../user/bindingCard/bindingCard' |
}); |
||||||
}) |
// #endif |
||||||
}, 1000) |
|
||||||
} |
//判断是否是公众号 |
||||||
}); |
// #ifdef H5 |
||||||
return; |
//判断微信浏览器 |
||||||
} |
that.payRequest(res); |
||||||
that.$refs.paymentPassword.modalFun('show'); |
// #endif |
||||||
} |
|
||||||
}, |
} else { |
||||||
payRequest: function(self) { |
uni.showToast({ |
||||||
let that = this; |
title: res.return_msg, |
||||||
uni.showLoading({ |
icon: 'none' |
||||||
title: '支付中...' |
}) |
||||||
}) |
} |
||||||
jweixin.config({ |
}) |
||||||
// debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 |
return; |
||||||
appId: self.return_data.appId, // 必填，公众号的唯一标识 |
} |
||||||
timestamp: self.return_data.timeStamp, // 必填，生成签名的时间戳 |
if (that.paytype == 'gonghuika') { |
||||||
nonceStr: self.return_data.nonceStr, // 必填，生成签名的随机串 |
if (!that.user.isSetPayPwd) { |
||||||
signature: self.return_data.sign, // 必填，签名，见附录1 |
uni.navigateTo({ |
||||||
jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 |
url: '../../login/updatePas/updatePas' |
||||||
}); |
}) |
||||||
uni.hideLoading(); |
return; |
||||||
jweixin.ready(function() { |
} |
||||||
jweixin.checkJsApi({ |
if (!that.user.isSetHltCard) { |
||||||
jsApiList: ['chooseWXPay'], // 需要检测的JS接口列表，所有JS接口列表见附录2, |
uni.showToast({ |
||||||
success: function(res) {}, |
icon: 'none', |
||||||
fail: function(res) {} |
title: '当前账号还未绑定,前往绑定', |
||||||
}); |
duration: 2000, |
||||||
jweixin.chooseWXPay({ |
success() { |
||||||
appId: self.return_data.appId, |
setTimeout(() => { |
||||||
timestamp: self.return_data |
uni.navigateTo({ |
||||||
.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符 |
url: '../../user/bindingCard/bindingCard' |
||||||
nonceStr: self.return_data.nonceStr, // 支付签名随机串，不长于 32 位 |
}) |
||||||
package: self.return_data |
}, 1000) |
||||||
.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***） |
} |
||||||
signType: 'MD5', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5' |
}); |
||||||
paySign: self.return_data.sign, // 支付签名 |
return; |
||||||
success: function(res) { |
} |
||||||
// 支付成功后的回调函数 |
that.$refs.paymentPassword.modalFun('show'); |
||||||
uni.showToast({ |
} |
||||||
title: '支付成功' |
|
||||||
}) |
if (that.paytype == 'jifen') { |
||||||
uni.reLaunch({ |
if (!that.user.isSetPayPwd) { |
||||||
url: '/pages/goods/refuel-succes/refuel-succes?id=' + |
uni.navigateTo({ |
||||||
that.orderNo |
url: '../../login/updatePas/updatePas' |
||||||
}); |
}) |
||||||
}, |
return; |
||||||
cancel: function(r) {}, |
} |
||||||
fail: function(res) {}, |
that.$refs.paymentPassword.modalFun('show'); |
||||||
complete: function(res) { |
} |
||||||
|
|
||||||
} |
}, |
||||||
}); |
payRequest: function(self) { |
||||||
}); |
let that = this; |
||||||
|
uni.showLoading({ |
||||||
jweixin.error(function(res) { |
title: '支付中...' |
||||||
uni.showToast({ |
}) |
||||||
icon: 'none', |
jweixin.config({ |
||||||
title: '支付失败了', |
// debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 |
||||||
duration: 4000 |
appId: self.return_data.appId, // 必填，公众号的唯一标识 |
||||||
}); |
timestamp: self.return_data.timeStamp, // 必填，生成签名的时间戳 |
||||||
// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。 |
nonceStr: self.return_data.nonceStr, // 必填，生成签名的随机串 |
||||||
/*alert("config信息验证失败");*/ |
signature: self.return_data.sign, // 必填，签名，见附录1 |
||||||
}); |
jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 |
||||||
}, |
}); |
||||||
|
uni.hideLoading(); |
||||||
} |
jweixin.ready(function() { |
||||||
} |
jweixin.checkJsApi({ |
||||||
</script> |
jsApiList: ['chooseWXPay'], // 需要检测的JS接口列表，所有JS接口列表见附录2, |
||||||
|
success: function(res) {}, |
||||||
<style lang="less"> |
fail: function(res) {} |
||||||
page { |
}); |
||||||
background-color: #f7f7f7; |
jweixin.chooseWXPay({ |
||||||
} |
appId: self.return_data.appId, |
||||||
|
timestamp: self.return_data |
||||||
.conImg { |
.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符 |
||||||
width: 100px; |
nonceStr: self.return_data.nonceStr, // 支付签名随机串，不长于 32 位 |
||||||
height: 100px; |
package: self.return_data |
||||||
border-radius: 8px; |
.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***） |
||||||
} |
signType: 'MD5', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5' |
||||||
|
paySign: self.return_data.sign, // 支付签名 |
||||||
.conCont { |
success: function(res) { |
||||||
margin-left: 115px; |
// 支付成功后的回调函数 |
||||||
} |
uni.showToast({ |
||||||
|
title: '支付成功' |
||||||
.slogan { |
}) |
||||||
color: #807c87; |
uni.reLaunch({ |
||||||
text-decoration: line-through; |
url: '/pages/goods/refuel-succes/refuel-succes?id=' + |
||||||
} |
that.orderNo |
||||||
|
}); |
||||||
.footer { |
}, |
||||||
position: fixed; |
cancel: function(r) {}, |
||||||
bottom: 0upx; |
fail: function(res) {}, |
||||||
width: 100%; |
complete: function(res) { |
||||||
height: 100rpx; |
|
||||||
color: #FFFFFF; |
} |
||||||
border-top: solid 1upx #eee; |
}); |
||||||
background-color: #FFFFFF; |
}); |
||||||
z-index: 2; |
|
||||||
display: flex; |
jweixin.error(function(res) { |
||||||
justify-content: space-between; |
uni.showToast({ |
||||||
align-items: center; |
icon: 'none', |
||||||
|
title: '支付失败了', |
||||||
.reBtn { |
duration: 4000 |
||||||
width: 120px; |
}); |
||||||
background-color: #089bf5; |
// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。 |
||||||
color: #FFFFFF; |
/*alert("config信息验证失败");*/ |
||||||
text-align: center; |
}); |
||||||
padding: 0; |
}, |
||||||
font-size: 16px; |
|
||||||
border-radius: 0px; |
} |
||||||
height: 50px; |
} |
||||||
line-height: 50px; |
</script> |
||||||
position: absolute; |
|
||||||
right: 0px; |
<style lang="less"> |
||||||
} |
page { |
||||||
} |
background-color: #f7f7f7; |
||||||
|
} |
||||||
|
|
||||||
|
.conImg { |
||||||
|
width: 100px; |
||||||
|
height: 100px; |
||||||
|
border-radius: 8px; |
||||||
|
} |
||||||
|
|
||||||
|
.conCont { |
||||||
|
margin-left: 115px; |
||||||
|
} |
||||||
|
|
||||||
|
.slogan { |
||||||
|
color: #807c87; |
||||||
|
text-decoration: line-through; |
||||||
|
} |
||||||
|
|
||||||
|
.footer { |
||||||
|
position: fixed; |
||||||
|
bottom: 0upx; |
||||||
|
width: 100%; |
||||||
|
height: 100rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
border-top: solid 1upx #eee; |
||||||
|
background-color: #FFFFFF; |
||||||
|
z-index: 2; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.reBtn { |
||||||
|
width: 120px; |
||||||
|
background-color: #089bf5; |
||||||
|
color: #FFFFFF; |
||||||
|
text-align: center; |
||||||
|
padding: 0; |
||||||
|
font-size: 16px; |
||||||
|
border-radius: 0px; |
||||||
|
height: 50px; |
||||||
|
line-height: 50px; |
||||||
|
position: absolute; |
||||||
|
right: 0px; |
||||||
|
} |
||||||
|
} |
||||||
</style> |
</style> |
||||||
|
|||||||
Loading…
Reference in new issue