<ion-header>
  <ion-toolbar>
      <ion-title text-center>通讯录</ion-title>
      <img class="search" (click)="search()" src="./assets/imgs/search.png"/>
  </ion-toolbar>
</ion-header>



<ion-content>
    <div class="common">
        常用联系人
        <span float-right class="margin-right-10" >添加时间<ion-icon class="margin-left-5 color-666" name="md-arrow-dropdown"></ion-icon></span>
    </div>
    <div class="item" (click)="usualContactPersons()">
      <ion-icon name="ios-contacts" class="contact-icon"></ion-icon>
      <span class="contact-title">常用联系人</span>
    </div>
    <div class="common">
        我的分组
    </div>
    <div class="item" (click)="usualContactAdd()">
        <span class="icon-span">
                    <ion-icon ios="ios-add" class="add-icon-contact" md="md-add"></ion-icon>
        </span>
        <span class="contact-title color-999">添加分组</span>
    </div>
    <div class="item item-border" *ngFor="let item of ownerList" (click)="usualContactOrgPersons(item)">
        <ion-icon name="folder" class="contact-icon"></ion-icon>
        <span class="contact-title">{{item?.usergroupName}}</span>
        <ion-item-options>
            <button danger (click)="deleteItem(item)">删除</button>
        </ion-item-options>
    </div>
    <div class="common">
        上海市委组织部组织架构
        <span float-right class="margin-right-10" >A~Z字母排序<ion-icon class="margin-left-5 color-666" name="md-arrow-dropdown"></ion-icon></span>
    </div>
    <div class="item item-border" *ngFor="let organization of organizations" (click)="usualContactOrgPersons(organization)">
            <ion-icon name="folder" class="contact-icon"></ion-icon>
            <span class="contact-title">{{organization?.name}}</span>
    </div>


      <!-- <img src="./assets/imgs/development.jpg" class="wait"> -->
</ion-content>
