<div class="salesWrapper">
  <div class="top">
    <ul class="tab">
      <li *ngFor="let item of performanceList" (click)="selectRang(item.time)"
        [ngClass]="{selected:searchType==item.time}">
        {{item.name}}
      </li>
    </ul>
    <ul class="tab">
      <li (click)="platform=1;practitionerPolicyListQuery(1)" [ngClass]="{selected:platform==1}">线上</li>
      <li (click)="platform=2;practitionerPolicyListQuery(2)" [ngClass]="{selected:platform==2}">寿险</li>
    </ul>
  </div>
  <div class="salesContent">
    <div class="salesItem" *ngFor="let salesDetailItem of salesDetailList"
      (click)="jumpToOrderdetail(salesDetailItem.orderNo,salesDetailItem.platform)">
      <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">
        <span>{{salesDetailItem.productName ? salesDetailItem.productName:salesDetailItem.planName}}</span>
        <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 style="text-align: center;margin-top: 20px;" *ngIf="salesDetailList?.length<=0">暂无数据</div>
  </div>
</div>