liveh5-nuxt/app/pages/collectCode/signature/protocol/index.vue
xingyy 43b1afb8f0 feat(collect-code): 实现线下扫码支付功能
- 新增 offlineQrcode 和 createOrder 接口
- 实现个人资讯页面的数据获取和处理
- 添加支付页面,支持全款和部分款项支付
- 优化签名协议页面,使用新接口获取数据
- 新增支付结果页面,展示支付状态和金额
2025-02-20 11:35:23 +08:00

62 lines
2.0 KiB
Vue

<script setup>
import {codeAuthStore} from "~/stores-collect-code/auth/index.js";
import {signOffline} from "~/api/goods/index.js";
const router = useRouter();
definePageMeta({
title:'签署'
})
const activeNames = ref(['1']);
const {formData,number,auctionArtworkUuid,qrData}=codeAuthStore()
const confirm=async ()=>{
if (formData.value.countryCode==='86'&&formData.value.cardType===1){
const res=await signOffline({
userInfo:formData.value,
auctionArtworkUuid:qrData.value.auctionArtworkUuid,
signOrder:Number(number.value),
})
if (res.status===0){
window.location.href=res.data.fddVerifyUrl
}
}else {
router.push('/collectCode/signature/panel')
}
}
</script>
<template>
<div class="bg-#EBEBEB h-screen-nav flex flex-col">
<div class="h-50px text-14px text-#191919 bg-#fff flex items-center px-21px mb-6px">支付前需同意以下内容并签字</div>
<van-collapse v-model="activeNames" class="grow-1">
<van-collapse-item name="1" class="mb-6px">
<template #title>
<div class="text-#2B53AC text-14px">《拍卖规则》</div>
</template>
代码是写出来给人看的,附带能在机器上运行。
</van-collapse-item>
<van-collapse-item name="2" class="mb-6px">
<template #title>
<div class="text-#2B53AC text-14px">《拍卖规则》</div>
</template>
代码是写出来给人看的,附带能在机器上运行。
</van-collapse-item>
<van-collapse-item name="3" class="mb-6px">
<template #title>
<div class="text-#2B53AC text-14px">《拍卖规则》</div>
</template>
代码是写出来给人看的,附带能在机器上运行。
</van-collapse-item>
</van-collapse>
<div class="h-81px bg-#fff flex justify-center pt-7px border-t">
<van-button color="#2B53AC" class="w-213px van-btn-h-38px" @click="confirm">同意并签字</van-button>
</div>
</div>
</template>
<style scoped>
:deep(.van-cell__right-icon){
color: #ACACAC;
font-size: 12px;
}
</style>