|
@@ -23,6 +23,8 @@
|
|
</v-slide-group-item>
|
|
</v-slide-group-item>
|
|
</v-slide-group>
|
|
</v-slide-group>
|
|
|
|
|
|
|
|
+ <div v-if="!Object.keys(select).length" class="color-warning text-center mt-15 font-size-20">请选择要购买的套餐</div>
|
|
|
|
+
|
|
<div v-if="payType && payQrCodeTxt" id="codeBox" class="code pa-5 resume-box">
|
|
<div v-if="payType && payQrCodeTxt" id="codeBox" class="code pa-5 resume-box">
|
|
<div class="resume-header">
|
|
<div class="resume-header">
|
|
<div class="resume-title">扫码支付</div>
|
|
<div class="resume-title">扫码支付</div>
|
|
@@ -82,7 +84,8 @@ import { useI18n } from '@/hooks/web/useI18n'; const { t } = useI18n()
|
|
|
|
|
|
const current = ref()
|
|
const current = ref()
|
|
const select = ref({})
|
|
const select = ref({})
|
|
-const model = ref(0)
|
|
|
|
|
|
+const model = ref()
|
|
|
|
+const isMounted = ref(false)
|
|
|
|
|
|
// 套餐列表
|
|
// 套餐列表
|
|
const list = ref([])
|
|
const list = ref([])
|
|
@@ -90,7 +93,7 @@ const getPackageList = async () => {
|
|
const data = await getEnterprisePackageList()
|
|
const data = await getEnterprisePackageList()
|
|
list.value = data
|
|
list.value = data
|
|
list.value.push({ id:'custom' })
|
|
list.value.push({ id:'custom' })
|
|
- select.value = data[0]
|
|
|
|
|
|
+ // select.value = data[0]
|
|
}
|
|
}
|
|
|
|
|
|
const showCustom = ref(false)
|
|
const showCustom = ref(false)
|
|
@@ -135,6 +138,7 @@ const payTypeChange = (val) => {
|
|
}
|
|
}
|
|
const timer = ref(null)
|
|
const timer = ref(null)
|
|
onUnmounted(() => {
|
|
onUnmounted(() => {
|
|
|
|
+ isMounted.value = false
|
|
if (timer.value) clearInterval(timer.value); timer.value = null
|
|
if (timer.value) clearInterval(timer.value); timer.value = null
|
|
})
|
|
})
|
|
|
|
|
|
@@ -194,6 +198,13 @@ const paySubmit = async () => {
|
|
}
|
|
}
|
|
const res = await payOrderSubmit(params)
|
|
const res = await payOrderSubmit(params)
|
|
if (!showCustom.value) payQrCodeTxt.value = res?.displayContent || '' // 生成二维码内容
|
|
if (!showCustom.value) payQrCodeTxt.value = res?.displayContent || '' // 生成二维码内容
|
|
|
|
+
|
|
|
|
+ // 离开当前页面后不执行
|
|
|
|
+ if (!isMounted.value) {
|
|
|
|
+ if (timer.value) clearInterval(timer.value); timer.value = null
|
|
|
|
+ return
|
|
|
|
+ }
|
|
|
|
+
|
|
initIntervalFun()
|
|
initIntervalFun()
|
|
if (timer.value) clearInterval(timer.value); timer.value = null
|
|
if (timer.value) clearInterval(timer.value); timer.value = null
|
|
timer.value = setInterval(() => { payStatus() }, 1000) // 轮巡查询用户是否支付
|
|
timer.value = setInterval(() => { payStatus() }, 1000) // 轮巡查询用户是否支付
|
|
@@ -220,8 +231,8 @@ const getCodeList = async () => {
|
|
if (!payType.value) {
|
|
if (!payType.value) {
|
|
// 默认值赋值(暂时只支持扫码)
|
|
// 默认值赋值(暂时只支持扫码)
|
|
const bool = qrCodePay.includes(code)
|
|
const bool = qrCodePay.includes(code)
|
|
- // if (bool) payType.value = code
|
|
|
|
- if (bool) payTypeChange(code)
|
|
|
|
|
|
+ if (bool) payType.value = code
|
|
|
|
+ // if (bool) payTypeChange(code)
|
|
}
|
|
}
|
|
payTypeList.value.push(item)
|
|
payTypeList.value.push(item)
|
|
}
|
|
}
|
|
@@ -231,6 +242,7 @@ const getCodeList = async () => {
|
|
}
|
|
}
|
|
|
|
|
|
nextTick(async () => {
|
|
nextTick(async () => {
|
|
|
|
+ isMounted.value = true
|
|
await getPackageList()
|
|
await getPackageList()
|
|
await getCodeList()
|
|
await getCodeList()
|
|
})
|
|
})
|