feat: 产品详情页面修改

- 移除了制作建议书的功能
- 优化产品资料的显示
This commit is contained in:
hz
2025-10-16 14:09:30 +08:00
parent ddf3c24e9a
commit 2d097b6edd

View File

@@ -7,24 +7,28 @@
<van-tab title="产品资料" class="mt10"> </van-tab> <van-tab title="产品资料" class="mt10"> </van-tab>
</van-tabs> </van-tabs>
</van-sticky> </van-sticky>
<div v-show="active == '0'" class="pt10 pb45 clearfix"> <div v-show="active === 0" class="pt10 pb45 clearfix">
<img class="product-detail-introduct-image fl" :src="item" alt="" v-for="(item, index) in introductImages" :key="index" /> <img class="product-detail-introduct-image fl" :src="item" alt="" v-for="(item, index) in introductImages" :key="index" />
</div> </div>
<van-list v-show="active == '1'"> <!-- <van-button class="m-btn fl green" color="#FEEFD8" @click="goProposal">制作建议书</van-button>-->
<van-list v-if="active === 1">
<van-cell <van-cell
class="product-detail-list-item p10 fs12 fw400 bg-white" class="product-detail-list-item p10 fs12 fw400 bg-white"
:title="item.name" :title="item.name"
is-link is-link
v-for="(item, index) in docuList" v-for="(item, index) in docuList"
:key="index" :key="index"
@click="goDocu(item.url, item.type, item.name)" @click="handleViewDocClick(item.url, item.type, item.name)"
/> >
<template #right-icon>
<van-button type="danger" size="mini">查看</van-button>
</template>
</van-cell>
</van-list> </van-list>
<!-- 底部按钮 --> <div class="bottom-area bottom-btn" v-if="branchType !== '3'">
<div class="bottom-area bottom-btn" v-if="branchType != 3"> <van-button block type="danger" @click="goInsure">立即投保</van-button>
<van-button class="m-btn fl green" color="#FEEFD8" @click="goProposal">制作建议书</van-button>
<van-button class="m-btn fr" type="danger" @click="goInsure">立即投保</van-button>
</div> </div>
<!-- 底部按钮 -->
</div> </div>
</template> </template>
@@ -53,7 +57,7 @@ export default {
docuList: [], // 产品资料文件 docuList: [], // 产品资料文件
introductImages: [], // 产品特色图片 introductImages: [], // 产品特色图片
itemProductDTOS: [], // 产品信息 itemProductDTOS: [], // 产品信息
branchType:'3', branchType: '3'
} }
}, },
created() { created() {
@@ -78,7 +82,7 @@ export default {
} }
}) })
}, },
goDocu(url, type, name) { handleViewDocClick(url, type, name) {
let pdfUrl = encodeURIComponent(url) let pdfUrl = encodeURIComponent(url)
this.$jump({ this.$jump({
flag: 'h5', flag: 'h5',
@@ -185,29 +189,8 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.product-detail-container { .product-detail-container {
/deep/.van-sticky {
background: #fff;
}
.product-detail-introduct-image { .product-detail-introduct-image {
width: 100%; width: 100%;
} }
// /deep/.van-tabs__content {
// margin-bottom: 45px;
// }
// /deep/.van-tabs__content::after {
// content: '';
// display: table;
// clear: both;
// }
}
.bottom-area {
/deep/.m-btn {
width: 50%;
border-color: transparent;
}
/deep/.van-button--default {
background-color: #feefd8;
color: #e9332e;
}
} }
</style> </style>