<div class="app-mob-mobmdctrl "> <ng-container *ngIf="!isSelectedView"> <!-- 多数据视图多数据部件 --> <div class="app-mdctrl "> <div> <ion-list class="app-mdctrl-list mdctrl"> <ion-item *ngFor="let item of items" class="app-mdctrl-list-item" (load)="loadhandle(item)" (click)="clickhandle(item)"> <div style="width:100%;"> <ctrl-usr-panel [item]="item"></ctrl-usr-panel> </div> </ion-item> </ion-list> <ng-container *ngIf="items.length === 0"> <div style="text-align: center;font-size: 16px;line-height: 32px;height: 100%;padding: 16px;font-weight: 500;">暂无数据~~~</div> </ng-container> </div> <div> <app-load-more (loadMore)="loadMore($event)" [isEmbeddedView]="isembeddedView" [isSendingRequest]="isSendingRequest()" [isInfinite]="isInfinite()" [loadMode]="loadMode"></app-load-more> </div> </div> </ng-container> <ng-container *ngIf="isSelectedView"> <!-- 数据选择视图多数据部件 --> <div class="app-mdctrl-selected "> <ion-list class="app-mdctrl-list"> <ion-item class="app-mdctrl-list-item" *ngFor="let item of items"> <div style="width:100%;"> <ctrl-usr-panel [item]="item"></ctrl-usr-panel> </div> <ion-checkbox slot="end" [(ngModel)]="item.isChecked" (ionChange)="selectChange(item)"></ion-checkbox> </ion-item> </ion-list> <ng-container *ngIf="items.length === 0"> <div style="text-align: center;font-size: 16px;line-height: 32px;height: 100%;padding: 16px;font-weight: 500;">暂无数据~~~</div> </ng-container> <ng-container *ngIf="isMulti"> <ion-footer class="app-view-footer"> <ion-toolbar class="app-view-toolbar"> <ion-label slot="start">已选中:{{selectedArray.length}}</ion-label> <ion-buttons slot="end"> <ion-button (click)="checkAll()"> <ion-icon name="done-all"></ion-icon> </ion-button> </ion-buttons> </ion-toolbar> </ion-footer> </ng-container> <app-load-more (loadMore)="loadMore($event)" [isEmbeddedView]="isembeddedView" [isSendingRequest]="isSendingRequest()" [isInfinite]="isInfinite()" [loadMode]="loadMode"></app-load-more> </div> </ng-container> </div>