<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.substr(0,10)}}</div>
        <div>生效时间：{{policyItem.EffectiveDate}}</div>
        <div>保单号：{{policyItem.Policyno}}</div>
        <div *ngIf="policyItem.status">保费：{{policyItem.YearPREMIUM | number: "1.2-2"}}</div>
        <div *ngIf="policyItem.status">FYC/RYC：{{policyItem['FYC/RYC'] | number: "1.2-2"}}</div>
        <div *ngIf="policyItem.status">职阶率：{{policyItem.Rate}}%</div>
        <div *ngIf="policyItem.status">体系：{{policyItem.SaleSystem}}</div>
        <div *ngIf="policyItem.status">经纪人：{{policyItem.Salestaff}}</div>
      </div>
      <div class="money" (click)="shrink(policyItem)">
        ￥{{policyItem.Commission | number: "1.2-2"}}
          <div style="width: 15px;height: 15px;position: absolute;right: -20px;top: 8px;" 
          [ngStyle]="{'transform': policyItem.status ? 'rotate(180deg)' : 'rotate(0)','top':policyItem.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['FYC/RYC'] | number: "1.2-2"}}</div>
        <div>佣金比率：{{systemItem.Rate}}%</div>
      </div>
      <div class="money" style="top: 30px;right: 10px;">
        ￥{{(systemItem['FYC/RYC']) * (systemItem.Rate/100 ) | 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 | number: "1.2-2"}}</div>
        <div>备注：{{remarkInfo?.Comments}}</div>

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

  <div class="content_wrapper" *ngIf="type=='4'">
    <ul style="padding:20px 8px 68px 10px;" *ngIf="customerFortuneWithdraws?.length>0">
      <li *ngFor="let customerFortuneItem of customerFortuneWithdraws">
        <div class="orderInfoItem">
          <div>
            <div>
              <span>{{customerFortuneItem.planName ? customerFortuneItem.planName :customerFortuneItem.productName}}</span>
            </div>
            <div style="font-size: 14px;color: #b3b3b3;">
              <span>投保人：{{customerFortuneItem.holderName}}</span>
            </div>
            <div style="font-size: 14px;color: #b3b3b3;">
              <span>保单号：{{customerFortuneItem.policyNo}}</span>
            </div>
            <div style="font-size: 14px;color: #b3b3b3;">
              <span>经纪人：{{customerFortuneItem.name}}</span>
            </div>
            <div style="font-size: 14px;color: #b3b3b3;">
              <span>佣金类型：{{customerFortuneItem.commissionType}}</span>
            </div>
            <div style="font-size: 14px;color: #b3b3b3;">
              <span>备注：{{remarkInfo?.Comments}}</span>
            </div>
          </div>
          <div class="referralAmount" style="color: rgb(255, 0, 0);">
            ￥ {{customerFortuneItem.referralAmount | number:'1.2-2'}}
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>
