Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
0049f184 by joe
Options

Merge branch 'master' of http://120.27.44.69/dev/pingan-life-index-pro

2 parents 9d872915 2df07f3a
Expand all
Inline Side-by-side
Showing 14 changed files with 212 additions and 53 deletions
......@@ -108,6 +108,41 @@ module.exports = {
qrcode: "Official Accounts",
copyright:"版權所有 © 中國平安保險（集團）股份有限公司未經許可不得復制、轉載或摘編，違者必究!"
},
login: {
title: "平安壹賬通",
loginType1: "账密登录",
loginType2: "動態密碼登录",
account: "賬號",
accountPlaceholder: "請輸入證件號/一账通用户名/手机号",
password: "密碼",
passwordPlaceholder: "輸入登錄密碼",
verifyPlaceholder: "請輸入驗證碼",
agree: "同意",
protocol: "《平安一账通会员服务协议》",
login: "登入",
register: "註冊",
forget: "忘記密碼",
mobile: "手機號",
mobilePlaceholder: "手機號",
verifyCode: "驗證碼",
verifyCodePlaceholder: "驗證碼",
verifyCodeGet: "獲取驗證碼",
},
register: {
title: "平安壹賬通",
title2: "請設置新的密碼",
mobilePlaceholder: "请输入8位手机号码",
verifyCodePlaceholder: "請輸入驗證碼",
verifyCodeGet: "獲取驗證碼",
agree: "同意",
protocol: "《平安一账通会员服务协议》",
register: "點擊註冊",
newPassword: "新密碼",
newPasswordPlaceholder: "輸入登錄密碼",
newPasswordSure: "確認密碼",
newPasswordSurePlaceholder: "輸入登錄密碼",
sure: "確認",
},
index: {
news: "news",
newMore: "more",
......
......@@ -108,6 +108,41 @@ module.exports = {
qrcode: "官方公眾號",
copyright: "版權所有 © 中國平安保險（集團）股份有限公司未經許可不得復制、轉載或摘編，違者必究!"
},
login: {
title: "平安壹賬通",
loginType1: "账密登录",
loginType2: "動態密碼登录",
account: "賬號",
accountPlaceholder: "請輸入證件號/一账通用户名/手机号",
password: "密碼",
passwordPlaceholder: "輸入登錄密碼",
verifyPlaceholder: "請輸入驗證碼",
agree: "同意",
protocol: "《平安一账通会员服务协议》",
login: "登入",
register: "註冊",
forget: "忘記密碼",
mobile: "手機號",
mobilePlaceholder: "手機號",
verifyCode: "驗證碼",
verifyCodePlaceholder: "驗證碼",
verifyCodeGet: "獲取驗證碼",
},
register: {
title: "平安壹賬通",
title2: "請設置新的密碼",
mobilePlaceholder: "请输入8位手机号码",
verifyCodePlaceholder: "請輸入驗證碼",
verifyCodeGet: "獲取驗證碼",
agree: "同意",
protocol: "《平安一账通会员服务协议》",
register: "點擊註冊",
newPassword: "新密碼",
newPasswordPlaceholder: "輸入登錄密碼",
newPasswordSure: "確認密碼",
newPasswordSurePlaceholder: "輸入登錄密碼",
sure: "確認",
},
index: {
news: "新聞資訊",
newMore: "查看更多",
......
......@@ -108,6 +108,41 @@ module.exports = {
qrcode: "官方公众号",
copyright: "版权所有 © 中国平安保险（集团）股份有限公司未经许可不得复制、转载或摘编，违者必究!"
},
login: {
title: "平安一账通",
loginType1: "账密登录",
loginType2: "动态密码登录",
account: "账号",
accountPlaceholder: "请输入证件号/一账通用户名/手机号",
password: "密码",
passwordPlaceholder: "输入登录密码",
verifyPlaceholder: "请输入验证码",
agree: "同意",
protocol: "《平安一账通会员服务协议》",
login: "登入",
register: "注册",
forget: "忘记密码",
mobile: "手机号",
mobilePlaceholder: "手机号",
verifyCode: "验证码",
verifyCodePlaceholder: "验证码",
verifyCodeGet: "获取验证码",
},
register: {
title: "平安一账通",
title2: "请设置新的密码",
mobilePlaceholder: "请输入8位手机号码",
verifyCodePlaceholder: "请输入验证码",
verifyCodeGet: "获取验证码",
agree: "同意",
protocol: "《平安一账通会员服务协议》",
register: "点击注册",
newPassword: "新密码",
newPasswordPlaceholder: "输入登录密码",
newPasswordSure: "确认密码",
newPasswordSurePlaceholder: "输入登录密码",
sure: "确认",
},
index: {
news: "新闻资讯",
newMore: "查看更多",
......
......@@ -45,6 +45,7 @@
width: 3.5rem;
border: solid 1px #dcdddd;
padding: 0 .7rem;
text-align: center;
}
.jump {
......
......@@ -12,6 +12,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: {
onCheckHandler() {
......
......@@ -8,84 +8,84 @@
<div class="box">
<!-- 帐密登陆 -->
<div v-if="type == 1" class="login">
<div class="login-tit">平安壹賬通</div>
<div class="login-tit"> {{$t('login.title')}} </div>
<div class="login-nav">
<div @click="onLoginTypeHandler(1)" class="login-nav-tit text-r pointer active">账密登录</div>
<div @click="onLoginTypeHandler(1)" class="login-nav-tit text-r pointer active">{{$t('login.loginType1')}}</div>
<div class="login-nav-v-line">|</div>
<div @click="onLoginTypeHandler(2)" class="login-nav-tit pointer">動態密碼登录</div>
<div @click="onLoginTypeHandler(2)" class="login-nav-tit pointer">{{$t('login.loginType2')}}</div>
</div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/login/icon-login-user.png"> 账号
<img src="@/assets/images/login/icon-login-user.png"> {{$t('login.account')}}
</div>
<div class="ipt-wrap">
<input placeholder="請輸入證件號/一账通用户名/手机号" class="ipt" type="text">
<input :placeholder="$t('login.accountPlaceholder')" class="ipt" type="text">
</div>
</div>
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/login/icon-login-password.png"> 密码
<img src="@/assets/images/login/icon-login-password.png"> {{$t('login.password')}}
</div>
<div class="ipt-wrap">
<input placeholder="輸入登錄密碼" class="ipt" type="text">
<input :placeholder="$t('login.passwordPlaceholder')" class="ipt" type="text">
</div>
</div>
<div class="pure-u-1 form-item">
<div class="ipt-wrap">
<input placeholder="請輸入驗證碼" class="ipt ipt-verify" type="text">
<input :placeholder="$t('login.verifyPlaceholder')" class="ipt ipt-verify" type="text">
<div class="ipt verify-btn pointer">5136</div>
</div>
</div>
</div>
<div class="login-protocol">
<img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png">同意
<span @click="onProtocolHandler()" class="protocol pointer">《平安一账通会员服务协议》</span>
<img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png"> {{$t('login.agree')}}
<span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span>
</div>
<div @click="onSubmitHandler()" class="login-submit pointer">登入</div>
<div @click="onSubmitHandler()" class="login-submit pointer">{{$t('login.login')}}</div>
<div class="login-func">
<div @click="onRegisterHandler()" class="login-func-btn pointer">註冊</div>
<div @click="onForgetHandler()" class="login-func-btn pointer">忘記密碼</div>
<div @click="onRegisterHandler()" class="login-func-btn pointer">{{$t('login.register')}}</div>
<div @click="onForgetHandler()" class="login-func-btn pointer">{{$t('login.forget')}}</div>
</div>
</div>
<!-- OTP登陆 -->
<div v-if="type == 2" class="login">
<div class="login-tit">平安壹賬通</div>
<div class="login-tit"> {{$t('login.title')}}</div>
<div class="login-nav">
<div @click="onLoginTypeHandler(1)" class="login-nav-tit text-r pointer">账密登录</div>
<div @click="onLoginTypeHandler(1)" class="login-nav-tit text-r pointer"> {{$t('login.loginType1')}}</div>
<div class="login-nav-v-line">|</div>
<div @click="onLoginTypeHandler(2)" class="login-nav-tit pointer active">動態密碼登录</div>
<div @click="onLoginTypeHandler(2)" class="login-nav-tit pointer active"> {{$t('login.loginType2')}}</div>
</div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/login/icon-login-phone.png"> 手機號
<img src="@/assets/images/login/icon-login-phone.png"> {{$t('login.mobile')}}
</div>
<div class="ipt-wrap">
<input placeholder="手機號" class="ipt" type="text">
<input :placeholder="$t('login.mobilePlaceholder')" class="ipt" type="text">
</div>
</div>
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/login/icon-login-message.png"> 驗證碼
<img src="@/assets/images/login/icon-login-message.png"> {{$t('login.verifyCode')}}
</div>
<div class="ipt-wrap">
<div class="ipt ipt2">
<input placeholder="驗證碼" class="ipt-code" type="text">
<div class="veri-btn pointer">獲取驗證碼</div>
<input :placeholder="$t('login.verifyCodePlaceholder')" class="ipt-code" type="text">
<div class="veri-btn pointer"> {{$t('login.verifyCodeGet')}}</div>
</div>
</div>
</div>
</div>
<div class="login-protocol">
<img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png">同意
<span @click="onProtocolHandler()" class="protocol pointer">《平安一账通会员服务协议》</span>
<img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png"> {{$t('login.agree')}}
<span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span>
</div>
<div @click="onSubmitHandler()" class="login-submit pointer">登入</div>
<div @click="onSubmitHandler()" class="login-submit pointer">{{$t('login.login')}}</div>
<div class="login-func">
<div @click="onRegisterHandler()" class="login-func-btn pointer">註冊</div>
<div @click="onForgetHandler()" class="login-func-btn pointer">忘記密碼</div>
<div @click="onRegisterHandler()" class="login-func-btn pointer">{{$t('login.register')}}</div>
<div @click="onForgetHandler()" class="login-func-btn pointer">{{$t('login.forget')}}</div>
</div>
</div>
</div>
......
......@@ -31,7 +31,38 @@ export default {
},
initData() {
// 初始化数据
this.items = new Array(12);
// this.items = new Array(12);
if (this.$i18n.locale == 'zh') {
this.items = [
"平安人寿2019年2季度保险消费报告出炉！",
"公益献礼华诞年，创新开拓扶贫路",
"平安920要放大招啦！内含超强攻略！",
"突发！平安人寿迅速应对广东阳江大巴交通事故",
"伴成长、助扶贫，平安人寿客服节给家庭“AI”的力量",
"“平安行动 种子计划”推进急救知识全民普及",
"科技助力客户体验升级，平安人寿打造智慧服务生态",
"连续11年进入世界500强，中国平安，稳！",
"全国第四！财富中国500强平安再创佳绩",
"平安福又双叒叕获大奖，平安人寿获奖产品大盘点",
"突发！平安人寿迅速应对四川宜宾地震",
"超硬核新产品，今年司庆有安排！",
]
} else {
this.items = [
"平安人壽2019年2季度保險消費報告出爐！",
"公益獻禮華誕年，創新開拓扶貧路",
"平安920要放大招啦！內含超強攻略！",
"突發！平安人壽迅速應對廣東陽江大巴交通事故",
"伴成長、助扶貧，平安人壽客服節給家庭“AI”的力量",
"“平安行動 種子計劃”推進急救知識全民普及",
"科技助力客戶體驗升級，平安人壽打造智慧服務生態",
"連續11年進入世界500強，中國平安，穩！",
"全國第四！財富中國500強平安再創佳績",
"平安福又雙叒叕獲大獎，平安人壽獲獎產品大盤點",
"突發！平安人壽迅速應對四川宜賓地震",
"超硬核新產品，今年司慶有安排！",
]
}
}
},
mounted() {},
......
......@@ -10,7 +10,7 @@
<div @click="toNewsDetail()" v-for="(item,index) in items" :key="index" class="news-item">
<div class="news-item-tit">
<div class="point"></div>
平安人壽2019年2季度保險消費報告出爐！
{{item}}
<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>
......
......@@ -17,7 +17,7 @@
<div class="payment-cont">
<template v-if="locale =='zh'">
<!-- 繁体 -->
<!-- 简体 -->
<div v-if="curIndex == 0" class="payment-cont-item">
<ul>
<li>现金：缴付保费的上限为每张保单15,000美元正或等值港元。</li>
......
<template>
<div class="content">
<div v-if="$i18n.locale != 'zh'">
<div class="top-space"></div>
<h2 class="tit">公司簡介</h2>
<div class="box desc">
&nbsp;&nbsp;&nbsp;&nbsp;中國平安人壽保險股份有限公司成立於2002年,是中國平安保險（集團）股份有限公司旗下的重要成員。截至2017年12月31日,平安人壽註冊資本為338億元，在全國擁有42家分公司（含7家電話銷售中心）及超過3,300個營業網點,壽險代理人達138.6萬名。公司個險、銀保、電銷、互聯網多渠道齊頭並進，實現協同發展，運營管理水平及客戶體驗領先市場，並依托集團“金融+科技”雙驅動戰略，在合規經營、防範風險的前提下，開啟平臺經營新時代，持續提升產品、科技兩大核心競爭力，推動內含價值及規模持續、健康、穩定增長。
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;公司秉承“保險姓保”理念,聚焦“產品+”戰略,延伸壽險產品邊界。2017年對主力保障型產品“平安福”進行優化升級，提升保障額度；細分客群，開發具有癌癥多次給付、長期殘疾護理、高端終身壽險等保障功能的產品，構建多元化保障供給體系；依托集團資源推出就醫360服務，為客戶提供“診斷－ 治療－ 康復”全流程解決方案和服務支持，並結合平安RUN健康行項目，打造“上遊健康預防，中遊經濟補償，下遊醫療服務”的健康閉環，滿足客戶全方位的健康風險管理需求。
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;面對互聯網和新科技帶來的挑戰與機遇，平安人壽運用領先科技，打造未來發展新引擎,升級創新業務模式。以“金管家”APP為核心的移動金融生活平臺，連通線上、線下多場景客戶經營。截至2017年12月31日，“金管家”APP為1.36億註冊用戶提供保險保單、財富增值、豐富活動和健康管理等全方位的金融生活服務。在客戶服務方面,平安人壽以科技創造極致客戶體驗。業內首創“智慧客服”, 依托集團海量客戶數據和AI技術, 構建業務甄別、風險定位、在線自助、空中門店四大能力, 大幅提升保全、理賠、核保的服務時效。70%的理賠客戶可以實現30分鐘內賠付，96%的投保可以實時承保。推出兩個月後，”智慧客服”即累計受理空中業務超2.8萬件，日均受理約400件，最快用時3分鐘。
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;平安人壽以慈善文化為公司企業文化 , 堅持“執善心，築大業”理念, 以“最受尊敬公司”為願景。百年善業，責任為先。平安人壽始終懷抱感恩之心反哺社會，壹直把企業社會責任作為推動公司可持續發展的動力，聚焦“慈善”文化，弘揚“大愛與責任”。通過開展以“健步行”與“閱讀”為主體的“新生活運動”及教育、扶貧、環境、災難救助等公益事業，專註創造美好明天。
</div>
</div>
<div v-if="$i18n.locale == 'zh'">
<div class="top-space"></div>
......@@ -23,6 +13,17 @@
</div>
</div>
<div v-else>
<div class="top-space"></div>
<h2 class="tit">公司簡介</h2>
<div class="box desc">
&nbsp;&nbsp;&nbsp;&nbsp;中國平安人壽保險股份有限公司成立於2002年,是中國平安保險（集團）股份有限公司旗下的重要成員。截至2017年12月31日,平安人壽註冊資本為338億元，在全國擁有42家分公司（含7家電話銷售中心）及超過3,300個營業網點,壽險代理人達138.6萬名。公司個險、銀保、電銷、互聯網多渠道齊頭並進，實現協同發展，運營管理水平及客戶體驗領先市場，並依托集團“金融+科技”雙驅動戰略，在合規經營、防範風險的前提下，開啟平臺經營新時代，持續提升產品、科技兩大核心競爭力，推動內含價值及規模持續、健康、穩定增長。
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;公司秉承“保險姓保”理念,聚焦“產品+”戰略,延伸壽險產品邊界。2017年對主力保障型產品“平安福”進行優化升級，提升保障額度；細分客群，開發具有癌癥多次給付、長期殘疾護理、高端終身壽險等保障功能的產品，構建多元化保障供給體系；依托集團資源推出就醫360服務，為客戶提供“診斷－ 治療－ 康復”全流程解決方案和服務支持，並結合平安RUN健康行項目，打造“上遊健康預防，中遊經濟補償，下遊醫療服務”的健康閉環，滿足客戶全方位的健康風險管理需求。
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;面對互聯網和新科技帶來的挑戰與機遇，平安人壽運用領先科技，打造未來發展新引擎,升級創新業務模式。以“金管家”APP為核心的移動金融生活平臺，連通線上、線下多場景客戶經營。截至2017年12月31日，“金管家”APP為1.36億註冊用戶提供保險保單、財富增值、豐富活動和健康管理等全方位的金融生活服務。在客戶服務方面,平安人壽以科技創造極致客戶體驗。業內首創“智慧客服”, 依托集團海量客戶數據和AI技術, 構建業務甄別、風險定位、在線自助、空中門店四大能力, 大幅提升保全、理賠、核保的服務時效。70%的理賠客戶可以實現30分鐘內賠付，96%的投保可以實時承保。推出兩個月後，”智慧客服”即累計受理空中業務超2.8萬件，日均受理約400件，最快用時3分鐘。
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;平安人壽以慈善文化為公司企業文化 , 堅持“執善心，築大業”理念, 以“最受尊敬公司”為願景。百年善業，責任為先。平安人壽始終懷抱感恩之心反哺社會，壹直把企業社會責任作為推動公司可持續發展的動力，聚焦“慈善”文化，弘揚“大愛與責任”。通過開展以“健步行”與“閱讀”為主體的“新生活運動”及教育、扶貧、環境、災難救助等公益事業，專註創造美好明天。
</div>
</div>
</div>
</template>
......
......@@ -12,6 +12,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: {
onCheckHandler() {
......
......@@ -11,13 +11,18 @@
</div>
<div class="box">
<div v-if="type == 1" class="login">
<div class="login-tit">歡迎註冊一賬通</div>
<div class="login-tit">{{$t('register.title')}}</div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="ipt-wrap">
<img class="down-arrow" src="@/assets/images/reservation/re-down-arrow.png" alt="">
<select class="ipt">
<option>香港手機號</option>
<template v-if="locale == 'zh'">
<option>香港手机号</option>
</template>
<template v-else>
<option>香港手機號</option>
</template>
</select>
</div>
</div>
......@@ -25,46 +30,46 @@
<div class="ipt-wrap">
<div class="ipt ipt2">
<div class="region-tel">+852</div>
<input placeholder="请输入8位手机号码" class="ipt-tel" type="text">
<input :placeholder="$t('register.mobilePlaceholder')" class="ipt-tel" type="text">
</div>
</div>
</div>
<div class="pure-u-1 form-item">
<div class="ipt-wrap">
<div class="ipt ipt2">
<input placeholder="請輸入驗證碼" class="ipt-code" type="text">
<div class="veri-btn pointer">獲取驗證碼</div>
<input :placeholder="$t('register.verifyCodePlaceholder')" class="ipt-code" type="text">
<div class="veri-btn pointer">{{$t('register.verifyCodeGet')}}</div>
</div>
</div>
</div>
</div>
<div class="login-protocol">
<img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png">同意
<span @click="onProtocolHandler()" class="protocol pointer">《平安一账通会员服务协议》</span>
<img @click="onCheckHandler()" class="check pointer" src="@/assets/images/login/login-check.png">{{$t('register.agree')}}
<span @click="onProtocolHandler()" class="protocol pointer">{{$t('register.protocol')}}</span>
</div>
<div @click="onSubmitHandler()" class="login-submit pointer">點擊註冊</div>
<div @click="onSubmitHandler()" class="login-submit pointer">{{$t('register.register')}}</div>
</div>
<div v-if="type == 2" class="login">
<div class="login-tit">請設置新的密碼</div>
<div class="login-tit">{{$t('register.title2')}}</div>
<div class="gird-g form">
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> 新密碼
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPassword')}}
</div>
<div class="ipt-wrap">
<input placeholder="請輸入證件號/一账通用户名/手机号" class="ipt" type="text">
<input :placeholder="$t('register.newPasswordPlaceholder')" class="ipt" type="text">
</div>
</div>
<div class="pure-u-1 form-item">
<div class="label">
<img src="@/assets/images/register/icon-register-lock.png"> 確認密碼
<img src="@/assets/images/register/icon-register-lock.png"> {{$t('register.newPasswordSure')}}
</div>
<div class="ipt-wrap">
<input placeholder="輸入登錄密碼" class="ipt" type="text">
<input :placeholder="$t('register.newPasswordSurePlaceholder')" class="ipt" type="text">
</div>
</div>
</div>
<div @click="onSubmitHandler()" class="login-submit pointer">確認</div>
<div @click="onSubmitHandler()" class="login-submit pointer">{{$t('register.sure')}}</div>
</div>
</div>
</div>
......