Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
3fdb8042 by simon
Options

默认提交

1 parent 0c0f85f5
Inline Side-by-side
Showing 16 changed files with 401 additions and 157 deletions
......@@ -9,7 +9,99 @@ module.exports = {
en: 'English'
},
nav: {
ttt: "2"
loginData: {
name: "login",
path: "",
list: [{
name: "login",
path: "/login",
value: ""
},
{
name: "modify password",
path: "",
value: ""
},
{
name: "logout",
path: "",
value: ""
},
]
},
navList: [{
name: "Product description",
path: "/product",
list: []
},
{
name: "Customer service",
path: "",
list: [{
name: "Query",
path: "/custom/service"
},
{
name: "Change",
path: ""
},
{
name: "Renewal",
path: "/payment/type"
},
{
name: "Claim",
path: ""
},
{
name: "Booking",
path: "/reservation"
},
{
name: "Complaint",
path: ""
},
]
},
{
name: "News",
path: "/news/list",
list: []
},
{
name: "About",
path: "",
list: [{
name: "Company",
path: "/profile"
},
{
name: "Leaders",
path: ""
},
]
},
]
},
footer: {
hkPhone: "HK Tel",
cnPhone: "CN Tel",
aboutUs: "About us",
companyIntroduction: "Company introduction",
news: "News",
joinUs: "Join us",
helpCenter: "Help center",
privacy: "Privacy",
terms: "Terms",
map: "Map",
contactUs: "Contact us",
contactInformation: "Contact Information",
service: "Service",
qrcode: "Official Accounts"
},
index: {
news: "news",
newMore: "more",
},
product: {
btnPosition: "Booking service",
......
......@@ -9,22 +9,114 @@ module.exports = {
en: 'English'
},
nav: {
ttt: "2"
},
product : {
btnPosition : "預約服務",
iconProblem : "常見問題",
iconProcess : "投保流程",
iconProduct : "產品詳情"
},
customService : {
name : "客户服务",
menu1 : "保單查詢",
menu2 : "保全變更",
menu3 : "續期繳費",
menu4 : "理賠申請",
menu5 : "預約服務",
menu6 : "投訴受理",
loginData: {
name: "登入",
path: "",
list: [{
name: "登入",
path: "/login",
value: ""
},
{
name: "修改密码",
path: "",
value: ""
},
{
name: "登出",
path: "",
value: ""
},
]
},
navList: [{
name: "產品介紹",
path: "/product",
list: []
},
{
name: "客戶服務",
path: "",
list: [{
name: "保單查詢",
path: "/custom/service"
},
{
name: "保全變更",
path: ""
},
{
name: "續期繳費",
path: "/payment/type"
},
{
name: "理賠申請",
path: ""
},
{
name: "預約服務",
path: "/reservation"
},
{
name: "投訴受理",
path: ""
},
]
},
{
name: "新聞資訊",
path: "/news/list",
list: []
},
{
name: "關於平安人壽",
path: "",
list: [{
name: "公司簡介",
path: "/profile"
},
{
name: "領導人概況",
path: ""
},
]
},
]
},
footer: {
hkPhone: "香港号码",
cnPhone: "内地号码",
aboutUs: "關於我們",
companyIntroduction: "集团介绍",
news: "新聞資訊",
joinUs: "加入我們",
helpCenter: "幫助中心",
privacy: "隱私政策",
terms: "使用條款",
map: "网站地图",
contactUs: "聯絡我們",
contactInformation: "联系方式",
service: "服务网点",
qrcode: "官方公眾號"
},
index: {
news: "新聞資訊",
newMore: "查看更多",
},
product: {
btnPosition: "預約服務",
iconProblem: "常見問題",
iconProcess: "投保流程",
iconProduct: "產品詳情"
},
customService: {
name: "客戶服務",
menu1: "保單查詢",
menu2: "保全變更",
menu3: "續期繳費",
menu4: "理賠申請",
menu5: "預約服務",
menu6: "投訴受理",
insuranceQuery: {
InsurantNumber: "保單號碼",
Insurant: "被保人",
......@@ -33,29 +125,29 @@ module.exports = {
effectiveDate: "生效日期",
period: "保障年期",
t2Title : "保障內容",
t2InsurantClassify : "險種名稱",
t2InsurantAmount : "保額",
t2Title: "保障內容",
t2InsurantClassify: "險種名稱",
t2InsurantAmount: "保額",
t3Title : "客戶資料",
t3InsurantNameCn : "投保人姓名（中文）",
t3InsurantNameEn : "投保人姓名（英文）",
t3InsurantIdNumber : "證件號碼",
t3InsurantContactAddress : "聯繫地址",
t3InsurantAddress : "居住地址",
t3InsurantMobile : "手提電話",
t3InsurantEmail : "電子郵箱",
t3InsuredNameCn : "受保人姓名（中文）",
t3InsuredNameEn : "受保人姓名（英文）",
t3InsuredBirthday : "出生日期",
t3InsuredIdNumber : "證件號碼",
t3Title: "客戶資料",
t3InsurantNameCn: "投保人姓名（中文）",
t3InsurantNameEn: "投保人姓名（英文）",
t3InsurantIdNumber: "證件號碼",
t3InsurantContactAddress: "聯繫地址",
t3InsurantAddress: "居住地址",
t3InsurantMobile: "手提電話",
t3InsurantEmail: "電子郵箱",
t3InsuredNameCn: "受保人姓名（中文）",
t3InsuredNameEn: "受保人姓名（英文）",
t3InsuredBirthday: "出生日期",
t3InsuredIdNumber: "證件號碼",
t4Title : "受益人資料", // t4BeneficiaryInformation
t4NameCn : "姓名（中文）",
t4NameEn : "姓名（英文）",
t4Allocation : "分配比例",
t4Title: "受益人資料", // t4BeneficiaryInformation
t4NameCn: "姓名（中文）",
t4NameEn: "姓名（英文）",
t4Allocation: "分配比例",
t5Title : "繳費資料",
t5Title: "繳費資料",
t5PaymentPeriod: "續費年期",
t5PaymentMethod: "繳費方式",
t5PaymentCurrency: "繳費幣種",
......@@ -63,11 +155,11 @@ module.exports = {
t5PaymentBank: "繳費銀行",
t5PaymentAccount: "繳費帳號",
t6Title : "繳費記錄",
t6Title: "繳費記錄",
t6PaymentPeriod: "繳費期",
t6PaymentMethod : "繳費方式",
t6ClosingDate : "實收日期",
t6PaymentAmount : "繳費金額",
t6PaymentMethod: "繳費方式",
t6ClosingDate: "實收日期",
t6PaymentAmount: "繳費金額",
}
}
}
......
......@@ -9,7 +9,99 @@ module.exports = {
en: '英文'
},
nav: {
ttt: "1"
loginData: {
name: "登陆",
path: "",
list: [{
name: "登陆",
path: "/login",
value: ""
},
{
name: "修改密码",
path: "",
value: ""
},
{
name: "登出",
path: "",
value: ""
},
]
},
navList: [{
name: "产品介绍",
path: "/product",
list: []
},
{
name: "客户服务",
path: "",
list: [{
name: "保单查询",
path: "/custom/service"
},
{
name: "保全变更",
path: ""
},
{
name: "续期缴费",
path: "/payment/type"
},
{
name: "理赔申请",
path: ""
},
{
name: "预约服务",
path: "/reservation"
},
{
name: "投诉受理",
path: ""
},
]
},
{
name: "新聞資訊",
path: "/news/list",
list: []
},
{
name: "關於平安人壽",
path: "",
list: [{
name: "公司簡介",
path: "/profile"
},
{
name: "領導人概況",
path: ""
},
]
},
]
},
footer: {
hkPhone: "香港号码",
cnPhone: "内地号码",
aboutUs: "关于我们",
companyIntroduction: "集团介绍",
news: "新闻资讯",
joinUs: "加入我们",
helpCenter: "帮助中心",
privacy: "隐私政策",
terms: "使用条款",
map: "网站地图",
contactUs: "联络我们",
contactInformation: "联系方式",
service: "服务网点",
qrcode: "官方公众号"
},
index: {
news: "新闻资讯",
newMore: "查看更多",
},
product: {
btnPosition: "预约服务",
......@@ -18,7 +110,7 @@ module.exports = {
iconProduct: "产品详情"
},
customService: {
name: "客戶服務",
name: "客户服务",
menu1: "保单查询",
menu2: "保全变更",
menu3: "续期缴费",
......
......@@ -73,6 +73,7 @@ export default {
this.$i18n.locale = lang;
localStorage.setItem("lang", lang);
this.sTitle = curData.name;
window.location.reload();
} else {
// 不是的话，跳转页面
this.$router.push({
......
......@@ -31,10 +31,11 @@
li {
@extend .fcc;
border-bottom: solid 1px #f1f1f1;
background: #ffffff;
height: 4.25rem;
line-height: 4.25rem;
min-height: 4.25rem;
// line-height: 4.25rem;
text-align: center;
}
......
......@@ -4,12 +4,13 @@
<!-- 登陆下拉样式 -->
<template v-if="type=='login'">
<div class="user">
<img class="icon-img" src="@/assets/images/home/icon-user.png"> 登入
<img class="icon-img" src="@/assets/images/home/icon-user.png"> {{dataObj.name}}
</div>
</template>
<!-- 其他下拉样式 -->
<template v-else>
<span @click="onNavHandler()">
{{dataObj.name}}
{{type == "lang" ? sTitle : dataObj.name}}
</span>
</template>
<div class="list">
......
......@@ -35,7 +35,7 @@
// 热线
.hotline {
margin-right: 4.2rem;
margin-right: 8rem;
.contact {
.n-item {
......@@ -49,7 +49,6 @@
font-weight: bold;
}
&:first-child {
margin-bottom: 2rem;
}
......@@ -63,11 +62,12 @@
display: flex;
.nav-v {
margin: 0 5.2rem;
// margin: 0 5.2rem;
}
.n-item {
cursor: pointer;
min-width: 15rem;
}
}
......@@ -118,9 +118,16 @@
.nav {
margin-top: 2rem;
// flex: d;
display: flex;
.nav-v {
margin: 0 1.6rem 0 0;
// margin: 0 1.6rem 0 0;
width: 100%;
}
.n-item{
min-width: 0;
}
}
......
......@@ -11,36 +11,36 @@
<div class="info">
<div class="hotline">
<div class="contact">
<div class="n-item">香港号码</div>
<div class="n-item">{{$t('footer.hkPhone')}}</div>
<div class="phone">(852)2983 8866</div>
</div>
<div class="contact">
<div class="n-item">内地号码</div>
<div class="n-item">{{$t('footer.cnPhone')}}</div>
<div class="phone">(86)40078 95511</div>
</div>
</div>
<div class="nav">
<div class="nav-v">
<div @click="toPage('profile')" class="n-item">關於我們</div>
<div @click="toPage('profile')" class="n-item">集团介绍</div>
<div @click="toPage('newsList')" class="n-item">新聞資訊</div>
<div class="n-item">加入我們</div>
<div @click="toPage('profile')" class="n-item">{{$t('footer.aboutUs')}}</div>
<div @click="toPage('profile')" class="n-item">{{$t('footer.companyIntroduction')}}</div>
<div @click="toPage('newsList')" class="n-item">{{$t('footer.news')}}</div>
<div class="n-item">{{$t('footer.joinUs')}}</div>
</div>
<div class="nav-v">
<div class="n-item">幫助中心</div>
<div @click="toPage('privacy')" class="n-item">隱私政策</div>
<div @click="toPage('terms')" class="n-item">使用條款</div>
<div class="n-item">网站地图</div>
<div class="n-item">{{$t('footer.helpCenter')}}</div>
<div @click="toPage('privacy')" class="n-item">{{$t('footer.privacy')}}</div>
<div @click="toPage('terms')" class="n-item">{{$t('footer.terms')}}</div>
<div class="n-item">{{$t('footer.map')}}</div>
</div>
<div class="nav-v">
<div class="n-item">聯絡我們</div>
<div class="n-item">联系方式</div>
<div class="n-item">服务网点</div>
<div class="n-item">{{$t('footer.contactUs')}}</div>
<div class="n-item">{{$t('footer.contactInformation')}}</div>
<div class="n-item">{{$t('footer.service')}}</div>
</div>
</div>
<div class="focus">
<div class="tit">官方公眾號</div>
<div class="tit">{{$t('footer.qrcode')}}</div>
<img class="qrcode" src="@/assets/images/home/qrcode-focus.png" alt="">
</div>
......
import {
mapState
} from 'vuex'
import {
getObjByListKeyValue
} from '@utils/utils.js'
import VDropdown from '@components/home/dropdown/dropdown.vue'
export default {
......@@ -8,86 +12,16 @@ export default {
components: {
VDropdown
},
computed: {
i18n() {
return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
}
},
data() {
return {
maxClientWidth: 950,
navList: [{
name: "產品介紹",
path: "",
list: []
},
{
name: "客戶服務",
path: "",
list: [{
name: "保單查詢",
path: ""
},
{
name: "理賠報案",
path: ""
},
{
name: "客戶投訴",
path: ""
},
{
name: "保全變更",
path: ""
},
{
name: "聯繫方式",
path: ""
},
{
name: "續期繳費",
path: ""
},
{
name: "預約服務",
path: "/reservation"
}
]
},
{
name: "新聞資訊",
path: "/news/list",
list: []
},
{
name: "關於平安人壽",
path: "",
list: [{
name: "公司簡介",
path: "/profile"
},
{
name: "領導人概況",
path: ""
},
]
},
],
loginData: {
name: "登入",
path: "",
list: [{
name: "登入",
path: "/login",
value: ""
},
{
name: "修改密码",
path: "",
value: ""
},
{
name: "登出",
path: "",
value: ""
},
]
},
navList: [],
loginData: {},
langData: {
name: "繁",
path: "",
......@@ -128,6 +62,13 @@ export default {
} else {
self.$store.commit('IS_SMALL_SCREEN', true)
}
},
initData() {
let i18n = this.$i18n.messages[this.$i18n.locale] || {};
this.loginData = i18n.nav.loginData;
this.navList = i18n.nav.navList;
let curLang = getObjByListKeyValue(this.$i18n.locale, "value", this.langData.list)
this.langData.name = curLang.name;
}
},
mounted() {
......@@ -136,5 +77,8 @@ export default {
document.body.onresize = () => {
self.checkIsSmallScreen();
}
}
},
created() {
this.initData();
},
}
......
......@@ -5,6 +5,7 @@ import {
} from '@/api/fetch-api.js'
export default {
name : "InsuranceQuery",
data() {
return {
......
......@@ -4,7 +4,7 @@ import {
httpPost
} from '@/api/fetch-api.js'
import InsuranceQuery from './components/insurance-query'
import InsuranceQuery from './components/insurance-query.vue'
export default {
data() {
......@@ -13,7 +13,7 @@ export default {
}
},
methods: {
initData() { },
initData() {},
},
created() {
let activity = this.$route.params.p;
......
......@@ -23,8 +23,12 @@ export default {
}
},
components: {},
computed: {
i18n() {
return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
}
},
methods: {
/**
* 推荐产品
*/
......@@ -59,15 +63,6 @@ export default {
path: '/news/detail'
})
},
chn(val) {
if (val == 1) {
this.$i18n.locale = 'en'
localStorage.setItem("lang", "en");
} else {
this.$i18n.locale = 'zh'
localStorage.setItem("lang", "zh");
}
},
initData() {}
},
mounted() {},
......
......@@ -38,11 +38,11 @@
<!-- 新闻资讯 -->
<div class="box news">
<div class="linear"></div>
<div class="tit">新聞資訊</div>
<div class="tit">{{$t('index.news')}}</div>
<div class="under-line"></div>
<div class="news-wrap">
<div @click="onMoreNewsHandler" class="more pointer">
查看更多 >
{{$t('index.newMore')}} >
</div>
<div @click="toNewsDetail()" class="news-item">
<div class="news-item-tit">平安人壽2019年2季度保險消費報告出爐！</div>
......
......@@ -15,9 +15,11 @@ export default {
methods: {
initData() {},
checkBtnGroupFixed() {
if (this.$refs.ruleBtnGroup) {
let top = this.$refs.ruleBtnGroup.getBoundingClientRect().top;
this.isFixTop = top < 0;
}
}
},
computed: {
fixTop() {
......
......@@ -161,6 +161,22 @@ export function getQuery(name) {
}
/**
* 从数组中获取 key未value的对象
* @param {*} value
* @param {*} key
* @param {*} list
*/
export function getObjByListKeyValue(value, key, list) {
let result = null;
list.forEach(element => {
if (element[key + ""] == value) {
result = element;
}
});
return result;
}
/**
* 把 \n换行符转换成<br>
* 转换后需要用 v-html渲染
* 用{{}}会当成字符串把 html渲染出来
......