<template>
  <div class="report">
    <div class="report-container">
      <div class="report-container-head">
        <cr-image
          class="Rc-head-left"
          round
          width=""
          height=""
          fit="cover"
          src="@/assets/images/user/avatar@2x.png"
        />
        <div class="Rc-head-right">
          <p>王小闹</p>
          <p>风险测评报告</p>
        </div>
      </div>
      <div class="report-container-degree">
        <p class="Rc-degree-title">风险程度 <span>高</span></p>
        <cr-progress class="Rc-degree-progress" :percentage="85" :show-pivot="false" />
        <p class="Rc-degree-pointer">
          <span>低</span>
          <span>中</span>
          <span>高</span>
        </p>
        <p class="Rc-degree-desc">整体风险程度高，建议保持良好的生活习惯，增强相关保障。</p>
      </div>
      <div class="report-container-analyze">
        <p class="Rc-analyze-title">风险分析</p>
        <p class="Rc-analyze-desc">
          您是家庭的重要成员，健康的生活习惯会让您未来受益匪浅，必要的配备健康保障，也是对个人和家庭更负责任的体现，奋斗的同时也要关注保障哦~
        </p>
        <cr-image
          class="Rc-analyze-image"
          width=""
          height=""
          fit="contain"
          src="@/assets/images/home/report@2x.png"
        />
      </div>
      <div class="report-container-plan">
        <p class="Rc-plan-title">适合你的保险方案</p>
        <p class="Rc-plan-advice">建议投保优先级</p>
        <p class="Rc-plan-priority">
          <span>1.医疗险</span>
          <span>2.重疾险</span>
          <span>3.意外险</span>
          <span>4.寿险</span>
        </p>
        <p class="Rc-plan-desc">
          你的身体处在黄金期，但不可以掉以轻心，话习惯会影响到未来，适当的运动很重要，奋斗的同时一定也要合理的休息。
        </p>
        <div class="Rc-plan-card">
          <div class="Rcp-card-head">
            <cr-image
              class="Rcpc-head-left"
              width=""
              height=""
              fit="cover"
              src="@/assets/images/home/medical@2x.png"
            />
            <span class="Rcpc-head-right"
              >因责任内“医疗和住院”所产生的费用，医疗险100%报销，赔多少钱，取决于您实际花费多少</span
            >
          </div>
          <div class="Rcp-card-body">
            <p class="Rcpc-body-title">万家保·百万医疗险</p>
            <p class="Rcpc-body-desc">看病报销医药费，最高600万</p>
            <div class="Rcpc-body-opera">
              <p class="Rcpcb-opera-left"><span>¥1</span>首月</p>
              <cr-button class="Rcpcb-opera-right">
                去投保
              </cr-button>
            </div>
          </div>
        </div>
      </div>
      <div class="report-container-retest">
        <svg-icon icon-class="retest" class-name="Rc-retest-svg" />
        <span class="Rc-retest-text">重测一遍</span>
      </div>
      <div class="report-container-explain"></div>
    </div>
  </div>
</template>
<script>
export default {
  name: "PolicyList",
  data() {
    return {};
  }
};
</script>
<style lang="less" src="./index.less" scoped></style>
