liveh5-nuxt/app/pages/signature/protocol/index.vue
xingyy f38bd82001 feat(signature): 添加拍卖相关协议和规则的 PDF 查看功能
- 新增多个 PDF 查看页面,包括拍卖公告、竞买协议、竞买须知、拍卖笔录、拍卖规则和拍卖移交确认书
- 使用 vue-pdf-embed组件嵌入 PDF 文件
- 更新主页面布局,增加新的协议和规则项
- 在项目依赖中添加 vue-pdf-embed 和 mammoth
2025-02-21 10:17:45 +08:00

76 lines
2.3 KiB
Vue

<script setup>
import {codeAuthStore} from "~/stores-collect-code/auth/index.js";
import biddingAgree from './pmgg/index.vue'
import pmgg from './pmgg/index.vue'
import jmxy from './jmxy/index.vue'
import jmxz from './jmxz/index.vue'
import pmbl from './pmbl/index.vue'
import pmgz from './pmgz/index.vue'
import pmyjqrs from './pmyjqrs/index.vue'
definePageMeta({
layout: 'default',
title: '签署内容'
})
const activeNames = ref([]);
const router = useRouter();
const goSignature=()=>{
router.push({
path:'/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>
<pmgg/>
</van-collapse-item>
<van-collapse-item name="2" class="mb-6px">
<template #title>
<div class="text-#2B53AC text-14px">《竞买协议》</div>
</template>
<jmxy/>
</van-collapse-item>
<van-collapse-item name="3" class="mb-6px">
<template #title>
<div class="text-#2B53AC text-14px">《竞买须知》</div>
</template>
<jmxz/>
</van-collapse-item>
<van-collapse-item name="4" class="mb-6px">
<template #title>
<div class="text-#2B53AC text-14px">《拍卖笔录》</div>
</template>
<pmbl/>
</van-collapse-item>
<van-collapse-item name="5" class="mb-6px">
<template #title>
<div class="text-#2B53AC text-14px">《拍卖规则》</div>
</template>
<pmgz/>
</van-collapse-item>
<van-collapse-item name="6" class="mb-6px">
<template #title>
<div class="text-#2B53AC text-14px">《拍卖移交确认书》</div>
</template>
<pmyjqrs/>
</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="goSignature">同意并签字</van-button>
</div>
</div>
</template>
<style scoped>
:deep(.van-cell__right-icon){
color: #ACACAC;
font-size: 12px;
}
</style>