众安调整完成

src/api/detail.taikang.yiliaobaozhang.js

@@ -4,7 +4,7 @@
  * @Description: 泰康600万医疗保障
  * @Date: 2020-07-27 15:46:37
  * @LastEditors: gzw
- * @LastEditTime: 2020-07-28 14:57:18
+ * @LastEditTime: 2020-08-03 11:10:09
  */
 
 import goodsBg from "@/assets/images/goods/detail/yiliaoxian/bg.png";
@@ -18,15 +18,15 @@ export default {
     bgSrc: goodsBg,
     type: "taikang",
     company: "泰康在线",
-    title: "600万医疗保障",
-    sub: "优势介绍|优势介绍|优势介绍|优势介绍",
-    price: "首月<strong>1</strong>元<small>次月5.6元/月起</small>",
+    title: "1000万医疗保障",
+    sub: "责任内100%报销住院医疗费",
+    price: "首月<strong>1</strong>元<small>次月3.6元/月起</small>",
     insuredNum: 0,
     stamp: true
   },
   introImg: [intro01, intro02, intro03, intro04],
   companyInfo: [
-    { content: "承保公司：华泰财产保险有限公司", offset: false },
+    { content: "承保公司：泰康财产保险有限公司", offset: false },
     { content: "经营范围：短期健康保险和意外伤害保险", offset: false },
     { content: "备案名称：华泰财险重大疾病保险条款", offset: false },
     { content: "备案编号：C00015431912018061501152；", offset: false }
@@ -49,14 +49,20 @@ export default {
     }
   ],
   planCellInfo: [
-    { title: "100种重大疾病医疗保险金（0免赔额）", value: "600万" },
-    { title: "一般医疗保险金（1万免赔额）", value: "300万" },
-    { title: "质子重离子医疗保险金（60%赔付）", value: "600万" },
-    { title: "意外身故", value: "1万" },
-    { title: "意外伤残", value: "1万" },
-    { title: "意外住院津贴", value: "100元/天" }
-  ],
-  planTipOptions: ["垫付医药费", "责任内100%报销", "不限社保"],
+    { title: "以下4项保险金，汇总后的年度累计赔付限额600万元", value: "", inline: true },
+    { title: "重大疾病医疗保险金", value: "600万" },
+    { title: "一般医疗保险金", value: "300万" },
+    { title: "质子重离子医疗保险金", value: "600万" },
+    { title: "恶性肿瘤院外特定药品费用保险金", value: "600万" },
+    { title: "", value: "", divider: true },
+    { title: "发生以下治疗费用，获额外400万年度累计限额的赔付", value: "", inline: true },
+    { title: "恶性肿瘤特定治疗保险金/康复医疗保险金", value: "400万" },
+    { title: "", value: "", divider: true },
+    { title: "发生以下指定费用，赔付不超过对应限额", value: "", inline: true },
+    { title: "指定检查费用保险金", value: "5000元" },
+    { title: "特定疾病保险金", value: "5000元" }
+  ],
+  planTipOptions: ["不限社保", "报销自费药", "额外400万特定赔付"],
   insuredOptions: [
     { label: "本人", value: "1" },
     { label: "配偶", value: "2" },
@@ -80,14 +86,14 @@ export default {
     { title: "次月保费", value: "5.6元/月起（共11期）" }
   ],
   noticeCellInfo: [
-    { title: "投保年龄", value: `30~50周岁` },
+    { title: "投保年龄", value: `30~65周岁` },
     { title: "保障期限", value: "1年（可续保至99周岁）" },
-    { title: "等待期", value: "90天" },
+    { title: "等待期", value: "30天" },
     {
       title: "保费",
       value: {
         needSlot: true,
-        tpl: "保费与保额、被保人年龄有关<br />首月3元，次月5.6元/月起",
+        tpl: "保费于被保人年龄、有无社保有关<br />首月1元，次月3.6元/月起",
         longTxt: true
       }
     }

src/api/detail.zhongan.yiliaobaozhang.js

@@ -4,36 +4,37 @@
  * @Description:众安50万意外险
  * @Date: 2020-07-27 15:46:37
  * @LastEditors: gzw
- * @LastEditTime: 2020-07-27 20:32:46
+ * @LastEditTime: 2020-08-03 12:09:59
  */
 
 import goodsBg from "@/assets/images/goods/detail/yiwaixian/bg.png";
-import intro01 from "@/assets/images/goods/detail/zhongjixian/intro-01.png";
-import intro02 from "@/assets/images/goods/detail/zhongjixian/intro-02.png";
-import intro03 from "@/assets/images/goods/detail/zhongjixian/intro-03.png";
-import intro04 from "@/assets/images/goods/detail/zhongjixian/intro-04.png";
+import intro01 from "@/assets/images/goods/detail/yiwaixian/intro-01.png";
+import intro02 from "@/assets/images/goods/detail/yiwaixian/intro-02.png";
+import intro03 from "@/assets/images/goods/detail/yiwaixian/intro-03.png";
+import intro04 from "@/assets/images/goods/detail/yiwaixian/intro-04.png";
 
 export default {
   headerInfo: {
     bgSrc: goodsBg,
     type: "zhongan",
     company: "众安保险",
-    title: "50万意外保障",
-    sub: "优势介绍|优势介绍|优势介绍|优势介绍",
-    price: "<strong>350</strong>元/年",
+    title: "100万意外保障",
+    sub: "最高可赔400万 包含猝死责任",
+    price: "<strong>53</strong>元/年起",
     insuredNum: 0,
     stamp: true
   },
   introImg: [intro01, intro02, intro03, intro04],
   companyInfo: [
-    { content: "承保公司：华泰财产保险有限公司", offset: false },
-    { content: "经营范围：短期健康保险和意外伤害保险", offset: false },
-    { content: "备案名称：华泰财险重大疾病保险条款", offset: false },
-    { content: "华泰财险附加重大疾病轻症综合保险条款；", offset: true },
-    { content: "华泰财险附加保险费分期支付条款", offset: true },
-    { content: "备案编号：C00015431912018061501152；", offset: false },
-    { content: "C00015432622017111500872；", offset: true },
-    { content: "C00015431922018061503991", offset: true }
+    { content: "承保公司：众安在线财产保险股份有限公司", offset: false },
+    { content: "备案名称：众安在线财产保险股份有限公司个人意外伤害保险条款(2019 版) ", offset: false },
+    { content: "众安在线财产保险股份有限公司附加急性疾病猝死保险条款", offset: true },
+    { content: "众安在线财产保险股份有限公司附加意外伤害医疗费用保险条款（C款）", offset: true },
+    { content: "众安在线财产保险股份有限公司营运交通工具乘客意外伤害保险条款(2018版)", offset: true },
+    { content: "备案名称：(众安在线)(备-普通意外保险)【2019】(主)018号", offset: false },
+    { content: " (众安在线)(备-疾病保险)【2017】(附)006号", offset: true },
+    { content: "  (众安在线)(备-普通意外保险)【2016】(附)037号", offset: true },
+    { content: " (众安在线)(备-普通意外保险)【2019】(主)010号", offset: true }
   ],
   navBarOptions: [
     { label: "我要投保", value: "insure" },
@@ -53,35 +54,48 @@ export default {
     }
   ],
   planCellInfo: {
+    "10": [
+      { title: "意外身故", value: "100万" },
+      { title: "意外伤残", value: "100万" },
+      { title: "意外医疗", value: "10万" },
+      { title: "猝死", value: "20万" },
+      { title: "", value: "", divider: true },
+      { title: "以下原因导致的身故或伤残，获额外保额赔付", value: "", inline: true },
+      { title: "航空意外", value: "300万" },
+      { title: "营运汽车意外", value: "100万" },
+      { title: "火车意外", value: "100万" },
+      { title: "轮船意外", value: "100万" }
+    ],
     "5": [
       { title: "意外身故", value: "50万" },
       { title: "意外伤残", value: "50万" },
-      { title: "猝死", value: "10万" },
       { title: "意外医疗", value: "5万" },
-      { title: "意外骨折", value: "1万" },
-      { title: "意外住院津贴", value: "200元/天" },
-      { title: "意外伤害救火车费用", value: "500元" },
+      { title: "猝死", value: "10万" },
       { title: "", value: "", divider: true },
       { title: "以下原因导致的身故或伤残，获额外保额赔付", value: "", inline: true },
-      { title: "乘坐客运民航飞机", value: "    300万" },
-      { title: "乘坐客运机动车（含出租车、网约车）", value: "50万" },
-      { title: "乘坐他人驾驶非营运机动车（含私家车）", value: "50万" },
-      { title: "乘坐客运轮船", value: "80万" },
-      { title: "乘坐客运轨道交通车辆", value: "80万" },
-      { title: "公共场所个人责任", value: "10万" },
-      { title: "新冠肺炎", value: "20万" }
+      { title: "航空意外", value: "200万" },
+      { title: "营运汽车意外", value: "50万" },
+      { title: "火车意外", value: "50万" },
+      { title: "轮船意外", value: "50万" }
     ],
-    "2": [
-      { title: "100种重大疾病医疗保险金", value: "20万" },
-      { title: "40种轻症保险金", value: "4万" },
-      { title: "投保年龄", value: "30天~60周岁" },
-      { title: "保险期限", value: "1年" }
+    "1": [
+      { title: "意外身故", value: "10万" },
+      { title: "意外伤残", value: "10万" },
+      { title: "意外医疗", value: "5000" },
+      { title: "猝死", value: "2万" },
+      { title: "", value: "", divider: true },
+      { title: "以下原因导致的身故或伤残，获额外保额赔付", value: "", inline: true },
+      { title: "航空意外", value: "100万" },
+      { title: "营运汽车意外", value: "10万" },
+      { title: "火车意外", value: "10万" },
+      { title: "轮船意外", value: "10万" }
     ]
   },
-  planTipOptions: ["垫付医药费", "责任内100%报销", "不限社保"],
+  planTipOptions: ["10天内全额退保", "在线理赔", "最高可赔400万"],
   planOptions: [
+    { label: "100万", value: "10" },
     { label: "50万", value: "5" },
-    { label: "20万", value: "2" }
+    { label: "10万", value: "1" }
   ],
   insuredOptions: [
     { label: "本人", value: "1" },
@@ -101,33 +115,27 @@ export default {
     { title: "次月保费", value: "5.6元/月起（共11期）" }
   ],
   noticeCellInfo: {
+    "10": [
+      { title: "投保年龄", value: `18周岁~65周岁` },
+      { title: "保障期限", value: "1年" },
+      { title: "保费", value: "53元/年起" }
+    ],
     "5": [
-      { title: "投保年龄", value: `30~50周岁` },
-      { title: "保障期限", value: "1年（可续保至99周岁）" },
-      { title: "等待期", value: "90天" },
-      {
-        title: "保费",
-        value: {
-          needSlot: true,
-          tpl: "保费与保额、被保人年龄有关<br />首月3元，次月5.6元/月起",
-          longTxt: true
-        }
-      }
+      { title: "投保年龄", value: `18周岁~65周岁` },
+      { title: "保障期限", value: "1年" },
+      { title: "保费", value: "53元/年起" }
+    ],
+    "1": [
+      { title: "投保年龄", value: `18周岁~65周岁` },
+      { title: "保障期限", value: "1年" },
+      { title: "保费", value: "53元/年起" }
     ],
-    "2": [
-      { title: "投保年龄", value: `30~60周岁` },
-      { title: "保障期限", value: "1年（可续保至99周岁）" },
-      { title: "等待期", value: "90天" },
-      {
-        title: "保费",
-        value: {
-          needSlot: true,
-          tpl: "保费与保额、被保人年龄有关<br />首月3元，次月5.6元/月起",
-          longTxt: true
-        }
-      }
-    ]
   },
+  protocolData: [
+    { title: "保险条款", id: 0 },
+    { title: "投保须知与声明", id: 2 },
+    { title: "服务协议", id: 3 }
+  ],
   popupArray: [
     {
       title: "保险条款",
@@ -154,72 +162,140 @@ export default {
     }
   ],
   caseInfo: {
-    name: "吴先生",
-    info: "46岁 北京 有社保",
+    name: "刘先生",
+    info: "35岁 上海",
     list: [
       {
         title: "投保",
-        event: "2018年6月29日，吴先生为自己投保了一份万家保·重疾轻症险，保额20万，并续保。"
+        event: "2020年7月，刘先生在芒果保险上购买了一份万家保·综合意外险50万版。"
       },
       {
-        title: "投保",
-        event: "2019年9月16日，吴先生意外烫伤双下肢皮肤，达到浅Ⅲ°烧伤，烧伤面积达20"
+        title: "出险",
+        event: "2020年8月，刘先生出差乘坐网约车去机场的路上，在高速上与大货车发生追尾事故。经诊断，刘先生肋骨多处骨折，身体多处挫伤。"
       },
       {
-        title: "轻症理赔",
-        event: "2019年9月17日，吴先生后向我司报案，经核实符合该保险中轻症“特定面积Ⅲ度烧伤”的诊断赔付标准，给予4万保险金赔付。"
+        title: "报案",
+        event: "2020年8月14日，刘先生出院后向保险公司发起报案，并于8月30日提交完整理赔材料至保险公司。"
       },
       {
-        title: "重疾理赔",
-        event: "2020年1月3日，吴先生突发胸痛咯血，后诊断为右肺非小细胞性肺癌，经我司核实后确认为保险责任，一次性给予20万元的重大疾病保险金。"
+        title: "理赔",
+        event: `
+              <p>本次事故花费医疗费4.4万元，其中医保报销1.6万，社保外费用0.8万，意外医疗可赔付 医保内100%报销：</p>
+              <p>医保内100%报销：</p>
+              <p>(44000-16000-8000-200)*100% </p>
+              <p>医保外80%报销：(8000-200)*80%</p>
+              <p style="font-weight: bold;color: #333;margin-bottom: 15px;">意外医疗赔付合计：26040元</p>
+              <p>另外刘先生乘网约车发生意外导致4根肋骨骨折，构成10级伤残，意外伤残可赔付</p>
+              <p>10级伤残：50万*10%=5万</p>
+              <p>乘坐营运交通工具：额外赔付5万</p>
+              <p style="font-weight: bold;color: #333;margin-bottom: 15px;">意外伤残赔付合计：10万元</p>
+              <p style="font-weight: bold;color: #333;">刘先生累计获得赔付总额：126040元</p>
+          `
       }
     ]
   },
   qaInfo: [
     {
-      q: "这个产品的等待期是多久？",
-      a: "本产品的等待期为90天,意外及续保无等待期。"
+      q: "万家保·综合意外险产品投保的职业要求？",
+      a: `<p>本保险可承保被保险人从事1-3类职业，暂不接受4类及以上职业投保本产品。职业分类以众安职业分类表为准（须告知职业分类表的展示位置）。</p>
+      <p>温馨提醒：因职业类别问题误投或错投本产品的，保险公司不承接赔付责任，并全额退保本产品。</p>`
+    },
+    {
+      q: "万家保·综合意外险产品的生效时间是？",
+      a: "投保成功并缴纳保费后的第7日零时。"
+    },
+    {
+      q: "万家保·综合意外险产品有犹豫期吗？",
+      a: "犹豫期10天。在保单生效前及生效后10天内申请退保，并提供完整资料，则可获得全额保费退还。"
     },
     {
-      q: "如果同时购买了其他重疾险，可以赔付2次吗？",
-      a: "本保险产品为一次性给付型产品，如果您购买的重疾险为一次性给付型或报销型产品，可以和本保险同时申请理赔，获得两份赔偿。如果出险，请拨打华泰财险24小时客服电话4006095509。"
+      q: "万家保·综合意外险产品受益人是谁?",
+      a: "本保险全同的身故受益人为法定，其他保险责任的受益人为被保险人本人。"
     },
     {
-      q: "这款产品提供了哪些保障？",
-      a: "本产品对人一生中可能罹患的99%以上的100种重大疾病提供保障，同时还有40种轻症保障也包含在内。在保险期间内，被保险人因意外伤害或在等待期后因疾病初次确诊罹患本产品定义的重大疾病或轻症的，即可获得一笔保险补偿。"
+      q: "万家保·综合意外险产品缴费方式有哪些？",
+      a: "一次性付清，您可通过微信支付、****（明确可支持的支付方式）进行支付。"
     },
     {
-      q: "被保险人有哪些限制？",
-      a: "可以为出生满30天-60周岁（含）身体健康，且符合健康告知提及状况的本人、配偶、子女或父母投保。"
+      q: "万家保·综合意外险产品投保人和被保险人有年龄要求吗？",
+      a: `<p>投保人为年满18周岁有完全民事行为能力，且对被保险人具可保利益的自然人；</p>
+      <p>被保险人为18-65周岁具有完全民事行为能力，生活自理能力身体健康的自然人。投被保险人关系：本人、子女、配偶、父母均可以。</p>`
     },
     {
-      q: "理赔后是否可以续保？需要重新完成健康告知吗？",
-      a: "无理赔或者已理赔过轻症的第二年可以续保；已理赔过重症的第二年不可以续保；续保无需重新填写健康告知。"
+      q: "万家保·综合意外险产品的保障范围是什么？",
+      a: `被保险人在保障期间的意外伤害身故、残疾，意外医疗费用，乘坐营运交通工具（飞机、火车、轮船、营运汽车）期间发生的意外身故、残疾，猝死。`
     },
     {
-      q: "如何在华泰官网进行保单验真？",
-      a: "请登录投保成功短信中提示的华泰官网查询网http://agt.ehuatai.com/nonautoquery/。填写登录信息时，类别选择“家庭财产、意外伤害保险”，保单号在投保成功的短信中，密码填写被保险人身份证号，即可登录查询保单承保信息。"
+      q: "万家保·综合意外险产品的保障额度有多少？",
+      a: `保额可选择三档，主险意外伤害保险金分为：10万版/50万版/100万版。`
+    },
+    {
+      q: "万家保·综合意外险产品的保障期间是多久？",
+      a: `保障期间为1年。`
+    },
+    {
+      q: "万家保·综合意外险产品如何退保？",
+      a: `如需退保，可在支付宝搜索“众安保险服务”，关注“众安保险服务”小程序，自助申请退保。如需办理其他批改，请拨打客服电话1010-9955，根据客服指引，提交材料办理。`
+    },
+    {
+      q: "万家保·综合意外险产品的免赔额是多少？",
+      a: `本保险意外伤害医疗费用责任是指国家卫生部医院等级分类中的二级及二级以上公立医院实际发生的必需且合理的医疗费用，社保内费用每次扣除免赔200元后按100%赔付，社保外费用每次扣除免赔200元后按80%赔付，北京市平谷区、密云县和怀柔区的任何医疗机构、四川省宜宾市的所有医疗机构、四川省雅安市雨城区人民医院、四川省雅安市第二人民医院与山东省栖霞市的所有医疗机构除外。`
+    },
+    {
+      q: "如何获得万家保·综合意外险产品的保单和发票？",
+      a: `可登陆众安保险官网（www.zhongan.com）申请电子保单和电子发票，电子发票效力同纸质发票。`
+    },
+    {
+      q: "理赔需要哪些材料？",
+      a: `
+      <p>一、身故理赔需提供：</p>
+      <p>1.理赔申请书（身故、伤残）；</p>
+      <p>2.保险金受益人确认表</p>
+      <p>3.保险金领款授权书及受托人声明</p>
+      <p>4.所有受益人身份证明；</p>
+      <p>5.户籍注销证明；</p>
+      <p>6.医学死亡证明（推断）书</p>
+      <p>7.火化/土葬证明；</p>
+      <p>8.意外事故证明（例：交通事故认定书）；</p>
+      <p>9.受托人银行卡。</p>
+      <p>二、残疾理赔需提供：</p>
+      <p>1.理赔申请书（身故、伤残）；</p>
+      <p>2.被保险人身份证明；</p>
+      <p>3.门诊住院病历；</p>
+      <p>4.诊断证明书；</p>
+      <p>5.影像检查报告；</p>
+      <p>6.伤残鉴定报告；</p>
+      <p>7.意外事故证明（例：交通事故认定书）；</p>
+      <p>8.被保险人银行卡。</p>
+      <p>三、医疗理赔需提供：</p>
+      <p>1.理赔申请书（医疗、津贴）；</p>
+      <p>2.被保险人身份证明；</p>
+      <p>3.门诊住院病历；</p>
+      <p>4.诊断证明书；</p>
+      <p>5.影像检查报告；</p>
+      <p>6.发票原件/医保结算单原件；（救护车费用需提供发票）</p>
+      <p>7.费用清单（门诊）/住院费用清单（住院）；</p>
+      <p>8.意外事故证明（例：交通事故认定书）；</p>
+      <p>9.被保险人银行卡。</p>
+        `
     }
   ],
   processDetail: [
     {
-      title: "电话报案",
-      desc: "请拨打华泰财险400-609-5509进行报案。华泰财险会有理赔专员1对1指导理赔事宜。 "
+      title: "报案",
+      desc: "发生事故后24小时内拨打众安保险客服热线10109955电话报案，客服人员将告知理赔所需材料及相关事宜。"
     },
     {
-      title: "准备材料",
-      desc: `1、索赔申请书；<br />
-      2、保险单或保险凭证复印件；（电子保单，不需要纸质）;<br />
-      3、被保险人身份证正反面复印件；<br />
-      4、有关部门出具的事故经过说明，如涉及交通事故，需提供交通事故责任认定书、被保险人驾驶证正副页复印件、机动车行驶证正副页复印件；涉及安全生产事故的，提供安全监管部门出具的调查报告；涉及特种作业的，提供被保险人特种作业操作证；<br />
-      5、医疗发票、医疗明细清单、门急诊病历、住院病历、病历检查报告等原件（若社保先报销则提供医疗费用分割单）；<br />
-      6、其他与确认保险事故性质、原因、损失程度等有关的证明或材料。<br />
-      `
+      title: "申请",
+      desc: `根据客服指引准备理赔资料，理赔材料齐全后快递至众安保险。`
+    },
+    {
+      title: "审核",
+      desc: `收到材料后，众安保险将进行及时审核和调查。`
     },
     {
-      title: "理赔付款",
-      desc: `1、转账方式直接支付给被保险人；<br />
-      2、若被保险人身故的，则转账支付给指定受益人或法定受益人。`
+      title: "结案",
+      desc: `根据审核结果进行理赔并将理赔款支付至被保险人或受益人的指定账户。`
     }
   ],
   rateInfo: [

src/components/CompactCellGroup.vue

@@ -138,7 +138,7 @@ export default {
     @{deep} .cr-cell__title {
       color: @gray-4 !important;
       font-size: @font-size-12 !important;
-      margin-bottom: 10px;
+      // margin-bottom: 10px;
     }
   }
 }

src/views/Goods/Detail/AIDetail.vue

@@ -18,6 +18,7 @@
         <protocol-read
           v-model="formData.pact"
           :cell-data="noticeCellData"
+          :protocol-data="protocolData"
           @cell-click="openIframePupop"
         />
       </div>

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

@@ -13,7 +13,7 @@
         <div class="cps-demo-list">
           <div class="cps-demo-list-item" v-for="(item, index) in props.caseData.list" :key="index">
             <div class="cps-demo-list-item-title">{{ item.title }}</div>
-            <div class="cps-demo-list-item-content">{{ item.event }}</div>
+            <div class="cps-demo-list-item-content" v-html="item.event"></div>
           </div>
         </div>
       </div>

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

@@ -4,7 +4,10 @@
     <p
       v-for="(item, index) in props.companyInfo"
       :key="index"
-      :class="{ 'det-footer-offset': item.offset }"
+      :class="{
+        'det-footer-offset': item.offset,
+        'det-footer-indent': !item.offset
+      }"
     >
       {{ item.content }}
     </p>
@@ -38,6 +41,10 @@ export default {
   &-offset {
     padding-left: 60px;
   }
+  &-indent {
+    padding-left: 60px;
+    text-indent: -60px;
+  }
   &-logo {
     text-align: center;
     margin-bottom: 19px;

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

@@ -152,6 +152,9 @@ export default {
     overflow: initial;
     align-items: baseline !important;
     margin-bottom: 0 !important;
+    .radio-btn {
+      margin-bottom: 0;
+    }
     @{deep} .cr-cell {
       &__title {
         width: 31%;

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

@@ -12,13 +12,14 @@
           </template>
         </cr-field>
         <div class="insure-form-pact-link">
-          <a href="javascript:;" @click="openIframe(0)">保险条款</a>
-          <i></i>
-          <a href="javascript:;" @click="openIframe(1)">健康告知</a>
-          <i></i>
-          <a href="javascript:;" @click="openIframe(2)">投保须知与声明</a>
-          <i></i>
-          <a href="javascript:;" @click="openIframe(3)">服务协议</a>
+          <a
+            href="javascript:;"
+            @click="openIframe(item.id)"
+            v-for="(item, index) in protocolData"
+            :key="index"
+          >
+            {{ item.title }}
+          </a>
         </div>
       </div>
     </template>
@@ -49,6 +50,17 @@ export default {
         return ["查看完整费率表"];
       }
     },
+    protocolData: {
+      type: Array,
+      default() {
+        return [
+          { title: "保险条款", id: 0 },
+          { title: "健康告知", id: 1 },
+          { title: "投保须知与声明", id: 2 },
+          { title: "服务协议", id: 3 }
+        ];
+      }
+    },
     value: null,
     cellData: {
       type: Array,
@@ -109,12 +121,18 @@ export default {
       align-items: center;
       a {
         font-size: @font-size-11;
-      }
-      i {
+        &::after {
+          display: inline-block;
+          content: " ";
           width: 0;
           height: 12px;
           border-right: 1px @blue solid;
-        margin: 0 3px;
+          margin: 0 3px 0 1px;
+          vertical-align: -2px;
+        }
+        &:last-child::after {
+          display: none;
+        }
       }
     }
   }

src/views/Policy/Add/index.less

@@ -82,7 +82,7 @@
   color: @black;
 }
 
-.pay&-protocol {
+.pay-protocol {
   margin-bottom: 8px;
   &-tip {
     font-size: @font-size-12;