<ion-header>
    <ion-toolbar>
        <div class="searchToolBar">
            <button ion-button clear small navPop style="padding: 0;" (click)="goBack()">
                <img class="back-btn" src="./assets/imgs/back.png" />
            </button>
            <ion-title text-center>
                操作记录({{totalNum}})
            </ion-title>
        </div>

    </ion-toolbar>
</ion-header>


<ion-content class="content" direction="y" scrollbar-y="true">
    <ion-list>
        <ion-item *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 *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>