<div class="renewalReminderContainer">
  <ul class="tabs">
    <li [ngClass]="{actived:index==0}" (click)="selectTab(0)">待通知</li>
    <li [ngClass]="{actived:index==1}" (click)="selectTab(1)">已通知</li>
  </ul>
  <div class="tabPaneContent">
    <h3 *ngIf="!lists" style="text-align:center;margin-top:10%;font-size:18px">暂无数据</h3>
   <div class="tabPaneItem" *ngFor="let item of lists">
    <h4>
      <span>保险名称{{item.productName}}</span>
      <span>第{{item.payPeriod}}年续期保费</span>
    </h4>
    <ul>
      <li><span>保险公司：</span><span>{{item.insurerName}}</span></li>
      <li><span>保单号：</span><span>{{item.policyNo}}</span></li>
      <li><span>投保人：</span><span>{{item.policyholderName}}</span></li>
      <li><span>被保人：</span><span>{{item.insuredName}}</span></li>
      <li><span>缴费期：</span><span>{{item.paymentTerm}}</span></li>
      <li><span>保费：</span><span style="color: #F24949;">{{item.annualizedPremium | number:'1.2-2'}}</span></li>
      <li><span>保障期：</span><span>{{item.coverTerm}}</span></li>
    </ul>
    <div style="text-align: right;"><button [routerLink]="['/renewal_reminder_detail',item.id]">提醒客户</button></div>
   </div>
  </div>
</div>
