feat: 数据根据最新原形和UI完善

src/api/detail.huagui.shouxian.js

@@ -4,7 +4,7 @@
  * @Description: 华贵大麦2020定期寿险
  * @Date: 2020-07-27 15:46:37
  * @LastEditors: gzw
- * @LastEditTime: 2020-08-10 14:51:04
+ * @LastEditTime: 2020-08-11 16:26:37
  */
 
 import goodsBg from "@/assets/images/goods/detail/shouxian/bg.png";
@@ -14,6 +14,7 @@ import intro03 from "@/assets/images/goods/detail/shouxian/intro-03.png";
 
 export default {
   type: "li",
+  productNo: "HGSX001",
   headerInfo: {
     bgSrc: goodsBg,
     type: "huagui",
@@ -26,10 +27,9 @@ export default {
   },
   introImg: [intro01, intro02, intro03],
   companyInfo: [
-    { content: "承保公司：华泰财产保险有限公司", offset: false },
-    { content: "经营范围：短期健康保险和意外伤害保险", offset: false },
-    { content: "备案名称：华泰财险重大疾病保险条款", offset: false },
-    { content: "备案编号：C00015431912018061501152；", offset: false }
+    { content: "承保公司：华贵人寿保险股份有限公司", offset: false },
+    { content: "经营范围：定期人寿保险", offset: false },
+    { content: "备案编号：华贵保险[2019]207号；", offset: false }
   ],
   navBarOptions: [
     { label: "产品介绍", value: "intro" },
@@ -63,7 +63,10 @@ export default {
     { title: "交费期", value: "交5年/交10年/交20年/交30年/一次性交清" },
     { title: "等待期", value: "90天(因意外导致的身故或全残无等待期)" },
     { title: "犹豫期", value: "20天(犹豫期内退保,原额退还保费)" }
-
+  ],
+  socialSecOptions: [
+    { label: "有社保", value: "1" },
+    { label: "无社保", value: "0" }
   ],
   insuredOptions: [
     { label: "本人", value: "0" },
@@ -76,8 +79,40 @@ export default {
     { label: "无", value: "0" }
   ],
   paywayOptions: [
-    { label: "月缴<small style='color: #999;font-size: 11px'>（12期）</small>", value: "1" },
-    { label: "一次交清", value: "2" }
+    { label: "年缴", value: "1" }
+  ],
+  sexOptions: [
+    { label: "男", value: "0" },
+    { label: "女", value: "1" }
+  ],
+  idCardInvaildOptions: [
+    { label: "非长期", value: "1" },
+    { label: "长期", value: "2" }
+  ],
+  insuredAmountOptions: [
+    { label: "30万", value: "300000" },
+    { label: "50万", value: "500000" },
+    { label: "100万", value: "1000000" },
+    { label: "150万", value: "15000000" },
+    { label: "200万", value: "2000000" },
+    { label: "250万", value: "2500000" },
+    { label: "300万", value: "3000000" },
+    { label: "350万", value: "3500000" }
+  ],
+  termOptions: [
+    { label: "10年", value: "10" },
+    { label: "20年", value: "20" },
+    { label: "30年", value: "30" },
+    { label: "保至60周岁", value: "至60" },
+    { label: "保至65周岁", value: "至65" },
+    { label: "保至70周岁", value: "至70" }
+  ],
+  benefitOptions: [
+    { label: "交5年", value: "5" },
+    { label: "交10年", value: "10" },
+    { label: "交20年", value: "20" },
+    { label: "交30年", value: "30" }
+    // { label: "一次付清", value: "5" }
   ],
   popupArray: [
     {
@@ -172,32 +207,14 @@ export default {
   ],
   planInfo: [
     {
-      title: "100种重大疾病保险金",
+      title: "身故保险金（100%基本保额）",
       desc:
-        "<p>重大疾病包括恶性肿瘤、急性心肌梗塞、终末期肾病（或称慢性肾功能衰竭尿毒症期）等100种。在等待期（90天，意外伤害事故无等待期）后初次发生并经医院专科医生确诊罹患本合同约定的一种或多种重大疾病，保险人按照保险单中约定的重大疾病保险金额给付重大疾病保险金，同时在本保险合同项下对该被保险人的保险责任终止。</p>",
-      url: "查看100种重大疾病",
-      path: "http://mangguo-contract.qthbx.com/hua-tai-100chong-zhong-ji-v1/",
-      list: ""
+        "被保险人因意外原因或于本合同生效(或合同效力恢复)之日起90日后因非意外导致身故或身体全残，保险公司根据保险条款给付身故或全残保险金，本合同终止。被保险人于本合同生效(或合同效力恢复)之日起90日内因非意外导致身故或身体全残，保险公司退还实际已交保费，本合同终止。"
     },
     {
-      title: "40种轻症疾病保险金",
+      title: "全残保险金（100%基本保额）",
       desc:
-        "<p>轻症疾病包括冠状动脉介入手术、非危及生命的（极早期的）恶性病变、轻度中风后遗症等40种。在等待期（90天，意外伤害事故无等待期）后初次发生并经医院专科医生确诊罹患本合同约定的一种或多种轻症。保险人按照保险合同中约定的轻症保险金额给付轻症保险金，同时轻症责任终止。轻症保险金仅针对本保险合同约定的轻症进行给付，轻症疾病必须在生前诊断，对于任何身故后的尸检诊断不给付轻症疾病保险金。对于已经符合重大疾病保险金给付条件的，仅给付重大疾病保险金，不再给付轻症保险金。</p>",
-      url: "查看40种轻症疾病",
-      path: "http://mangguo-contract.qthbx.com/hua-tai-100chong-qing-zheng-v1/",
-      list: ""
-    },
-    {
-      title: "保额说明",
-      desc: `
-          <p><strong>重疾30万保额：</strong></p>
-          <p>30天~50周岁可投保，可逐年续保至99周岁。</p>
-          <p><strong>重疾20万保额：</strong></p>
-          <p>30天~60周岁可投保，可逐年续保至99周岁。</p>
-          <p><strong>重疾10万保额：</strong></p>
-          <p>
-          30天~60周岁可投保，可逐年续保至99周岁。</p>
-      `
+        "被保险人因意外原因或于本合同生效(或合同效力恢复)之日起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-07 16:06:43
+ * @LastEditTime: 2020-08-11 14:41:05
  */
 
 import goodsBg from "@/assets/images/goods/detail/zhongjixian/bg.png";
@@ -15,6 +15,7 @@ import intro04 from "@/assets/images/goods/detail/zhongjixian/intro-04.png";
 
 export default {
   type: "cii",
+  productNo: "HTDQZJX001",
   headerInfo: {
     bgSrc: goodsBg,
     type: "huatai",

src/api/detail.taikang.yiliaobaozhang.js

@@ -4,7 +4,7 @@
  * @Description: 泰康600万医疗保障
  * @Date: 2020-07-27 15:46:37
  * @LastEditors: gzw
- * @LastEditTime: 2020-08-07 15:20:37
+ * @LastEditTime: 2020-08-11 16:10:05
  */
 
 import goodsBg from "@/assets/images/goods/detail/yiliaoxian/bg.png";
@@ -15,6 +15,7 @@ import intro04 from "@/assets/images/goods/detail/zhongjixian/intro-04.png";
 
 export default {
   type: "mi",
+  productNo: "TKYLX001",
   headerInfo: {
     bgSrc: goodsBg,
     type: "taikang",
@@ -222,32 +223,66 @@ export default {
   ],
   planInfo: [
     {
-      title: "100种重大疾病保险金",
+      title: "重大疾病医疗保险金",
       desc:
-        "<p>重大疾病包括恶性肿瘤、急性心肌梗塞、终末期肾病（或称慢性肾功能衰竭尿毒症期）等100种。在等待期（90天，意外伤害事故无等待期）后初次发生并经医院专科医生确诊罹患本合同约定的一种或多种重大疾病，保险人按照保险单中约定的重大疾病保险金额给付重大疾病保险金，同时在本保险合同项下对该被保险人的保险责任终止。</p>",
-      url: "查看100种重大疾病",
-      path: "http://mangguo-contract.qthbx.com/hua-tai-100chong-zhong-ji-v1/",
-      list: ""
+        "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
     },
     {
-      title: "40种轻症疾病保险金",
+      title: "一般医疗保险金",
       desc:
-        "<p>轻症疾病包括冠状动脉介入手术、非危及生命的（极早期的）恶性病变、轻度中风后遗症等40种。在等待期（90天，意外伤害事故无等待期）后初次发生并经医院专科医生确诊罹患本合同约定的一种或多种轻症。保险人按照保险合同中约定的轻症保险金额给付轻症保险金，同时轻症责任终止。轻症保险金仅针对本保险合同约定的轻症进行给付，轻症疾病必须在生前诊断，对于任何身故后的尸检诊断不给付轻症疾病保险金。对于已经符合重大疾病保险金给付条件的，仅给付重大疾病保险金，不再给付轻症保险金。</p>",
-      url: "查看40种轻症疾病",
-      path: "http://mangguo-contract.qthbx.com/hua-tai-100chong-qing-zheng-v1/",
-      list: ""
+        "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
     },
     {
-      title: "保额说明",
+      title: "质子重离子医疗保险金",
+      desc:
+        "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
+    },
+    {
+      title: "恶性肿瘤院外特定药品费用保险金",
+      desc:
+        "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
+    },
+    {
+      title: "恶性肿瘤特定治疗保险金",
+      desc:
+        "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
+    },
+    {
+      title: "康复医疗保险金",
+      desc:
+        "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
+    },
+    {
+      title: "指定检查费用保险金",
+      desc:
+        "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
+    },
+    {
+      title: "特定疾病保险金",
+      desc:
+        "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
+    },
+    {
+      title: "押金垫付",
+      desc:
+        "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
+    },
+    {
+      title: "就医绿色通道",
       desc: `
-          <p><strong>重疾30万保额：</strong></p>
-          <p>30天~50周岁可投保，可逐年续保至99周岁。</p>
-          <p><strong>重疾20万保额：</strong></p>
-          <p>30天~60周岁可投保，可逐年续保至99周岁。</p>
-          <p><strong>重疾10万保额：</strong></p>
-          <p>
-          30天~60周岁可投保，可逐年续保至99周岁。</p>
-      `
+          <p><strong>1、专业导诊（1次/年）</strong></p>
+          <p>为被保险人提供专业导诊咨询服务，帮助用户找“对”专家</p>
+          <p><strong>2、专家门诊（1次/年）</strong></p>
+          <p>为被保险人提供副主任及以上专家普通/特需门诊的预约服务</p>
+          <p><strong>3、专业陪诊（1次/年）</strong></p>
+          <p>安排医学专业人员陪伴被保险人，协助完成导诊、检查、取药等全程就医环节</p>
+          <p><strong>4、快速住院（1次/年）</strong></p>
+          <p>安排被保险人快速入住病房</p>
+          <p><strong>5、专家手术（1次/年）</strong></p>
+          <p>为被保险人提供专家手术加急服务</p>
+      `,
+      url: "查看详情",
+      path: "/goods/plan?type=mi-more",
     }
   ]
 };

src/api/detail.zhongan.yiwai.js

@@ -4,7 +4,7 @@
  * @Description:众安50万意外险
  * @Date: 2020-07-27 15:46:37
  * @LastEditors: gzw
- * @LastEditTime: 2020-08-10 19:01:08
+ * @LastEditTime: 2020-08-11 14:41:35
  */
 
 import goodsBg from "@/assets/images/goods/detail/yiwaixian/bg.png";
@@ -15,6 +15,7 @@ import intro04 from "@/assets/images/goods/detail/yiwaixian/intro-04.png";
 
 export default {
   type: "ai",
+  productNo: "ZAYWX001",
   headerInfo: {
     bgSrc: goodsBg,
     type: "zhongan",
@@ -129,7 +130,7 @@ export default {
   popupArray: [
     {
       title: "保险条款",
-      url: "http://mangguo-contract-pdf.qthbx.com/%E4%BC%97%E5%AE%89%E4%BF%9D%E9%99%A9%E6%9D%A1%E6%AC%BE.pdf"
+      url: "http://mangguo-contract.qthbx.com/zhong-an-baoxiantiaokuan-v1/"
     },
     {
       title: "健康告知",

src/api/protocol.js

+export default {
+  userAgreement: "http://www.baidu.com",
+  privacyPolicy: "http://www.baidu.com"
+};

src/components/Card.vue

@@ -95,6 +95,7 @@ export default {
   }
   &-body {
     margin-bottom: 20px;
+    word-break: break-all;
   }
 }
 </style>

src/components/LoginModal.vue

@@ -36,6 +36,11 @@
           <span class="login-form-remain" v-else>{{ count }}s</span>
         </template>
       </cr-field>
+      <div class="protocol">
+        确定登录即表示同意
+        <a :href="userAgreement" target="_blank">《用户协议》</a>
+        <a :href="privacyPolicy" target="_blank">《隐私政策》</a>
+      </div>
     </cr-form>
   </modal>
 </template>
@@ -44,6 +49,7 @@
 import { mapState, mapActions } from "vuex";
 import Modal from "@/components/Modal";
 import { loginByPhone, getCaptchaSms } from "@/api/user";
+import protocol from "@/api/protocol";
 import { isPhone, isWeixinBrower } from "@/service/validation";
 export default {
   name: "LoginModal",
@@ -52,6 +58,7 @@ export default {
   },
   data() {
     return {
+      ...protocol,
       show: true,
       showCount: false,
       count: "",
@@ -144,4 +151,11 @@ export default {
     }
   }
 }
+.protocol {
+  font-size: 11px;
+  text-align: center;
+  a {
+    font-size: 11px;
+  }
+}
 </style>

src/service/utils.js

@@ -147,8 +147,9 @@ export function parseTime(time, cFormat) {
     date = new Date();
   } else if (typeof time === "object") {
     date = time;
+  } else if (!isNaN(time) && ("" + time).length === 10) {
+    time = parseInt(time) * 1000;
   } else {
-    if (("" + time).length === 10) time = parseInt(time) * 1000;
     if (String(time).indexOf("T") > -1) {
       time = time.replace(/T/g, " ").replace(/\..*/g, "");
     }

src/style/index.less

@@ -21,7 +21,9 @@ a {
 input::-webkit-input-placeholder {
   color: #AAAAAA;
 }
-
+strong {
+  font-weight: @font-weight-bold;
+}
 .cr-button {
   padding: 0 @padding-sm  !important;
 

src/views/Consultant/Exclusive/index.vue

@@ -10,9 +10,9 @@
       </div>
       <cr-image
         class="cul-hd-img"
-        src="@/assets/images/consultant/culstor-demo.png"
-        width="215px"
-        height="230px"
+        src="@/assets/images/consultant/culstor.png"
+        width="175px"
+        height="224px"
       />
     </div>
     <div class="cul-det">

src/views/Consultant/index.vue

 <template>
   <div>
-    <buy v-if="orderState <= 1" :state="orderState" />
+    <buy v-if="orderState <= 2" :state="orderState" />
     <success v-if="orderState === 3 && isLogin && !showQuestion" />
     <exclusive
       v-if="(orderState === 4 || orderState === 5) && isLogin"

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

@@ -56,7 +56,8 @@
 import CrRadioBtn from "@/components/CrRadioBtn";
 import PopupDatePicker from "@/components/PopupDatePicker";
 const DATA_CHANGE_EVENT = "input";
-
+import liDetail from "@/api/detail.huagui.shouxian";
+const { paywayOptions, sexOptions, insuredAmountOptions, termOptions, benefitOptions } = liDetail;
 export default {
   name: "CalInsuredFee",
   components: {
@@ -74,35 +75,11 @@ export default {
   data() {
     return {
       formData: {},
-      sexOptions: [
-        { label: "男", value: "0" },
-        { label: "女", value: "1" }
-      ],
-      countOptions: [
-        { label: "100万", value: "1000000" },
-        { label: "150万", value: "15000000" },
-        { label: "200万", value: "2000000" },
-        { label: "250万", value: "2500000" },
-        { label: "300万", value: "3000000" },
-        { label: "350万", value: "3500000" }
-      ],
-      termOptions: [
-        { label: "10年", value: "1" },
-        { label: "20年", value: "2" },
-        { label: "30年", value: "3" },
-        { label: "保至60周岁", value: "4" },
-        { label: "保至65周岁", value: "5" },
-        { label: "保至70周岁", value: "6" }
-      ],
-      paywayOptions: [
-        { label: "年交", value: "1" },
-        { label: "月交", value: "2" }
-      ],
-      benefitOptions: [
-        { label: "10年", value: "2" },
-        { label: "20年", value: "3" },
-        { label: "30年", value: "4" }
-      ]
+      sexOptions,
+      countOptions: insuredAmountOptions.filter((item, index) => index > 1),
+      termOptions,
+      paywayOptions,
+      benefitOptions: benefitOptions.filter((item, index) => index > 0)
     };
   },
   watch: {

src/views/Policy/Add/index.vue

@@ -367,7 +367,17 @@ import { mapState, mapActions } from "vuex";
 import Detail from "@/api/detail.huagui.shouxian";
 import { list, trail } from "@/api/product";
 import { getFamilyList } from "@/api/user";
-const { headerInfo, popupArray } = Detail;
+const {
+  headerInfo,
+  popupArray,
+  paywayOptions,
+  insuredAmountOptions,
+  termOptions,
+  benefitOptions,
+  insuredOptions,
+  idCardInvaildOptions,
+  socialSecOptions
+} = Detail;
 export default {
   name: "AddPolicy",
   mixins: [detailPayMixin],
@@ -404,49 +414,13 @@ export default {
       subFromData: {},
       familyList: [],
       formMaskData: {},
-      idCardInvaildOptions: [
-        { label: "非长期", value: "1" },
-        { label: "长期", value: "2" }
-      ],
-      socialSecOptions: [
-        { label: "有社保", value: "1" },
-        { label: "无社保", value: "0" }
-      ],
-      insuredOptions: [
-        { label: "本人", value: "0" },
-        { label: "配偶", value: "1" },
-        { label: "父母", value: "2" },
-        { label: "子女", value: "3" }
-      ],
-      termOptions: [
-        { label: "10年", value: "1" },
-        { label: "20年", value: "2" },
-        { label: "30年", value: "3" },
-        { label: "保至60周岁", value: "4" },
-        { label: "保至65周岁", value: "5" },
-        { label: "保至70周岁", value: "6" }
-      ],
-      paywayOptions: [
-        { label: "年交", value: "1" },
-        { label: "月交", value: "2" }
-      ],
-      benefitOptions: [
-        { label: "交5年", value: "1" },
-        { label: "交10年", value: "2" },
-        { label: "交20年", value: "3" },
-        { label: "交30年", value: "4" }
-        // { label: "一次付清", value: "5" }
-      ],
-      insuredAmountOptions: [
-        { label: "30万", value: "300000" },
-        { label: "50万", value: "500000" },
-        { label: "100万", value: "1000000" },
-        { label: "150万", value: "15000000" },
-        { label: "200万", value: "2000000" },
-        { label: "250万", value: "2500000" },
-        { label: "300万", value: "3000000" },
-        { label: "350万", value: "3500000" }
-      ]
+      idCardInvaildOptions,
+      socialSecOptions,
+      insuredOptions,
+      termOptions,
+      paywayOptions,
+      benefitOptions,
+      insuredAmountOptions
     };
   },
   watch: {

src/views/Policy/Detail/Types/Guarantee.vue

@@ -15,7 +15,7 @@
       :autoRenewPremium="data.autoRenewPremium"
       :policyNo="data.policyNo"
     ></insurance-card>
-    <security-content :data="data"></security-content>
+    <security-content :data="data" :detail="productInfo"></security-content>
     <insurance-service></insurance-service>
     <customer-service></customer-service>
     <insurance-recommend class="Pdb-recommend" />
@@ -30,6 +30,11 @@ import PayCost from "../modules/PayCost";
 import StatusDesc from "../modules/StatusDesc";
 import CustomerService from "../modules/CustomerService";
 
+import ciiDetail from "@/api/detail.huatai.zhongjixian";
+import liDetail from "@/api/detail.huagui.shouxian";
+import miDetail from "@/api/detail.taikang.yiliaobaozhang";
+import aiDetail from "@/api/detail.zhongan.yiwai";
+
 export default {
   name: "Guarantee",
   components: {
@@ -48,11 +53,51 @@ export default {
     }
   },
   data() {
-    return {};
+    return {
+      productInfo: {}
+    };
+  },
+  watch: {
+    data: {
+      deep: true,
+      handler() {
+        this.setProductInfoByNo();
+      }
+    }
   },
   computed: {
     showPayCost() {
       return ["2", "4"].includes(this.data?.cardConfig?.key);
+    },
+    SecurityDetail() {
+      const { type, planCellInfo: info } = this.productInfo;
+      const { amountInsured } = this.data.productItem;
+      const planCellInfo = amountInsured ? info[amountInsured] : info;
+      return { type, planCellInfo: planCellInfo };
+    }
+  },
+  methods: {
+    // TODO 需要剔除无用的详情输入
+    setProductInfoByNo() {
+      const { productNo } = this.data;
+      switch (productNo) {
+        case "TKYLX001":
+          this.productInfo = miDetail;
+          break;
+        case "HTDQZJX001":
+          this.productInfo = ciiDetail;
+          break;
+        case "BNZJX001":
+          break;
+        case "ZAYWX001":
+          this.productInfo = aiDetail;
+          break;
+        case "HGSX001":
+          this.productInfo = liDetail;
+          break;
+        default:
+          break;
+      }
     }
   }
 };

src/views/Policy/Detail/index.less

@@ -150,6 +150,7 @@
 		  height: 50px;
 		  background: #F6F7FA;
 			border-radius: 8px;
+			
 		  &:first-child {
 		  	margin-bottom: 12px;
 		  }
@@ -336,3 +337,12 @@
 	}
   }
 }
+.Pdbc-body-item {
+	&.inline span:first-child {
+		color: #999999 !important;
+	}
+	.cr-divider {
+		width: 100%;
+		margin: 11px 0;
+	}
+}
\ No newline at end of file

src/views/Policy/Detail/modules/SecurityContent.vue

@@ -2,40 +2,24 @@
   <div class="Pdb-content">
     <div class="Pdb-content-head">
       <span class="Pdbc-head-name">保障内容</span>
-      <span class="Pdbc-head-status">查看详情</span>
+      <router-link
+        tag="span"
+        :to="{ name: 'GoodsPlan', query: { type: detail.type } }"
+        class="Pdbc-head-status"
+      >
+        查看详情
+      </router-link>
     </div>
     <div class="Pdb-content-body">
-      <div class="Pdbc-body-item">
-        <span>100种重大疾病医疗保险金（0免赔额）</span>
-        <span>600万</span>
-      </div>
-      <div class="Pdbc-body-item">
-        <span>一般医疗保险金（1万免赔额）</span>
-        <span>300万</span>
-      </div>
-      <div class="Pdbc-body-item">
-        <span>质子重离子医疗保险金（60%赔付）</span>
-        <span>600万</span>
-      </div>
-      <div class="Pdbc-body-item">
-        <span>意外身故</span>
-        <span>1万</span>
-      </div>
-      <div class="Pdbc-body-item">
-        <span>意外伤残</span>
-        <span>1万</span>
-      </div>
-      <div class="Pdbc-body-item">
-        <span>意外住院津贴</span>
-        <span>100元/天</span>
-      </div>
-      <div class="Pdbc-body-item">
-        <span>生效日期</span>
-        <span>{{ EffectiveDate }}</span>
-      </div>
-      <div class="Pdbc-body-item">
-        <span>终止日期</span>
-        <span>{{ EndDate }}</span>
+      <div
+        class="Pdbc-body-item"
+        v-for="(item, index) in content"
+        :key="index"
+        :class="{ inline: item.inline }"
+      >
+        <span>{{ item.title }}</span>
+        <span>{{ item.value }}</span>
+        <cr-divider v-if="item.divider" />
       </div>
     </div>
     <div class="Pdb-content-operation">
@@ -59,7 +43,6 @@
 </template>
 <script>
 import { parseTime } from "@/service/utils";
-
 export default {
   name: "SecurityContent",
   props: {
@@ -68,6 +51,12 @@ export default {
       default() {
         return {};
       }
+    },
+    detail: {
+      type: Object,
+      default() {
+        return {};
+      }
     }
   },
   data() {
@@ -79,6 +68,16 @@ export default {
     },
     EndDate() {
       return parseTime(this.data.policyEndDate, "{y}-{m}-{d}");
+    },
+    content() {
+      const planCellInfo = this.detail.planCellInfo
+        ? JSON.parse(JSON.stringify(this.detail.planCellInfo))
+        : [];
+      planCellInfo.push(
+        { title: "生效日期", value: this.EffectiveDate },
+        { title: "终止日期", value: this.EndDate }
+      );
+      return planCellInfo;
     }
   },
   methods: {