<ion-header>
    <ion-navbar>
        <ion-title>操作记录({{totalNum}})</ion-title>
    </ion-navbar>
</ion-header>


<ion-content class="content" direction="y" scrollbar-y="true">
    <ion-list>
        <ion-item class="margin-bottom-5" *ngFor="let operation of operations">

            <div class="content-box">
                <div class="content-item-box">
                    <label class="left-title">操作名称：</label>
                    <div class="data-box">
                        <div class="data">{{operation.opertionObject}}</div>
                        <button class="btn">{{operation.timegapvalue}}</button>
                    </div>
                </div>
                <div class="content-item-box">
                    <label class="left-title">操作模块：</label>
                    <div class="data data-1">{{operation.opertionType}}</div>
                </div>
                <div class="content-item-box">
                    <label class="left-title">操作时间：</label>
                    <div class="data">{{operation.opertionTime}}</div>
                </div>
                <div class="content-item-box">
                    <label class="left-title">操作内容：</label>
                    <div class="data data-1">{{operation.opertionContent}}</div>
                </div>
            </div>

        </ion-item>


        <ion-item class="margin-bottom-5" *ngFor="let operation of pageOperations">

            <div class="content-box">
                <div class="content-item-box">
                    <label class="left-title">操作名称：</label>
                    <div class="data-box">
                        <div class="data">{{operation.opertionObject}}</div>
                        <button class="btn">{{operation.timegapvalue}}</button>
                    </div>
                </div>
                <div class="content-item-box">
                    <label class="left-title">操作模块：</label>
                    <div class="data data-1">{{operation.opertionType}}</div>
                </div>
                <div class="content-item-box">
                    <label class="left-title">操作时间：</label>
                    <div class="data">{{operation.opertionTime}}</div>
                </div>
                <div class="content-item-box">
                    <label class="left-title">操作内容：</label>
                    <div class="data data-1">{{operation.opertionContent}}</div>
                </div>
            </div>

        </ion-item>


        <ion-infinite-scroll (ionInfinite)="doInfinite($event)" *ngIf="hasmore" threshold="10px">
            <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载更多...">
            </ion-infinite-scroll-content>
        </ion-infinite-scroll>

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