<template>
	<view class="event-content">
	<view class="com-event-item" v-if="info">
		<view class="event-img"  @click="onViewTheater">
			<image :src="info.imageUrl" class="img"/>
		</view>
		<view class="event-info">
			<view class="name"  @click="onViewTheater">{{info.name}}</view>
			<view class="tip">时间：
				<block v-if="info.plan && info.plan.startTime"> {{info.plan.startDate}} 至 {{info.plan.endDate}}</block>
				<block v-else>暂无时间按排</block> 
			</view>
			<view class="header" style=" height: 30px; width:100%; ">  
				<view class="tags">
					<block v-for="(it,index) in info.tags">
						<view class="tag">{{it}}</view>
					</block> 
				</view> 
			</view> 
			<view class="part_area" >
				<view class="parttip" >已报名：{{info.userList.length+info.underLineQty}} 人 </view>
				
				<!-- 报名会员头像 -->
				 <!-- <view class="partic" v-if="info.userList.length > 0 && index < 6" v-for="(it,index) in info.userList  " >
				    <view><img :src="it.user.headerImg"></view>
					  
				  </view><view v-if="info.userList.length>6">...</view>  -->
				  
			
			
			
			</view>
		</view>
		<view class="event-btn">
			<view class="btn"  @click="onViewTheater"><button class="btn-yy">{{ info.type === 1 ? '拼场' : (info.type === 2 ? '预约' : '') }}</button></view>
			<view class="qty">
				￥{{info.price}}元/人
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		name:"EventItem",
		props:{
			info:{
				type:Object,
				default:()=>{
					return null;
				}
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			onViewPerformer(e){
				uni.navigateTo({
					url:'/pages/theater/chair-man/chair-man?id='+e
				})
			},
			
			onViewTheater(e){
				uni.navigateTo({
					url:'/pages/theater/movie/movie?id='+this.info.id
				})
			},
		}
	}
</script>

<style lang="scss">
@import './EventItem.scss'
</style>