<ion-header>
	<ion-navbar>
		<ion-title>我的活动</ion-title>
	</ion-navbar>
</ion-header>
<ion-content class="bgc-e7e8ed">
	<ion-list>
		<ion-item *ngFor="let item of allOrder" class="margin-top-10">
			<div class="item" (click)="goConfirmActivity(item)">
				<div class="item-header">
					<div class="item-header-style">
						<img src="./assets/imgs/icon-tj.png" class="icon" *ngIf="item.activity.activityType==1">
						<img src="./assets/imgs/icon-ly.png" class="icon" *ngIf="item.activity.activityType==2">
						<img src="./assets/imgs/icon-px.png" class="icon" *ngIf="item.activity.activityType==3">
						<img src="./assets/imgs/icon-gh.png" class="icon" *ngIf="item.activity.activityType==4">
						<span class="item-title">{{item.activity.activityName}}</span>
					</div>


					<button disabled style="border-radius: 4px" ion-button round class="btn color1" *ngIf="item.orderstate == '1'">已报名</button>
					<button disabled style="border-radius: 4px" ion-button round class="btn color2" *ngIf="item.orderstate == '2'">待确认</button>
					<button disabled style="border-radius: 4px" ion-button round class="btn color3" *ngIf="item.orderstate == '3'">已评价</button>
					<button disabled style="border-radius: 4px" ion-button round class="btn color3" *ngIf="item.orderstate == '4'">已完成</button>
				</div>
				<div class="content-box">
					<div class="content-item-box">
						<label class="left-title">批次名称：</label>
						<div class="data">{{item.batch?.batchName}}</div>
					</div>
					<div class="content-item-box">
						<label class="left-title">出行日期：</label>
						<div class="data">
							{{item.batch?.batchGoDate}}
						</div>
					</div>
					<div class="content-item-box">
						<label class="left-title">活动地点：</label>
						<div class="data">
							{{item.batch?.batchAddress}}
						</div>
					</div>
					<div class="content-item-box">
						<label class="left-title">报名截止：</label>
						<div class="data">
							{{item.batch?.batchEndDate}}
						</div>
					</div>
				</div>
				<div class="right">
					<button disabled class="cancel" *ngIf="item.orderstate == 1" (click)="sureCancelOrder(item.orderid);$event.stopPropagation();">取消报名</button>
					<button disabled class="reselection" *ngIf="item.orderstate == 2"  (click)="reelectBatch(item);$event.stopPropagation();">订单确认</button>
				</div>
			</div>
		</ion-item>
	</ion-list>
</ion-content>


