<div class="jointSalesContainer">
  <Tabs
  [useOnPan]="true"
  [swipeable]="true"
  [activeTab]="index"
  [page]="3"
  [tabBarActiveTextColor]="'#1B5B99'"
  (onTabClick)="onTabClick($event)"
>
  <TabPane [title]="'待签署'">
   <div class="item">
    <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>
  </TabPane>
  <TabPane [title]="'签署中'">
    <div class="item">
     <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>
   </TabPane>
  <TabPane [title]="'已签署'">
    <div class="item">
      <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>
  </TabPane>
</Tabs>

</div>
