<ion-header>
  <ion-toolbar>
      <ion-title text-center>通讯录</ion-title>
      <ion-buttons end>
          <button ion-button (click)="search()" class="search">
              <ion-icon ios="ios-search" md="md-search"></ion-icon>
          </button>
      </ion-buttons>
  </ion-toolbar>
</ion-header>



<ion-content>
    <div class="common ">
        常用联系人
    </div>
    <div class="item padding-10-15" (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 new-add" (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>
    <ion-list class="myItem">
            <ion-item-sliding *ngFor="let item of ownerList">
                <ion-item (click)="usualContactBlockPersons(item)">
                    <img src="./assets/imgs/orgn.png" class="contact-img" >
                    <span class="contact-title">{{item?.usergroupName}}</span>
                </ion-item>
                <ion-item-options>
                    <button ion-button color="danger" (click)="removeItem(item)">删除</button>
                </ion-item-options>
            </ion-item-sliding>
    </ion-list>

    <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)">
        <img src="./assets/imgs/orgn.png" class="contact-img" >
        <span class="contact-title">{{organization?.name}}</span>
    </div>


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