<div class="renewalReminderDetailContainer">
  <div class="cardContent">
    <div class="leftSection">
      <h4>预计扣费时间：{{orderPayDetail.payableDate}}</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.productName}}</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}}</span></li>
     </ul>
   </div>
   <div class="remindContent" *ngIf="type===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>
<!-- 弹窗 -->
<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>{{orderPayDetail.policyholderName}}</span></div>
      <div><span>电话：</span><span>{{orderPayDetail.policyholderMobile}}</span></div>
      <div *ngIf="noticeType===1">
        {{orderPayDetail.noticeList[0].content}}
      </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>
