<template>
|
<view>
|
<u-toast ref="uToast" />
|
<form v-for="item in payments" :key="item.code" @submit="toPayHandler" report-submit="true" v-if="!(type == 2 && item.code == 'balancepay')">
|
<input name="code" :value="item.code" class="hide">
|
<button class="u-reset-button coreshop-list menu-avatar padding-xl radius shadow shadow-lg bg-blue margin-top" form-type="submit">
|
<view class="coreshop-list-item">
|
<view class="coreshop-avatar radius">
|
<u--image width="34px" height="34px" :src="item.icon" :lazy-load="false" :fade="false" duration="0"></u--image>
|
</view>
|
<view class="content">
|
<view class="coreshop-text-grey">{{ item.name }}</view>
|
<view class="coreshop-text-gray coreshop-font-sm flex coreshop-text-left">
|
<view class="u-line-1">
|
{{ item.memo }}
|
</view>
|
</view>
|
</view>
|
<view class="action">
|
<u-tag text="选择此支付方式" mode="dark" type="error" shape="circle" />
|
</view>
|
</view>
|
</button>
|
</form>
|
|
<view class="payment-pop" v-show="popShow">
|
<view class="payment-pop-c">
|
<image src="/static/images/payments/wait-pay.png"></image>
|
<view class="text">支付中，请稍后...</view>
|
</view>
|
<view class="payment-pop-b">
|
<button class="coreshop-btn coreshop-btn-c" @click="popHide">支付失败</button>
|
<button class="coreshop-btn coreshop-btn-o" @click="popHide">支付成功</button>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
props: {
|
// 如果是商品订单此参数必须
|
orderId: {
|
type: String,
|
default() {
|
return ''
|
}
|
},
|
// 如果是充值订单此参数必须
|
recharge: {
|
type: Number,
|
default() {
|
return 0
|
}
|
},
|
// 用户id
|
uid: {
|
type: Number,
|
default() {
|
return 0
|
}
|
},
|
// 订单类型
|
type: {
|
type: Number,
|
default() {
|
return 1
|
}
|
}
|
},
|
data() {
|
return {
|
payments: [],
|
popShow: false
|
}
|
},
|
mounted() {
|
this.getPayments()
|
},
|
methods: {
|
// 获取可用支付方式列表
|
getPayments() {
|
this.$u.api.paymentList().then(res => {
|
if (res.status) {
|
this.payments = this.formatPayments(res.data)
|
}
|
})
|
},
|
// 支付方式处理
|
formatPayments(payments) {
|
// 如果是充值订单 过滤余额支付 过滤非线上支付方式
|
if (this.type === 2) {
|
payments = payments.filter(item => item.code !== 'balancepay' || item.isOnline === false)
|
}
|
|
// 设置logo图片
|
payments.forEach(item => {
|
this.$set(item, 'icon', '/static/images/payments/' + item.code + '.png')
|
})
|
|
return payments
|
},
|
// 用户点击支付方式处理
|
toPayHandler(e) {
|
this.popShow = true;
|
let code = e.target.value.code;
|
|
let data = {
|
payment_code: code,
|
payment_type: this.type,
|
params: {
|
trade_type: 'TT'
|
}
|
}
|
data['ids'] = (this.type == 1 || this.type == 5 || this.type == 6) ? this.orderId : this.uid
|
|
// 判断订单支付类型
|
if (this.type == 2 && this.recharge) {
|
data['params']['money'] = this.recharge;
|
} else if ((this.type == 5 || this.type == 6) && this.recharge) {
|
}
|
let _this = this
|
switch (code) {
|
case 'wechatpay':
|
this.$u.api.pay(data).then(res => {
|
if (res.status) {
|
uni.pay({
|
provider: 'wxpay',
|
orderInfo: res.data.tt_order_info,
|
service: 1,
|
getOrderStatus: function (es) {
|
|
},
|
success: function (e) {
|
if (e.code == 0) {
|
_this.$refs.uToast.show({
|
message: '支付成功', type: 'success', complete: function () {
|
_this.$u.route({ type: 'redirectTo', url: '/pages/payment/result/result?id=' + res.data.paymentId });
|
}
|
})
|
} else if (e.code == 1) {
|
_this.$u.toast('支付超时');
|
_this.popHide();
|
} else if (e.code == 2) {
|
_this.$u.toast('支付失败');
|
_this.popHide();
|
} else if (e.code == 3) {
|
_this.$u.toast('支付关闭');
|
_this.popHide();
|
} else if (e.code == 9) {
|
_this.$u.toast('支付异常，请联系客服处理。');
|
_this.popHide();
|
}
|
},
|
fail: function (res) {
|
console.log(res);
|
}
|
});
|
} else {
|
this.$u.toast(res.msg);
|
}
|
})
|
break
|
case 'alipay':
|
this.$u.api.pay(data).then(res => {
|
if (res.status) {
|
uni.pay({
|
provider: 'alipay',
|
orderInfo: res.data.tt_order_info,
|
service: 1,
|
getOrderStatus: function (es) {
|
|
},
|
success: function (e) {
|
if (e.code == 0) {
|
_this.$refs.uToast.show({
|
message: '支付成功', type: 'success', complete: function () {
|
_this.$u.route({ type: 'redirectTo', url: '/pages/payment/result/result?id=' + res.data.paymentId });
|
}
|
})
|
} else if (e.code == 1) {
|
_this.$u.toast('支付超时');
|
} else if (e.code == 2) {
|
_this.$u.toast('支付失败');
|
} else if (e.code == 3) {
|
_this.$u.toast('支付关闭');
|
} else if (e.code == 9) {
|
_this.$u.toast('支付异常，请联系客服处理。');
|
}
|
}
|
});
|
} else {
|
this.$u.toast(res.msg);
|
_this.popHide();
|
}
|
})
|
break
|
case 'balancepay':
|
/**
|
* 用户余额支付
|
*
|
*/
|
this.$u.api.pay(data).then(res => {
|
if (res.status) {
|
this.$u.route({ type: 'redirectTo', url: '/pages/payment/result/result?id=' + res.data.paymentId });
|
} else {
|
this.$u.toast(res.msg);
|
_this.popHide();
|
}
|
})
|
break
|
case 'offline':
|
/**
|
* 线下支付
|
*/
|
this.$common.modelShow('线下支付说明', '请联系客服进行线下支付', () => { }, false, '取消', '确定')
|
break
|
}
|
|
},
|
// 支付中显示隐藏
|
popHide() {
|
this.popShow = false
|
}
|
}
|
|
}
|
</script>
|
|
<style lang="scss">
|
.coreshop-avatar { background: #fff; }
|
</style>
|
