<template>
  <div class="Pdb-refund">
    <div class="Pdb-refund-content">
      <div class="Pdbr-content-item">
        <span>保障期限</span>
        <span>2020.6.5 至 2021.6.4</span>
      </div>
      <div class="Pdbr-content-item">
        <span>次月保费</span>
        <span>首月保费1元，次月起xxx.x元/月</span>
      </div>
    </div>
    <p class="Pdb-refund-note">
      注:微信将会在每月5日在您的账户内扣除该保费。（您可以随时取消自动扣费）
    </p>
    <div class="Pdb-refund-operation">
      <cr-button class="Pdbi-operation-button Pdbi-operation-button_paid" @click="goNext()"
        >为家人投保</cr-button
      >
      <cr-button class="Pdbi-operation-button" @click="goNext()">查看保单</cr-button>
    </div>
  </div>
</template>
<script>
export default {
  name: "PayInfo",
  props: {
    policy: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {};
  },
  computed: {
    payInfo() {
      return {
        guaranteePeriodName: "保障期限",
        guaranteePeriodText: `${this.policy.policyEffectiveDate}至${this.policy.policyEndDate}`,
        permiumName: "保费",
        permium: "xxx元",
        note: "注:微信将会在每月5日在您的账户内扣除该保费。（您可以随时取消自动扣费）",
        isShowNote: true
      };
    }
  },
  methods: {
    goNext() {
      this.$router.push();
    }
  }
};
</script>
<style lang="less" src="../../Detail/index.less" scoped></style>
