<div class="wrapper">
  <div class="header">
    <div class="iconfont icon-fanhui" (click)="goBack()"></div>
    <div>{{salaryName}}</div>
  </div>
  <div class="content_wrapper" *ngIf="type=='1'">
    <div class="policy_item" *ngFor="let policyItem of policyList">
      <div class="icon_bolck"><i class="iconfont icon-money-more"></i></div>
      <div class="line_item">
        <div>投保人姓名:{{policyItem.Insurance_Cust}}</div>
        <div>保险公司:{{policyItem.Customer}}</div>
        <div>生效时间:{{policyItem.EffectiveDate}}</div>
        <div>保单号:{{policyItem.Policyno}}</div>
        <div *ngIf="status">保费：{{policyItem.YearPREMIUM | number: "1.2-2"}}</div>
        <div *ngIf="status">FYC：{{policyItem['FYC/RYC'] | number: "1.2-2"}}</div>
        <div *ngIf="status">职阶率：{{policyItem.Rate}}%</div>
        <div *ngIf="status">体系：{{policyItem.SaleSystem}}</div>
        <div *ngIf="status">经纪人：{{policyItem.Salestaff}}</div>
      </div>
      <div class="money" (click)="status = !status">
        ￥{{policyItem.YearPREMIUM | number: "1.2-2"}}
          <div style="width: 15px;height: 15px;position: absolute;right: -20px;top: 8px;" 
          [ngStyle]="{'transform': status ? 'rotate(180deg)' : 'rotate(0)','top':status?'8px':'0'}">
            <span class="iconfont icon-xiangxia" ></span>
          </div>
      </div>
    </div>
  </div>

  <div class="content_wrapper" *ngIf="type=='2'">
    <div class="policy_item" *ngFor="let systemItem of systemList">
      <div class="icon_bolck" style="top: 28px;"><i class="iconfont icon-money-more"></i></div>
      <div class="line_item">
        <div>体系名称：{{systemItem.SaleSystem}}</div>
        <div>体系FYC/RYC：{{systemItem.Commission | number: "1.2-2"}}</div>
        <div>佣金比率：{{systemItem.Rate}}%</div>
      </div>
      <div class="money" style="top: 30px;right: 10px;">
        ￥{{systemItem.Commission | number: "1.2-2"}}
      </div>
    </div>
  </div>

  <div class="content_wrapper" *ngIf="type=='3'">
    <div class="policy_item" style="padding-bottom: 10px;">
      <div class="icon_bolck" style="top: 14px;"><i class="iconfont icon-money-more"></i></div>
      <div class="line_item">
        <div>{{remarkInfo?.CommissionName}}： {{remarkInfo?.Commission}}</div>
        <div>备注：{{remarkInfo?.Comments}}</div>

      </div>
      <div class="money" style="top: 20px;right: 10px;">
        ￥{{remarkInfo?.Commission | number: "1.2-2"}} 
      </div>
    </div>
  </div>
</div>
