liveh5-nuxt/app/pages/collectCode/signature/protocol/index.vue
xingyy 6f49f3d8e0 feat(collect-code): 实现个人信息收集和电子签名功能
- 添加个人信息收集页面,包括手机号、姓名、性别、生日等信息
- 实现电子签名流程,包括协议确认和签名结果展示
-优化登录页面布局,增加倒计时和返回功能
- 更新测试环境配置,统一 API 和 WebSocket URL
2025-02-19 15:14:01 +08:00

54 lines
1.8 KiB
Vue

<script setup>
import {codeAuthStore} from "~/stores-collect-code/auth/index.js";
import {signOffline} from "~/api/goods/index.js";
const show=ref(true)
const activeNames = ref(['1']);
const {formData,number}=codeAuthStore()
const confirm=async ()=>{
if (formData.value.countryCode==='86'&&formData.value.cardType===1){
}
const res=await signOffline({
userInfo:formData.value,
signOrder:Number(number.value),
})
if (res.status===0){
window.location.href=res.data.fddVerifyUrl
}
}
</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>