|
|
@@ -79,7 +79,7 @@ |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
<!-- 对话框 v-if="false"--> |
|
|
|
<el-dialog v-model="showPayDialog" |
|
|
|
<el-dialog v-model="showPayDialog" v-if="showPayDialog" |
|
|
|
title="选择支付方式" width="300px"> |
|
|
|
<div class="payDialog"> |
|
|
|
<el-radio-group v-model="payVendor"> |
|
|
@@ -91,6 +91,13 @@ |
|
|
|
</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</div> |
|
|
|
<!-- <iframe |
|
|
|
v-show="iframeBody" |
|
|
|
id="myIframe" |
|
|
|
width="305px" |
|
|
|
height="305px" |
|
|
|
frameborder="0" |
|
|
|
></iframe> --> |
|
|
|
<!-- 二维码弹出框 --> |
|
|
|
<el-dialog |
|
|
|
v-model="orderCodeDialogShow" |
|
|
@@ -177,6 +184,7 @@ const presentItme = reactive({}); //点击的套餐项 |
|
|
|
// const presentItme = ref({}); //点击的套餐项 |
|
|
|
function clickPayDialog(item) { |
|
|
|
presentItme.value = item; |
|
|
|
createOrder(item) |
|
|
|
showPayDialog.value = true; |
|
|
|
} |
|
|
|
|
|
|
@@ -267,9 +275,12 @@ async function createPayFunc(orderNumber) { |
|
|
|
if (res.code == 200) { |
|
|
|
// 支付宝获取iframe内容 |
|
|
|
if (res.data.body) { |
|
|
|
iframeBody.value = res.data.body; |
|
|
|
iframeDom.value = document.getElementById("myIframe"); |
|
|
|
// iframeDom.value.srcdoc = iframeBody.value; |
|
|
|
orderCodeDialogShow.value = true; |
|
|
|
setTimeout(() => { |
|
|
|
iframeBody.value = res.data.body; |
|
|
|
iframeDom.value = document.getElementById("myIframe"); |
|
|
|
iframeDom.value.srcdoc = iframeBody.value; |
|
|
|
}, 1000) |
|
|
|
} |
|
|
|
// 直接获取二维码 |
|
|
|
if (res.data.codeUrl) { |
|
|
@@ -277,6 +288,7 @@ async function createPayFunc(orderNumber) { |
|
|
|
// showOrderCode(payVendor.value) |
|
|
|
orderCodeDialogShow.value = true; |
|
|
|
} |
|
|
|
// findStatus() |
|
|
|
await getStatusOfOrderFunc(orderNumber); |
|
|
|
} else { |
|
|
|
payErrorHandle(); |
|
|
@@ -287,28 +299,43 @@ async function createPayFunc(orderNumber) { |
|
|
|
} |
|
|
|
// 获取订单支付状态 payStatus 查询支付状态 0:待支付,2:支付中,3:已支付 |
|
|
|
async function getStatusOfOrderFunc(orderNumber) { |
|
|
|
if ( |
|
|
|
route.path != "/myStore" || |
|
|
|
orderCodeDialogShow.value == false || |
|
|
|
orderNumber != myOrderNumber.value |
|
|
|
) { |
|
|
|
return; |
|
|
|
} |
|
|
|
// if ( |
|
|
|
// route.path != "/myStore" || |
|
|
|
// orderCodeDialogShow.value == false || |
|
|
|
// orderNumber != payVendor.value |
|
|
|
// ) { |
|
|
|
// return; |
|
|
|
// } |
|
|
|
try { |
|
|
|
let payVendor = myPayVendor.value; |
|
|
|
const res = await getOrderStatusApi(orderNumber, payVendor); |
|
|
|
// let payVendor = payVendor.value; |
|
|
|
let data = { |
|
|
|
orderNumber, |
|
|
|
payVendor: payVendor.value |
|
|
|
} |
|
|
|
const res = await findStatusApi(data); |
|
|
|
if (res.code == 200) { |
|
|
|
if (res.data.orderStatus == 3) { |
|
|
|
if (res.data.orderStatus == 2) { |
|
|
|
setTimeout(() => { |
|
|
|
getStatusOfOrderFunc(orderNumber); |
|
|
|
}, 3000); |
|
|
|
} else { |
|
|
|
orderCodeDialogShow.value = false; |
|
|
|
ElMessage.success( |
|
|
|
lanChange.value == "zh-cn" ? `支付成功!` : `Payment is successful!` |
|
|
|
); |
|
|
|
return; |
|
|
|
} else { |
|
|
|
setTimeout(() => { |
|
|
|
getStatusOfOrderFunc(orderNumber); |
|
|
|
}, 3000); |
|
|
|
} |
|
|
|
// if (res.data.orderStatus == 3) { |
|
|
|
// orderCodeDialogShow.value = false; |
|
|
|
// ElMessage.success( |
|
|
|
// lanChange.value == "zh-cn" ? `支付成功!` : `Payment is successful!` |
|
|
|
// ); |
|
|
|
// return; |
|
|
|
// } else { |
|
|
|
// setTimeout(() => { |
|
|
|
// getStatusOfOrderFunc(orderNumber); |
|
|
|
// }, 3000); |
|
|
|
// } |
|
|
|
} else { |
|
|
|
setTimeout(() => { |
|
|
|
getStatusOfOrderFunc(orderNumber); |
|
|
|