<ion-header>
	<ion-navbar>
		<ion-title text-center>报名订单</ion-title>
	</ion-navbar>
</ion-header>
<ion-content class="content">
	<ion-item class="content-title">
		<span>活动名称</span>
		<span float-right>{{activity.activityName}}</span>
	</ion-item>
	<ion-item>
		<ion-label>选择批次</ion-label>
		<ion-select [(ngModel)]="order.Batchid" cancelText="取消" okText="确定">
			<ion-option value="{{item.id}}" *ngFor="let item of activity.batchList">{{item.batchName}}</ion-option>
		</ion-select>
	</ion-item>
	<ion-item class="margin-top-10">
		<ion-label>报名用户</ion-label>
		<span class="lettr-space-1"  item-right></span>
	</ion-item>
	<ion-item class="margin-top-10">
		<span>携带人数</span>
		<span>
               <span>
                   <button  type="button"  class="input_left"  (tap)="next()">-</button>
            </span>
              <span>
                  <input type="text"  readonly="readonly" [(ngModel)]='order.Personnumber' name="num" />
            </span>
              <span>
                   <button type="button" style="margin-left: -2px" class="input_right"  (tap)="add()">+</button>
            </span>
            </span>
	</ion-item>
	<ion-item class="margin-top-10">
		<ion-label>报名备注</ion-label>
		<ion-textarea [(ngModel)]="order.Orderbz" class="content-textarea"></ion-textarea>
	</ion-item>

	<button class="submit-btn submit" (click)="submitOrder()">提交订单</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>-->
					<!--{{activity.activityIntro}}-->
				<!--</p>-->
			<!--</div>-->
			<!--<button ion-button block (click)="hidden()">-->
				<!--关闭-->
			<!--</button>-->
		<!--</div>-->
	<!--</div>-->
<!--</div>-->

<!--<div class="cover" *ngIf="isSuccess">-->
	<!--<div class="cover-content cover-content-result">-->
		<!--<div class="cover-content-box">-->
			<!--<img class="result-img" src="./assets/imgs/success.png">-->
			<!--<h4 class="result-msg">报名成功</h4>-->
		<!--</div>-->
	<!--</div>-->
<!--</div>-->

<!--<div class="cover" *ngIf="isError">-->
	<!--<div class="cover-content cover-content-result">-->
		<!--<div class="cover-content-box">-->
			<!--<img class="result-img" src="./assets/imgs/error.png">-->
			<!--<h4 class="result-msg">报名失败</h4>-->
		<!--</div>-->
	<!--</div>-->
<!--</div>-->