<ion-header>
	<ion-navbar>
		<ion-title text-center>处室人员报备情况</ion-title>
	</ion-navbar>
</ion-header>
<ion-content class="content">
	<div class="activity-title">
		{{title}}
	</div>

	<div class="content-box">
		<div class="content-box-item i3" (click)="change(1)">
			<span class="item-title">未报备</span>
			<span class="item-count">{{itemsOfNotReport.length}}人</span>
		</div>

		<div class="content-box-item i2" (click)="change(2)">
			<span class="item-title">离沪</span>
			<span class="item-count">{{itemsOfLeave.length}}人</span>
		</div>
		<div class="content-box-item i1" (click)="change(3)">
			<span class="item-title">不离沪</span>
			<span class="item-count">{{itemsOfNotLeave.length}}人</span>
		</div>
	</div>

	<ion-list>
		<ion-item *ngFor="let item of items">
			<div class="group">
				<div class="inner-group">
					<img *ngIf="item.gender === 1" 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" name="male"></ion-icon>
							<ion-icon class="person-sex-female" *ngIf="item.gender === 0" name="female"></ion-icon>
						</p>
						<p *ngIf="type == 2" class="person-batch">离沪时间：{{item.leaveDate}}-{{item.backDate}}</p>
						<p *ngIf="type == 2" class="person-batch">离沪地点：{{item.address}}</p>
					</div>
				</div>
				<button ion-button round class="btn color1" *ngIf="type == 1">未报备</button>
				<button ion-button round class="btn color2" *ngIf="type == 2">离沪</button>
				<button ion-button round class="btn color3" *ngIf="type == 3">不离沪</button>
			</div>
		</ion-item>
	</ion-list>
</ion-content>