<ion-header>
    <ion-navbar>
        <ion-title>订单详情</ion-title>
    </ion-navbar>
</ion-header>
<ion-content class="content">
    <div class="content">
        <div class="sign-info">
            <p class="info-title">活动名称:{{activity?.activityName}}</p>
            <div class="content-item">
                <p>{{activity?.activityIntro}}</p>
            </div>
        </div>
        <div class="sign-info">
            <p class="info-title">报名信息</p>
            <div class="content-item">
                <p><span>携带人数：</span><span>{{order?.personnumber}}</span></p>
                <p><span>报名备注：</span><span>{{order?.orderbz}}</span></p>
            </div>
        </div>
        <div class="batch-info">
            <p class="info-title">批次:{{batch?.batchName}}</p>
            <div class="content-item">
                <p><span>报名截止：</span><span>{{batch?.batchEndDate}}</span></p>
                <p><span>出行日期：</span><span>{{batch?.batchGoDate}}</span></p>
                <p><span>集合时间：</span><span>{{batch?.batchSetTime}}</span></p>
                <p><span>集合地点：</span><span>{{batch?.batchSetAddress}}</span></p>
                <p><span>联络员：</span><span>{{batch?.liamand}}</span></p>
                <p><span>联络电话：</span><span>{{batch?.liamantel}}</span></p>
                <p><span>活动须知：</span><br>
                    <span [innerHtml]='batch.batchNotice' ></span>
            </div>
        </div>
        <div class="content-button">
            <div class="button-left">报名人数<span class="color-24bafc margin-left-15">{{batch?.hasSignUpCount}}/{{batch?.batchLimitNumber}}</span>
            </div>
            <div class="button-right">

                <ng-container *ngIf="order.orderstate == '1'">
                    <span class="button-btn button-btn2" (click)="sureCancelOrder()">取消报名</span>
                </ng-container>
                <ng-container *ngIf="order.orderstate == '2'">
                    <span (click)="orderConform()" class="button-btn button-btn1">订单确认</span>
                </ng-container>

            </div>
        </div>
    </div>
</ion-content>