<div class="salesWrapper">
  <div class="teamHeader">
    <div class="teamItem teamInfo">
        <img src="assets/images/history_cup.png" >
        <div>
          {{performanceTitle}}{{showType==='sales'?'佣金':'保单'}}
        </div>
    </div>
  </div>
  <div class="top">
    <ul class="tab">
      <li *ngFor="let item of performanceList" (click)="selectRang(item.time,item.name)"
        [ngClass]="{selected:searchType==item.time}">
        {{item.name}}
      </li>
    </ul>
    <ul class="tab">
      <li (click)="platform=2;practitionerPolicyListQuery(2)" [ngClass]="{selected:platform==2}">寿险</li>
      <li (click)="platform=1;practitionerPolicyListQuery(1)" [ngClass]="{selected:platform==1}">线上</li>
    </ul>
  </div>
  <div class="salesContent">
    <div class="salesItem" *ngFor="let salesDetailItem of salesDetailList"
      (click)="jumpToOrderdetail(salesDetailItem.orderNo,salesDetailItem.platform,salesDetailItem.fortuneId,salesDetailItem.policyNo,salesDetailItem.relation_id)">
      <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>