<div class="customer_wrapper" *ngIf="policyList?.length>0">
  <ul class="customer_content" *ngFor="let policyItem of policyList;index as i;"
  [ngClass]="{isActive:policyItem.isValid == '有效'}" (click)="jumpToOrderdetail(policyItem.orderNo)">
    <li>{{policyItem.productName?policyItem.productName:policyItem.planName}}</li>
    <li>保单号：{{policyItem.policyNo}}</li>
    <li>日期：{{(policyItem.startDate).substr(0,10) | date:'yyyy.MM.dd'}} - {{(policyItem.endDate).substr(0,10) | date:'yyyy.MM.dd'}}</li>
    <img src="assets/images/orderStatus/valid_2.png" alt="有效中" *ngIf="policyItem.isValid == '有效'"/>
    <img src="assets/images/orderStatus/invalid_2.png" alt="已失效" *ngIf="policyItem.isValid == '无效'"/>
  </ul>
</div>
<div style="padding-top: 50%;font-size: 36px;text-align: center;" *ngIf="policyList?.length==0">
  暂无保单
</div>
