<template>
	<view class='com-chair-man' v-if="info">
		<view class="title" v-if="type==1">当家主持人</view>
		<view class="title" v-if="type==2">主理人</view>
		<view class="content" @click="onViewChair">
			<view class="header">
				<image :src="info.headerImg" mode="aspectFill" class="icon"></image>
			</view>
			<view class="intro">
				<view class="name">{{info.name}}</view>
				<view class="tags">
					<block v-for="(it,index) in info.tags">
						<uni-tag :text="it" :inverted="true" :circle="true" type="error" style="margin-right:10px;"></uni-tag>
					</block> 
				</view>
				<view class="point">
					<uni-rate color="#CCCCCC" activeColor="#b11b1c" :value="info.point"  readonly/> 
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"ChairMan",
		props:{	
			type:{
				type:Number,
				default:1,
			}, 
			info:{
				type:Object,
				default:()=>{
					return null;
				}
			},
		},
		watch:{
			'info':{
				handler(val){
					 
				},
				deep:true,
				immediate:true,
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			onViewChair(e){
				 
				uni.navigateTo({
					url:'/pages/theater/chair-man/chair-man?id='+this.info.id
				})
			}
		}
	}
</script>

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