f4427bc094
- 新增 payment 存储对象，用于保存支付相关信息 - 实现全款和部分款项支付逻辑 - 优化直播室、艺术品详情、个人中心等页面的支付相关展示和功能 - 添加千分位格式化函数，提升用户体验
62 lines
2.0 KiB
Vue
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,lotNo,price}=codeAuthStore()
|
|
const confirm=async ()=>{
|
|
if (formData.value.countryCode==='86'&&formData.value.cardType===1){
|
|
const res=await signOffline({
|
|
userInfo:formData.value,
|
|
bidNum:lotNo.value,
|
|
bidPrice:price.value,
|
|
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> |