<template>
  <div class="payment-record">
    <p class="payment-record-status">持续缴费中</p>
    <p class="payment-record-desc">预计下次扣费时间 2020.5.11</p>
    <div class="payment-record-term">
      <div class="Pr-term-item">
        <span>800元</span>
        <span>下期应缴金额</span>
      </div>
      <div class="Pr-term-item">
        <span>6/12期</span>
        <span>已缴/总期数</span>
      </div>
      <div class="Pr-term-item">
        <span>0期</span>
        <span>已欠缴期数</span>
      </div>
    </div>
    <div class="payment-record-detail">
      <div class="Pr-detail-title">
        <span>缴费明细</span>
        <span>按月缴费</span>
      </div>
      <div class="Pr-detail-content">
        <div class="Prd-content-amount">
          <span>第2期保费</span>
          <span>100.0元</span>
        </div>
        <div class="Prd-content-time">
          <span>2020.05.11 17:45</span>
          <span>缴费成功</span>
        </div>
      </div>
    </div>
  </div>
</template>
<script></script>
<style lang="less" src="./index.less" scoped></style>
