GFRS-2759【前端】新增柳州需求投保风险提示书的页面和路由 --提交人：张齐

src/router/ebiz/sale.js

@@ -13,6 +13,7 @@ const notifyingMessage = () => import('@/views/ebiz/sale/NotifyingMessage')
 const accountInformation = () => import('@/views/ebiz/sale/AccountInformation')
 const insuranceInformation = () => import('@/views/ebiz/sale/InsuranceInformation')
 const insuranceTip = () => import('@/views/ebiz/sale/InsuranceTip')
+const InsuranceRiskReminder = () => import('@/views/ebiz/sale/InsuranceRiskReminder')
 const signatureOfElectronic = () => import('@/views/ebiz/sale/SignatureOfElectronic')
 const payResult = () => import('@/views/ebiz/sale/PayResult')
 const cardScan = () => import('@/views/ebiz/sale/CardScan')
@@ -140,6 +141,14 @@ export default [
       title: '阅读人身保险投保提示书'
     }
   },
+  {
+    path: '/sale/InsuranceRiskReminder',
+    name: 'InsuranceRiskReminder',
+    component: InsuranceRiskReminder,
+    meta: {
+      title: '投保风险提示书'
+    }
+  },
   {
     path: '/sale/productTip',
     name: 'productTip',

src/views/ebiz/sale/InsuranceRiskReminder.vue

@@ -0,0 +1,191 @@
+<template>
+  <div class='InsuranceRiskReminder-container pb50 redRadioCheckbox'>
+    <h3 style='text-align:center' class='mt10 mb5'>柳州保险行业寿险投保风险提示书</h3>
+    <h4 class='m20 mt0'>为保护您合法权益，柳州保险行业协会邀请您完成以下问卷，请认真如实独立填写。</h4>
+    <div class='m20 question-option'>
+      <span class='question'>1.请问投保时投保单/《电子投保确认单》上是您和被保险人(或被保险人的监护人)的亲笔签名吗?</span>
+      <van-radio-group class='mt10' v-model='radio1' direction='horizontal' :disabled='isSign'>
+        <van-radio :name=1>是</van-radio>
+        <van-radio :name=0>否</van-radio>
+      </van-radio-group>
+    </div>
+    <div class='m20 question-option'>
+      <span class='question'>2.您对保险单的保险期间（保多久）、保险金额（保多少）、保险费（交多少）、交费方式（交多久）是否了解？</span>
+      <van-radio-group class='mt10' v-model='radio2' direction='horizontal' :disabled='isSign'>
+        <van-radio :name=1>了解</van-radio>
+        <van-radio :name=0>不清楚</van-radio>
+      </van-radio-group>
+    </div>
+    <div class='m20 question-option'>
+      <span class='question'>3.您对保险单的保险责任（保什么）和责任免除（什么情况是不赔的）是否了解？</span>
+      <van-radio-group class='mt10' v-model='radio3' direction='horizontal' :disabled='isSign'>
+        <van-radio :name=1>了解</van-radio>
+        <van-radio :name=0>不清楚</van-radio>
+      </van-radio-group>
+    </div>
+    <div class='m20 question-option'>
+      <span class='question'>4.业务人员在销售过程中是否存在向您返还佣金或其他诱导投保的行为？</span>
+      <van-radio-group class='mt10' v-model='radio4' direction='horizontal' :disabled='isSign'>
+        <van-radio :name=0>是</van-radio>
+        <van-radio :name=1>否</van-radio>
+      </van-radio-group>
+    </div>
+    <div class='m20 question-option'>
+      <span class='question'>5.从签收保险单次日起有10-15天的犹豫期，犹豫期内申请撤销保险单，可退还所交保险费，您是否了解？</span>
+      <van-radio-group class='mt10' v-model='radio5' direction='horizontal' :disabled='isSign'>
+        <van-radio :name=1>了解</van-radio>
+        <van-radio :name=0>不清楚</van-radio>
+      </van-radio-group>
+    </div>
+    <div class='m20 question-option'>
+      <span class='question'>6.犹豫期后退保可能会有一定损失，保险单的现金价值就是退保金额，您是否了解？</span>
+      <van-radio-group class='mt10' v-model='radio6' direction='horizontal' :disabled='isSign'>
+        <van-radio :name=1>是</van-radio>
+        <van-radio :name=0>否</van-radio>
+      </van-radio-group>
+    </div>
+    <div class='m20 question-option'>
+      <span class='question'>7.投保时故意未履行如实告知义务，将面临拒赔的风险，并不退还保险费。请问您是否已如实告知健康状况、既往病史和投保信息等情况？</span>
+      <van-radio-group class='mt10' v-model='radio7' direction='horizontal' :disabled='isSign'>
+        <van-radio :name=1>是</van-radio>
+        <van-radio :name=0>否</van-radio>
+      </van-radio-group>
+    </div>
+
+    <div class='m20 additional-tips'>如您投保的是分红/万能/投资连结保险，请继续填写以下内容：</div>
+
+    <div class='m20 question-option'>
+      <span class='question'>
+        8.分红保险的利益演示是基于公司精算假设，保单每年分配的红利是不确定的，主要取决于公司实际经营状况；
+        万能保险超过最低保证利率以上的收益是不确定的，也主要取决于公司实际经营情况；投资连结保险投资收益是不确定的，可能盈利也可能亏损，
+        请问您是否了解？
+      </span>
+      <van-radio-group class='mt10' v-model='radio8' direction='horizontal' :disabled='isSign'>
+        <van-radio :name=1>了解</van-radio>
+        <van-radio :name=0>不清楚</van-radio>
+      </van-radio-group>
+    </div>
+    <div class='m20 question-option'>
+      <span class='question'>9.业务人员是否向您承诺或保证过分红收益/超过最低保证利率的收益/投资回报？</span>
+      <van-radio-group class='mt10' v-model='radio9' direction='horizontal' :disabled='isSign'>
+        <van-radio :name=0>是</van-radio>
+        <van-radio :name=1>否</van-radio>
+      </van-radio-group>
+    </div>
+    <div class='m20 question-option'>
+      <span class='question'>10.您投保的是一款保险产品，不能等同于银行的存款和理财产品，您是否了解？</span>
+      <van-radio-group class='mt10' v-model='radio10' direction='horizontal' :disabled='isSign'>
+        <van-radio :name=1>了解</van-radio>
+        <van-radio :name=0>不清楚</van-radio>
+      </van-radio-group>
+    </div>
+
+    <div class='m20 tips'>
+      温馨提示：当前线上线下存在有不法分子发布信息，以牟利为目的，怂恿、诱导消费者委托其“代理退保”，并以“可以办理全额退保”为由，
+      收取高额手续费。“代理退保”行为可能会造成您失去正常保险保障、资金受损、个人信息泄露。在此建议您依法维权，若对保险产品有疑问或有相关服务需求，
+      可以直接通过行业（0772-2825232）或公司维权热线4006946688咨询和反映诉求。
+    </div>
+    <div class='m20 mb100'>
+      <div class='title'>
+        <span>投保人签字：</span>
+      </div>
+      <div class='title'>
+        <span>证件类型：{{ idType | idToText('idType') }}</span>
+      </div>
+      <div class='title'>
+        <span>{{ idType | idToText('idType') }}号码：{{ idNo }}</span>
+      </div>
+      <div class='title'>
+        <span>投保单号：{{ orderNo }}</span>
+      </div>
+      <div class='title'>
+        <span>填写问卷日期：{{ fillDate }}</span>
+      </div>
+    </div>
+
+    <div class='bg-white bottom-btn'>
+      <div class='p15 pl40 align-items-c'>
+        <span class='mr10'>本人签名 :</span>
+        <div>
+          <!--          <van-button type='danger' size='small' :disabled="signVal == '1' ? true : isDisable" @click="sign('0')"-->
+          <!--                      v-no-more-click='1000'>{{-->
+          <!--              appntSign.documentStatus == '2' ? '签名' : '已签名'-->
+          <!--            }}-->
+          <!--          </van-button>-->
+        </div>
+      </div>
+      <van-button type='danger' size='large' v-no-more-click='1000'>下一步</van-button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { RadioGroup, Radio } from 'vant'
+import utils from '@/assets/js/utils/date-utils'
+
+export default {
+  name: 'InsuranceRiskReminder',
+  components: {
+    [RadioGroup.name]: RadioGroup,
+    [Radio.name]: Radio
+  },
+  data() {
+    let isWeixin = this.$utils.device().isWeixin //判断环境
+    return {
+      isWeixin, // 是否在微信环境
+      radio1: '', // 第1题的选中项
+      radio2: '', // 第2题的选中项
+      radio3: '', // 第3题的选中项
+      radio4: '', // 第4题的选中项
+      radio5: '', // 第5题的选中项
+      radio6: '', // 第6题的选中项
+      radio7: '', // 第7题的选中项
+      radio8: '', // 第8题的选中项
+      radio9: '', // 第9题的选中项
+      radio10: '', // 第10题的选中项
+      isSign: false, // 是否签名了
+      idType: JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo')).idType,
+      idNo: JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo')).idNo,
+      orderNo: localStorage.lastOrderNo, // 从缓存中获取投保单号
+      fillDate: utils.formatDate(new Date(), 'yyyy年MM月dd日') // 获取当前日期
+    }
+  },
+  mounted() {
+
+  }
+}
+</script>
+
+<style lang='scss' scoped>
+.InsuranceRiskReminder-container {
+  .question-option {
+    font-size: 14px;
+
+    .van-radio-group {
+      display: flex;
+      justify-content: space-around;
+
+      .van-radio {
+        width: 100px;
+      }
+    }
+  }
+
+  .additional-tips {
+    font-size: 14px;
+    font-weight: bold;
+  }
+
+  .tips {
+    font-size: 14px;
+    color: #ff0000;
+  }
+
+  .title {
+    font-size: 14px;
+    height: 30px;
+    line-height: 30px;
+    font-weight: bold;
+  }
+}
+</style>