GFRS-2759【前端】开发柳州需求投保风险提示书的页面--提交人：张齐

src/views/ebiz/sale/InsuranceRiskReminder.vue

@@ -52,9 +52,9 @@
       </van-radio-group>
     </div>
 
-    <div class='m20 additional-tips'>如您投保的是分红/万能/投资连结保险，请继续填写以下内容：</div>
+    <div class='m20 additional-tips' v-if='flag'>如您投保的是分红/万能/投资连结保险，请继续填写以下内容：</div>
 
-    <div class='m20 question-option'>
+    <div class='m20 question-option' v-if='flag'>
       <span class='question'>
         8.分红保险的利益演示是基于公司精算假设，保单每年分配的红利是不确定的，主要取决于公司实际经营状况；
         万能保险超过最低保证利率以上的收益是不确定的，也主要取决于公司实际经营情况；投资连结保险投资收益是不确定的，可能盈利也可能亏损，
@@ -65,14 +65,14 @@
         <van-radio :name=0>不清楚</van-radio>
       </van-radio-group>
     </div>
-    <div class='m20 question-option'>
+    <div class='m20 question-option' v-if='flag'>
       <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'>
+    <div class='m20 question-option' v-if='flag'>
       <span class='question'>10.您投保的是一款保险产品，不能等同于银行的存款和理财产品，您是否了解？</span>
       <van-radio-group class='mt10' v-model='radio10' direction='horizontal' :disabled='isSign'>
         <van-radio :name=1>了解</van-radio>
@@ -104,17 +104,15 @@
     </div>
 
     <div class='bg-white bottom-btn'>
-      <div class='p15 pl40 align-items-c'>
+      <div class='p15 pl40 flex 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>-->
+          <van-button type='danger' size='small' @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>
+      <van-button type='danger' size='large' :disabled='!isSign' v-no-more-click='1000'>完成</van-button>
     </div>
   </div>
 </template>
@@ -143,15 +141,46 @@ export default {
       radio8: '', // 第8题的选中项
       radio9: '', // 第9题的选中项
       radio10: '', // 第10题的选中项
-      isSign: false, // 是否签名了
-      idType: JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo')).idType,
-      idNo: JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo')).idNo,
+      saleInsuredInfo: {},// 存储local带来的投保人信息对象
+      productCode: localStorage.productCode, // 从缓存中获取险种产品编号
+      flag: '', // 根据险种编号判断页面是否展示8-10题的标识；因为选择投保'分红/万能/投资连结保险'，页面需要展示1-10题,
+      appntSign: {},// 投保人签名信息
+      idType: '', // 证件类型
+      idNo: '', // 证件号码
       orderNo: localStorage.lastOrderNo, // 从缓存中获取投保单号
-      fillDate: utils.formatDate(new Date(), 'yyyy年MM月dd日') // 获取当前日期
+      fillDate: utils.formatDate(new Date(), 'yyyy年MM月dd日'), // 获取当前日期
+      isSign: false // 是否签名了
     }
   },
-  mounted() {
-
+  created() {
+    // 调用初始化方法
+    this.init()
+  },
+  methods: {
+    /**
+     * @Description: 初始化方法
+     * @author:zhangqi
+     * @Date:2021-10-12
+     */
+    init() {
+      // 获取投保人的缓存数据，并赋值给变量
+      this.saleInsuredInfo = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo'))
+      // 获取证件类型
+      this.idType = this.saleInsuredInfo.idType
+      // 获取证件号码
+      this.idNo = this.saleInsuredInfo.idNo
+      // 判断当前的险种类型编号，
+      // 如果选择投保'非分红/万能/投资连结保险'，只需填写1-7题，页面仅展示1-7题；
+      // 如果选择投保'分红/万能/投资连结保险'，需填写1-10题,页面展示1-10题；
+      // GFRS_M0015 与 GFRS_M0017 是两款万能险的险种产品编号
+      if (this.productCode === 'GFRS_M0015' || this.productCode === 'GFRS_M0017') {
+        // 设置页面展示1-10题
+        this.flag = true
+      } else {
+        // 设置页面不需要展示1-10题，仅展示1-7题即可
+        this.flag = false
+      }
+    }
   }
 }
 </script>