<ion-header>
	<ion-toolbar>
		<div class="searchToolBar">
			<ion-title text-center>活动详情</ion-title>
		</div>
	</ion-toolbar>
</ion-header>
<ion-content class="content">
	<!-- <div class="item1">
		<ion-list class="item-list">
			<ion-item>
				<ion-icon name="ios-contact" class="item1-icon"></ion-icon>
				2018年体检活动（处级以下）
			</ion-item>
		</ion-list>
	</div> -->

	<div class="item1">
		<div class="img-box">
			<img class="item1-image" src="./assets/imgs/logo.png">
		</div>
		<div class="item1-content">
			<div>
				<label class="item1-title">上海市人民医院体检</label>
				<!-- <label class="item1-title" *ngIf="activity.activityFbObject==1">{{activity.activityName}}（全体人员）</label>
					<label class="item1-title" *ngIf="activity.activityFbObject==2">{{activity.activityName}}（用户组）</label>
					<label class="item1-title" *ngIf="activity.activityFbObject==3">{{activity.activityName}}（处事部门）</label> -->
				<div class="item1-content-box">
					<ion-icon name="md-contact" class="item1-icon"></ion-icon>
					<!-- <span class="item-type">{{activity.activityType}}</span> -->
					<span class="item-type">体检</span>
				</div>
			</div>
			<div class="item1-introduction">
				<!-- {{activity.activityIntro}} -->
				{{introduce}}
				<button class="btn-introduce" (click)="show()">具体介绍</button>
			</div>
		</div>
	</div>

	<div class="item2">
		<ion-list class="item-list">
			<ion-item>
				<label class="item-label">
					<span class="item-title">
						活动批次
					</span>
				</label>
			</ion-item>
			<ion-item class="item2-content">
				<div *ngFor="let batch of batches" class="item2-box">
					<span class="time">{{batch.time}}</span>
					<span class="quantity">剩余{{batch.quantity}}名</span>
				</div>
			</ion-item>
		</ion-list>
	</div>

	<div class="item4 item-margin">
		<ion-list class="item-list">
			<ion-item>
				<label class="item-label">
					<span class="item-title">
						活动说明
					</span>
				</label>
			</ion-item>
			<ion-item>
				<label class="little-title-box">
					<span class="little-title">时间</span>
				</label>
				<label class="item4-content">{{activity.time}}</label>
			</ion-item>
			<ion-item>
				<label class="little-title-box">
					<span class="little-title">地点</span>
				</label>
				<label class="item4-content">{{activity.location}}</label>
			</ion-item>
			<ion-item>
				<label class="little-title-box">
					<span class="little-title">交通</span>
				</label>
				<label class="item4-content">{{activity.musterTime}}</label>
			</ion-item>
			<ion-item>
				<label class="little-title-box">
					<span class="little-title">参与</span>
				</label>
				<label class="item4-content">{{activity.deadlineTime}}</label>
			</ion-item>
		</ion-list>
	</div>
	<div class="item5 item-margin">
		<ion-list class="item-list">
			<ion-item>
				<label class="item-label">
					<span class="item-title">
						活动须知
					</span>
				</label>
			</ion-item>
			<ion-item class="item5-content">
				<p>1.体检人员在体检服务窗口出示身份证即可；</p>
				<p>2.体检前三天注意清淡饮食，规律作息；</p>
				<p>3.体检前一天20:00后避免进食；</p>
				<p>4.体检当天完成抽血、彩超后方可进食。</p>
			</ion-item>
		</ion-list>
	</div>
	<button ion-button block (click)="goJoinDetail()">人员参与情况</button>
</ion-content>

<div class="cover" *ngIf="isCover">
	<div class="cover-content">
		<div class="cover-content-box">
			<h4 class="cover-content-title">具体介绍</h4>
			<div class="cover-content-info">
				<p>
					大是大非技术开发的放开价格低是健康的方式上课的老师来的胜利的快感是贷款公司说那是肯定句史可法大家可能快谁能看见电脑上看谁能看得开 大是大非技术开发的放开价格低是健康的方式上课的老师来的胜利的快感是贷款公司说那是肯定句史可法大家可能快谁能看见电脑上看谁能看得开
					大是大非技术开发的放开价格低是健康的方式上课的老师来的胜利的快感是贷款公司说那是肯定句史可法大家可能快谁能看见电脑上看谁能看得开 大是大非技术开发的放开价格低是健康的方式上课的老师来的胜利的快感是贷款公司说那是肯定句史可法大家可能快谁能看见电脑上看谁能看得开
					大是大非技术开发的放开价格低是健康的方式上课的老师来的胜利的快感是贷款公司说那是肯定句史可法大家可能快谁能看见电脑上看谁能看得开
				</p>
			</div>
			<button ion-button block (click)="hidden()">
				关闭
			</button>
		</div>
	</div>
</div>