|
|
@@ -4,34 +4,29 @@
|
|
|
<u-scroll-view>
|
|
|
<view class="main-container">
|
|
|
<view class="exhibit-image">
|
|
|
- <image src="https://oss.starify.cn/prod/starify/up/0001000075/20241113/67343f1c494de.png?x-oss-process=image/resize,w_800" mode="aspectFit"/>
|
|
|
- <view class="exhibit-tag">2025新品</view>
|
|
|
+ <image :src="exhibit.pic + '?x-oss-process=image/resize,w_800'" mode="aspectFit"/>
|
|
|
+ <view v-for="(item) in exhibit.product_attr_names" class="exhibit-tag">{{ item }}</view>
|
|
|
</view>
|
|
|
- <view class="exhibit-name">汽车连接器 86W MLK 1,2 SD-HOLDER</view>
|
|
|
- <view class="exhibit-desc">适用于连接器、连接器系统的生产加工，汽车零部件、电子元器件、机械设备及其零配件、工具、模具、连接器产品及其生产设备的批发、进出口、佣金代理（拍卖除外），并提供相关配套服务（包括上门安装、保养、维修服务）。</view>
|
|
|
+ <view class="exhibit-name">{{ exhibit.name }}</view>
|
|
|
+ <view class="exhibit-desc">{{ exhibit.summary}}</view>
|
|
|
<view class="exhibit-tags exhibitor-tags">
|
|
|
<view class="exhibitor-tags-category">产品分类：</view>
|
|
|
<view class="exhibitor-tags-list">
|
|
|
- <view class="exhibitor-tag">柔性与印刷电子</view>
|
|
|
- <view class="exhibitor-tag">电子制造服务</view>
|
|
|
- <view class="exhibitor-tag">PCB焊接和连接技术</view>
|
|
|
- <view class="exhibitor-tag">线束和连接器</view>
|
|
|
- <view class="exhibitor-tag">柔性与印刷电子</view>
|
|
|
- <view class="exhibitor-tag">电子制造服务</view>
|
|
|
+ <view v-for="(item) in exhibit.product_cate_names" class="exhibitor-tag">{{ item }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="exhibit-tags exhibitor-tags">
|
|
|
<view class="exhibitor-tags-category">应用领域：</view>
|
|
|
- <view class="exhibitor-tags-list"></view>
|
|
|
- <view class="exhibitor-tag">电脑和周边设备</view>
|
|
|
- <view class="exhibitor-tag">新能源</view>
|
|
|
+ <view class="exhibitor-tags-list">
|
|
|
+ <view v-for="(item) in exhibit.application_areas_names" class="exhibitor-tag">{{ item }}</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="exhibit-operation exhibitor-operation">
|
|
|
- <view class="exhibitor-views">浏览：30911</view>
|
|
|
+ <view class="exhibitor-views">浏览：{{ exhibit.pv }}</view>
|
|
|
<view class="exhibitor-action">
|
|
|
- <view>
|
|
|
+ <view v-if="pollShow.product_poll_show">
|
|
|
<view class="iconfont icon-xiaochengxu-renqiicon"></view>
|
|
|
- <view>人气：11192</view>
|
|
|
+ <view>人气：{{ exhibit.poll_count }}</view>
|
|
|
</view>
|
|
|
<view>
|
|
|
<button :plain="true" @click.stop="onShare">
|
|
|
@@ -41,18 +36,18 @@
|
|
|
</view>
|
|
|
</button>
|
|
|
</view>
|
|
|
- <view>
|
|
|
- <view v-if="exhibitor.favourited" class="iconfont icon-favourites-filled-star-symbol active"></view>
|
|
|
+ <view @click="onCollect()">
|
|
|
+ <view v-if="exhibit.is_collect" class="iconfont icon-favourites-filled-star-symbol active"></view>
|
|
|
<view v-else class="iconfont icon-Favourites-Add-Large"></view>
|
|
|
<view>收藏</view>
|
|
|
</view>
|
|
|
- <view>
|
|
|
- <view v-if="exhibitor.liked" class="iconfont icon-aixin active"></view>
|
|
|
+ <view @click="onLike()">
|
|
|
+ <view v-if="exhibit.is_like" class="iconfont icon-aixin active"></view>
|
|
|
<view v-else class="iconfont icon-heart1"></view>
|
|
|
<view>点赞</view>
|
|
|
</view>
|
|
|
- <view>
|
|
|
- <view v-if="exhibitor.voted" class="iconfont icon-Ticket1 active"></view>
|
|
|
+ <view v-if="pollShow.product_poll_show" @click="onPoll()">
|
|
|
+ <view v-if="exhibit.is_poll" class="iconfont icon-Ticket1 active"></view>
|
|
|
<view v-else class="iconfont icon-xiaochengxu-toupiaoicon"></view>
|
|
|
<view>投票</view>
|
|
|
</view>
|
|
|
@@ -62,10 +57,10 @@
|
|
|
<view class="exhibitor-card">
|
|
|
<view class="exhibitor-info">
|
|
|
<view class="exhibitor-logo">
|
|
|
- <image src="https://oss.starify.cn/prod/starify/up/0001018678/20241108/672da70c02212.png?x-oss-process=image/resize,w_400" mode="widthFix" />
|
|
|
+ <image :src="exhibit.exhibitors_logo + '?x-oss-process=image/resize,w_400'" mode="widthFix" />
|
|
|
</view>
|
|
|
- <view class="exhibitor-name-cn">科世达（上海）连接器有限公司</view>
|
|
|
- <view class="exhibitor-name-en">Leopold Kostal GmbH & Co. KG</view>
|
|
|
+ <view class="exhibitor-name-cn">{{ exhibit.exhibitors_name_zh_cn }}</view>
|
|
|
+ <view class="exhibitor-name-en">{{ exhibit.exhibitors_name_en_us }}</view>
|
|
|
<view class="exhibitor-detail-link">
|
|
|
<van-button type="primary" @click="onClickDetail">
|
|
|
<template>
|
|
|
@@ -76,7 +71,7 @@
|
|
|
</view>
|
|
|
<view class="exhibitor-number">
|
|
|
<view class="exhibitor-number-label">我们的展位号</view>
|
|
|
- <view class="exhibitor-number-text">E1馆 1101</view>
|
|
|
+ <view class="exhibitor-number-text">{{ exhibit.exhibitors_hall }}馆 {{ exhibit.exhibitors_booth_no }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-panel>
|
|
|
@@ -91,6 +86,7 @@
|
|
|
import UScrollView from '@/components/common/u-scroll-view'
|
|
|
import UShareActionSheet from '@/components/common/u-share-action-sheet'
|
|
|
import UPanel from '@/components/common/u-panel'
|
|
|
+ import { exhibitorsProductInfo, globalPollShow, exhibitorsProductCollect, exhibitorsProductLike, exhibitorsProductPoll } from '@/api/exhibitor'
|
|
|
|
|
|
export default {
|
|
|
options: {
|
|
|
@@ -108,34 +104,95 @@
|
|
|
showShare: false,
|
|
|
shareInfo: null,
|
|
|
exhibit: {
|
|
|
- favourited: true,
|
|
|
- liked: false,
|
|
|
- voted: false
|
|
|
+ is_collect: 0,
|
|
|
+ is_like: 0,
|
|
|
+ is_poll: 0,
|
|
|
+ name: '',
|
|
|
+ summary: '',
|
|
|
+ product_cate_names: [],
|
|
|
+ application_areas_names: [],
|
|
|
+ product_attr_names: [],
|
|
|
+ pic: '',
|
|
|
+ poll_count: 0,
|
|
|
+ pv: 0,
|
|
|
+ exhibitors_logo: '',
|
|
|
+ exhibitors_name_zh_cn: '',
|
|
|
+ exhibitors_name_en_us: '',
|
|
|
+ exhibitors_hall: '',
|
|
|
+ exhibitors_booth_no: ''
|
|
|
+ },
|
|
|
+ id: 0,
|
|
|
+ pollShow: {
|
|
|
+ exhibitors_poll_show: 0,
|
|
|
+ product_poll_show: 0
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
+ onLoad(options) {
|
|
|
+ this.id = options.id
|
|
|
+ this.getProductInfo()
|
|
|
+ },
|
|
|
created() {
|
|
|
this.loadFontFace('Poppins')
|
|
|
+ this.getGlobalPollShow()
|
|
|
},
|
|
|
methods: {
|
|
|
+ getProductInfo() {
|
|
|
+ exhibitorsProductInfo({id: this.id}).then(res => {
|
|
|
+ if (res.code === 0) {
|
|
|
+ this.exhibit = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
onShareAppMessage() {
|
|
|
- return {
|
|
|
- title: '汽车连接器 86W MLK 1,2 SD-HOLDER',
|
|
|
- path: `/pages/exhibitor/exhibit-detail`,
|
|
|
- imageUrl: 'https://oss.starify.cn/prod/starify/up/0001000075/20241113/67343f1c494de.png?x-oss-process=image/resize,w_600,h_600,limit_0,m_pad'
|
|
|
- }
|
|
|
+ return this.shareInfo
|
|
|
},
|
|
|
onShare() {
|
|
|
this.shareInfo = {
|
|
|
- title: '汽车连接器 86W MLK 1,2 SD-HOLDER',
|
|
|
- path: `/pages/exhibitor/exhibit-detail`,
|
|
|
- imageUrl: 'https://oss.starify.cn/prod/starify/up/0001000075/20241113/67343f1c494de.png?x-oss-process=image/resize,w_600,h_600,limit_0,m_pad'
|
|
|
+ title: this.exhibit.name,
|
|
|
+ path: `/pages/exhibitor/exhibit-detail` + this.id,
|
|
|
+ imageUrl: this.exhibit.pic + '?x-oss-process=image/resize,w_600,h_600,limit_0,m_pad'
|
|
|
}
|
|
|
this.showShare = true
|
|
|
},
|
|
|
onClickDetail(e) {
|
|
|
- this.navigateTo('/pages/exhibitor/detail')
|
|
|
- }
|
|
|
+ this.navigateTo('/pages/exhibitor/detail?id=' + this.exhibit.exhibitors_id)
|
|
|
+ },
|
|
|
+ getGlobalPollShow() {
|
|
|
+ globalPollShow().then(res => {
|
|
|
+ this.pollShow = res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onCollect() { // 收藏
|
|
|
+ this.checkAuth('/pages/exhibitor/exhibit-detail?id=' + this.id)
|
|
|
+ exhibitorsProductCollect({ id: this.id }).then(res => {
|
|
|
+ if (res.code === 0) {
|
|
|
+ this.exhibit.is_collect = this.exhibit.is_collect === 0 ? 1 : 0
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onLike() { // 点赞
|
|
|
+ this.checkAuth('/pages/exhibitor/exhibit-detail?id=' + this.id)
|
|
|
+ exhibitorsProductLike({ id: this.id }).then(res => {
|
|
|
+ if (res.code === 0) {
|
|
|
+ this.exhibit.is_like = this.exhibit.is_like === 0 ? 1 : 0
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onPoll() { // 投票
|
|
|
+ this.checkAuth('/pages/exhibitor/exhibit-detail?id=' + this.id)
|
|
|
+ exhibitorsProductPoll({ id: this.id }).then(res => {
|
|
|
+ if (res.code === 0) {
|
|
|
+ this.exhibit.is_poll = this.exhibit.is_poll === 0 ? 1 : 0
|
|
|
+ if (this.exhibit.is_poll === 1) {
|
|
|
+ this.exhibit.poll_count = this.exhibit.poll_count + 1
|
|
|
+ } else {
|
|
|
+ this.exhibit.poll_count = this.exhibit.poll_count - 1
|
|
|
+ this.exhibit.poll_count = this.exhibit.poll_count < 0 ? 0 : this.exhibit.poll_count
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
}
|
|
|
}
|
|
|
</script>
|
zhaosm