<ion-header>
    <ion-navbar>
        <ion-title text-center>
            <span>{{area?.name}}({{roleName}})</span>
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content direction="y" scrollbar-y="true">
    <ion-list>
        <ng-container *ngFor="let person of page.list">
            <ion-item (click)="goToInfo(person)">
                <div class="contact-box">
                    <img src="./assets/imgs/man.png" class="contact-img">
                    <div class="contact-box-right">
                        <div>
                            <span class="contact-name">{{person.name}}</span>
                        </div>
                        <div>
                            <span *ngIf="role != 4" class="contact-handphone">手机：{{person.mobilePhone || "-"}}</span>
                            <span class="contact-telphone">座机：{{person.telPhone || "-"}}</span>
                        </div>
                    </div>
                </div>
            </ion-item>
        </ng-container>
        <ng-container *ngFor="let person of page.noNumList">
            <ion-item (click)="goToInfo(person)">
                <div class="contact-box">
                    <img src="./assets/imgs/man.png" class="contact-img">
                    <div class="contact-box-right">
                        <div>
                            <span class="contact-name">{{person.name}}</span>
                        </div>
                        <div>
                            <span class="contact-handphone">手机：{{person.mobilePhone || "-"}}</span>
                            <span class="contact-telphone">座机：{{person.telPhone || "-"}}</span>
                        </div>
                    </div>
                </div>
            </ion-item>
        </ng-container>
    </ion-list>
    <ion-list text-center style="margin-top: 10rem" *ngIf="page.list.length == 0 && page.isLoad">
        <img style="width: 20%;" src="./assets/imgs/no-data.png" alt="">
        <p text-center style="color: #666666;font-size: 16px">
            暂无数据
        </p>
    </ion-list>
</ion-content>
