<div class="wrapper">
  <div class="header">
    <!-- <div class="paginate">
      <div class="pre"><span class="iconfont icon-fanhui"></span>上一期</div>
      <div class="next">下一期<span class="iconfont icon-ar-r"></span></div>
    </div> -->
    <div class="price">
      <div class="pre"><span class="iconfont icon-fanhui"></span>上一期</div>
      <div class="salay">￥30,000.25</div> 
      <div class="next">下一期<span class="iconfont icon-ar-r"></span></div>
    </div>
  </div>
  <div class="content_wrapper">
    <div class="part">
      <div class="item">
        <div class="title">个人销售(A)</div>
        <div class="item_detail" (click)="jumpToFirstYearSales(fycSalesInfo.SalaryName,1)" *ngIf="fycSalesInfo">
          <span>{{fycSalesInfo.SalaryName}}</span>
          <span class="red">18,505.00 <i class="iconfont icon-ar-r"></i> </span>
        </div>
        <div class="item_detail" (click)="jumpToFirstYearSales(rycSalesInfo.SalaryName,1)" *ngIf="rycSalesInfo">
          <span>{{rycSalesInfo.SalaryName}}</span>
          <span class="red">225.00 <i class="iconfont icon-ar-r"></i></span>
        </div>
      </div>
      <div class="item">
        <div class="title">销售管理(B)</div>
        <div class="item_detail" (click)="jumpToFirstYearSales(fycTutorInfo.SalaryName,1)" *ngIf="fycTutorInfo">
          <span>{{fycTutorInfo.SalaryName}}</span>
          <span class="red">18,505.00 <i class="iconfont icon-ar-r"></i></span>
        </div>
        <div class="item_detail" (click)="jumpToFirstYearSales(rycTutorInfo.SalaryName,1)" *ngIf="rycTutorInfo">
          <span>{{rycTutorInfo.SalaryName}}</span>
          <span class="red">225.00 <i class="iconfont icon-ar-r"></i></span>
        </div>
        <div class="item_detail" (click)="jumpToFirstYearSales(fycMeritsInfo.SalaryName,2)" *ngIf="fycMeritsInfo">
          <span>{{fycMeritsInfo.SalaryName}}</span>
          <span class="red">18,505.00 <i class="iconfont icon-ar-r"></i></span>
        </div>
        <div class="item_detail" (click)="jumpToFirstYearSales(rycMeritsInfo.SalaryName,2)" *ngIf="rycMeritsInfo">
          <span>{{rycMeritsInfo.SalaryName}}</span>
          <span class="red">225.00 <i class="iconfont icon-ar-r"></i></span>
        </div>
        <div class="item_detail" (click)="jumpToFirstYearSales(2)">
          <span>推介奖金</span>
          <span class="red">225.00 <i class="iconfont icon-ar-r"></i></span>
        </div>
        <div class="item_detail" (click)="jumpToFirstYearSales(2)">
          <span>体系推介奖金</span>
          <span class="red">225.00 <i class="iconfont icon-ar-r"></i></span>
        </div>
        <div class="item_detail" (click)="jumpToFirstYearSales(5)">
          <span>特别管理奖金</span>
          <span class="red">225.00 <i class="iconfont icon-ar-r"></i></span>
        </div>
      </div>
      <div class="item">
        <div class="title" style="justify-content: inherit;" (click)="otherToastShow = true">
          其他加扣款(C)
          <span class="iconfont icon-wenhao" style="margin-top: 3px;color: #f8002e;margin-left: 3px;"></span></div>
        <div class="item_detail" (click)="jumpToFirstYearSales(6)">
          <span>其它税前加扣款</span>
          <span class="red">225.00<i class="iconfont icon-ar-r"></i></span>
        </div>
        <div class="item_detail" (click)="jumpToFirstYearSales(6)">
          <span>公司激励奖金</span>
          <span class="red">225.00<i class="iconfont icon-ar-r"></i></span>
        </div>
        <div class="item_detail" (click)="jumpToFirstYearSales(6)">
          <span>加码奖金</span>
          <span class="red">225.00<i class="iconfont icon-ar-r"></i></span>
        </div>
        <div class="item_detail" (click)="jumpToFirstYearSales(6)">
          <span>季度奖金</span>
          <span class="red">225.00<i class="iconfont icon-ar-r"></i></span>
        </div>
        <div class="item_detail" (click)="jumpToFirstYearSales(6)">
          <span>银盾在线佣金</span>
          <span class="red">225.00<i class="iconfont icon-ar-r"></i></span>
        </div>
      </div>
      <div class="item">
        <div class="title">
          <span>佣金合计(A+B+C)</span> 
          <span class="red">225.00</span>
        </div>
      </div>
    </div>
    <div  class="part">
      <div class="item">
        <div class="title">
          <span>代扣个人所得税/增值税/附加税(D)</span> 
          <span class="red">225.00</span>
        </div>
      </div>
    </div>
    <div  class="part">
      <div class="item">
        <div class="title">
          <span>本期实领(A+B+C-D)</span> 
          <span class="red">225.00</span>
        </div>
      </div>
    </div>
    <a style="color:#2c67a0;margin-left: 10px;" (click)="lookTak()">点击查看个人所得税明细</a>
  </div>
  <div *ngIf="taxToastShow">
    <ydlife-detail-modal [application]="1"
      (closeDetailModal)="taxToastShow = false"></ydlife-detail-modal>
  </div>
  <div *ngIf="otherToastShow">
    <ydlife-detail-modal [application]="2"
      (closeDetailModal)="otherToastShow = false"></ydlife-detail-modal>
  </div>
</div>
<div class="mask" *ngIf="takFlag == true;"></div>
<div class="tax_mask" *ngIf="takFlag == true;">
  <div class="close" (click)="takFlag = false;"> X </div>
  <div class="mask_title">
    <div>个人所得税预扣明细</div>
    <div (click)="taxToastShow = true"><span class="iconfont icon-zhuyishixiang"></span> 个人所得税政策</div>
  </div>
  <div class="tax_content">
    <div class="tax_item">
      <div>
        <span>本期应税所得</span>
        <span class="red">1200</span>
      </div>
      <div>
        <span>年度累计应税所得</span>
        <span class="red">600</span>
      </div>
      <div>
        <span>预扣率</span>
        <span class="red">50%</span>
      </div>
    </div>
    <div class="tax_item">
      <div>
        <span>累计应扣所得税（A）</span>
        <span class="red">500</span>
      </div>
      <div>
        <span>累计已扣所得税（B）</span>
        <span class="red">10</span>
      </div>
      <div>
        <span>本期应扣所得税（A-B）</span>
        <span class="red">490</span>
      </div>
    </div>
  </div>
</div>
