<div class="salesWrapper">
  <ul class="tab">
    <li *ngFor="let item of performanceList" 
    (click)="selectRang(item.type)"
    [ngClass]="{selected:salesDetailType==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">
      <div class="icon_bolck"><span class="iconfont icon-money-more"></span></div>
      <div class="line">
        <div>投保人：{{salesDetailItem.holderName}}</div> 
        <div class="price">￥{{salesDetailItem.referralAmount | 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>
