<div class="salesWrapper">
  <div class="salesContent">
    <div class="salesItem" *ngFor="let payScaleItem of payScaleInfos"  (click)="getPdf(payScaleItem.monShId,payScaleItem.pdfOssPath)">
      <div class="icon_bolck"><span class="iconfont icon-xinzidan"></span></div>
      <div class="line">
        <div>薪资日期</div>
        <div>{{lifeCommonService.getDate(payScaleItem.monDtlPeriod)}}</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 class="line">
        <span>实发佣金</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>
          薪资单明细
          <span class="iconfont icon-xiazai" style="color:#ff3500;margin-left: 5px;"></span>
        </div>
      </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>