<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 (click)="enterDetail(payScaleItem.monDtlPeriod)">
        <div class="line" style="font-weight: bold;font-size: 16px;">
          <span>{{lifeCommonService.getDate(payScaleItem.monDtlPeriod)}}实发佣金</span>
          <div class="price" *ngIf="!payScaleItem.pdfOssPath">￥{{payScaleItem.monDtlRAmount | number: "1.2-2"}}</div>
          <div  *ngIf="payScaleItem.pdfOssPath">直接查看薪资单明细</div>
        </div>
        <div class="line">
          <div>流水编号</div>
          <div>{{payScaleItem.monShId}}</div>
        </div>
        <div class="line">
          <span>应发佣金</span>
          <div class="price" *ngIf="!payScaleItem.pdfOssPath">￥{{payScaleItem.monDtlAmount | number: "1.2-2"}}</div>
          <div  *ngIf="payScaleItem.pdfOssPath">直接查看薪资单明细</div>
        </div>
        <div class="line">
          <span>扣除税</span>
          <div class="price" *ngIf="!payScaleItem.pdfOssPath">￥{{(payScaleItem.monDtlAmount-payScaleItem.monDtlRAmount) | number: "1.2-2"}}</div>
          <div class="price" *ngIf="payScaleItem.pdfOssPath">-</div>
        </div>
      </div>
      <div class="salary_down" (click)="getPdf(payScaleItem.monShId,payScaleItem.pdfOssPath)">
        <img src="assets/images/salary_download.png" alt="下载"/>
        薪资单明细
      </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>