Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
0977627b by simon
Options

默认提交

1 parent 938dc91c
Inline Side-by-side
Showing 8 changed files with 599 additions and 337 deletions
......@@ -6,7 +6,7 @@ node_modules
.DS_Store
sync.sh
git.sh
# /sandbox
/sandbox
# local env files
.env.local
......
......@@ -477,7 +477,9 @@ textarea {
max-width: 100% !important;
}
}
}
@media (max-width: 768px) {
#app {
.header {
position: fixed;
......@@ -487,9 +489,7 @@ textarea {
padding-top: $navHeight-M;
}
}
}
@media (max-width: 768px) {
$fontSizeTitle: $fontSizeTitle-M;
$fontSize: $fontSize-M;
$fontSizeSmall: $fontSizeSmall-M;
......
......@@ -978,6 +978,56 @@ module.exports = {
t12: "每年保障限额",
t13: "每保单年度420,000港元",
},
guarantee2: {
title:"Benefit Schedule",
titK:"Benefit items",
titV:"Benefit limit (in HKD)",
ak: "Room and board",
av: "750<br>per dayMaximum 180 days per Policy Year",
bk: "Miscellaneous charges",
bv: "14,000<br>per policy year",
ck: "Attending doctor's visit fee",
cv: "750<br>per dayMaximum 180 days per Policy Year",
dk: "Specialist's fee",
dv: "4,300<br>per policy year",
ek: "Intensive care",
ev: "3,500<br>per dayMaximum 25 days per Policy Year",
fk: "Surgeon's fee<br>(Per surgery)<br>subject to surgical category for the surgery/procedure in the Schedule of Surgical Procedures",
fv1: "Complex 50,000",
fv2: "Major 25,000",
fv3: "Intermediate 12,500",
fv4: "Minor 5,000",
gk: "Anesthetist’s fee",
gv: "35% of Surgeon’s fee payable",
hk: "Operating theatre charges",
hv: "35% of Surgeon’s fee payable",
ik: "Prescribed Diagnostic Imaging Tests",
iv: "20,000<br>per Policy YearSubject to 30% Coinsurance",
jk: "Prescribed Non-surgical Cancer Treatments",
jv: "80,000 per policy year",
kk: "re- and post-Confinement/Day Case Procedure outpatient care",
kv11: "580<br>per visit",
kv12: "3,000<br>per policy year",
kv2: "1 prior outpatient visit or Emergency consultation per Confinement/Day Case Procedure",
kv3: "3 follow-up outpatient visits per Confinement/Day Case Procedure (within 90 days after discharge from Hospital or completion of Day Case Procedure)",
lk: " Psychiatric treatments",
lv: "30,000<br>per Policy Year",
},
guarantee3: {
title: "Other limits",
k1: "Annual Benefit Limit for benefit items (a) – (l)",
v1: "420,000 per Policy Year",
k2: "Lifetime Benefit Limit for benefit items (a) – (l)",
v2: "Nil",
},
guarantee4: {
title: "Other Benefits",
k1: "Compassionate Death Benefit",
v1: "10,000",
k2: "No Claims Discount",
v2: "If no claims had been made in the last three (3) consecutive policy years, the premium payable for the subsequent policy year shall be reduced by a No Claims Discount. The No Claims Discount shall be equivalent to 10% of the total due and payable premium in the immediately preceding Policy Year (before any discount).",
},
download: {
t1: "下载产品简介",
t2: "下载标准保费表",
......
......@@ -30,128 +30,128 @@ module.exports = {
name: "登入",
path: "/login",
list: [{
name: "註冊",
path: "/register",
type: "noAuth",
value: ""
}, {
name: "登入",
path: "",
type: "noAuth",
value: "login"
},
// {
// name: "修改密碼",
// path: "/password/reset",
// type: "auth",
// value: ""
// },
// {
// name: "個人信息",
// path: "/infomation/improve",
// type: "auth",
// value: ""
// },
{
name: "登出",
path: "",
type: "auth",
value: "logout"
}
]
},
navList: [{
name: "產品介紹",
path: "/product/introduction",
list: [{
name: "自願醫保計劃",
path: "/vhis/detail"
},
{
name: "投資成份保險",
path: "/vhis?p=endowment"
}
]
},
{
name: "客戶服務",
path: "/custom/product",
list: [
name: "註冊",
path: "/register",
type: "noAuth",
value: ""
}, {
name: "登入",
path: "",
type: "noAuth",
value: "login"
},
// {
// name: "客戶服務導航",
// path: "/custom/product"
// name: "修改密碼",
// path: "/password/reset",
// type: "auth",
// value: ""
// },
// {
// name: "個人信息",
// path: "/infomation/improve",
// type: "auth",
// value: ""
// },
{
name: "聯絡我們",
path: "/custom/service?q=m1"
},
{
name: "繳付保費",
path: "/custom/service?q=m2"
},
{
name: "保單查詢",
path: "/custom/service?q=m3"
},
{
name: "保單變更",
path: "/custom/service?q=m41"
},
{
name: "理賠申請",
path: "/custom/service?q=m5"
},
{
name: "預約服務",
path: "/custom/service?q=m6"
},
{
name: "投訴受理",
path: "/custom/service?q=m7"
},
{
name: "常用表格",
path: "/custom/service?q=m8"
},
name: "登出",
path: "",
type: "auth",
value: "logout"
}
]
},
{
name: "關於我們",
path: "/profile",
list: [{
name: "有關平安人壽香港",
path: "/profile"
navList: [{
name: "產品介紹",
path: "/product/introduction",
list: [{
name: "自願醫保計劃",
path: "/vhis/detail"
},
{
name: "投資成份保險",
path: "/vhis?p=endowment"
}
]
},
{
name: "公司活動",
path: "/company/events"
}, {
name: "新聞中心",
path: "/news/list"
name: "客戶服務",
path: "/custom/product",
list: [
// {
// name: "客戶服務導航",
// path: "/custom/product"
// },
{
name: "聯絡我們",
path: "/custom/service?q=m1"
},
{
name: "繳付保費",
path: "/custom/service?q=m2"
},
{
name: "保單查詢",
path: "/custom/service?q=m3"
},
{
name: "保單變更",
path: "/custom/service?q=m41"
},
{
name: "理賠申請",
path: "/custom/service?q=m5"
},
{
name: "預約服務",
path: "/custom/service?q=m6"
},
{
name: "投訴受理",
path: "/custom/service?q=m7"
},
{
name: "常用表格",
path: "/custom/service?q=m8"
},
]
},
{
name: "企業社會責任",
path: "/responsibility"
name: "關於我們",
path: "/profile",
list: [{
name: "有關平安人壽香港",
path: "/profile"
},
{
name: "公司活動",
path: "/company/events"
}, {
name: "新聞中心",
path: "/news/list"
},
{
name: "企業社會責任",
path: "/responsibility"
},
{
name: "獎項殊榮",
path: "/awards"
}
]
},
{
name: "獎項殊榮",
path: "/awards"
name: "加入我們",
path: "/join/us",
list: [{
name: "企業文化",
path: "/corporate/culture"
},
{
name: "事業發展機會",
path: "/career/opportunities"
},
]
}
]
},
{
name: "加入我們",
path: "/join/us",
list: [{
name: "企業文化",
path: "/corporate/culture"
},
{
name: "事業發展機會",
path: "/career/opportunities"
},
]
}
]
},
footer: {
......@@ -429,13 +429,13 @@ module.exports = {
contactPlaceholder: "香港號碼/內地號碼",
reservationType: "預約類型",
reservationCandidates: [{
name: "投保諮詢",
value: "投保諮詢"
},
{
name: "代辦保單變更",
value: "代办保单变更"
}
name: "投保諮詢",
value: "投保諮詢"
},
{
name: "代辦保單變更",
value: "代办保单变更"
}
],
reservationRemark: "預約說明",
reservationRemarkPlaceholder: "請簡單說明您想要咨詢的產品或業務",
......@@ -485,71 +485,71 @@ module.exports = {
head4: "附件",
download: "下載文檔",
form: [{
type: "繳費類",
list: [{
name: "「電子入賬服務」及銀行戶口<br>直接付款授權申請",
desc: "申請設立「 電子入賬服務」 及銀行戶口<br>直接付款授權時須提供",
download: "./doc/「電子入賬服務」及銀行戶口直接付款授權申請.pdf",
},
{
name: "信用卡戶口直接付款授權書",
desc: "申請信用卡戶口直接付款授權時須提供",
download: "./doc/信用卡戶口直接付款授權書.pdf",
}
]
},
{
type: "保單變更類",
list: [{
name: "保險合同解除申請書",
desc: "退保、冷靜期退保業務適用",
download: "./doc/保險合同解除申請書.pdf",
},
{
name: "保險合同變更申請書（ 保單貸款還款類）",
desc: "保單貸款、還款業務適用",
download: "./doc/保險合同變更申請書（ 保單貸款還款類）.pdf",
},
{
name: "保險合同變更申請書（ 保險合同計劃變更類）",
desc: "加保、減保、新增附險、復效等業務適用",
download: "./doc/保險合同變更申請書（ 保險合同計劃變更類）.pdf",
},
{
name: "保險合同變更申請書（ 客戶信息變更類）",
desc: "基本資訊變更業務適用",
download: "./doc/保險合同變更申請書（ 客戶權益變更類）.pdf",
},
{
name: "保險合同變更申請書（ 客戶權益變更類）",
desc: "交費方式、自墊選擇權變更、補發等業務適用",
download: "./doc/保險合同變更申請書（ 客戶信息變更類）.pdf",
type: "繳費類",
list: [{
name: "「電子入賬服務」及銀行戶口<br>直接付款授權申請",
desc: "申請設立「 電子入賬服務」 及銀行戶口<br>直接付款授權時須提供",
download: "./doc/「電子入賬服務」及銀行戶口直接付款授權申請.pdf",
},
{
name: "信用卡戶口直接付款授權書",
desc: "申請信用卡戶口直接付款授權時須提供",
download: "./doc/信用卡戶口直接付款授權書.pdf",
}
]
},
{
name: "授權委托書",
desc: "委托他人代辦時須提供",
download: "./doc/授權委托書.pdf",
type: "保單變更類",
list: [{
name: "保險合同解除申請書",
desc: "退保、冷靜期退保業務適用",
download: "./doc/保險合同解除申請書.pdf",
},
{
name: "保險合同變更申請書（ 保單貸款還款類）",
desc: "保單貸款、還款業務適用",
download: "./doc/保險合同變更申請書（ 保單貸款還款類）.pdf",
},
{
name: "保險合同變更申請書（ 保險合同計劃變更類）",
desc: "加保、減保、新增附險、復效等業務適用",
download: "./doc/保險合同變更申請書（ 保險合同計劃變更類）.pdf",
},
{
name: "保險合同變更申請書（ 客戶信息變更類）",
desc: "基本資訊變更業務適用",
download: "./doc/保險合同變更申請書（ 客戶權益變更類）.pdf",
},
{
name: "保險合同變更申請書（ 客戶權益變更類）",
desc: "交費方式、自墊選擇權變更、補發等業務適用",
download: "./doc/保險合同變更申請書（ 客戶信息變更類）.pdf",
},
{
name: "授權委托書",
desc: "委托他人代辦時須提供",
download: "./doc/授權委托書.pdf",
},
{
name: "稅收聲明",
desc: "CRS要求",
download: "./doc/稅收聲明.pdf",
},
{
name: "健康告知",
desc: "須二次核保的業務須提供",
download: "./doc/健康告知.pdf",
}
]
},
{
name: "稅收聲明",
desc: "CRS要求",
download: "./doc/稅收聲明.pdf",
type: "理賠類",
list: [{
name: "理賠申請書",
desc: "紙質申請的應備文件",
download: "./doc/理賠申請書.pdf",
}]
},
{
name: "健康告知",
desc: "須二次核保的業務須提供",
download: "./doc/健康告知.pdf",
}
]
},
{
type: "理賠類",
list: [{
name: "理賠申請書",
desc: "紙質申請的應備文件",
download: "./doc/理賠申請書.pdf",
}]
},
]
},
policyChangeGuide: {
......@@ -563,100 +563,100 @@ module.exports = {
head5: "應備材料",
download: "下載文檔",
form: [{
project: "退保",
content: "在冷靜期後解除合同，公司將退還保單現金價值或未滿期凈保費。（待產品精算確認）",
applicant: "投保人",
receptionTime: "保單效力終止前",
materialList: [{
name: "保險單",
},
{
name: "申請書",
type: 1,
project: "退保",
content: "在冷靜期後解除合同，公司將退還保單現金價值或未滿期凈保費。（待產品精算確認）",
applicant: "投保人",
receptionTime: "保單效力終止前",
materialList: [{
name: "保險單",
},
{
name: "申請書",
type: 1,
},
{
name: "投保人有效身份證件",
},
{
name: "存折银行卡相关",
}
],
},
{
name: "投保人有效身份證件",
project: "冷靜期退保",
content: "在冷靜期內提出解除合同，公司會無息退還全部保費",
applicant: "投保人",
receptionTime: "冷靜期結束前",
materialList: [{
name: "保險單",
},
{
name: "申請書",
type: 1,
},
{
name: "投保人有效身份證件",
},
{
name: "存折银行卡相关",
},
{
name: "首期保費發票",
}
],
},
{
name: "存折银行卡相关",
}
],
},
{
project: "冷靜期退保",
content: "在冷靜期內提出解除合同，公司會無息退還全部保費",
applicant: "投保人",
receptionTime: "冷靜期結束前",
materialList: [{
name: "保險單",
},
{
name: "申請書",
type: 1,
},
{
name: "投保人有效身份證件",
},
{
name: "存折银行卡相关",
},
{
name: "首期保費發票",
}
],
},
{
project: "客戶資料變更",
projectType: 1,
path: "/custom/service",
query: {
q: "m43"
},
content: "投保人、受保人、受益人的個人信息變更",
applicant: "投保人",
receptionTime: "不限",
materialList: [{
name: "申請書",
type: 1,
project: "客戶資料變更",
projectType: 1,
path: "/custom/service",
query: {
q: "m43"
},
content: "投保人、受保人、受益人的個人信息變更",
applicant: "投保人",
receptionTime: "不限",
materialList: [{
name: "申請書",
type: 1,
},
{
name: "必要的證明材料",
}
],
},
{
name: "必要的證明材料",
}
],
},
{
project: "聯系方式變更",
projectType: 1,
path: "/custom/service",
query: {
q: "m42"
},
content: "地址、電話等信息的變更",
applicant: "投保人",
receptionTime: "不限",
materialList: [{
name: "申請書",
type: 1,
project: "聯系方式變更",
projectType: 1,
path: "/custom/service",
query: {
q: "m42"
},
content: "地址、電話等信息的變更",
applicant: "投保人",
receptionTime: "不限",
materialList: [{
name: "申請書",
type: 1,
},
{
name: "投保人有效身份證件",
}
],
},
{
name: "投保人有效身份證件",
}
],
},
{
project: "交費方式變更",
content: "更改保單的續期交費方式或交費賬號",
applicant: "投保人",
receptionTime: "保單交費期滿前",
materialList: [{
name: "申請書",
type: 1,
project: "交費方式變更",
content: "更改保單的續期交費方式或交費賬號",
applicant: "投保人",
receptionTime: "保單交費期滿前",
materialList: [{
name: "申請書",
type: 1,
},
{
name: "保險單",
}
],
},
{
name: "保險單",
}
],
},
]
},
policyChangeContact: {
......@@ -970,6 +970,56 @@ module.exports = {
t12: "每年保障限額",
t13: "每保單年度420,000 港元",
},
guarantee2: {
title: "保障内容",
titK: "保障項目",
titV: "賠償限額（港元）",
ak: "病房及膳食",
av: "750<br>每保單年度最多180日",
bk: "雜項開支",
bv: "14,000<br>每保單年度",
ck: "主診醫生巡房費",
cv: "750<br>每保單年度最多180日",
dk: "專科醫生費",
dv: "4,300<br>每保單年度",
ek: "深切治療",
ev: "3,500<br>每保單年度最多25日",
fk: "外科醫生費<br>(每項手術)<br> 按手術表劃分<br>的手術分類",
fv1: "複雜 50,000",
fv2: "大型 25,000",
fv3: "中型 12,500",
fv4: "小型 5,000",
gk: "麻醉科醫生費",
gv: "外科醫生費的35%",
hk: "手術室費",
hv: "外科醫生費的35%",
ik: "訂明診斷成像檢測<br>(設30%共同保險)",
iv: "20,000<br>每保單年度",
jk: "訂明非手術<br>癌症治療",
jv: "80,000每保單年度",
kk: "入院前或出院後／<br>日間手術前後的<br>門診護理",
kv11: "580<br>每次",
kv12: "3,000<br>每保單年度",
kv2: "住院／日間手術前<br>最多1次門診或<br>急症診症",
kv3: "出院／日間手術後<br>90日內<br>最多3次跟進門診",
lk: "精神科治療",
lv: "30,000<br>每保單年度",
},
guarantee3: {
title: "其他限額",
k1: "保障項目(a) – (l) 的每年保障限額",
v1: "每保單年度420,000",
k2: "保障項目(a) – (l) 的終身保障限額",
v2: "無",
},
guarantee4: {
title: "其他保障",
k1: "身故恩恤賠償",
v1: "10,000",
k2: "無索償折扣",
v2: "在連續3個保單年度或以上不曾作出賠償，無索償折扣將適用於緊隨的保單年度之應繳保費。無索償折扣將相當於前一個保單年度所有到期及應繳保費（不包括任何折扣）的百分之十（10%）。",
},
download: {
t1: "下載產品簡介",
t2: "下載標準保費表",
......
......@@ -973,17 +973,18 @@ module.exports = {
t13: "每保单年度420,000港元",
},
guarantee2: {
titK:"保障项目",
titV:"赔偿限额（港元）",
title: "保障内容",
titK: "保障项目",
titV: "赔偿限额（港元）",
ak: "病房及膳食",
av: "750<br>每保单年度最多180日",
bk: "杂项开支",
bv: "每保单年度$14,000",
bv: "14,000<br>每保单年度",
ck: "主诊医生巡房费",
cv: "750<br>每保单年度最多180日",
dk: "专科医生费",
dv: "4,300",
dv: "4,300<br>每保单年度",
ek: "深切治疗",
ev: "3,500<br>每保单年度最多25日",
fk: "外科医生费<br>(每项手术)<br> 按手术表划分<br>的手术分类",
......@@ -995,11 +996,11 @@ module.exports = {
gv: "外科医生费的35%",
hk: "手术室费",
hv: "外科医生费的35%",
ik: "订明诊断成像检测(设30%共同保险)",
ik: "订明诊断成像检测<br>(设30%共同保险)",
iv: "20,000<br>每保单年度",
jk: "订明非手术<br>癌症治疗",
jv: "80,000每保单年度",
kk: "入院前或出院后／<br>日间手术前后的门诊护理",
kk: "入院前或出院后／<br>日间手术前后的<br>门诊护理",
kv11: "580<br>每次",
kv12: "3,000<br>每保单年度",
kv2: "住院／日间手术前<br>最多1次门诊或<br>急症诊症",
......@@ -1007,6 +1008,21 @@ module.exports = {
lk: "精神科治疗",
lv: "30,000<br>每保单年度",
},
guarantee3: {
title: "其他限额",
k1: "保障项目(a) – (l) 的每年保障限额",
v1: "每保单年度420,000",
k2: "保障项目(a) – (l) 的终身保障限额",
v2: "无",
},
guarantee4: {
title: "其他保障",
k1: "身故恩恤赔偿",
v1: "10,000",
k2: "无索偿折扣",
v2: "在连续3个保单年度或以上不曾作出赔偿，无索偿折扣将适用于紧随的保单年度之应缴保费。无索偿折扣将相当于前一个保单年度所有到期及应缴保费（不包括任何折扣）的百分之十（10%）。",
},
download: {
t1: "下载产品简介",
t2: "下载标准保费表",
......
......@@ -430,9 +430,10 @@ $borderSize: 6px;
.container {
display: flex;
margin: 48px auto 0;
margin: 0 auto 0;
.table {
margin-top: 48px;
width: 582px;
.smal {
......@@ -453,21 +454,20 @@ $borderSize: 6px;
}
&-item {
height: 136px;
min-height: 136px;
.label {
// padding: 0;
// @extend .fcc;
align-items: flex-start;
display: flex;
padding: 40px 12px 0;
@extend .bb;
@extend .fcc;
padding-left: 24px;
padding-right: 2px;
justify-content: flex-start;
.nn {}
.n1 {
text-align: right;
width: 44px;
margin-top: 2px;
margin-top: 0px;
margin-right: 8px;
color: $cOrange2;
}
......@@ -477,53 +477,68 @@ $borderSize: 6px;
}
}
.label2 {
display: flex;
align-items: flex-start;
padding: 40px 24px 0;
}
.val {
@extend .fcc;
flex-wrap: wrap;
padding: 0 0;
padding: 0 4px;
text-align: center;
line-height: 1.5;
flex: 1;
min-height: 81px;
&-item {
width: 100%;
height: 81px;
min-height: 81px;
}
}
// .label:lang(zh) {
// line-height: 1.5;
// }
// .val:lang(zh) {
// line-height: 1.5;
// }
}
&-item-4 {
height: 324px;
.val {
align-items: flex-start;
padding: 0 0;
// padding: 0 0;
text-align: center;
line-height: 1.5;
&-item {
@extend .bb;
@extend .fcc;
height: 81px;
// height: 81px;
border-bottom: solid 1px #e4e4e5;
}
&-item:last-child {
border-bottom: none;
}
}
}
&-item-3 {
height: 408px;
.val {
align-items: flex-start;
padding: 0 0;
// padding: 0 0;
text-align: center;
line-height: 1.5;
&-item {
@extend .bb;
@extend .fcc;
height: 136px;
min-height: 136px;
border-bottom: solid 1px #e4e4e5;
.thr {
......@@ -531,8 +546,17 @@ $borderSize: 6px;
@extend .fcc;
width: 50%;
height: 100%;
min-height: 136px;
border-right: solid 1px #e4e4e5;
}
.thr:last-child {
border-right: none;
}
}
&-item:last-child {
border-bottom: none;
}
}
}
......@@ -732,7 +756,10 @@ $borderSize: 6px;
width: 100%;
}
.label,
.label {
padding: 18px;
}
.val {
padding: 18px;
}
......@@ -740,6 +767,55 @@ $borderSize: 6px;
}
}
.guarantee2 {
.tit {
font-size: $fontSizeTitle-M2;
}
.container {
flex-wrap: wrap;
.table {
margin-top: 24px;
font-size: $fontSize-M2;
.smal {
font-size: $fontSizeSmall-M2;
}
&-item {
.val {
// box-sizing: border-box;
padding: 18px;
}
}
&-item-3 {
.val {
padding: 0;
}
}
&-item-4 {
.val {
padding: 0;
}
}
.titl {
&-item {
font-size: $fontSize-M2;
}
}
}
}
}
// 下载
......
......@@ -128,59 +128,73 @@
<!-- 保障内容 -->
<div class="guarantee guarantee2">
<div class="tit">{{$t('vhisDetail.guarantee1.title')}}</div>
<div class="tit">{{$t('vhisDetail.guarantee2.title')}}</div>
<div class="container">
<!-- 左表 -->
<div class="table">
<div class="titl">
<div class="titl-item">{{$t('vhisDetail.guarantee2.titK')}}<span class="smal">(1)</span></div>
<div class="titl">
<div class="titl-item">{{$t('vhisDetail.guarantee2.titK')}}
<span class="smal">(1)</span>
</div>
<div class="titl-item">{{$t('vhisDetail.guarantee2.titV')}}</div>
</div>
<div class="border2 table-border"></div>
<div class="table-item">
<div class="tt label">
<div class="nn n1">(a)</div>
<div v-html="$t('vhisDetail.guarantee2.ak')" class="nn n2">{{$t('vhisDetail.guarantee2.ak')}}</div>
<div class="fl">
<div class="nn n1">(a)</div>
<div v-html="$t('vhisDetail.guarantee2.ak')" class="nn n2">{{$t('vhisDetail.guarantee2.ak')}}</div>
</div>
</div>
<div v-html="$t('vhisDetail.guarantee2.av')" class="tt val">{{$t('vhisDetail.guarantee2.av')}}</div>
</div>
<div class="table-item">
<div class="tt label">
<div class="nn n1">(b)</div>
<div v-html="$t('vhisDetail.guarantee2.bk')" class="nn n2">{{$t('vhisDetail.guarantee2.bk')}}</div>
<div class="fl">
<div class="nn n1">(b)</div>
<div v-html="$t('vhisDetail.guarantee2.bk')" class="nn n2">{{$t('vhisDetail.guarantee2.bk')}}</div>
</div>
</div>
<div v-html="$t('vhisDetail.guarantee2.bv')" class="tt val">{{$t('vhisDetail.guarantee2.bv')}}</div>
</div>
<div class="table-item">
<div class="tt label">
<div class="nn n1">(c)</div>
<div v-html="$t('vhisDetail.guarantee2.ck')" class="nn n2">{{$t('vhisDetail.guarantee2.ck')}}</div>
<div class="fl">
<div class="nn n1">(c)</div>
<div v-html="$t('vhisDetail.guarantee2.ck')" class="nn n2">{{$t('vhisDetail.guarantee2.ck')}}</div>
</div>
</div>
<div v-html="$t('vhisDetail.guarantee2.cv')" class="tt val">{{$t('vhisDetail.guarantee2.cv')}}</div>
</div>
<div class="table-item">
<div class="tt label">
<div class="nn n1">(d)</div>
<div class="nn n2">
<span v-html="$t('vhisDetail.guarantee2.dk')">{{$t('vhisDetail.guarantee2.dk')}}</span>
<span class="smal">(2)</span>
<div class="fl">
<div class="nn n1">(d)</div>
<div class="nn n2">
<span v-html="$t('vhisDetail.guarantee2.dk')">{{$t('vhisDetail.guarantee2.dk')}}</span>
<span class="smal">(2)</span>
</div>
</div>
</div>
<div class="tt val">{{$t('vhisDetail.guarantee2.dv')}}</div>
<div v-html="$t('vhisDetail.guarantee2.dv')" class="tt val">{{$t('vhisDetail.guarantee2.dv')}}</div>
</div>
<div class="table-item">
<div class="tt label">
<div class="nn n1">(e)</div>
<div v-html="$t('vhisDetail.guarantee2.ek')" class="nn n2">{{$t('vhisDetail.guarantee2.ek')}}</div>
<div class="fl">
<div class="nn n1">(e)</div>
<div v-html="$t('vhisDetail.guarantee2.ek')" class="nn n2">{{$t('vhisDetail.guarantee2.ek')}}</div>
</div>
</div>
<div v-html="$t('vhisDetail.guarantee2.ev')" class="tt val">{{$t('vhisDetail.guarantee2.ev')}}</div>
</div>
<!-- 4分 -->
<div class="table-item table-item-4">
<div class="tt label">
<div class="nn n1">(f)</div>
<div v-html="$t('vhisDetail.guarantee2.fk')" class="nn n2">{{$t('vhisDetail.guarantee2.fk')}}</div>
<div class="tt label label2">
<div class="fl">
<div class="nn n1">(f)</div>
<div v-html="$t('vhisDetail.guarantee2.fk')" class="nn n2">{{$t('vhisDetail.guarantee2.fk')}}</div>
</div>
</div>
<div class="tt val">
<div class="val-item">
......@@ -202,56 +216,72 @@
<!-- 右表 -->
<div class="table">
<div class="titl">
<div class="titl-item">{{$t('vhisDetail.guarantee2.titK')}}<span class="smal">(1)</span></div>
<div class="titl-item">{{$t('vhisDetail.guarantee2.titK')}}
<span class="smal">(1)</span>
</div>
<div class="titl-item">{{$t('vhisDetail.guarantee2.titV')}}</div>
</div>
<div class="border2 table-border"></div>
<div class="table-item">
<div class="tt label">
<div class="nn n1">(g)</div>
<div v-html="$t('vhisDetail.guarantee2.gk')" class="nn n2">{{$t('vhisDetail.guarantee2.gk')}}</div>
<div class="fl">
<div class="nn n1">(g)</div>
<div v-html="$t('vhisDetail.guarantee2.gk')" class="nn n2">{{$t('vhisDetail.guarantee2.gk')}}</div>
</div>
</div>
<div class="tt val">
<span v-html="$t('vhisDetail.guarantee2.gv')">{{$t('vhisDetail.guarantee2.gv')}}</span>
<span class="smal">(5)</span>
<div>
<span v-html="$t('vhisDetail.guarantee2.gv')">{{$t('vhisDetail.guarantee2.gv')}}</span>
<span class="smal">(5)</span>
</div>
</div>
</div>
<div class="table-item">
<div class="tt label">
<div class="nn n1">(h)</div>
<div v-html="$t('vhisDetail.guarantee2.hk')" class="nn n2">{{$t('vhisDetail.guarantee2.hk')}}</div>
<div class="fl">
<div class="nn n1">(h)</div>
<div v-html="$t('vhisDetail.guarantee2.hk')" class="nn n2">{{$t('vhisDetail.guarantee2.hk')}}</div>
</div>
</div>
<div class="tt val">
<span v-html="$t('vhisDetail.guarantee2.hv')">{{$t('vhisDetail.guarantee2.hv')}}</span>
<span class="smal">(5)</span>
<div>
<span v-html="$t('vhisDetail.guarantee2.hv')">{{$t('vhisDetail.guarantee2.hv')}}</span>
<span class="smal">(5)</span>
</div>
</div>
</div>
<div class="table-item">
<div class="tt label">
<div class="nn n1">(i)</div>
<div class="nn n2">
<span v-html="$t('vhisDetail.guarantee2.ik')">{{$t('vhisDetail.guarantee2.ik')}}</span>
<span class="smal">(2)(3)</span>
<div class="tt label ">
<div class="fl">
<div class="nn n1">(i)</div>
<div class="nn n2">
<span v-html="$t('vhisDetail.guarantee2.ik')">{{$t('vhisDetail.guarantee2.ik')}}</span>
<span class="smal">(2)(3)</span>
</div>
</div>
</div>
<div v-html="$t('vhisDetail.guarantee2.iv')" class="tt val">{{$t('vhisDetail.guarantee2.iv')}}</div>
</div>
<div class="table-item">
<div class="tt label">
<div class="nn n1">(j)</div>
<div class="nn n2">
<span v-html="$t('vhisDetail.guarantee2.jk')">{{$t('vhisDetail.guarantee2.jk')}}</span>
<span class="smal">(4)</span>
<div class="tt label ">
<div class="fl">
<div class="nn n1">(j)</div>
<div class="nn n2">
<span v-html="$t('vhisDetail.guarantee2.jk')">{{$t('vhisDetail.guarantee2.jk')}}</span>
<span class="smal">(4)</span>
</div>
</div>
</div>
<div v-html="$t('vhisDetail.guarantee2.jv')" class="tt val">{{$t('vhisDetail.guarantee2.jv')}}</div>
</div>
<div class="table-item table-item-3">
<div class="tt label">
<div class="nn n1">(k)</div>
<div class="nn n2">
<span v-html="$t('vhisDetail.guarantee2.kk')">{{$t('vhisDetail.guarantee2.kk')}}</span>
<span class="smal">(2)</span>
<div class="tt label label2">
<div class="fl">
<div class="nn n1">(k)</div>
<div class="nn n2">
<span v-html="$t('vhisDetail.guarantee2.kk')">{{$t('vhisDetail.guarantee2.kk')}}</span>
<span class="smal">(2)</span>
</div>
</div>
</div>
<div class="tt val">
......@@ -270,8 +300,10 @@
<!-- 4分 -->
<div class="table-item table-item">
<div class="tt label">
<div class="nn n1">(l)</div>
<div v-html="$t('vhisDetail.guarantee2.lk')" class="nn n2">{{$t('vhisDetail.guarantee2.lk')}}</div>
<div class="fl">
<div class="nn n1">(l)</div>
<div v-html="$t('vhisDetail.guarantee2.lk')" class="nn n2">{{$t('vhisDetail.guarantee2.lk')}}</div>
</div>
</div>
<div v-html="$t('vhisDetail.guarantee2.lv')" class="tt val">{{$t('vhisDetail.guarantee2.lv')}}</div>
</div>
......@@ -280,6 +312,44 @@
</div>
<!-- 其他限额 -->
<div class="guarantee">
<div class="tit">{{$t('vhisDetail.guarantee3.title')}}</div>
<div class="container">
<div class="table">
<div class="border2 table-border"></div>
<div class="table-item">
<div class="tt label">{{$t('vhisDetail.guarantee3.k1')}}</div>
<div class="tt val">{{$t('vhisDetail.guarantee3.v1')}}</div>
</div>
<div class="table-item">
<div class="tt label">{{$t('vhisDetail.guarantee3.k2')}}</div>
<div class="tt val">{{$t('vhisDetail.guarantee3.v2')}}</div>
</div>
</div>
</div>
</div>
<!-- 其他保障 -->
<div class="guarantee">
<div class="tit">{{$t('vhisDetail.guarantee4.title')}}</div>
<div class="container">
<div class="table">
<div class="border2 table-border"></div>
<div class="table-item">
<div class="tt label">{{$t('vhisDetail.guarantee4.k1')}}</div>
<div class="tt val">{{$t('vhisDetail.guarantee4.v1')}}</div>
</div>
<div class="table-item">
<div class="tt label">{{$t('vhisDetail.guarantee4.k2')}}</div>
<div class="tt val">{{$t('vhisDetail.guarantee4.v2')}}</div>
</div>
</div>
</div>
</div>
<!-- 下载 -->
<div class="download">
<div class="border2 download-item">
......
......@@ -33,7 +33,7 @@ $fontSizeSmall-M:12px;
$fontSizeTitle-M2:24px;
$fontSize-M2:20px;
$fontSize-M2:18px;
$fontSizeSmall-M2:16px;
// Color
......