feat(我的订单):对接支付宝支付
This commit is contained in:
parent
972d2e544a
commit
befa09d2f3
|
@ -31,9 +31,7 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="middle">
|
<div class="middle">
|
||||||
<img :src="item.show_url" alt="" v-if="item.type===1">
|
<img :src="item.show_url" alt="">
|
||||||
<img :src="`http://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/${item.pay_type===1?'zfbreduce':'wxreduce'}.png`"
|
|
||||||
alt="" v-else>
|
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<div class="title_originalPrice">
|
<div class="title_originalPrice">
|
||||||
<p class="title">{{item.product_name}}</p>
|
<p class="title">{{item.product_name}}</p>
|
||||||
|
@ -58,6 +56,7 @@
|
||||||
|
|
||||||
<!-- 支付弹窗 -->
|
<!-- 支付弹窗 -->
|
||||||
<pay-pop :show.sync="show" :active="active" @payFunction="payFunction" :money="activeOrder.pay_amount" />
|
<pay-pop :show.sync="show" :active="active" @payFunction="payFunction" :money="activeOrder.pay_amount" />
|
||||||
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
@ -70,7 +69,7 @@
|
||||||
limit: 50,
|
limit: 50,
|
||||||
page: 1,
|
page: 1,
|
||||||
orderList: [],
|
orderList: [],
|
||||||
activeOrder: {}
|
activeOrder: {},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
@ -116,15 +115,18 @@
|
||||||
window.location.replace('./couponCollection.html');
|
window.location.replace('./couponCollection.html');
|
||||||
},
|
},
|
||||||
|
|
||||||
/* 立即支付 */
|
/* 立即支付按钮 */
|
||||||
immediatelyPay (item) {
|
immediatelyPay (item) {
|
||||||
this.activeOrder = item;
|
this.activeOrder = item;
|
||||||
this.show = true
|
this.show = true
|
||||||
|
this.active = item.pay_type === 5 ? 1 : 2
|
||||||
},
|
},
|
||||||
|
|
||||||
/* 去支付 */
|
/* 去支付 */
|
||||||
payFunction ({ payType, isSupport }) {
|
payFunction ({ payType, isSupport }) {
|
||||||
this.active = payType
|
/* payType 1:微信 2:支付宝 */
|
||||||
|
/* 后端 微信是5 */
|
||||||
|
this.active = payType === 2 ? 1 : 5
|
||||||
this.show = false
|
this.show = false
|
||||||
/* 判断浏览器 */
|
/* 判断浏览器 */
|
||||||
if (isSupport) {
|
if (isSupport) {
|
||||||
|
@ -134,10 +136,28 @@
|
||||||
this.popShow = true
|
this.popShow = true
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
/* 请求支付 */
|
|
||||||
req.axiosPut(`/key/order/setPayType/${this.activeOrder.order_number}/${payType}`).then(({ data, code }) => {
|
/* 设置支付类型 */
|
||||||
|
if (this.active !== this.activeOrder.pay_type) { /* 支付类型是否变化 */
|
||||||
|
req.axiosPut(`/key/order/setPayType/${this.activeOrder.order_number}/${this.active}`).then(({ code }) => {
|
||||||
|
if (code === 200) {
|
||||||
|
this.getOrderList()
|
||||||
|
this.payRealFunction()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.payRealFunction()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
/* 调用支付 */
|
||||||
|
payRealFunction () {
|
||||||
|
req.axiosGet(`/key/coupon/createPay/${this.activeOrder.order_number}`).then(({ code, data }) => {
|
||||||
if (code === 200) {
|
if (code === 200) {
|
||||||
console.log(data);
|
const div = document.createElement('div')//创建div
|
||||||
|
div.innerHTML = data//将返回的form 放入div
|
||||||
|
document.body.appendChild(div);
|
||||||
|
document.forms[0].submit();
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue