<div class="customer_wrapper">
  <ul class="customer_content" *ngFor="let customerItem of customerList;index as i;">
    <img src="assets/images/man.png" alt="男" *ngIf="customerItem.gender=='男'">
    <img src="assets/images/women.png" alt="女" *ngIf="customerItem.gender=='女'">
    <img src="assets/images/nogender.png" alt="女" *ngIf="customerItem.gender==null">
    <li>
      <div>
        <span *ngIf="customerItem.selected">姓名：</span>{{customerItem.name}}
        <span *ngIf="!customerItem.selected">{{customerItem.mobileNo}}</span>
      </div>
      <div class="iconfont icon-ar-r" *ngIf="!customerItem.selected" (click)="customerItem.selected = true"></div>
      <div class="iconfont icon-xiangxia" *ngIf="customerItem.selected" (click)="customerItem.selected = false"></div>
    </li>
    <li *ngIf="customerItem.selected">
      <span>性别：{{customerItem.gender}}</span>
    </li>
    <li *ngIf="customerItem.selected">
      <span>生日：{{customerItem.birthDate}}</span>
    </li>
    <li *ngIf="customerItem.selected">
      <span>手机号：{{customerItem.mobileNo}}</span>
    </li>
    <li class="customer_btn" *ngIf="customerItem.selected">
      <div (click)="jumpToRelation(customerItem.customerId)">
        <img src="assets/images/pepple.png" alt="客户关系">
        <span>客户关系</span>
      </div>
      <div (click)="jumpToPolicy(customerItem.customerId)">
        <img src="assets/images/policy_01.png" alt="保单">
        <span>查看保单</span>
      </div>
      <div (click)="addBussiness(customerItem)">
        <img src="assets/images/add.png" alt="商机">
        <span>添加商机</span>
      </div>
    </li>
  </ul>
  <div *ngIf="customerList?.length ==0" 
  style="text-align: center;padding-top: 50%;font-size: 36px;">暂无客户</div>
</div>