<div class="jointSalesContainer">
  <ul class="tabs">
    <li [ngClass]="{actived:index==0}" (click)="onTabClick(0)">待签署</li>
    <li [ngClass]="{actived:index==1}" (click)="onTabClick(1)">签署中</li>
    <li [ngClass]="{actived:index==2}" (click)="onTabClick(2)">已签署</li>
  </ul>
  <div class="tabPaneContent">
    <div class="item" *ngIf="index===0">
      <ul *ngFor="let unionSalesItem of unionSalesInfos">
        <li>
          <span>保险公司：</span>
          <span>{{unionSalesItem.insurerName}}</span>
        </li>
        <li>
          <span>保险产品：</span>
          <span>{{unionSalesItem.productName}}</span>
        </li>
        <li>
          <span>投保人：</span>
          <span>{{unionSalesItem.policyholderName}}</span>
        </li>
        <li>
          <span>发送时间：</span>
          <span>{{unionSalesItem.sendDate}}</span>
        </li>
        <li>
          <label></label>
          <button [routerLink]="['/joint_sales_detail',unionSalesItem.id]">查看</button>
        </li>
      </ul>
     </div>
    <div class="item" *ngIf="index===1">
    <ul *ngFor="let unionSalesItem of unionSalesInfos">
      <li>
        <span>保险公司：</span>
        <span>{{unionSalesItem.insurerName}}</span>
      </li>
      <li>
        <span>保险产品：</span>
        <span>{{unionSalesItem.productName}}</span>
      </li>
      <li>
        <span>投保人：</span>
        <span>{{unionSalesItem.policyholderName}}</span>
      </li>
      <li>
        <span>发送时间：</span>
        <span>{{unionSalesItem.sendDate}}</span>
      </li>
      <li>
        <label></label>
        <button [routerLink]="['/joint_sales_detail',unionSalesItem.id]">查看</button>
      </li>
    </ul>
    </div>
    <div class="item" *ngIf="index===2">
      <ul *ngFor="let unionSalesItem of unionSalesInfos">
        <li>
          <span>保险公司：</span>
          <span>{{unionSalesItem.insurerName}}</span>
        </li>
        <li>
          <span>保险产品：</span>
          <span>{{unionSalesItem.productName}}</span>
        </li>
        <li>
          <span>投保人：</span>
          <span>{{unionSalesItem.policyholderName}}</span>
        </li>
        <li>
          <span>签署时间：</span>
          <span>{{unionSalesItem.signDate}}</span>
        </li>
        <li>
          <label></label>
          <button [routerLink]="['/joint_sales_detail',unionSalesItem.id]">查看</button>
        </li>
      </ul>
     </div>
  </div>

</div>
