<ion-header>
	<ion-toolbar>
		<div class="searchToolBar">
			<button ion-button clear small navPop style="padding: 0;" (click)="goBack()">
				<img class="back-btn" src="./assets/imgs/back.png" />
			</button>
			<ion-title text-center>活动跟踪</ion-title>
		</div>
	</ion-toolbar>
</ion-header>
<ion-content>
	<ion-list>
		<ion-item *ngFor="let item of activityList" (click)="goDetail(item)">
			<div class="item">
				<div class="item-header">
					<div class="item-header-box">
						<img src="./assets/imgs/1.png" class="itemIcon">
						<span class="item-title">{{item.activityName}}</span>
					</div>
					<!-- <button ion-button round class="btn color1" *ngIf="item.type == 1"></button> -->
					<button ion-button round class="btn color2" *ngIf="item.activityState == 2">已发布</button>
					<button ion-button round class="btn color3" *ngIf="item.activityState == 3">已结束</button>
				</div>
				<div class="item-content">
					<div class="left">
						<div>参加人员：
							<span class="data">{{item.activityFbObjectName }}</span>
						</div>
						<div>活动地点：
							<span class="data">{{item.recent_batch?.batchAddress}}</span>
						</div>
						<div>最近批次：
							<span class="data">{{item.recent_batch?.batchName}}</span>
						</div>
						<div>报名截止：
							<span class="data">{{item.recent_batch?.batchEndDate}}</span>
						</div>
					</div>
					<div class="right">
						<button class="participation">人员参与情况</button>
					</div>
				</div>
			</div>
		</ion-item>
	</ion-list>
</ion-content>