Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
dc6d639a by simon
Options

no message

1 parent 1a941c87
Inline Side-by-side
Showing 8 changed files with 181 additions and 69 deletions
......@@ -123,11 +123,19 @@ module.exports = {
reservationRemarkPlaceholder: "非必填，字数不超过500字，提示文字“请简单说明您想要咨询的险种或业务”",
hkClient: "是否平安香港客戶",
yes: "是",
no: "不是",
contactTime: "期望联络时间",
no: "否",
contactTime: "期望联络时间 (当日、周末节假日不可选)",
notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。",
notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。",
},
paymentType: {
menu1: "親臨客服中心付款",
menu2: "网银付款",
menu3: "电汇付款",
menu4: "柜员机付款",
menu5: "「缴费灵」付款",
menu6: "香港邮政局",
},
product: {
btnPosition: "Booking service",
iconProblem: "Common problem",
......
......@@ -124,11 +124,19 @@ module.exports = {
reservationRemarkPlaceholder: "非必填，字数不超过500字，提示文字“请简单说明您想要咨询的险种或业务”",
hkClient: "是否平安香港客戶",
yes: "是",
no: "不是",
contactTime: "期望联络时间",
no: "否",
contactTime: "期望联络时间 (当日、周末节假日不可选)",
notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。",
notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。",
},
paymentType: {
menu1: "親臨客服中心付款",
menu2: "网银付款",
menu3: "电汇付款",
menu4: "柜员机付款",
menu5: "「缴费灵」付款",
menu6: "香港邮政局",
},
product: {
btnPosition: "預約服務",
iconProblem: "常見問題",
......
......@@ -106,7 +106,7 @@ module.exports = {
contactInformation: "联系方式",
service: "服务网点",
qrcode: "官方公众号",
copyright:"版权所有 © 中国平安保险（集团）股份有限公司未经许可不得复制、转载或摘编，违者必究!"
copyright: "版权所有 © 中国平安保险（集团）股份有限公司未经许可不得复制、转载或摘编，违者必究!"
},
index: {
news: "新闻资讯",
......@@ -115,19 +115,27 @@ module.exports = {
reservation: {
name: "姓名",
namePlaceholder: "姓名",
contactType: "聯絡方式",
contact: "聯絡电话",
contactPlaceholder: "香港號碼/內地號碼",
reservationType: "預約類型",
reservationRemark: "預約說明",
contactType: "联络方式",
contact: "联络电话",
contactPlaceholder: "香港号码/内地号码",
reservationType: "预约类型",
reservationRemark: "预约说明",
reservationRemarkPlaceholder: "非必填，字数不超过500字，提示文字“请简单说明您想要咨询的险种或业务”",
hkClient: "是否平安香港客戶",
hkClient: "是否平安香港客户",
yes: "是",
no: "不是",
contactTime: "期望联络时间",
no: "否",
contactTime: "期望联络时间 (当日、周末节假日不可选)",
notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。",
notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。",
},
paymentType: {
menu1: "亲临客服中心付款",
menu2: "网银付款",
menu3: "电汇付款",
menu4: "柜员机付款",
menu5: "「缴费灵」付款",
menu6: "香港邮政局",
},
product: {
btnPosition: "预约服务",
iconProblem: "常见问题",
......
......@@ -11,7 +11,7 @@
<div class="news-item-tit">
<div class="point"></div>
平安人壽2019年2季度保險消費報告出爐！
<img class="new" src="@/assets/images/news-list/news-list-new.png">
<img v-if="index < 3" class="new" src="@/assets/images/news-list/news-list-new.png">
</div>
<div class="news-item-date">2019-09-27</div>
</div>
......
......@@ -31,6 +31,14 @@ export default {
}
},
components: {},
computed: {
locale() {
return this.$i18n.locale || 'tc';
},
i18n() {
return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
},
},
methods: {
onOverHandler(val) {
this.curIndex = val;
......
......@@ -15,61 +15,135 @@
<div class="payment-line"></div>
<div class="payment-cont">
<!-- 親臨客服中心付款 -->
<div v-if="curIndex == 0" class="payment-cont-item">
<ul>
<li>現金：繳付保費的上限為每張保單15,000美元正或等值港元。</li>
<li>支票：請以劃線支票付款，擡頭寫上「中國平安人壽保險股份有限公司香港分公司」並於支票背面寫上繳費通知書右上方的「收款單編號」</li>
<li>信用卡：您可透過信用卡以港元繳費，最高繳款額須按您的指定銀行而定。</li>
<li>易辦事：您可透過由「易辦事」會員銀行發行的提款卡及具備提款功能之信用卡透過易辦事以港元繳付費用，最高繳款額須按您的指定銀行而定。</li>
</ul>
客戶服務中心地址：香港尖沙嘴港威永金融大樓
<br>服務時間：星期壹至五上午9時至下午6時正
</div>
<div v-else-if="curIndex == 1" class="payment-cont-item">
您可通過本港銀行提供的「網上繳費服務」以港元信用卡/銀行賬戶繳交保費。詳情請聯絡您的銀行。
<ul>
<li>1.通過「本港銀行港元信用卡」進行網上繳費：
<br>繳費商戶 : 中國平安人壽保險股份有限公司香港分公司
<br>提款賬戶: 請選擇「港元信用卡」
<br>賬單號碼: 繳費通知書上之「賬單號碼」</li>
<li>2.通過「本港銀行賬戶」進行網上繳費：</li>
</ul>
</div>
<template v-if="locale =='zh'">
<!-- 繁体 -->
<div v-if="curIndex == 0" class="payment-cont-item">
<ul>
<li>现金：缴付保费的上限为每张保单15,000美元正或等值港元。</li>
<li>支票：请以划线支票付款，抬头写上「中国平安人寿保险股份有限公司香港分公司」并于支票背面写上缴费通知书右上方的「收款单编号」</li>
<li>信用卡：您可透过信用卡以港元缴费，最高缴款额须按您的指定银行而定。</li>
<li>易办事：您可透过由「易办事」会员银行发行的提款卡及具备提款功能之信用卡透过易办事以港元缴付费用，最高缴款额须按您的指定银行而定。</li>
</ul>
客户服务中心地址：香港尖沙嘴港威永金融大楼
<br>服务时间：星期一至五上午9时至下午6时正
</div>
<div v-else-if="curIndex == 2" class="payment-cont-item">
您可通過本港銀行把保費電匯至以下銀行戶口。
<br>收款銀行：**銀行
<br>銀行地址：香港***
<br>收款人名字：中國平安人壽保險股份有限公司香港分公司
<br>銀行代碼：***
<br>收款人賬號：***-******
</div>
<div v-else-if="curIndex == 1" class="payment-cont-item">
您可通过本港银行提供的「网上缴费服务」以港元信用卡/银行账户缴交保费。详情请联络您的银行。
<ul>
<li>1.通过「本港银行港元信用卡」进行网上缴费：
<br>缴费商户 : 中国平安人寿保险股份有限公司香港分公司
<br>提款账户: 请选择「港元信用卡」
<br>账单号码: 缴费通知书上之「账单号码」
</li>
<li>2.通过「本港银行账户」进行网上缴费：
<br>缴费商户: 中国平安人寿保险股份有限公司香港分公司
<br>提款账户 :请选择往来或储蓄账户
<br>账单号码: 缴费通知书上之「收款单编号」
<br>账单类别: 11 - 缴付港元，12 - 缴付美元，13 - 缴付人民币
</li>
</ul>
</div>
<div v-else-if="curIndex == 3" class="payment-cont-item">
您可通過24小時「銀通」自動櫃員機從您的香港銀行賬戶轉賬付款。
<br>請選擇服務:「繳費」>「輸入商戶號碼」
<br>商戶編號 : ****
<br>賬單類別 : 01 - 新單保費 ，02 - 續期保費及征費，03 - 償還個人保單貸款
<br>賬單號碼 : 繳費通知書右上方之「收款單編號
</div>
<div v-else-if="curIndex == 2" class="payment-cont-item">
您可通过本港银行把保费电汇至以下银行户口。
<br>收款银行：**银行
<br>银行地址：香港***
<br>收款人名字：中国平安人寿保险股份有限公司香港分公司
<br>银行代码：***
<br>收款人账号：***-******
<br>代号：******
</div>
<div v-else-if="curIndex == 4" class="payment-cont-item">
繳費靈網上服務: 請瀏覽www.ppshk.com
<br>繳費靈電話服務: 請致電18033 (廣東話) 或18031 (英語)
<br>商戶編號 : ****
<br>賬單類別 : 01 - 保費及保費征費/償還保單貸款
<br>賬單號碼:繳費通知書右上方之「賬單號碼」
</div>
<div v-else-if="curIndex == 3" class="payment-cont-item">
您可通过24小时「银通」自动柜员机从您的香港银行账户转账付款。
<br>请选择服务:「缴费」>「输入商户号码」
<br>商户编号 : ****
<br>账单类别 : 01 - 新单保费 ，02 - 续期保费及征费，03 - 偿还个人保单贷款
<br>账单号码 : 缴费通知书右上方之「收款单编号」
</div>
<div v-else-if="curIndex == 5" class="payment-cont-item">
請攜同繳費通知書到香港任何壹間郵政局以現金、支票及易辦事繳費。
<br>1.每筆現金交易金額的上限為港元80,000。
<br>2.易辦事交易上限為港元50,000.00。
<br>3.支票交易無上限。
<br>4.支票的截數日期為星期壹至五下午3時及星期六上午11時，現金/ 易辦事的截數日期為星期壹至六下午6時，星期日及公眾假期會於下壹個工作天處理， 請預留最少三個工作天處理有關付款。
</div>
<div v-else-if="curIndex == 4" class="payment-cont-item">
缴费灵网上服务: 请浏览www.ppshk.com
<br>缴费灵电话服务: 请致电18033 (广东话) 或18031 (英语)
<br>商户编号 : ****
<br>账单类别 : 01 - 保费及保费征费/偿还保单贷款
<br>账单号码:缴费通知书右上方之「账单号码」
</div>
<div v-else-if="curIndex == 5" class="payment-cont-item">
请携同缴费通知书到香港任何一间邮政局以现金、支票及易办事缴费。
<br>1.每笔现金交易金额的上限为港元80,000。
<br>2.易办事交易上限为港元50,000.00。
<br>3.支票交易无上限。
<br>4.支票的截数日期为星期一至五下午3时及星期六上午11时，现金/ 易办事的截数日期为星期一至六下午6时，星期日及公众假期会于下一个工作天处理，请预留最少三个工作天处理有关付款。
</div>
</template>
<template v-else>
<!-- 繁体-->
<div v-if="curIndex == 0" class="payment-cont-item">
<ul>
<li>現金：繳付保費的上限為每張保單15,000美元正或等值港元。</li>
<li>支票：請以劃線支票付款，擡頭寫上「中國平安人壽保險股份有限公司香港分公司」並於支票背面寫上繳費通知書右上方的「收款單編號」</li>
<li>信用卡：您可透過信用卡以港元繳費，最高繳款額須按您的指定銀行而定。</li>
<li>易辦事：您可透過由「易辦事」會員銀行發行的提款卡及具備提款功能之信用卡透過易辦事以港元繳付費用，最高繳款額須按您的指定銀行而定。</li>
</ul>
客戶服務中心地址：香港尖沙嘴港威永金融大樓
<br>服務時間：星期壹至五上午9時至下午6時正
</div>
<div v-else-if="curIndex == 1" class="payment-cont-item">
您可通過本港銀行提供的「網上繳費服務」以港元信用卡/銀行賬戶繳交保費。詳情請聯絡您的銀行。
<ul>
<li>1.通過「本港銀行港元信用卡」進行網上繳費：
<br>繳費商戶 : 中國平安人壽保險股份有限公司香港分公司
<br>提款賬戶: 請選擇「港元信用卡」
<br>賬單號碼: 繳費通知書上之「賬單號碼」
</li>
<li>2.通過「本港銀行賬戶」進行網上繳費：
<br>繳費商戶: 中國平安人壽保險股份有限公司香港分公司
<br>提款賬戶 :請選擇往來或儲蓄賬戶
<br>賬單號碼: 繳費通知書上之「收款單編號」
<br>賬單類別: 11 - 繳付港元，12 - 繳付美元，13 - 繳付人民幣
</li>
</ul>
</div>
<div v-else-if="curIndex == 2" class="payment-cont-item">
您可通過本港銀行把保費電匯至以下銀行戶口。
<br>收款銀行：**銀行
<br>銀行地址：香港***
<br>收款人名字：中國平安人壽保險股份有限公司香港分公司
<br>銀行代碼：***
<br>收款人賬號：***-******
</div>
<div v-else-if="curIndex == 3" class="payment-cont-item">
您可通過24小時「銀通」自動櫃員機從您的香港銀行賬戶轉賬付款。
<br>請選擇服務:「繳費」>「輸入商戶號碼」
<br>商戶編號 : ****
<br>賬單類別 : 01 - 新單保費 ，02 - 續期保費及征費，03 - 償還個人保單貸款
<br>賬單號碼 : 繳費通知書右上方之「收款單編號
</div>
<div v-else-if="curIndex == 4" class="payment-cont-item">
繳費靈網上服務: 請瀏覽www.ppshk.com
<br>繳費靈電話服務: 請致電18033 (廣東話) 或18031 (英語)
<br>商戶編號 : ****
<br>賬單類別 : 01 - 保費及保費征費/償還保單貸款
<br>賬單號碼:繳費通知書右上方之「賬單號碼」
</div>
<div v-else-if="curIndex == 5" class="payment-cont-item">
請攜同繳費通知書到香港任何壹間郵政局以現金、支票及易辦事繳費。
<br>1.每筆現金交易金額的上限為港元80,000。
<br>2.易辦事交易上限為港元50,000.00。
<br>3.支票交易無上限。
<br>4.支票的截數日期為星期壹至五下午3時及星期六上午11時，現金/ 易辦事的截數日期為星期壹至六下午6時，星期日及公眾假期會於下壹個工作天處理， 請預留最少三個工作天處理有關付款。
</div>
</template>
</div>
</div>
......
......@@ -101,9 +101,9 @@
}
&-item3 {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
// display: flex;
// align-items: flex-start;
// flex-wrap: wrap;
.label {
min-width: 13.75rem;
......
......@@ -43,8 +43,14 @@
<div class="ipt-wrap">
<img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
<select class="ipt">
<option v-if="locale !='zh'">投保咨询</option>
<option v-else>投保咨詢</option>
<template v-if="locale =='zh'">
<option>投保咨询</option>
<option>代办保单变更</option>
</template>
<template v-else>
<option>投保咨詢</option>
<option>代辦保單變更</option>
</template>
</select>
</div>
</div>
......