<div class="salesWrapper">
  <ul class="tab">
    <li class="selected" *ngFor="let tabItem of tabList" (click)="selectTab(tabItem.id)"
    [ngClass]="{selected:selectedId === tabItem.id}"
    >
      <div style="position: relative;">
        <h3>{{tabItem.name}}</h3>
      </div>
    </li>
  </ul>
  <div class="salesContent">
    <div class="salesItem" *ngFor="let payScaleItem of payScaleInfos">
      <div  class="icon_bolck"><span class="iconfont icon-xinzidan"></span></div>
      <div (click)="enterDetail(payScaleItem.monDtlPeriod)" style="padding-left: 45px;padding-right: 20px;">
        <div class="line">
          <span>薪资日期</span>
          <div>{{lifeCommonService.getDate(payScaleItem.monDtlPeriod)}}</div>
        </div>
        <div class="line">
          <span>应发佣金</span>
          <div class="price" *ngIf="!payScaleItem.pdfOssPath">￥{{payScaleItem.monDtlAmount | number: "1.2-2"}}</div>
        </div>
      </div>
      <div class="iconfont icon-ar-r" 
      style="width: 20px;height: 20px;position: absolute;right: 2px;top: 23px;"></div>
    </div>
    <div style="text-align: center;margin-top: 20px;" *ngIf="payScaleInfos?.length<=0">暂无数据</div>
  </div>
</div>

<ydlife-toast *ngIf="toastDialog" [toastInfo]="toastInfo"></ydlife-toast>