<div class="salesWrapper">
  <ul class="tab">
    <li *ngFor="let item of performanceList" (click)="selectRang(item.type)"
      [ngClass]="{selected:searchType==item.type}">
      <div style="position: relative;">
        <h3>{{item.name}}
          <!-- <i class="line" *ngIf="performanceSelectedFlag==item.type" 
        [ngStyle]="{'left':leftWidth}"
        ></i> -->
        </h3>
      </div>
    </li>
  </ul>
  <div class="salesContent">
    <div class="salesItem" *ngFor="let salesDetailItem of salesDetailList"
      (click)="jumpToOrderdetail(salesDetailItem.orderNo)">
      <div class="icon_bolck" *ngIf="showType==='sales'"><span class="iconfont icon-yongjin"></span></div>
      <div class="icon_bolck" *ngIf="showType==='orderform'"><span class="iconfont icon-baodanyangben"
          style="font-size: 20px;"></span></div>
      <div class="line">
        <div>投保人：{{salesDetailItem.holderName}}</div>
        <span class="iconfont icon-ar-r" style="font-size: 10px;position: relative; right: -2px;"></span>
      </div>
      <div class="line long_line">{{salesDetailItem.productName}}
        <div class="price" *ngIf="showType==='sales'">￥{{salesDetailItem.referralAmount | number: "1.2-2"}}</div>
        <div class="price" *ngIf="showType==='orderform'">￥{{salesDetailItem.orderPrice | number: "1.2-2"}}</div>
      </div>
      <div class="line long_line">
        <div>保单号：{{salesDetailItem.policyNo}}</div>
        <div>{{(salesDetailItem.orderDate).substr(0,10)}}</div>
      </div>
    </div>
  </div>
</div>