mp_exhibitor_miniprog/pages/exhibitor/components/exhibit-item.vue

<template>
	<view class="exhibit-item exhibitor-item" hover-class="active" @click="onClickExhibit(item)">
		<view class="exhibit-body">
			<view class="exhibitor-body">
				<view class="exhibitor-logo">
          <image v-if="item && item.pic" :src="item.pic + '?x-oss-process=image/resize,w_400'" mode="aspectFit" />
          <image v-else src="https://onlinecatelogue.productronicachina.com.cn/assets/image/normal-logo.jpg" mode="aspectFit" />
				</view>
				<view class="exhibitor-name">{{ item.name }}</view>
				<view class="exhibitor-number">
					<view class="exhibitor-number-label">展位号:</view>
					<view class="exhibitor-number-text">{{ item.hall_booth_no }}</view>
				</view>
			</view>
			<view class="exhibitor-name">
				<view class="exhibitor-name-cn">{{ item.exhibitors_name_zh_cn }}</view>
				<view class="exhibitor-name-en">{{ item.exhibitors_name_en_us }}</view>
			</view>
		</view>
		<view v-if="!footerHidden" class="exhibitor-footer">
			<view class="exhibitor-views"><view class="iconfont icon-View"></view>{{ item.pv }}</view>
			<view class="exhibitor-action">
				<view>
					<button @click.stop="onShare(item)" :plain="true">
						<view>
							<view class="iconfont icon-zhuanfa"></view>
							<view>分享</view>
						</view>
					</button>
				</view>
				<view @click.stop="onCollect()">
					<view v-if="item.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 @click.stop="onLike()">
					<view v-if="item.is_like" class="iconfont icon-aixin active"></view>
					<view v-else class="iconfont icon-heart1"></view>
					<view>点赞</view>
				</view>
				<view v-if="pollShow" @click.stop="onPoll()">
					<view v-if="item.is_poll" class="iconfont icon-Ticket1 active"></view>
					<view v-else class="iconfont icon-xiaochengxu-toupiaoicon"></view>
					<view>投票</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		exhibitorsProductCollect,
		exhibitorsProductLike,
		exhibitorsProductPoll
	} from '@/api/exhibitor'
	export default {
		options: {
			styleIsolation: 'shared'
		},
		components: {},
		props: {
			// 数据
			item: Object,
			footerHidden: Boolean,
			pollShow: Number
		},
		data() {
			return {}
		},
		created() {},
		methods: {
			onShare(item) {
				const shareInfo = {
					title: item.name,
					path: `/pages/exhibitor/exhibit-detail?id=` + item.id,
					imageUrl: item.pic + '?x-oss-process=image/resize,w_400'
				}
				this.$emit('share', {
					detail: shareInfo
				})
			},
			onClickExhibit(item) {
				let path = getCurrentPages()
				let current_path = path[path.length - 1].route
				if (current_path === 'pages/user/like' || current_path === 'pages/user/favorites' || current_path === 'pages/user/vote') {
					this.navigateTo('/pages/exhibitor/exhibit-detail?id=' + item.exhibitors_product_id)
				} else {
					this.navigateTo('/pages/exhibitor/exhibit-detail?id=' + item.id)
				}
			},
			onCollect() { // 收藏
				if (!this.checkAuth('/pages/exhibitor/exhibit')) {
					return
				}
				exhibitorsProductCollect({
					id: this.item.id
				}).then(res => {
					if (res.code === 0) {
						let is_collect = this.item.is_collect === 0 ? 1 : 0
						this.$emit('updateItemValue', {
							id: this.item.id,
							key: 'is_collect',
							value: is_collect
						})
					}
				})
			},
			onLike() { // 点赞
				if (!this.checkAuth('/pages/exhibitor/exhibit')) {
					return
				}
				exhibitorsProductLike({
					id: this.item.id
				}).then(res => {
					if (res.code === 0) {
						let is_like = this.item.is_like === 0 ? 1 : 0
						this.$emit('updateItemValue', {
							id: this.item.id,
							key: 'is_like',
							value: is_like
						})
					}
				})
			},
			onPoll() { // 投票
				if (!this.checkAuth('/pages/exhibitor/exhibit')) {
					return
				}
				exhibitorsProductPoll({
					id: this.item.id
				}).then(res => {
					if (res.code === 0) {
						let is_poll = this.item.is_poll === 0 ? 1 : 0
						this.$emit('updateItemValue', {
							id: this.item.id,
							key: 'is_poll',
							value: is_poll
						})
					}
				})
			}
		}
	}
</script>
<style lang="scss">
</style>