fix: UI调整；文案调整；中间点问题；token存cookies测试、

package.json

@@ -16,6 +16,7 @@
     "@qg/qg-scroll": "^1.4.2",
     "amfe-flexible": "^2.2.1",
     "axios": "^0.19.2",
+    "cookies-js": "^1.2.3",
     "core-js": "^3.6.5",
     "date-fns": "^2.15.0",
     "lodash-es": "^4.17.15",

src/api/detail.huagui.shouxian.js

@@ -4,7 +4,7 @@
  * @Description: 华贵大麦2020定期寿险
  * @Date: 2020-07-27 15:46:37
  * @LastEditors: gzw
- * @LastEditTime: 2020-08-27 10:11:50
+ * @LastEditTime: 2020-08-30 16:27:42
  */
 
 import goodsBg from "@/assets/images/goods/detail/shouxian/bg.png";
@@ -212,7 +212,7 @@ export default {
   qaInfo: [
     {
       q: "这款产品可以给别人买吗？",
-      a: `可以指定父母、配有、子女投保，但必须获得被保人的同意并认可保险金额。`
+      a: `可以指定父母、配偶、子女投保，但必须获得被保人的同意并认可保险金额。`
     },
     {
       q: "购买后有犹豫期吗?如何退保?",
@@ -283,12 +283,12 @@ export default {
     {
       title: "身故保险金（100%基本保额）",
       desc:
-        "被保险人因意外原因或于本合同生效(或合同效力恢复)之日起90日后因非意外导致身故或身体全残，保险公司根据保险条款给付身故或全残保险金，本合同终止。被保险人于本合同生效(或合同效力恢复)之日起90日内因非意外导致身故或身体全残，保险公司退还实际已交保费，本合同终止。"
+        "被保险人于本合同生效(或合同效力恢复)之日起90日内(含)非因意外伤害导致身故,本公司按本合同实际交纳的保险费给付身故保险金,本合同终止被保险人因意外伤害导致身故或于本合同生效(或合同效力恢复)之日起9O日后(不含)非因意外伤害导致身故,本公司按身故当时的基本保险金额给付身故保险金,本合同终止。"
     },
     {
       title: "全残保险金（100%基本保额）",
       desc:
-        "被保险人因意外原因或于本合同生效(或合同效力恢复)之日起90日后因非意外导致身故或身体全残，保险公司根据保险条款给付身故或全残保险金，本合同终止。被保险人于本合同生效(或合同效力恢复)之日起90日内因非意外导致身故或身体全残，保险公司退还实际已交保费，本合同终止。"
+        "被保险人于本合同生效(或合同效力恢复)之日起90日内(含)非因意外伤害导致身体全残,本公司按本合同实际交纳的保险费给付身体全残保险金,本合同终止。被保险人因意外伤害导致身体全残或于本合同生效(或合同效力恢复)之日起90日后(不含)非因意外伤害导致身体全残,本公司按身体全残当时的基本保险金额给付身体全残保险金,本合同终止。"
     }
   ]
 };

src/api/detail.huatai.zhongjixian.js

@@ -4,7 +4,7 @@
  * @Description:华太30万轻重疾险
  * @Date: 2020-07-27 15:46:37
  * @LastEditors: gzw
- * @LastEditTime: 2020-08-30 12:13:29
+ * @LastEditTime: 2020-08-30 16:09:03
  */
 
 import goodsBg from "@/assets/images/goods/detail/zhongjixian/bg.png";
@@ -126,7 +126,7 @@ export default {
         title: "保费",
         value: {
           needSlot: true,
-          tpl: "保费与保额、被保人年龄有关<br />首月3元，次月5.6元/月起",
+          tpl: "<strong>保费与保额、被保人年龄有关<br />首月3元，次月5.6元/月起</strong>",
           longTxt: true
         }
       }
@@ -139,7 +139,7 @@ export default {
         title: "保费",
         value: {
           needSlot: true,
-          tpl: "保费与保额、被保人年龄有关<br />首月3元，次月5.6元/月起",
+          tpl: "<strong>保费与保额、被保人年龄有关<br />首月3元，次月5.6元/月起</strong>",
           longTxt: true
         }
       }
@@ -152,7 +152,7 @@ export default {
         title: "保费",
         value: {
           needSlot: true,
-          tpl: "保费与保额、被保人年龄有关<br />首月3元，次月5.6元/月起",
+          tpl: "<strong>保费与保额、被保人年龄有关<br />首月3元，次月5.6元/月起</strong>",
           longTxt: true
         }
       }

src/api/detail.taikang.yiliaobaozhang.js

@@ -4,7 +4,7 @@
  * @Description: 泰康600万医疗保障
  * @Date: 2020-07-27 15:46:37
  * @LastEditors: gzw
- * @LastEditTime: 2020-08-30 11:26:03
+ * @LastEditTime: 2020-08-30 15:54:54
  */
 
 import goodsBg from "@/assets/images/goods/detail/yiliaoxian/bg.png";
@@ -204,21 +204,21 @@ export default {
   ],
   rateInfo: [
     {
-      title: "一次交清",
+      title: "按月交费",
       th: ["投保年龄", "有社保", "无社保"],
       age: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65],
       list: [
-        [891.8, 833.6, 785.8, 715.9, 690.4, 498.6, 424.4, 374.7, 355.6, 342.9, 338.6, 206.2, 175.4, 143.6, 156.3, 169, 181.8, 194.5, 206.1, 214.6, 222, 244.4, 252.9, 261.4, 263.5, 267.7, 286.8, 293.2, 301.6, 310.1, 329.2, 368, 398.8, 414.7, 438, 451.8, 481.2, 505.6, 519.3, 539.5, 557.5, 579.1, 616.3, 653.3, 683, 713.8, 781.7, 838.9, 886.7, 939.7, 989.4, 1041.2, 1095.2, 1187.5, 1256.3, 1314.7, 1399.4, 1467.3, 1561.7, 1600.8, 1706.8, 1938.5, 2105, 2256.5, 2447.3, 2628.6],
-        [1887.2, 1726.1, 1630.7, 1483.3, 1387.9, 996.8, 822, 717, 685.2, 649.2, 634.3, 411.8, 348.2, 282.5, 304.7, 325.9, 351.4, 371.4, 396.9, 416, 446.8, 492.4, 509.4, 532.7, 557.2, 584.7, 636.6, 648.2, 686.4, 719.3, 751.1, 864.1, 907.6, 951, 989.2, 1060.3, 1116.2, 1243.4, 1316.4, 1382.2, 1495.6, 1657.2, 1840.5, 2008, 2110.9, 2239.1, 2380.2, 2608.1, 2799.9, 2924, 3002.4, 3375.3, 3581, 3701.8, 3872.4, 3957.2, 4458.6, 4676, 4841.3, 5044.8, 5350.1, 6128.8, 6828.4, 7413.5, 7866, 8091.9]
+        [88.5, 82.6, 77.9, 71, 68.4, 49.4, 42, 37.1, 35.2, 33.8, 33.4, 20.4, 17.3, 14.1, 15.4, 16.7, 17.9, 19.3, 20.4, 21.3, 22, 24.2, 25.1, 25.9, 26.1, 26.6, 28.3, 29, 29.8, 30.7, 32.6, 36.5, 39.6, 41.1, 43.4, 44.8, 47.6, 50, 51.4, 53.4, 55.3, 57.3, 61.1, 64.7, 67.6, 70.8, 77.5, 83.2, 87.9, 93.2, 98.1, 103.3, 108.7, 117.9, 124.7, 130.5, 138.8, 145.5, 154.9, 158.8, 169.3, 192.4, 208.9, 223.9, 242.8, 260.9, 88.5],
+        [187.3, 171.2, 161.7, 147.1, 137.6, 98.9, 81.5, 71.1, 67.9, 64.3, 62.8, 40.8, 34.5, 27.9, 30.2, 32.3, 34.8, 36.8, 39.3, 41.2, 44.3, 48.8, 50.5, 52.9, 55.3, 57.9, 63.2, 64.3, 68.1, 71.3, 74.5, 85.7, 90, 94.3, 98.2, 105.2, 110.7, 123.3, 130.6, 137, 148.3, 164.4, 182.6, 199.2, 209.4, 222.1, 236.2, 258.8, 277.9, 290.2, 297.9, 335, 355.5, 367.4, 384.4, 392.7, 442.5, 464, 480.4, 500.7, 531, 608.4, 677.8, 735.9, 780.8, 803.3, 187.3, 171.2]
       ]
     },
     {
-      title: "按月交费",
+      title: "一次交清",
       th: ["投保年龄", "有社保", "无社保"],
       age: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65],
       list: [
-        [88.5, 82.6, 77.9, 71, 68.4, 49.4, 42, 37.1, 35.2, 33.8, 33.4, 20.4, 17.3, 14.1, 15.4, 16.7, 17.9, 19.3, 20.4, 21.3, 22, 24.2, 25.1, 25.9, 26.1, 26.6, 28.3, 29, 29.8, 30.7, 32.6, 36.5, 39.6, 41.1, 43.4, 44.8, 47.6, 50, 51.4, 53.4, 55.3, 57.3, 61.1, 64.7, 67.6, 70.8, 77.5, 83.2, 87.9, 93.2, 98.1, 103.3, 108.7, 117.9, 124.7, 130.5, 138.8, 145.5, 154.9, 158.8, 169.3, 192.4, 208.9, 223.9, 242.8, 260.9, 88.5],
-        [187.3, 171.2, 161.7, 147.1, 137.6, 98.9, 81.5, 71.1, 67.9, 64.3, 62.8, 40.8, 34.5, 27.9, 30.2, 32.3, 34.8, 36.8, 39.3, 41.2, 44.3, 48.8, 50.5, 52.9, 55.3, 57.9, 63.2, 64.3, 68.1, 71.3, 74.5, 85.7, 90, 94.3, 98.2, 105.2, 110.7, 123.3, 130.6, 137, 148.3, 164.4, 182.6, 199.2, 209.4, 222.1, 236.2, 258.8, 277.9, 290.2, 297.9, 335, 355.5, 367.4, 384.4, 392.7, 442.5, 464, 480.4, 500.7, 531, 608.4, 677.8, 735.9, 780.8, 803.3, 187.3, 171.2]
+        [891.8, 833.6, 785.8, 715.9, 690.4, 498.6, 424.4, 374.7, 355.6, 342.9, 338.6, 206.2, 175.4, 143.6, 156.3, 169, 181.8, 194.5, 206.1, 214.6, 222, 244.4, 252.9, 261.4, 263.5, 267.7, 286.8, 293.2, 301.6, 310.1, 329.2, 368, 398.8, 414.7, 438, 451.8, 481.2, 505.6, 519.3, 539.5, 557.5, 579.1, 616.3, 653.3, 683, 713.8, 781.7, 838.9, 886.7, 939.7, 989.4, 1041.2, 1095.2, 1187.5, 1256.3, 1314.7, 1399.4, 1467.3, 1561.7, 1600.8, 1706.8, 1938.5, 2105, 2256.5, 2447.3, 2628.6],
+        [1887.2, 1726.1, 1630.7, 1483.3, 1387.9, 996.8, 822, 717, 685.2, 649.2, 634.3, 411.8, 348.2, 282.5, 304.7, 325.9, 351.4, 371.4, 396.9, 416, 446.8, 492.4, 509.4, 532.7, 557.2, 584.7, 636.6, 648.2, 686.4, 719.3, 751.1, 864.1, 907.6, 951, 989.2, 1060.3, 1116.2, 1243.4, 1316.4, 1382.2, 1495.6, 1657.2, 1840.5, 2008, 2110.9, 2239.1, 2380.2, 2608.1, 2799.9, 2924, 3002.4, 3375.3, 3581, 3701.8, 3872.4, 3957.2, 4458.6, 4676, 4841.3, 5044.8, 5350.1, 6128.8, 6828.4, 7413.5, 7866, 8091.9]
       ]
     }
   ],

src/api/detail.zhongan.yiwai.js

@@ -4,7 +4,7 @@
  * @Description:众安50万意外险
  * @Date: 2020-07-27 15:46:37
  * @LastEditors: gzw
- * @LastEditTime: 2020-08-29 16:18:42
+ * @LastEditTime: 2020-08-30 16:20:48
  */
 import goodsBg from "@/assets/images/goods/detail/yiwaixian/bg.png";
 import title from "@/assets/images/goods/detail/yiwaixian/title.png";
@@ -114,17 +114,23 @@ export default {
     "1000000": [
       { title: "投保年龄", value: `18周岁~65周岁` },
       { title: "保障期限", value: "1年" },
-      { title: "保费", value: "53元/年起" }
+      { title: "保费", value: "53元/年起" },
+      { title: "职业类别", value: {
+        needSlot: true,
+        tpl: "<strong>1~3类职业可投保<br /><a href='javascript:;'>查看众安职业分类表</a></strong>"
+      }}
     ],
     "500000": [
       { title: "投保年龄", value: `18周岁~65周岁` },
       { title: "保障期限", value: "1年" },
-      { title: "保费", value: "53元/年起" }
+      { title: "保费", value: "53元/年起" },
+      { title: "职业类别", value: "53元/年起" }
     ],
     "100000": [
       { title: "投保年龄", value: `18周岁~65周岁` },
       { title: "保障期限", value: "1年" },
-      { title: "保费", value: "53元/年起" }
+      { title: "保费", value: "53元/年起" },
+      { title: "职业类别", value: "53元/年起" }
     ],
   },
   protocolData: [
@@ -152,6 +158,10 @@ export default {
     {
       title: "自动续保服务协议",
       url: "https://mangguo-contract.qthbx.com/zi-dong-xu-bao-fu-wu-xie-yi-v1/"
+    },
+    {
+      title: "众安职业类别",
+      url: "https://mangguo-contract.qthbx.com/zhong-an-zhi-ye-lei-bie-v1/"
     }
   ],
   caseInfo: {

src/components/LoginModal.vue

@@ -51,6 +51,7 @@ import { mapState, mapActions } from "vuex";
 import Modal from "@/components/Modal";
 import { loginByPhone, getCaptchaSms } from "@/api/user";
 import protocol from "@/api/protocol";
+import cookies from "cookies-js";
 import { isPhone, isWeixinBrower } from "@/service/validation";
 export default {
   name: "LoginModal",
@@ -106,6 +107,7 @@ export default {
         this.$notify({ type: "success", message: "登录成功" });
         this.setIsShowLogin(false);
         localStorage.setItem("mongoToken", res.token);
+        cookies.set("mongoToken", res.token, { expires: "01/01/2030" });
         // TODO 开发目前使用这个token
         // localStorage.setItem("mongoToken", "6ae7da7dd4c543f1a36c702c6f419f12");
       }

src/service/validation.js

@@ -72,7 +72,7 @@ export function isIdNo(str) {
 // 判断输入的字符是否为中文姓名最少两个中文字符
 export function isChineseName(str) {
   if (!isNull(str)) {
-    const reg = /^[\u0391-\uFFE5]{2,}$/;
+    const reg = /^[\u0391-\uFFE5\·]{2,}$/;
     return reg.test(str);
   }
   return false;

src/views/Consultant/Plan/index.vue

@@ -95,6 +95,7 @@
 import Card from "@/components/Card";
 import { getCulsuggestion } from "@/api/consultant";
 import { getLink } from "@/api/product";
+import localStorage from "@/service/localStorage";
 import avator from "@/assets/images/consultant/avator.png";
 import goods from "@/api/goodsList.mock";
 export default {
@@ -192,14 +193,15 @@ export default {
       }
     },
     async getGoodsLink() {
-      if (!this.mongoToken) return;
+      if (localStorage.get("mongoToken")) return;
       const res = await getLink();
       if (res) {
         this.goods.forEach(item => {
-          if (item.productNo === "BNZJX001") {
+          if (item.id === "BNZJX001") {
             item.url = res.url;
           }
         });
+        this.$forceUpdate();
       }
     }
   }

src/views/Goods/Detail/AIDetail.vue

@@ -167,7 +167,7 @@ export default {
         _price[1] = "元/年起";
         this.goodActionInfo = { title: _price };
         this.goodBuyModalInfo = [{ title: `每年保费`, value: `${price[0]}元` }];
-        this.noticeCellInfo[amountInsured][2].value = `${price[0] + price[1]}`;
+        this.noticeCellInfo[amountInsured][2].value = `${_price[0] + _price[1]}`;
       }
     },
     formDataCpu: {
@@ -390,7 +390,7 @@ export default {
             title: _price
           };
           this.goodBuyModalInfo = [{ title: `每年保费`, value: `${price[0]}元` }];
-          noticeCellInfo[amountInsured][2].value = `${price[0] + price[1]}`;
+          noticeCellInfo[amountInsured][2].value = `${_price[0] + _price[1]}`;
         }
         this.isCalPrice = true;
       } catch (error) {

src/views/Goods/Detail/CIIDetail.vue

@@ -170,9 +170,9 @@ export default {
         ];
         this.noticeCellInfo[
           amountInsured
-        ][3].value.tpl = `保费与保额、被保人年龄有关<br />${price[2] + price[0] + price[1]}，${
-          subPrice[0] ? subPrice[2] + subPrice[0] + subPrice[1] : ""
-        }`;
+        ][3].value.tpl = `<strong>保费与保额、被保人年龄有关<br />${price[2] +
+          price[0] +
+          price[1]}，${subPrice[0] ? subPrice[2] + subPrice[0] + subPrice[1] : ""}</strong>`;
       }
     },
     formDataCpu: {
@@ -425,9 +425,11 @@ export default {
               value: subPrice[0] ? `${subPrice[0]}${subPrice[1]}${subPrice[3]}` : ""
             }
           ];
-          noticeCellInfo[amountInsured][3].value.tpl = `保费与保额、被保人年龄有关<br />${price[2] +
+          noticeCellInfo[
+            amountInsured
+          ][3].value.tpl = `<strong>保费与保额、被保人年龄有关<br />${price[2] +
             price[0] +
-            price[1]}，${subPrice[0] ? subPrice[2] + subPrice[0] + subPrice[1] : ""}`;
+            price[1]}，${subPrice[0] ? subPrice[2] + subPrice[0] + subPrice[1] : ""}</strong>`;
         }
         this.isCalPrice = true;
       } catch (error) {

src/views/Goods/Detail/LIDetail.vue

@@ -18,7 +18,7 @@
         :option="['查看详情']"
         @option-click="openIframePupop(4)"
       >
-        <compactCellGroup :cell-data="planCellInfo" :text-bold="true" />
+        <compactCellGroup :cell-data="planCellInfo" :text-bold="true" :font-size="14" />
         <div class="cal-footer" slot="footer">
           <div class="cal-footer-num">
             <h4>

src/views/Goods/Detail/MIDetail.vue

@@ -171,9 +171,9 @@ export default {
             value: `${subPrice[0]}${subPrice[1]}${subPrice[3]}`
           }
         ];
-        this.noticeCellInfo[3].value.tpl = `保费与被保人年龄、有无社保有关<br />${price[2] +
+        this.noticeCellInfo[3].value.tpl = `<strong>保费与被保人年龄、有无社保有关<br />${price[2] +
           price[0] +
-          price[1]}，${subPrice[0] ? subPrice[2] + subPrice[0] + subPrice[1] : ""}`;
+          price[1]}，${subPrice[0] ? subPrice[2] + subPrice[0] + subPrice[1] : ""}</strong>`;
       }
     },
     formDataCpu: {
@@ -415,9 +415,9 @@ export default {
               value: subPrice[0] ? `${subPrice[0]}${subPrice[1]}${subPrice[3]}` : ""
             }
           ];
-          this.noticeCellInfo[3].value.tpl = `保费与被保人年龄、有无社保有关<br />${price[2] +
+          this.noticeCellInfo[3].value.tpl = `<strong>保费与被保人年龄、有无社保有关<br />${price[2] +
             price[0] +
-            price[1]}，${subPrice[0] ? subPrice[2] + subPrice[0] + subPrice[1] : ""}`;
+            price[1]}，${subPrice[0] ? subPrice[2] + subPrice[0] + subPrice[1] : ""}</strong>`;
         }
         this.isCalPrice = true;
       } catch (error) {

src/views/Goods/Detail/modules/AdvisorRecDialog.vue

 <template>
-  <modal
+  <cr-popup
     :value="show"
+    :style="{ backgroundColor: 'transparent' }"
     :closeable="true"
-    cancel-btn=""
-    confirm-btn="0.99元聘请"
-    @confirm="go"
-    @close="onClose"
+    get-container="body"
+    close-icon="close"
     class="rec"
+    @close="onClose"
   >
-    <div class="rec-title" slot="title">
-      <small class="rec-title_small">亲爱的用户</small>
-      <h4 class="rec-title_h4">芒果保险恭喜您<br />受邀0.99元聘请保险顾问</h4>
-    </div>
-    <div class="rec-reason">
-      <div class="rec-reason-item">
-        <svg-icon icon-class="check-circle" />
-        <span class="plan-tip_offset">【省钱】帮您最高节省50%保费</span>
+    <div class="rec-container" v-show="show">
+      <div class="rec-title">
+        <h4 class="rec-title_h4">0.99</h4>
       </div>
-      <div class="rec-reason-item">
-        <svg-icon icon-class="check-circle" />
-        <span class="plan-tip_offset">【放心】中立客观的量身定制方案</span>
+      <div class="rec-advisor">
+        <img src="../../../../assets/images/goods/advisor/advisor.png" alt="advisor" />
       </div>
-      <div class="rec-reason-item">
-        <svg-icon icon-class="check-circle" />
-        <span class="plan-tip_offset">【专业】帮您解读条款做到有效投保 </span>
+      <div class="rec-reason">
+        <div class="rec-reason-item">
+          <div class="plan-tip_img">
+            <img src="../../../../assets/images/goods/advisor/slogan-01.png" alt="【省钱】" />
+          </div>
+          <div class="plan-tip_offset">帮您最高<br />节省50%保费</div>
+        </div>
+        <div class="rec-reason-item">
+          <div class="plan-tip_img">
+            <img src="../../../../assets/images/goods/advisor/slogan-02.png" alt="【专业】" />
+          </div>
+          <div class="plan-tip_offset">中立客观的<br />量身定制方案</div>
+        </div>
+        <div class="rec-reason-item">
+          <div class="plan-tip_img">
+            <img src="../../../../assets/images/goods/advisor/slogan-03.png" alt="【放心】" />
+          </div>
+          <div class="plan-tip_offset">帮您解读条款<br />做到有效投保</div>
+        </div>
+      </div>
+      <div @click="go" class="rec-button">0.99元聘请</div>
+      <div class="rec-discount">
+        限时优惠 <del><span>原价199元</span></del>
       </div>
     </div>
-    <div class="rec-discount">限时优惠 <del>原价199元</del></div>
-  </modal>
+  </cr-popup>
 </template>
 
 <script>
-import Modal from "@/components/Modal";
 const DIALOG_CLOSE_EVENT = "close";
 
 export default {
   name: "AdvisorRecDialog",
-  components: {
-    Modal
-  },
   props: {
     value: null
   },
@@ -67,49 +76,95 @@ export default {
 </script>
 
 <style lang="less" scoped>
-@import "../../../../style/var.less";
+@import "../../../../style/index.less";
 .rec {
-  &-title {
-    &_small {
-      font-size: @font-size-16;
-      color: @gray-4;
-      line-height: @line-height-sm + 3;
+  overflow: initial;
+  @{deep} .cr-popup--close {
+    top: -6px;
+    right: -10px;
+    color: @white;
+    font-size: 24px;
+    z-index: 99;
+  }
+  &-container {
+    background: url("../../../../assets/images/goods/advisor/bg.png") no-repeat center/100% 100%;
+    width: 262px;
+    height: 448px;
+    padding: 55px 30px 0;
+  }
+  &-advisor {
+    text-align: center;
+    margin: 15px 0 20px;
+    img {
+      width: 190px;
+      height: 155px;
     }
+  }
+  &-title {
+    background: url("../../../../assets/images/goods/advisor/title.png") no-repeat center/100% 100%;
+    width: 216px;
+    height: 58px;
+    margin: 0 auto;
+    position: relative;
     &_h4 {
+      position: absolute;
+      display: block;
+      bottom: 4px;
+      left: 42px;
       font-size: @font-size-18;
       font-weight: @font-weight-bold;
-      color: @black;
-      line-height: @line-height-lg + 1;
+      color: @orange-dark;
     }
   }
   &-reason {
     margin: 10px 0 40px;
-    .svg-icon {
-      width: 14px;
-      height: 14px;
-    }
+    display: flex;
     &-item {
+      flex: 1;
       font-size: @font-size-14;
       color: @gray-4;
       line-height: @line-height-lg;
     }
   }
   &-discount {
-    position: absolute;
-    bottom: -78px;
-    left: 0;
-    right: 0;
-    margin: auto;
     font-size: @font-size-12;
-    color: @red;
+    color: @white;
     line-height: @line-height-sm;
     text-align: center;
+    del {
+      color: #8277ff;
+      span {
+        color: @orange-dark;
+      }
+    }
   }
-  @{deep} .panel-body {
-    position: relative;
+  &-button {
+    background: url("../../../../assets/images/goods/advisor/btn.png") no-repeat center/100% 100%;
+    width: 255px;
+    height: 24px;
+    margin: 55px auto 5px;
+    text-align: center;
+    color: #b94a00;
+    font-size: 18px;
+    padding: 15px 0 16px;
+    -webkit-animation: free_download 0.8s linear alternate infinite;
+    animation: free_download 0.8s linear alternate infinite;
   }
-  @{deep} .panel-foot {
-    padding-bottom: 50px;
+}
+.plan-tip {
+  &_img {
+    text-align: center;
+    img {
+      width: 35px;
+      height: 18px;
+    }
+  }
+  &_offset {
+    font-size: 11px;
+    color: @orange-dark;
+    text-align: center;
+    line-height: 14px;
+    font-weight: 500;
   }
 }
 </style>

src/views/Goods/Detail/modules/InsurePersonForm.vue

@@ -79,7 +79,13 @@
           placeholder="请输入被保人姓名"
           :readonly="infoReadonly"
           label="姓名"
-          :rules="[{ required: true, message: '请输入姓名' }]"
+          :rules="[
+            { required: true, message: '请输入姓名' },
+            {
+              validator: isChineseNameMask,
+              message: '请填写正确的投保人姓名，最少2个中文字符'
+            }
+          ]"
         >
           <cr-icon
             type="arrow"
@@ -96,7 +102,13 @@
           placeholder="信息保密，仅用于投保"
           :readonly="infoReadonly"
           label="身份证号"
-          :rules="[{ required: true, message: '请输入身份证号' }]"
+          :rules="[
+            { required: true, message: '请输入身份证号' },
+            {
+              validator: isIdNoMask,
+              message: '请填写正确的投保人身份证号'
+            }
+          ]"
         />
         <cr-field
           class="insure-form-item_nobg"

src/views/Goods/Detail/modules/ProtocolRead.vue

 <template>
   <card :title="title" :option="options" footer="协议" @option-click="openIframe(6)">
-    <compactCellGroup :cell-data="cellData" :text-bold="true" font-size="14" />
+    <compactCellGroup :cell-data="cellData" :text-bold="true" font-size="14" @click="openIframe" />
     <slot></slot>
     <template v-slot:footer>
       <div class="insure-form-pact" slot="footer">
@@ -94,6 +94,10 @@ export default {
   },
   methods: {
     openIframe(idx) {
+      if (typeof idx === "object") {
+        this.$emit(CELL_CLICK_EVENT, 8);
+        return;
+      }
       this.$emit(CELL_CLICK_EVENT, idx);
     }
   }

yarn.lock

@@ -2600,6 +2600,11 @@ cookie@0.4.0:
   resolved "http://npmprivate.quantgroups.com/cookie/-/cookie-0.4.0.tgz#beb437e7022b3b6d49019d088665303ebe9c14ba"
   integrity sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==
 
+cookies-js@^1.2.3:
+  version "1.2.3"
+  resolved "http://npmprivate.quantgroups.com/cookies-js/-/cookies-js-1.2.3.tgz#03315049e7c52bee3f73186a69167eab0ddb2d31"
+  integrity sha1-AzFQSefFK+4/cxhqaRZ+qw3bLTE=
+
 copy-concurrently@^1.0.0:
   version "1.0.5"
   resolved "http://npmprivate.quantgroups.com/copy-concurrently/-/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"