<div class="jointSaleDetailContainer">
  <ul>
    <li>投保人：{{unionSalesInfo?.policyholderName}}</li>
    <li>保险公司：{{unionSalesInfo?.insurerName}}</li>
    <li>产品名称：{{unionSalesInfo?.productName}}</li>
    <li>投保单号：{{unionSalesInfo?.proposalNo}}</li>
    <li>保单号：{{unionSalesInfo?.policyNo}}</li>
  </ul>
  <div class="title">
    联合销售达成以下约定
  </div>
  <div class="divisionCommission">
    <div class="thTitle">
      <span>经纪人</span>
      <span>佣金比例</span>
      <span>业绩比例</span>
      <span>签署状态</span>
    </div>
    <div *ngFor="let item of unionSalesPractitionerInfos">
      <span>{{item.practitionerName}}</span>
      <span>{{item.commissionRate}}%</span>
      <span>{{item.achievementsRate}}%</span>
      <span [ngSwitch]="item.signStatus">
        <ng-container *ngSwitchCase="'1'">待签署</ng-container>
        <ng-container *ngSwitchCase="'2'">签署中</ng-container>
        <ng-container *ngSwitchCase="'3'">已签署</ng-container>
        <ng-container *ngSwitchDefault>/</ng-container>
      </span>
    </div>
  </div>
  <div class="signBtn" (click)="sign()" *ngIf="unionSalesInfo?.signStatus=='1'">同意并签署</div>
</div>
