<ion-header>
	<ion-navbar>
		<ion-title text-center>处室可报名人员参与情况</ion-title>
	</ion-navbar>
</ion-header>
<ion-content class="content">
	<div class="activity-title">
		2018年体检活动处级以下
	</div>

	<div class="content-box">
		<div class="content-box-item i3" (click)="noSign()">
			<span class="item-title">未报名</span>
			<span class="item-count">{{notSign}}人</span>
		</div>
		<div class="content-box-item i2" (click)="hasSign()">
			<span class="item-title">已报名</span>
			<span class="item-count">{{waitgoOrder}}人</span>
		</div>
		<div class="content-box-item i1" (click)="waitSure()">
			<span class="item-title">待确认</span>
			<span class="item-count">{{waitSureOrder}}人</span>
		</div>
	</div>
	<div class="content-box">
		<div class="content-box-item i4" (click)="hasgo()">
			<span class="item-title">已出行</span>
			<span class="item-count">{{hasgoOrder}}人</span>
		</div>
		<div class="content-box-item i5" (click)="notgo()">
			<span class="item-title">未出行</span>
			<span class="item-count">{{notgoOrder}}人</span>
		</div>
	</div>

	<ion-list>
		<ion-item *ngFor="let item of items">

			<div class="group" *ngIf="isNoSignFlag">
				<div class="inner-group">
					<img *ngIf="item.user?.gender == '1'||item.user?.gender == null" src="./assets/imgs/man.png" class="person-photo">
					<img *ngIf="item.user?.gender == '0'" src="./assets/imgs/woman.png" class="person-photo">
					<div class="item-box">
						<p class="person-name">{{item.username}}
							<ion-icon class="person-sex-male" *ngIf="item.user?.gender == '1'||item.user?.gender == null" name="male"></ion-icon>
							<ion-icon class="person-sex-female" *ngIf="item.user?.gender == '0'" name="female"></ion-icon>
						</p>
						<span class="person-batch">批次：{{item.batch?.batchName}}</span>
					</div>
				</div>
				<button ion-button round class="btn color2" *ngIf="item.orderstate	== 1">已报名</button>
				<button ion-button round class="btn color1" *ngIf="item.orderstate	== 2">待确认</button>
				<button ion-button round class="btn color5" *ngIf="item.orderstate	== 3">未出行</button>
				<button ion-button round class="btn color4" *ngIf="item.orderstate	== 4">已出行</button>
				<button ion-button round class="btn color3" *ngIf="item.orderstate  == 0">未报名</button>
			</div>

			<div class="group" *ngIf="!isNoSignFlag">
				<div class="inner-group">
					<img *ngIf="item.gender == '1'||item.gender == null" src="./assets/imgs/man.png" class="person-photo">
					<img *ngIf="item.gender == '0'" src="./assets/imgs/woman.png" class="person-photo">
					<div class="item-box">
						<p class="person-name">{{item.name}}
							<ion-icon class="person-sex-male" *ngIf="item.gender == '1'||item.gender == null" name="male"></ion-icon>
							<ion-icon class="person-sex-female" *ngIf="item.gender == '0'" name="female"></ion-icon>
						</p>
					</div>
				</div>
				<button ion-button round class="btn color3">未报名</button>
			</div>

		</ion-item>

		<!-- <ion-item *ngFor="let item of users" >
			<div class="group">
				<div class="inner-group">
					<img *ngIf="item.gender == '1'||item.gender == null" src="./assets/imgs/man.png" class="person-photo">
					<img *ngIf="item.gender == '0'" src="./assets/imgs/woman.png" class="person-photo">
					<div class="item-box">
						<p class="person-name">{{item.name}}							
							<ion-icon class="person-sex-male" *ngIf="item.gender == '1'||item.gender == null" name="male"></ion-icon>
							<ion-icon class="person-sex-female" *ngIf="item.gender == '0'" name="female"></ion-icon>
						</p>				
					</div>
				</div>		
				<button ion-button round class="btn color3" >未报名</button>
			</div>
		</ion-item> -->

	</ion-list>
</ion-content>