<div class="renewalReminderDetailContainer">
  <div class="cardContent">
    <div class="leftSection">
      <h4>预计扣费时间：{{orderPayDetail?.payableDate | date:'yyyy-MM-dd'}}</h4>
      <p>{{orderPayDetail?.payStatus=='1' ? '保费未划扣' : '保费已划扣'}}</p>
    </div>
    <div class="rightSection">
      <p>第<strong>{{orderPayDetail?.payPeriod}}</strong>年</p>
      <p>续期保费</p>
    </div>
  </div>
  <div class="tabPaneItem">
    <h4>
      <span>{{orderPayDetail?.productName}}</span>
      <span></span>
    </h4>
    <ul>
      <li><span>保险公司：</span><span>{{orderPayDetail?.insurerName}}</span></li>
      <li><span>保单号：</span><span>{{orderPayDetail?.policyNo}}</span></li>
      <li><span>投保人：</span><span>{{orderPayDetail?.policyholderName}}</span></li>
      <li><span>被保人：</span><span>{{orderPayDetail?.insuredName}}</span></li>
      <li><span>缴费期：</span><span>{{orderPayDetail?.paymentTerm}}</span></li>
      <li><span>保费：</span><span style="color: #F24949;">￥{{orderPayDetail?.annualizedPremium | number:'1.2-2'}}</span></li>
      <li><span>保障期：</span><span>{{orderPayDetail?.coverTerm}}</span></li>
    </ul>
   </div>
   <div class="paymentInfoContent tabPaneItem">
     <ul>
       <li><span>年化保费：</span><span>￥{{orderPayDetail?.annualizedPremium | number:'1.2-2'}}</span></li>
       <li><span>缴费期间：</span><span>{{orderPayDetail?.paymentTerm}}</span></li>
       <li><span>本期扣费时间：</span><span>{{orderPayDetail?.payableDate | date:'yyyy-MM-dd'}}</span></li>
     </ul>
   </div>
   <div class="remindContent" *ngIf="type===1 && orderPayDetail?.payStatus=='1'">
     <h3>提醒一下客户吧</h3>
     <ul>
       <li (click)="shareSelect(1)">
         <div>
           <img src="./assets/images/smsIcon.png" alt="">
         </div>
         <div>短信通知</div>
       </li>
       <li (click)="shareSelect(2)" *ngIf="deviceType == 3">
         <div> <img src="./assets/images/wechatIcon.png" alt=""></div>
         <div>微信通知</div>
       </li>
       <li (click)="shareSelect(3)">
         <div> <img src="./assets/images/telIcon.png" alt=""></div>
         <div>电话通知</div>
       </li>
     </ul>
   </div>
   <div class="kindlyreminderContent" *ngIf="type===2">
     <img src="assets/images/kindlyReminder.png" alt="" class="img-responsive">
   </div>
</div>
<!-- 弹窗 -->
<div class="popDialog" *ngIf="dialogDisabled">
  <div class="popContent" *ngIf="noticeType!==2">
    <div class="closeBtn" (click)="close($event)">&times;</div>
    <div class="telContent">
      <div><span>姓名：</span><span style="color:#999">{{orderPayDetail.policyholderName}}</span></div>
      <div><span>电话：</span><span style="color:#999">{{orderPayDetail.policyholderMobile}}</span></div>
      <div *ngIf="noticeType===1" style="color:#999;text-indent:24px;">
        尊敬的{{orderPayDetail.policyholderName}}您好，你在{{orderPayDetail.insurerName}}公司投保的{{orderPayDetail.productName}}产品，快到第{{orderPayDetail.payPeriod}}期续交保费了，当期保费{{orderPayDetail.annualizedPremium | number:'1.2-2'}}元，请在预留的银行卡准备好相应金额，避免保单失效和造成损失。谢谢！任何问题可以随时联络您的经纪人提供帮助。
      </div>
      <div class="button" *ngIf="noticeType===3"><a href="tel:{{orderPayDetail.policyholderMobile}}">拨打电话</a></div>
      <div class="button" *ngIf="noticeType===1" (click)="addNotice()"><a href="javascript:;">发送信息</a></div>
    </div>
  </div>
  <div class="weChatShare" *ngIf="noticeType===2" (click)="close($event)">
    <i class="iconfont icon-yindaojiantou"></i>
    <div class="tips">
      <p>请点击右上角菜单</p>
      <p>分享给朋友</p>
    </div>
  </div>
</div>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
