Skip to content
person-list.html 1.51 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed
<ion-header>

  <ion-navbar>
    <ion-title>联系人</ion-title>
    <ion-buttons start>
      <button  ion-button (click)="dismiss()">
        <span class="color-fff" ion-text>取消</span>
      </button>
    </ion-buttons>
    <ion-buttons end>
      <button class="color-fff" ion-button (click)="dismiss()">
        <span class="color-fff" ion-text>确定</span>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content>
  <ion-searchbar (ionInput)="getList($event)" [(ngModel)]="name" placeholder="姓名、手机号码"></ion-searchbar>
  <ion-list>
    <ion-item-sliding>
      <ion-item *ngFor="let item of perList">
        <div class="contact-box" (click)="sure(item)">
          <ng-container *ngIf="item?.picUrl && item?.picUrl != ''">
            <img src="{{picture+item.picUrl}}" class="contact-img">
          </ng-container>
          <ng-container *ngIf="!item?.picUrl || item?.picUrl == ''">
            <img src="./assets/imgs/man.png" class="contact-img" *ngIf="item.gender =='1'||item.gender==null">
            <img src="./assets/imgs/woman.png" class="contact-img" *ngIf="item.gender =='0'">
          </ng-container>

          <div class="contact-box-right">
            <div>
              <span class="contact-name">{{item.name}}</span>
              <span class="contact-handphone">{{item.mobile}}</span>
            </div>
            <div class="contact-organization">{{item?.orgname}}</div>
          </div>
        </div>
      </ion-item>
    </ion-item-sliding>
  </ion-list>
</ion-content>