1241 lines
34 KiB
Vue
1241 lines
34 KiB
Vue
<template name="payment-box">
|
||
<view :class="['shareMsk', showBoxView ? '' : 'hide']" style="z-index: 999">
|
||
<view
|
||
:class="[
|
||
'sharebox',
|
||
showBoxView ? 'bounceInUp animated' : 'bounceOutDown animated',
|
||
]"
|
||
style="height: auto"
|
||
>
|
||
<view class="uni-padding-wrap" style="z-index: 200">
|
||
<view style="background: #fff; padding: 50rpx 0">
|
||
<view class="uni-hello-text uni-center">{{ __("支付金额") }}</view>
|
||
<view class="uni-h1 uni-center uni-common-mt"
|
||
><text class="rmbLogo">{{ __("￥") }}</text
|
||
>{{ paymentDataDefault.orderSelMoneyAmount }}</view
|
||
>
|
||
</view>
|
||
|
||
<view class="uni-list">
|
||
<label
|
||
class="uni-list-cell uni-list-cell-pd"
|
||
v-if="
|
||
defaultUserMoney &&
|
||
paymentDataDefault.user_money &&
|
||
blanceChannel.money
|
||
"
|
||
>
|
||
<view>
|
||
{{
|
||
sprintf(__("账户余额 (￥%s)"), paymentDataDefault.user_money)
|
||
}}
|
||
</view>
|
||
<view>
|
||
<switch @change="switchMoney" />
|
||
</view>
|
||
</label>
|
||
<label
|
||
class="uni-list-cell uni-list-cell-pd"
|
||
v-if="
|
||
defaultUserMoney &&
|
||
paymentDataDefault.user_points &&
|
||
blanceChannel.points
|
||
"
|
||
>
|
||
<view>
|
||
{{
|
||
sprintf(__("账户积分 (￥%s)"), paymentDataDefault.user_points)
|
||
}}
|
||
</view>
|
||
<view>
|
||
<switch @change="switchPoints" />
|
||
</view>
|
||
</label>
|
||
|
||
<label
|
||
class="uni-list-cell uni-list-cell-pd"
|
||
v-if="
|
||
defaultUserMoney &&
|
||
paymentDataDefault.user_recharge_card &&
|
||
blanceChannel.recharge_card
|
||
"
|
||
>
|
||
<view>
|
||
{{
|
||
sprintf(
|
||
__("充值余额 (￥%s)"),
|
||
paymentDataDefault.user_recharge_card
|
||
)
|
||
}}
|
||
</view>
|
||
<view>
|
||
<switch @change="switchRechargeCard" />
|
||
</view>
|
||
</label>
|
||
|
||
<label
|
||
class="uni-list-cell uni-list-cell-pd"
|
||
v-if="
|
||
defaultUserMoney && paymentDataDefault.user_sp && blanceChannel.sp
|
||
"
|
||
>
|
||
<view>
|
||
{{ sprintf(__("现金券 (￥%s)"), paymentDataDefault.user_sp) }}
|
||
</view>
|
||
<view>
|
||
<switch @change="switchSp" />
|
||
</view>
|
||
</label>
|
||
|
||
<label
|
||
v-if="
|
||
defaultUserMoney &&
|
||
(userMoney || userPoints || userSp || userRechargeCard)
|
||
"
|
||
class="uni-list-cell uni-list-cell-pd"
|
||
style="line-height: 50px; height: 50px; padding: 0rpx 30rpx"
|
||
>
|
||
<view>
|
||
<input
|
||
class="uni-input"
|
||
password
|
||
type="text"
|
||
:placeholder="__('请输入支付密码')"
|
||
name="password"
|
||
:value="password"
|
||
@input="passwordChange"
|
||
style="width: 100%"
|
||
/>
|
||
</view>
|
||
</label>
|
||
|
||
<!-- #ifdef MP-WEIXIN || MP-TOUTIAO -->
|
||
<radio-group @change="paymentChange">
|
||
<label
|
||
class="uni-list-cell uni-list-cell-pd"
|
||
v-for="(item, index) in providerList"
|
||
v-if="$.inArray(h5WeChatMPpayList, item.id)"
|
||
:key="index"
|
||
>
|
||
<view style="line-height: 35px; height: 35px">
|
||
<image
|
||
:src="
|
||
'/static/images/pay_type/' +
|
||
(item.id == 'wxpay' ? 'wx_native' : item.id) +
|
||
'.png'
|
||
"
|
||
mode="heightFix"
|
||
style="height: 35px"
|
||
></image>
|
||
</view>
|
||
<view>
|
||
<radio :value="index + ''" :checked="index == paymentIndex" />
|
||
</view>
|
||
</label>
|
||
</radio-group>
|
||
<!-- #endif -->
|
||
|
||
<!-- #ifdef APP-PLUS -->
|
||
<radio-group @change="paymentChange">
|
||
<label
|
||
class="uni-list-cell uni-list-cell-pd"
|
||
v-for="(item, index) in providerList"
|
||
:key="index"
|
||
>
|
||
<view style="line-height: 35px; height: 35px">
|
||
<image
|
||
:src="
|
||
'/static/images/pay_type/' +
|
||
(item.id == 'wxpay' ? 'wx_native' : item.id) +
|
||
'.png'
|
||
"
|
||
mode="heightFix"
|
||
style="height: 35px"
|
||
></image>
|
||
</view>
|
||
<view>
|
||
<radio
|
||
:value="index + ''"
|
||
:checked="index == paymentIndex ? true : false"
|
||
/>
|
||
</view>
|
||
</label>
|
||
</radio-group>
|
||
<!-- #endif -->
|
||
|
||
<!-- #ifdef H5 -->
|
||
<radio-group @change="paymentChange" v-if="isWeixin">
|
||
<label
|
||
class="uni-list-cell uni-list-cell-pd"
|
||
v-for="(item, index) in providerList"
|
||
v-if="$.inArray(h5WeChatpayList, item.id)"
|
||
:key="index"
|
||
>
|
||
<view style="line-height: 35px; height: 35px">
|
||
<image
|
||
:src="
|
||
'/static/images/pay_type/' +
|
||
(item.id == 'wxpay' ? 'wx_native' : item.id) +
|
||
'.png'
|
||
"
|
||
mode="heightFix"
|
||
style="height: 35px"
|
||
></image>
|
||
</view>
|
||
<view>
|
||
<radio :value="index + ''" :checked="index == paymentIndex" />
|
||
</view>
|
||
</label>
|
||
</radio-group>
|
||
<radio-group @change="paymentChange" v-else>
|
||
<label
|
||
class="uni-list-cell uni-list-cell-pd"
|
||
v-for="(item, index) in providerList"
|
||
:key="index"
|
||
>
|
||
<view style="line-height: 35px; height: 35px">
|
||
<image
|
||
:src="
|
||
'/static/images/pay_type/' +
|
||
(item.id == 'wxpay' ? 'wx_native' : item.id) +
|
||
'.png'
|
||
"
|
||
mode="heightFix"
|
||
style="height: 35px"
|
||
></image>
|
||
</view>
|
||
<view>
|
||
<radio :value="index + ''" :checked="index == paymentIndex" />
|
||
</view>
|
||
</label>
|
||
</radio-group>
|
||
<!-- #endif -->
|
||
</view>
|
||
|
||
<view class="uni-btn-v uni-common-mt">
|
||
<button type="primary" @tap="confirmPayment" :loading="loading">
|
||
{{ __("确定支付") }}
|
||
</button>
|
||
</view>
|
||
</view>
|
||
<view
|
||
class="uni-icon uni-icon-closeempty m-panel-sp-icon"
|
||
color="#888"
|
||
@click="cancel"
|
||
></view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
|
||
<script>
|
||
import { mapState, mapMutations } from "vuex";
|
||
|
||
// #ifdef H5
|
||
|
||
import wPay from "../helpers/pPay";
|
||
|
||
// #endif
|
||
|
||
export default {
|
||
name: "payment-box",
|
||
props: {
|
||
order_id: {
|
||
type: String,
|
||
default: "",
|
||
},
|
||
kind: {
|
||
type: String,
|
||
default: "order", //favorable
|
||
},
|
||
defaultUserMoney: {
|
||
type: Boolean,
|
||
default: true,
|
||
},
|
||
paymentDataDefault: {
|
||
type: Object,
|
||
default() {
|
||
return {
|
||
order_id: "",
|
||
orderSelMoneyAmount: 0,
|
||
user_money: 0,
|
||
user_points: 0,
|
||
user_recharge_card: 0,
|
||
user_sp: 0,
|
||
//openid: app.globalData.userInfo.openId,
|
||
//typ: 'json',
|
||
//payment_channel_code: 'wx_native',
|
||
//prepay_flag: 1
|
||
};
|
||
},
|
||
},
|
||
},
|
||
data() {
|
||
return {
|
||
loading: false,
|
||
// h5payList:['paypal', 'redsys', 'payu', 'ccav','alipay'],
|
||
h5payList: ["paypal", "redsys", "payu", "ccav"],
|
||
h5WeChatpayList: ["wxpay"],
|
||
h5WeChatMPpayList: ["wxpay"],
|
||
providerList: [
|
||
{
|
||
name: "支付宝",
|
||
id: "alipay",
|
||
loading: false,
|
||
},
|
||
{
|
||
name: "微信",
|
||
id: "wxpay",
|
||
loading: false,
|
||
},
|
||
{
|
||
name: "Paypal",
|
||
id: "paypal",
|
||
loading: false,
|
||
},
|
||
{
|
||
name: "Redsys",
|
||
id: "redsys",
|
||
loading: false,
|
||
},
|
||
{
|
||
name: "Payu",
|
||
id: "payu",
|
||
loading: false,
|
||
},
|
||
{
|
||
name: "Ccav",
|
||
id: "ccav",
|
||
loading: false,
|
||
},
|
||
{
|
||
name: "Cash on delivery",
|
||
id: "offline",
|
||
loading: false,
|
||
} /*,{
|
||
name: '百度',
|
||
id: 'baidu',
|
||
loading: false
|
||
}*/,
|
||
],
|
||
blanceChannel: {
|
||
money: false,
|
||
points: false,
|
||
recharge_card: false,
|
||
sp: false,
|
||
},
|
||
showBoxView: false,
|
||
userMoney: false,
|
||
userPoints: false,
|
||
userRechargeCard: false,
|
||
userSp: false,
|
||
password: "", //支付密码
|
||
paymentIndex: 0,
|
||
isWeixin: false,
|
||
};
|
||
},
|
||
computed: mapState([
|
||
"Config",
|
||
"StateCode",
|
||
"notice",
|
||
"plantformInfo",
|
||
"shopInfo",
|
||
"userInfo",
|
||
"hasLogin",
|
||
]),
|
||
created: function () {
|
||
let that = this;
|
||
// #ifdef APP-PLUS
|
||
uni.getProvider({
|
||
service: "payment",
|
||
success: (e) => {
|
||
//console.log("payment success", e);
|
||
this.providerList = e.provider.map((value) => {
|
||
switch (value) {
|
||
case "alipay":
|
||
return {
|
||
name: "支付宝",
|
||
id: value,
|
||
loading: false,
|
||
};
|
||
case "wxpay":
|
||
return {
|
||
name: "微信",
|
||
id: value,
|
||
loading: false,
|
||
}; /*
|
||
case 'baidu':
|
||
return {
|
||
name: '百度',
|
||
id: value,
|
||
loading: false
|
||
}*/
|
||
}
|
||
});
|
||
|
||
this.providerList.push({
|
||
name: "Paypal",
|
||
id: "paypal",
|
||
loading: false,
|
||
});
|
||
|
||
this.providerList.push({
|
||
name: "Redsys",
|
||
id: "redsys",
|
||
loading: false,
|
||
});
|
||
|
||
this.providerList.push({
|
||
name: "Payu",
|
||
id: "payu",
|
||
loading: false,
|
||
});
|
||
|
||
this.providerList.push({
|
||
name: "Ccav",
|
||
id: "ccav",
|
||
loading: false,
|
||
});
|
||
|
||
this.providerList.push({
|
||
name: "Cash on delivery",
|
||
id: "offline",
|
||
loading: false,
|
||
});
|
||
},
|
||
fail: (e) => {
|
||
//console.log("获取登录通道失败：", e);
|
||
},
|
||
});
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
if (that.$.isWeixin()) {
|
||
this.setData({ isWeixin: true });
|
||
} else {
|
||
}
|
||
// #endif
|
||
|
||
//处理有效的支付方式
|
||
setTimeout(() => {
|
||
this.getPlantformInfo((plantformInfo) => {
|
||
if (typeof plantformInfo.payment_channel_code_row != "undefined") {
|
||
var tk = this.providerList.length;
|
||
|
||
while (tk--) {
|
||
let tmp_code = this.providerList[tk].id;
|
||
|
||
//如果启用了支付方式
|
||
if (
|
||
that.$.inArray(plantformInfo.payment_channel_code_row, tmp_code)
|
||
) {
|
||
} else {
|
||
//删除
|
||
this.providerList.splice(tk, 1);
|
||
}
|
||
}
|
||
|
||
//判断余额支付途径blanceChannel
|
||
|
||
let tmpList = ["money", "points", "recharge_card", "sp"];
|
||
|
||
for (var tk in tmpList) {
|
||
//如果启用了支付方式
|
||
if (
|
||
that.$.inArray(
|
||
plantformInfo.payment_channel_code_row,
|
||
tmpList[tk]
|
||
)
|
||
) {
|
||
this.blanceChannel[tmpList[tk]] = true;
|
||
} else {
|
||
//删除
|
||
this.blanceChannel[tmpList[tk]] = false;
|
||
}
|
||
}
|
||
|
||
//this.$forceUpdate();
|
||
}
|
||
});
|
||
}, 200);
|
||
},
|
||
methods: {
|
||
...mapMutations([
|
||
"login",
|
||
"logout",
|
||
"getPlantformInfo",
|
||
"forceUserInfo",
|
||
"getUserInfo",
|
||
]),
|
||
confirmPayment(e) {
|
||
let that = this;
|
||
if (
|
||
(this.userMoney ||
|
||
this.userPoints ||
|
||
this.userSp ||
|
||
this.userRechargeCard) &&
|
||
!this.password
|
||
) {
|
||
that.$.showModal({
|
||
content: that.__("请输入余额支付密码！"),
|
||
showCancel: false,
|
||
});
|
||
|
||
return;
|
||
}
|
||
// #ifdef APP-PLUS
|
||
if (
|
||
that.$.inArray(this.h5payList, this.providerList[this.paymentIndex].id)
|
||
) {
|
||
this.h5OldPay(this.providerList[this.paymentIndex], this.paymentIndex);
|
||
} else {
|
||
this.requestPayment(
|
||
this.providerList[this.paymentIndex],
|
||
this.paymentIndex
|
||
);
|
||
}
|
||
// #endif
|
||
|
||
// #ifdef MP-WEIXIN
|
||
wx.login({
|
||
success: (res) => {
|
||
// 登录注册接口
|
||
if (res.code) {
|
||
// 调用服务端登录接口，发送 res.code 到服务器端换取 openId, sessionKey, unionId并存入数据库中
|
||
let params = { code: res.code };
|
||
|
||
that.$.request({
|
||
url: that.cf.URL.get_miniapp_open_id,
|
||
data: params,
|
||
success: (data, status, msg, code) => {
|
||
that.weixinPay(data.openid);
|
||
},
|
||
fail: (err, status) => {
|
||
////console.info(err);
|
||
////console.info(status);
|
||
},
|
||
});
|
||
} else {
|
||
that.$.showModal({
|
||
content: that.__("授权失败"),
|
||
showCancel: false,
|
||
});
|
||
}
|
||
},
|
||
});
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
if (that.$.isWeixin()) {
|
||
this.mpPay();
|
||
} else {
|
||
if (this.providerList[this.paymentIndex].id == "wxpay") {
|
||
//this.h5OldPay(this.providerList[this.paymentIndex], this.paymentIndex)
|
||
this.h5Pay(this.providerList[this.paymentIndex], this.paymentIndex);
|
||
} else if (
|
||
that.$.inArray(
|
||
this.h5payList,
|
||
this.providerList[this.paymentIndex].id
|
||
)
|
||
) {
|
||
this.h5OldPay(
|
||
this.providerList[this.paymentIndex],
|
||
this.paymentIndex
|
||
);
|
||
} else {
|
||
this.h5Pay(this.providerList[this.paymentIndex], this.paymentIndex);
|
||
}
|
||
}
|
||
// #endif
|
||
|
||
// #ifdef MP-BAIDU
|
||
this.baiduPay();
|
||
// #endif
|
||
},
|
||
switchMoney(e) {
|
||
// #ifdef MP_BAIDU
|
||
this.userMoney = e.detail.checked;
|
||
// #endif
|
||
|
||
// #ifndef MP_BAIDU
|
||
this.userMoney = e.detail.value;
|
||
// #endif
|
||
},
|
||
|
||
switchPoints(e) {
|
||
// #ifdef MP_BAIDU
|
||
this.userPoints = e.detail.checked;
|
||
// #endif
|
||
|
||
// #ifndef MP_BAIDU
|
||
this.userPoints = e.detail.value;
|
||
// #endif
|
||
},
|
||
|
||
switchRechargeCard(e) {
|
||
// #ifdef MP_BAIDU
|
||
this.userRechargeCard = e.detail.checked;
|
||
// #endif
|
||
|
||
// #ifndef MP_BAIDU
|
||
this.userRechargeCard = e.detail.value;
|
||
// #endif
|
||
},
|
||
|
||
switchSp(e) {
|
||
// #ifdef MP_BAIDU
|
||
this.userSp = e.detail.checked;
|
||
// #endif
|
||
|
||
// #ifndef MP_BAIDU
|
||
this.userSp = e.detail.value;
|
||
// #endif
|
||
},
|
||
|
||
passwordChange(e) {
|
||
this.password = e.target.value;
|
||
},
|
||
|
||
paymentChange(e) {
|
||
//console.log("type:" + e.detail.value);
|
||
let payment_index = parseInt(e.detail.value);
|
||
this.paymentIndex = payment_index;
|
||
},
|
||
async weixinPay(openid) {
|
||
let that = this;
|
||
//console.log("发起支付");
|
||
this.loading = true;
|
||
|
||
let result = await this.getOrderInfo("wxpay", openid);
|
||
let orderInfo = result.data;
|
||
|
||
if (result.status !== 200) {
|
||
if (result.code == 101) {
|
||
that.$.showModal({
|
||
title: that.__("提示"),
|
||
content: that.__("未设置支付密码，去设置？"),
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
let redirect_url = "/member/member/paypwd";
|
||
that.$.gopage(redirect_url);
|
||
} else if (res.cancel) {
|
||
}
|
||
},
|
||
});
|
||
} else {
|
||
that.$.showModal({
|
||
content: result.msg || that.__("获得订单信息失败"),
|
||
showCancel: false,
|
||
});
|
||
}
|
||
|
||
this.loading = false;
|
||
return;
|
||
} else {
|
||
}
|
||
|
||
if (orderInfo.paid) {
|
||
this.loading = false;
|
||
|
||
setTimeout(() => {
|
||
this.$emit("onPaid", orderInfo);
|
||
}, 1000);
|
||
} else {
|
||
let paymentData = orderInfo.data;
|
||
that.$.requestPayment({
|
||
timeStamp: paymentData.timeStamp + "",
|
||
nonceStr: paymentData.nonceStr,
|
||
package: paymentData.package,
|
||
signType: paymentData.signType,
|
||
paySign: paymentData.paySign,
|
||
success: (res) => {
|
||
setTimeout(() => {
|
||
this.$emit("onPaid", orderInfo);
|
||
}, 1000);
|
||
},
|
||
fail: (res) => {
|
||
that.$.showModal({
|
||
content: that.__("支付失败"),
|
||
showCancel: false,
|
||
});
|
||
|
||
this.$emit("onFail");
|
||
},
|
||
complete: () => {
|
||
this.loading = false;
|
||
},
|
||
});
|
||
}
|
||
},
|
||
async baiduPay() {
|
||
let that = this;
|
||
//console.log("发起支付");
|
||
this.loading = true;
|
||
|
||
let result = await this.getOrderInfo("baidu");
|
||
let orderInfo = result.data;
|
||
|
||
if (result.status !== 200) {
|
||
//console.log("获得订单信息失败", orderInfo);
|
||
if (result.code == 101) {
|
||
that.$.showModal({
|
||
title: that.__("提示"),
|
||
content: that.__("未设置支付密码，去设置？"),
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
let redirect_url = "/member/member/paypwd";
|
||
that.$.gopage(redirect_url);
|
||
} else if (res.cancel) {
|
||
}
|
||
},
|
||
});
|
||
} else {
|
||
that.$.showModal({
|
||
content: result.msg || that.__("获得订单信息失败"),
|
||
showCancel: false,
|
||
});
|
||
}
|
||
|
||
this.loading = false;
|
||
return;
|
||
} else {
|
||
}
|
||
|
||
if (orderInfo.paid) {
|
||
this.loading = false;
|
||
setTimeout(() => {
|
||
this.$emit("onPaid", orderInfo);
|
||
}, 1000);
|
||
} else {
|
||
let paymentData = orderInfo.data;
|
||
that.$.requestPayment({
|
||
timeStamp: paymentData.timeStamp,
|
||
nonceStr: paymentData.nonceStr,
|
||
package: paymentData.package,
|
||
signType: "MD5",
|
||
paySign: paymentData.paySign,
|
||
success: (res) => {
|
||
setTimeout(() => {
|
||
this.$emit("onPaid", orderInfo);
|
||
}, 1000);
|
||
},
|
||
fail: (res) => {
|
||
////console.info(res.errMsg);
|
||
that.$.showModal({
|
||
content: that.__("支付失败"),
|
||
showCancel: false,
|
||
});
|
||
|
||
this.$emit("onFail");
|
||
},
|
||
complete: () => {
|
||
this.loading = false;
|
||
},
|
||
});
|
||
}
|
||
},
|
||
|
||
async requestPayment(e, index) {
|
||
let that = this;
|
||
|
||
this.loading = true;
|
||
this.providerList[index].loading = true;
|
||
let result = await this.getOrderInfo(e.id);
|
||
let orderInfo = result.data;
|
||
|
||
if (result.status !== 200) {
|
||
//console.log("获得订单信息失败", orderInfo);
|
||
if (result.code == 101) {
|
||
that.$.showModal({
|
||
title: that.__("提示"),
|
||
content: that.__("未设置支付密码，去设置？"),
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
let redirect_url = "/member/member/paypwd";
|
||
that.$.gopage(redirect_url);
|
||
} else if (res.cancel) {
|
||
}
|
||
},
|
||
});
|
||
} else {
|
||
that.$.showModal({
|
||
content: result.msg || that.__("获得订单信息失败"),
|
||
showCancel: false,
|
||
});
|
||
}
|
||
|
||
this.loading = false;
|
||
return;
|
||
} else {
|
||
}
|
||
|
||
if (orderInfo.paid) {
|
||
this.loading = false;
|
||
|
||
setTimeout(() => {
|
||
this.$emit("onPaid", orderInfo);
|
||
}, 1000);
|
||
} else {
|
||
let pay_params = Object.assign({}, orderInfo.data);
|
||
delete pay_params["order_id"];
|
||
|
||
pay_params["partnerid"] = pay_params["partnerid"] + "";
|
||
pay_params["timestamp"] = pay_params["timestamp"] + "";
|
||
|
||
that.$.requestPayment({
|
||
provider: e.id,
|
||
orderInfo: e.id == "alipay" ? orderInfo.data : pay_params,
|
||
success: (e) => {
|
||
//console.log("success", e);
|
||
//进入订单页面
|
||
|
||
setTimeout(() => {
|
||
this.$emit("onPaid", orderInfo);
|
||
}, 1000);
|
||
},
|
||
fail: (e) => {
|
||
//console.log("fail", e);
|
||
that.$.showModal({
|
||
content: that.__("支付失败"),
|
||
showCancel: false,
|
||
});
|
||
|
||
this.$emit("onFail");
|
||
},
|
||
complete: () => {
|
||
this.loading = false;
|
||
this.providerList[index].loading = false;
|
||
},
|
||
});
|
||
}
|
||
},
|
||
async h5OldPay(e, index) {
|
||
let that = this;
|
||
//console.log("发起支付");
|
||
this.loading = true;
|
||
this.providerList[index].loading = true;
|
||
|
||
//页面直接跳转支付模式
|
||
var id = uni.getStorageSync("uid");
|
||
var key = uni.getStorageSync("ukey");
|
||
|
||
let appid = "";
|
||
let payment_channel_code = e.id;
|
||
|
||
if (e.id == "wxpay") {
|
||
payment_channel_code = "wx_native";
|
||
}
|
||
|
||
var pm_money = 0;
|
||
var pm_recharge_card = 0;
|
||
var pm_points = 0;
|
||
var pm_credit = 0;
|
||
|
||
var password = this.password;
|
||
var pay_sn = this.order_id;
|
||
|
||
if (this.userMoney) {
|
||
pm_money = this.paymentDataDefault.orderSelMoneyAmount;
|
||
}
|
||
|
||
let params = {
|
||
perm_id: id,
|
||
perm_key: key,
|
||
|
||
pay_sn: pay_sn,
|
||
password: password,
|
||
pm_recharge_card: pm_recharge_card,
|
||
pm_money: pm_money,
|
||
pm_points: pm_points,
|
||
pm_credit: pm_credit,
|
||
payment_channel_code: payment_channel_code,
|
||
mp_flag: 0,
|
||
old_mp_flag: 1,
|
||
appid: appid,
|
||
typ: "e",
|
||
};
|
||
|
||
// #ifdef H5
|
||
/*
|
||
*/
|
||
// #endif
|
||
|
||
//let url = that.$.createUrl(that.cf.URL.pay.pay, {key:key,pay_sn:pay_sn,password:password,pm_recharge_card:pm_recharge_card,pm_money:pm_money,pm_points:pm_points,pm_credit:pm_credit,payment_channel_code:payment_channel_code, mp_flag:isWeixin()?1:0, old_mp_flag:1});
|
||
let url = that.$.createUrl(that.cf.URL.pay.pay, params);
|
||
|
||
// #ifdef APP-PLUS
|
||
that.$.gotopage("/pagesub/webpage/webpage?u=" + encodeURIComponent(url));
|
||
|
||
/*
|
||
that.$.showModal({
|
||
title: that.__('提示'),
|
||
content: that.__('是否支付完成？'),
|
||
success: res => {
|
||
if (res.confirm) {
|
||
let redirect_url = '/member/order/detail?on=' + that.order_id;
|
||
that.$.gopage(redirect_url);
|
||
|
||
} else if (res.cancel) {
|
||
let redirect_url = '/member/order/detail?on=' + that.order_id;
|
||
that.$.gopage(redirect_url);
|
||
}
|
||
|
||
}
|
||
});
|
||
*/
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
that.$.showModal({
|
||
title: that.__("提示"),
|
||
content: that.__("是否支付完成？"),
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
let redirect_url =
|
||
that.cf.SiteUrl + "/h5/member/order/detail?on=" + that.order_id;
|
||
|
||
if (that.kind == "order") {
|
||
} else if (that.kind == "favorable") {
|
||
redirect_url =
|
||
that.cf.SiteUrl +
|
||
"/h5/chain/chain/favorabledetail?order_id=" +
|
||
that.order_id;
|
||
} else {
|
||
}
|
||
|
||
window.location.href = redirect_url;
|
||
} else if (res.cancel) {
|
||
let redirect_url =
|
||
that.cf.SiteUrl + "/h5/member/order/detail?on=" + that.order_id;
|
||
if (that.kind == "order") {
|
||
} else if (that.kind == "favorable") {
|
||
redirect_url =
|
||
that.cf.SiteUrl +
|
||
"/h5/chain/chain/favorabledetail?order_id=" +
|
||
that.order_id;
|
||
} else {
|
||
}
|
||
|
||
window.location.href = redirect_url;
|
||
}
|
||
},
|
||
});
|
||
|
||
window.location.href = url;
|
||
// #endif
|
||
},
|
||
async h5Pay(e, index) {
|
||
let that = this;
|
||
//console.log("发起支付");
|
||
this.loading = true;
|
||
this.providerList[index].loading = true;
|
||
|
||
let result = await this.getOrderInfo(e.id);
|
||
let orderInfo = result.data;
|
||
|
||
if (result.status !== 200) {
|
||
//console.log("获得订单信息失败", orderInfo);
|
||
if (result.code == 101) {
|
||
that.$.showModal({
|
||
title: that.__("提示"),
|
||
content: that.__("未设置支付密码，去设置？"),
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
let redirect_url = "/member/member/paypwd";
|
||
that.$.gopage(redirect_url);
|
||
} else if (res.cancel) {
|
||
}
|
||
},
|
||
});
|
||
} else {
|
||
that.$.showModal({
|
||
content: result.msg || that.__("获得订单信息失败"),
|
||
showCancel: false,
|
||
});
|
||
}
|
||
|
||
this.loading = false;
|
||
return;
|
||
} else {
|
||
}
|
||
|
||
if (orderInfo.paid) {
|
||
this.loading = false;
|
||
|
||
setTimeout(() => {
|
||
this.$emit("onPaid", orderInfo);
|
||
}, 1000);
|
||
} else {
|
||
that.$.showModal({
|
||
title: that.__("提示"),
|
||
content: that.__("是否支付完成？"),
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
setTimeout(() => {
|
||
this.$emit("onPaid", orderInfo);
|
||
}, 1000);
|
||
} else if (res.cancel) {
|
||
this.$emit("onFail");
|
||
}
|
||
},
|
||
});
|
||
|
||
if (e.id == "alipay") {
|
||
window.location.href = orderInfo.mweb_url;
|
||
//window.open(orderInfo.data.mweb_url);
|
||
} else {
|
||
let redirect_url =
|
||
that.cf.SiteUrl +
|
||
"/h5/member/order/detail?init_pay_flag=1&on=" +
|
||
that.order_id;
|
||
if (that.kind == "order") {
|
||
} else if (that.kind == "favorable") {
|
||
redirect_url =
|
||
that.cf.SiteUrl +
|
||
"/h5/chain/chain/favorabledetail?init_pay_flag=1&order_id=" +
|
||
that.order_id;
|
||
} else {
|
||
}
|
||
|
||
//页面已经跳转走了
|
||
window.location.href =
|
||
orderInfo.mweb_url +
|
||
"&redirect_url=" +
|
||
encodeURIComponent(redirect_url);
|
||
|
||
//window.open(orderInfo.data.mweb_url);
|
||
//that.$.gopage("/pagesub/webpage/webpage?u=" + encodeURIComponent(orderInfo.data.mweb_url) + "&tn=" + '在线支付' + "&tc=" + '#f30213' + "&tb=" + 'white')
|
||
}
|
||
/*
|
||
wPay({
|
||
appId:orderInfo.data.appId,
|
||
timeStamp:orderInfo.data.timeStamp,
|
||
nonceStr:orderInfo.data.nonceStr,
|
||
signature:orderInfo.data.signType,
|
||
package:orderInfo.data.package,
|
||
paySign:orderInfo.data.paySign
|
||
},res=>{
|
||
//console.log('调用成功!');
|
||
//进入订单页面
|
||
|
||
//console.log("success", res);
|
||
this.$emit('onPaid', orderInfo);
|
||
|
||
},fail=>{
|
||
//console.log('调用失败!');
|
||
that.$.showModal({
|
||
content: "支付失败,原因为: " + fail,
|
||
showCancel: false
|
||
})
|
||
|
||
this.$emit('onFail');
|
||
})
|
||
*/
|
||
}
|
||
|
||
this.loading = false;
|
||
},
|
||
async mpPay() {
|
||
let that = this;
|
||
//console.log("发起支付");
|
||
this.loading = true;
|
||
let result = await this.getOrderInfo("wxpay");
|
||
let orderInfo = result.data;
|
||
if (result.status !== 200) {
|
||
////console.log("获得订单信息失败", orderInfo);
|
||
if (result.code == 101) {
|
||
that.$.showModal({
|
||
title: that.__("提示"),
|
||
content: that.__("未设置支付密码，去设置？"),
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
let redirect_url = "/member/member/paypwd";
|
||
that.$.gopage(redirect_url);
|
||
} else if (res.cancel) {
|
||
}
|
||
},
|
||
});
|
||
} else {
|
||
that.$.showModal({
|
||
content: result.msg || that.__("获得订单信息失败"),
|
||
showCancel: false,
|
||
});
|
||
}
|
||
|
||
this.loading = false;
|
||
return;
|
||
} else {
|
||
}
|
||
|
||
if (orderInfo.paid) {
|
||
this.loading = false;
|
||
|
||
setTimeout(() => {
|
||
this.$emit("onPaid", orderInfo);
|
||
}, 1000);
|
||
} else {
|
||
wPay(
|
||
{
|
||
appId: orderInfo.data.appId,
|
||
timeStamp: orderInfo.data.timeStamp,
|
||
nonceStr: orderInfo.data.nonceStr,
|
||
signature: orderInfo.data.signType,
|
||
package: orderInfo.data.package,
|
||
paySign: orderInfo.data.paySign,
|
||
},
|
||
(res) => {
|
||
//console.log('调用成功!');
|
||
//进入订单页面
|
||
|
||
//console.log("success", res);
|
||
setTimeout(() => {
|
||
this.$emit("onPaid", orderInfo);
|
||
}, 1000);
|
||
},
|
||
(fail) => {
|
||
//console.log('调用失败!');
|
||
//console.info(fail)
|
||
that.$.showModal({
|
||
content: that.__("支付失败"),
|
||
showCancel: false,
|
||
});
|
||
|
||
this.$emit("onFail");
|
||
}
|
||
);
|
||
}
|
||
},
|
||
getOrderInfo(payment_channel_code, openid) {
|
||
let that = this;
|
||
if (payment_channel_code == "wxpay") {
|
||
payment_channel_code = "wx_native";
|
||
}
|
||
|
||
let appid = "";
|
||
// #ifdef APP-PLUS
|
||
appid = plus.runtime.appid;
|
||
// #endif
|
||
|
||
var pm_money = 0;
|
||
var pm_recharge_card = 0;
|
||
var pm_points = 0;
|
||
var pm_sp = 0;
|
||
var pm_credit = 0;
|
||
|
||
var password = this.password;
|
||
var pay_sn = this.order_id;
|
||
|
||
if (this.userMoney) {
|
||
pm_money = this.paymentDataDefault.orderSelMoneyAmount;
|
||
}
|
||
|
||
if (this.userPoints) {
|
||
pm_points = this.paymentDataDefault.user_points;
|
||
}
|
||
|
||
if (this.userSp) {
|
||
pm_sp = this.paymentDataDefault.user_sp;
|
||
}
|
||
|
||
if (this.userRechargeCard) {
|
||
pm_recharge_card = this.paymentDataDefault.user_recharge_card;
|
||
}
|
||
|
||
let params = {
|
||
pay_sn: pay_sn,
|
||
password: password,
|
||
pm_recharge_card: pm_recharge_card,
|
||
pm_money: pm_money,
|
||
pm_points: pm_points,
|
||
pm_sp: pm_sp,
|
||
pm_credit: pm_credit,
|
||
payment_channel_code: payment_channel_code,
|
||
appid: appid,
|
||
typ: "json",
|
||
};
|
||
|
||
// #ifdef APP-PLUS
|
||
params["prepayapp_flag"] = 1;
|
||
// #endif
|
||
|
||
// #ifdef MP-WEIXIN
|
||
params["prepay_flag"] = 1;
|
||
params["openid"] = openid;
|
||
// #endif
|
||
|
||
// #ifdef H5
|
||
|
||
if (that.$.isWeixin()) {
|
||
params["mp_flag"] = 1;
|
||
//params['openid'] = 'ouUkf1br8vToo1Vcv6HFH7KIo6cc';
|
||
} else {
|
||
//H5支付 微信
|
||
params["return_flag"] = 1;
|
||
}
|
||
// #endif
|
||
|
||
//service="mobile.securitypay.pay"&partner="2088801273866834"&_input_charset="UTF-8"&out_trade_no="20181129031841"&subject="DCloud项目捐赠"&payment_type="1"&seller_id="payservice@dcloud.io"&total_fee="3000"&body="DCloud致力于打造HTML5最好的移动开发工具，包括终端的Runtime、云端的服务和IDE，同时提供各项配套的开发者服务。"&it_b_pay="1d"¬ify_url="http%3A%2F%2Fdemo.dcloud.net.cn%2Fpayment%2Falipay%2Fnotify.php"&show_url="http%3A%2F%2Fwww.dcloud.io%2Fhelloh5%2F"&sign="Ojlg1pvDmeQmxKN6qFbaD5tZcczgYzk6cX%2BegyrZZEOaBL80SgqUfWzKEikTE8XPQJdxnnU2xagm6SDAZvwOey4qa3G8CiqOgqzUO8KqeI0wTeR9mFnSSpp4ryYUAZtAS0SrWQGyII495QrSIx8KUXDwpZxH%2B0vsUwhSyDkn3kE%3D"&sign_type="RSA"
|
||
|
||
//let url = 'https://demo.dcloud.net.cn/payment/?payid=' + payment_channel_code + '&appid=' + appid + '&total=' + this.paymentDataDefault.orderSelMoneyAmount;
|
||
|
||
//https://test.lancerdt.com/account.php?mdu=pay&ctl=Index&met=pay&typ=e&pay_sn=DD-20181129-0018&pm_money=3000&payment_channel_code=alipay&typ=json&prepayapp_flag=1
|
||
|
||
let url = that.cf.URL.pay.pay;
|
||
|
||
//{"appid":"wx39a789a2c2e9d1ac","mch_id":"1520245101","nonce_str":"2mFpZIFD9VzIUAmo","prepay_id":"wx1318442576437937eafeb42c3513644326","result_code":"SUCCESS","return_code":"SUCCESS","return_msg":"OK","sign":"F83A49271D28A1AD69539FAF3673683B","trade_type":"APP"}
|
||
//{"appid":"wx0411fa6a39d61297","noncestr":"t95SPe2hPH55FfDX","package":"Sign=WXPay","partnerid":"1230636401","prepayid":"wx29184042096932459d81b5751913682286","timestamp":1543488042,"sign":"F6F25E7BADD5C59EF267928EE3456FE6"}
|
||
return new Promise((res) => {
|
||
that.$.request({
|
||
url: url,
|
||
data: params,
|
||
success: (data, status, msg, code) => {
|
||
res({ data: data, status: status, msg: msg, code: code });
|
||
},
|
||
fail: (err, status) => {
|
||
//console.info(err);
|
||
//console.info(status);
|
||
res({ data: err, status: status });
|
||
},
|
||
});
|
||
});
|
||
},
|
||
cancel() {
|
||
this.setData({
|
||
showBoxView: false,
|
||
});
|
||
//this.$emit('onCancel');
|
||
},
|
||
show() {
|
||
let that = this;
|
||
|
||
setTimeout(() => {
|
||
this.setData({
|
||
showBoxView: true,
|
||
});
|
||
|
||
//完成支付事件
|
||
if (that.paymentDataDefault.orderSelMoneyAmount <= 0) {
|
||
let orderInfo = {};
|
||
|
||
setTimeout(() => {
|
||
that.$emit("onPaid", orderInfo);
|
||
}, 1000);
|
||
}
|
||
}, 10);
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style>
|
||
.m-panel-sp-icon {
|
||
position: absolute;
|
||
right: 20rpx;
|
||
top: 10rpx;
|
||
}
|
||
|
||
.rmbLogo {
|
||
font-size: 40rpx;
|
||
}
|
||
</style>
|