Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
26117ad8 by joe
Options

部分修改备份

1 parent dac7f686
Inline Side-by-side
Showing 30 changed files with 405 additions and 265 deletions
......@@ -400,6 +400,11 @@ textarea {
}
}
.flex-center {
display: flex;
justify-content: center
}
@media (max-width: 1200px) {
.page-index {
.video-js {
......
......@@ -58,8 +58,7 @@ module.exports = {
},
navList: [{
name: "Products",
path: "",
value: "gotoVHIS",
path: "/empty",
list: [{
name: "VHIS",
path: "",
......@@ -386,7 +385,7 @@ module.exports = {
contactTime: "Preferred Contact Date",
notice1: "The personal data collected in this form is processed in accordance with Ping An Life Insurance Company of China (HK), Ltd Personal Information Collection Statement and will only be used to contact you. However, the personal data collected will not be transferred to third-party organizations other than those specified in the \"Ping An Life Insurance Company of China (HK), Ltd Personal Data Collection Statement\" without your explicit authorization. You can choose not to provide us with the required personal information, but this may prevent us from contacting you. You can also access and correct your personal data in accordance with Ping An Life Insurance Company of China (HK), Ltd Personal Data Collection Statement。",
notice2: "I hereby confirm that I understand and agree that my personal data will be used for the above purposes in accordance with the Ping An Life Insurance Company of China (HK) Personal Data Collection Statement.",
contactTypes: [{ name: 'Mobile', value: 1 }, { name: 'Email', value: 2 }],
contactTypes: [{ name: 'Mobile', value: 1, show: "Mobile", icon: "mobile" }, { name: 'Email', value: 2, show: "Email", icon: "email" }],
errorTips: {
e1: "Please fill in this item",
e2: "Please fill in the correct contact information"
......@@ -519,7 +518,7 @@ module.exports = {
]
},
policyChangeGuide: {
notice: "If you need to modify please",
noticeLink: "contact customer service",
head1: "Item",
......@@ -769,10 +768,10 @@ module.exports = {
per: "page",
page: ""
},
newsDetail : {
back : "Back",
publishAt : "Publish time",
readers : "Number of reader",
per : ""
newsDetail: {
back: "Back",
publishAt: "Publish time",
readers: "Number of reader",
per: ""
}
}
......
......@@ -15,10 +15,10 @@ module.exports = {
datePicker: {
datePlaceholder: "请选择日期"
},
modalUploadCard:{
tit:"請上傳證件資料",
front:"證件正面",
back:"證件反面",
modalUploadCard: {
tit: "請上傳證件資料",
front: "證件正面",
back: "證件反面",
}
},
nav: {
......@@ -26,40 +26,40 @@ module.exports = {
name: "登入",
path: "/login",
list: [{
name: "註冊",
path: "/register",
type: "noAuth",
value: ""
}, {
name: "登入",
path: "/login",
type: "noAuth",
value: ""
},
{
name: "修改密碼",
path: "/password/reset",
type: "auth",
value: ""
},
{
name: "個人信息",
path: "/infomation/improve",
type: "auth",
value: ""
},
{
name: "登出",
path: "",
type: "auth",
value: "logout"
}
name: "註冊",
path: "/register",
type: "noAuth",
value: ""
}, {
name: "登入",
path: "/login",
type: "noAuth",
value: ""
},
{
name: "修改密碼",
path: "/password/reset",
type: "auth",
value: ""
},
{
name: "個人信息",
path: "/infomation/improve",
type: "auth",
value: ""
},
{
name: "登出",
path: "",
type: "auth",
value: "logout"
}
]
},
navList: [
{
name: "產品介紹",
path: "",
path: "/empty",
list: [{
name: "自願醫保計劃",
path: "",
......@@ -122,7 +122,7 @@ module.exports = {
{
name: "公司活動",
path: "/empty"
},{
}, {
name: "新聞中心",
path: "/news/list"
},
......@@ -139,13 +139,13 @@ module.exports = {
name: "加入我們",
path: "/empty",
list: [{
name: "企業文化",
path: "/empty"
},
{
name: "事業發展機會",
path: "/empty"
},
name: "企業文化",
path: "/empty"
},
{
name: "事業發展機會",
path: "/empty"
},
]
}
]
......@@ -259,7 +259,7 @@ module.exports = {
type1: {
title: "密碼找回",
t1: "用戶輸入信息",
t1Placeholder: "手機號/證件號",
t1Placeholder: "手機號/一賬通用戶名/證件號",
submit: "確認",
error: "您的手機號或證件號輸入錯誤，請核對后重新輸入",
},
......@@ -385,12 +385,12 @@ module.exports = {
contactTime: "期望聯絡時間",
notice1: "本表格所收集的個人資料根據「平安人壽香港個人資料收集聲明」處理及只會被用作於聯絡 閣下之用。然而所收集的個人資料未經您明確授權將不會轉移至「平安人壽香港個人資料收集聲明」列明以外之第三者機構。您可選擇不向我們提供所需的個人資料，惟這樣可能導致我們不能聯絡您。您亦可根據「平安人壽香港個人資料收集聲明」之權利查閱及更正個人資料。",
notice2: "本人現確認明白並同意本人的個人資料根據中銀人壽個人資料收集聲明作以上述用途。",
contactTypes: [{ name: '電話', value: 1 }, { name: '電郵', value: 2 }],
contactTypes: [{ name: '電話', value: 1, show: "聯絡電話", icon: "mobile" }, { name: '電郵', value: 2, show: "電郵地址", icon: "email" }],
errorTips: {
e1: "請填寫該項內容",
e2: "請填寫正確的聯繫方式"
},
success : "感謝您的寶貴意見"
success: "感謝您的寶貴意見"
},
reservation: {
name: "姓名",
......@@ -412,7 +412,7 @@ module.exports = {
contactTime: "期望聯絡時間",
notice1: "本表格所收集的個人資料根據「平安人壽香港個人資料收集聲明」處理及只會被用作於聯絡 閣下之用。然而所收集的個人資料未經您明確授權將不會轉移至「平安人壽香港個人資料收集聲明」列明以外之第三者機構。您可選擇不向我們提供所需的個人資料，惟這樣可能導致我們不能聯絡您。您亦可根據「平安人壽香港個人資料收集聲明」之權利查閱及更正個人資料。",
notice2: "本人現確認明白並同意本人的個人資料根據中銀人壽個人資料收集聲明作以上述用途。",
success : "提交成功",
success: "提交成功",
submitBtn: '确认',
errorTips: {
e1: "請填寫該項內容",
......@@ -450,71 +450,71 @@ module.exports = {
head4: "附件",
download: "下載文檔",
form: [{
type: "繳費類",
list: [{
name: "「電子入賬服務」及銀行戶口<br>直接付款授權申請",
desc: "申請設立「 電子入賬服務」 及銀行戶口<br>直接付款授權時須提供",
download: "",
},
{
name: "信用卡戶口直接付款授權書",
desc: "申請信用卡戶口直接付款授權時須提供",
download: "",
}
]
type: "繳費類",
list: [{
name: "「電子入賬服務」及銀行戶口<br>直接付款授權申請",
desc: "申請設立「 電子入賬服務」 及銀行戶口<br>直接付款授權時須提供",
download: "",
},
{
type: "保單變更類",
list: [{
name: "保險合同解除申請書",
desc: "退保、冷靜期退保業務適用",
download: "",
},
{
name: "保險合同變更申請書（ 保單貸款還款類）",
desc: "保單貸款、還款業務適用",
download: "",
},
{
name: "保險合同變更申請書（ 保險合同計劃變更類）",
desc: "加保、減保、新增附險、復效等業務適用",
download: "",
},
{
name: "保險合同變更申請書（ 客戶信息變更類）",
desc: "基本資訊變更業務適用",
download: "",
},
{
name: "保險合同變更申請書（ 客戶權益變更類）",
desc: "交費方式、自墊選擇權變更、補發等業務適用",
download: "",
},
{
name: "授權委托書",
desc: "委托他人代辦時須提供",
download: "",
},
{
name: "稅收聲明",
desc: "CRS要求",
download: "",
},
{
name: "健康告知",
desc: "須二次核保的業務須提供",
download: "",
}
]
name: "信用卡戶口直接付款授權書",
desc: "申請信用卡戶口直接付款授權時須提供",
download: "",
}
]
},
{
type: "保單變更類",
list: [{
name: "保險合同解除申請書",
desc: "退保、冷靜期退保業務適用",
download: "",
},
{
type: "理賠類",
list: [{
name: "理賠申請書",
desc: "紙質申請的應備文件",
download: "",
}]
name: "保險合同變更申請書（ 保單貸款還款類）",
desc: "保單貸款、還款業務適用",
download: "",
},
{
name: "保險合同變更申請書（ 保險合同計劃變更類）",
desc: "加保、減保、新增附險、復效等業務適用",
download: "",
},
{
name: "保險合同變更申請書（ 客戶信息變更類）",
desc: "基本資訊變更業務適用",
download: "",
},
{
name: "保險合同變更申請書（ 客戶權益變更類）",
desc: "交費方式、自墊選擇權變更、補發等業務適用",
download: "",
},
{
name: "授權委托書",
desc: "委托他人代辦時須提供",
download: "",
},
{
name: "稅收聲明",
desc: "CRS要求",
download: "",
},
{
name: "健康告知",
desc: "須二次核保的業務須提供",
download: "",
}
]
},
{
type: "理賠類",
list: [{
name: "理賠申請書",
desc: "紙質申請的應備文件",
download: "",
}]
},
]
},
policyChangeGuide: {
......@@ -527,100 +527,100 @@ module.exports = {
head5: "應備材料",
download: "下載文檔",
form: [{
project: "退保",
content: "在冷靜期後解除合同，公司將退還保單現金價值或未滿期凈保費。（待產品精算確認）",
applicant: "投保人",
receptionTime: "保單效力終止前",
materialList: [{
name: "保險單",
},
{
name: "申請書",
type: 1,
},
{
name: "投保人有效身份證件",
},
{
name: "存折银行卡相关",
}
],
project: "退保",
content: "在冷靜期後解除合同，公司將退還保單現金價值或未滿期凈保費。（待產品精算確認）",
applicant: "投保人",
receptionTime: "保單效力終止前",
materialList: [{
name: "保險單",
},
{
project: "冷靜期退保",
content: "在冷靜期內提出解除合同，公司會無息退還全部保費",
applicant: "投保人",
receptionTime: "冷靜期結束前",
materialList: [{
name: "保險單",
},
{
name: "申請書",
type: 1,
},
{
name: "投保人有效身份證件",
},
{
name: "存折银行卡相关",
},
{
name: "首期保費發票",
}
],
name: "申請書",
type: 1,
},
{
project: "客戶資料變更",
projectType: 1,
path: "/custom/service",
query: {
q: "m42"
},
content: "投保人、受保人、受益人的個人信息變更",
applicant: "投保人",
receptionTime: "不限",
materialList: [{
name: "申請書",
type: 1,
},
{
name: "必要的證明材料",
}
],
name: "投保人有效身份證件",
},
{
project: "聯系方式變更",
projectType: 1,
path: "/custom/service",
query: {
q: "m43"
},
content: "地址、電話等信息的變更",
applicant: "投保人",
receptionTime: "不限",
materialList: [{
name: "申請書",
type: 1,
},
{
name: "投保人有效身份證件",
}
],
name: "存折银行卡相关",
}
],
},
{
project: "冷靜期退保",
content: "在冷靜期內提出解除合同，公司會無息退還全部保費",
applicant: "投保人",
receptionTime: "冷靜期結束前",
materialList: [{
name: "保險單",
},
{
project: "交費方式變更",
content: "更改保單的續期交費方式或交費賬號",
applicant: "投保人",
receptionTime: "保單交費期滿前",
materialList: [{
name: "申請書",
type: 1,
},
{
name: "保險單",
}
],
name: "申請書",
type: 1,
},
{
name: "投保人有效身份證件",
},
{
name: "存折银行卡相关",
},
{
name: "首期保費發票",
}
],
},
{
project: "客戶資料變更",
projectType: 1,
path: "/custom/service",
query: {
q: "m42"
},
content: "投保人、受保人、受益人的個人信息變更",
applicant: "投保人",
receptionTime: "不限",
materialList: [{
name: "申請書",
type: 1,
},
{
name: "必要的證明材料",
}
],
},
{
project: "聯系方式變更",
projectType: 1,
path: "/custom/service",
query: {
q: "m43"
},
content: "地址、電話等信息的變更",
applicant: "投保人",
receptionTime: "不限",
materialList: [{
name: "申請書",
type: 1,
},
{
name: "投保人有效身份證件",
}
],
},
{
project: "交費方式變更",
content: "更改保單的續期交費方式或交費賬號",
applicant: "投保人",
receptionTime: "保單交費期滿前",
materialList: [{
name: "申請書",
type: 1,
},
{
name: "保險單",
}
],
},
]
},
policyChangeContact: {
......@@ -634,10 +634,10 @@ module.exports = {
e2: "請填寫聯繫地址",
e3: "請填寫正確的電郵地址"
},
success : "更新成功",
success: "更新成功",
},
policyChangeInformation: {
title : "客戶資料變更",
title: "客戶資料變更",
owner: "投保人",
insured: "受保人",
obj: "變更對象",
......@@ -654,7 +654,7 @@ module.exports = {
upload: "附件上傳",
modifyTips1: "如需修改請",
modifyTips2: "聯繫客服",
success : "更新成功",
success: "更新成功",
},
contactUs: {
service: {
......@@ -697,7 +697,7 @@ module.exports = {
menu7: "投訴受理",
menu8: "常用表格",
insuranceQuery: {
modify : "修改",
modify: "修改",
InsurantNumber: "保單號碼",
Insurant: "受保人",
......@@ -747,17 +747,17 @@ module.exports = {
t6ClosingDate: "實收日期",
t6PaymentAmount: "繳費金額",
showMore : "顯示所有保單",
showMore: "顯示所有保單",
noPolicy: "您還未購買保單，如有疑問請",
customService : "聯繫客服",
customService: "聯繫客服",
},
unauth: {
tips: "如您有平安一賬通賬戶，可幫助我們更好地為您提供服務",
or: "或",
login: "登錄",
register: "註冊",
baseInfoTip : "您的完整信息可幫助我們為你提供完整服務",
infoBtn : "前往完善"
baseInfoTip: "您的完整信息可幫助我們為你提供完整服務",
infoBtn: "前往完善"
}
},
pagination: {
......@@ -767,10 +767,10 @@ module.exports = {
per: "第",
page: "頁"
},
newsDetail : {
back : "回到列表頁",
publishAt : "發佈時間",
readers : "閱讀人數",
per : "人"
newsDetail: {
back: "回到列表頁",
publishAt: "發佈時間",
readers: "閱讀人數",
per: "人"
}
}
......
......@@ -58,8 +58,7 @@ module.exports = {
},
navList: [{
name: "产品介绍",
path: "",
value: "gotoVHIS",
path: "/empty",
list: [{
name: "自愿医保基本计划",
path: "",
......@@ -259,7 +258,7 @@ module.exports = {
type1: {
title: "密码找回",
t1: "用户输入信息",
t1Placeholder: "手机号/证件号",
t1Placeholder: "手机号/一账通用户名/证件号",
submit: "确认",
error: "您的手机号或证件号输入错误，请核对后重新输入",
},
......@@ -385,7 +384,7 @@ module.exports = {
contactTime: "期望联络时间",
notice1: "本表格所收集的个人资料根据「平安人寿香港个人资料收集声明」处理及只会被用作于联络 阁下之用。然而所收集的个人资料未经您明确授权将不会转移至「平安人寿香港个人资料收集声明」列明以外之第三者机构。您可选择不向我们提供所需的个人资料，惟这样可能导致我们不能联络您。您亦可根据「平安人寿香港个人资料收集声明」之权利查阅及更正个人资料。",
notice2: "本人现确认明白并同意本人的个人资料根据中银人寿个人资料收集声明作以上述用途。",
contactTypes: [{ name: '电话', value: 1 }, { name: '电邮', value: 2 }],
contactTypes: [{ name: '电话', value: 1, show: "联络电话", icon: "mobile" }, { name: '电邮', value: 2,show: "电邮地址", icon: "email" }],
errorTips: {
e1: "请填写该项内容",
e2: "请填写正确的联系方式"
......@@ -698,8 +697,8 @@ module.exports = {
menu7: "投诉受理",
menu8: "常用表格",
insuranceQuery: {
modify : "修改",
modify: "修改",
InsurantNumber: "保单号码",
Insurant: "受保人",
InsurantName: "险种名称",
......@@ -753,6 +752,23 @@ module.exports = {
customService: "联系客服",
},
unauth: {
m1: {
tit: "如需查询保单请投保人",
or: "/",
tail: "平安一账通账户"
},
m2: {
tit: "如需变更保单请投保人",
or: "/",
tail: "平安一账通账户"
},
m3: {
tit: "如您有平安一账通账户，可帮助我们更好地为您提供服务，",
or: "/",
tail: ""
},
tips: "如您有平安一账通账户，可帮助我们更好地为您提供服务",
or: "或",
login: "登录",
......@@ -768,10 +784,10 @@ module.exports = {
per: "第",
page: "页"
},
newsDetail : {
back : "回到列表页",
publishAt : "发布时间",
readers : "阅读人数",
per : "人"
newsDetail: {
back: "回到列表页",
publishAt: "发布时间",
readers: "阅读人数",
per: "人"
}
}
......
......@@ -127,6 +127,9 @@ export default {
showLogoutTip() {
// 登出后的提示
// alert("登出成功");
},
updateTitle(name) {
this.sTitle = name || this.sTitle;
}
},
computed: {
......
......@@ -27,7 +27,7 @@
<div @click="toPage('empty')" class="n-item">{{$t('footer.joinUs')}}</div>
</div>
<div class="nav-v">
<div class="n-item">{{$t('footer.helpCenter')}}</div>
<div @click="toPage('empty')" 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 @click="toPage('personalDataCollection')" class="n-item">{{$t('footer.protocol')}}</div>
......
......@@ -106,6 +106,7 @@ export default {
}
menuData.list = list;
this.$set(this, 'loginData', menuData);
// console.log(this.userInfo);
}
},
beforeDestroy() {
......
......@@ -13,7 +13,7 @@
<img @click="onShowDropdown('nav')" v-if="!dropdownMVisible" src="@/assets/images/home/mobile-nav.png" alt="">
<img @click="onShowDropdown('')" v-else src="@/assets/images/home/mobile-nav-close.png" alt="">
</div>
<m-dropdown class="lang" :type="'nav'" :visible="dropdownMVisible" :show-dropdown-m="onShowDropdown" :lang-list="langData.list"></m-dropdown>
<m-dropdown class="lang" :type="'nav'" :visible="dropdownMVisible" :show-dropdown-m="onShowDropdown" :lang-list="langData.list" ref="pcMenu"></m-dropdown>
<m-dropdown class="lang" :type="'login'" :visible="loginMVisible" :show-dropdown-m="onShowDropdown"></m-dropdown>
</div>
......@@ -26,7 +26,7 @@
<div class="nav-item search">
</div>
<div class="nav-item auth">
<v-dropdown class="lang" :type="'login'" :data-obj="loginData" :data-list="loginData.list"></v-dropdown>
<v-dropdown class="lang" :type="'login'" :data-obj="loginData" :data-list="loginData.list" ref="mobileMenu"></v-dropdown>
<v-dropdown class="lang" :type="'lang'" :data-obj="langData" :data-list="langData.list"></v-dropdown>
</div>
</div>
......
......@@ -9,6 +9,9 @@ import { contactMethodCheck } from '@utils/utils.js';
import Auth from '@components/auth/auth.vue';
import modalComp from '@/components/modal-comp/modal-comp.vue';
import DatePicker from '@/components/date-picker/date-picker.vue'
import Vue from 'vue';
import { Loading } from 'vant';
Vue.use(Loading);
export default {
data() {
......@@ -16,6 +19,7 @@ export default {
key: 'value',
isHkCus: true,
checked: false,
contactIconShow: "",
contactTypeShow: "",
data: {
name: "",
......@@ -69,7 +73,8 @@ export default {
},
initData() {
this.data.contactType = this.contactTypes[0].value;
this.contactTypeShow = this.contactTypes[0].name;
this.contactTypeShow = this.contactTypes[0].show;
this.contactIconShow = this.contactTypes[0].icon;
},
submitHandler() {
if (!this.checked || this.isSubmit) {
......@@ -170,6 +175,8 @@ export default {
'data.contactType': function (val) {
this.errorTips.contactTypeErr = "";
this.contactTypeShow = this.contactTypes[val - 1].name;
this.contactTypeShow = this.contactTypes[val - 1].show;
this.contactIconShow = this.contactTypes[val - 1].icon;
},
'data.contactMethod': function () {
this.errorTips.contactMethodErr = "";
......
......@@ -35,7 +35,10 @@
<div class="form-item flex1">
<div class="label">
<div class="icon"><img src="@/assets/images/complaint-acceptance/icon-ca-mail.png"></div>{{contactTypeShow}}
<div class="icon">
<img v-if="contactIconShow == 'email'" src="@/assets/images/complaint-acceptance/icon-ca-mail.png">
<img v-else src="@/assets/images/contact-us/icon-cs-call.png">
</div>{{contactTypeShow}}
</div>
<div class="ipt-wrap">
<input class="ipt mail-ipt" type="text" :class="{err : errorTips.contactMethodErr.length > 0}" v-model="data.contactMethod">
......@@ -108,8 +111,9 @@
</div>
<!-- 提交按钮 -->
<div class="submit-btn" @click="submitHandler" :class="{disabled:!checked}">
{{$t('reservation.submitBtn')}}
<div class="submit-btn flex-center" @click="submitHandler" :class="{disabled:!checked}">
<van-loading v-if="isSubmit" />
<span>{{$t('reservation.submitBtn')}}</span>
</div>
</div>
</div>
......
......@@ -57,7 +57,7 @@ export default {
return "港币";
}
},
toModifyPage(type) {
toModifyPage(type, toContact) {
// 1=受保人；2=投保人
if (!this.policy || !this.dataForm) {
return;
......@@ -65,9 +65,13 @@ export default {
let data = encodeURIComponent(JSON.stringify({ id: this.policy.policyId, code: this.policy.policyCode }));
sessionStorage.setItem("_hklife_policy", data);
if (type == 1) {
this.$router.push({ path: "/custom/service", query: { q: "m43", u: 1 } });
} else {
this.$router.push({ path: "/custom/service", query: { q: "m43", u: 2 } });
} else {
if (1 == toContact) {
this.$router.push({ path: "/custom/service", query: { q: "m42" } });
} else {
this.$router.push({ path: "/custom/service", query: { q: "m43", u: 1 } });
}
}
},
userLogout() {
......
......@@ -98,24 +98,24 @@
<div class="separator-h"></div>
<div class="data-line">
<div class="cell1">
<div class="label">{{$t('customService.insuranceQuery.t3n5')}}<span @click="toModifyPage(2)">{{$t('customService.insuranceQuery.modify')}}</span></div>
<div class="label">{{$t('customService.insuranceQuery.t3n5')}}<span @click="toModifyPage(2,1)">{{$t('customService.insuranceQuery.modify')}}</span></div>
<div class="label">{{dataForm.clientLivingAddress}}</div>
</div>
<div class="separator-v"></div>
<div class="cell1">
<div class="label">{{$t('customService.insuranceQuery.t3n6')}}<span @click="toModifyPage(2)">{{$t('customService.insuranceQuery.modify')}}</span></div>
<div class="label">{{$t('customService.insuranceQuery.t3n6')}}<span @click="toModifyPage(2,1)">{{$t('customService.insuranceQuery.modify')}}</span></div>
<div class="label">{{dataForm.clientContactAddress}}</div>
</div>
</div>
<div class="separator-h"></div>
<div class="data-line">
<div class="cell1">
<div class="label">{{$t('customService.insuranceQuery.t3n7')}}<span @click="toModifyPage(2)">{{$t('customService.insuranceQuery.modify')}}</span></div>
<div class="label">{{$t('customService.insuranceQuery.t3n7')}}<span @click="toModifyPage(2,1)">{{$t('customService.insuranceQuery.modify')}}</span></div>
<div class="label">{{dataForm.clientMobileNo}}</div>
</div>
<div class="separator-v"></div>
<div class="cell1">
<div class="label">{{$t('customService.insuranceQuery.t3n8')}}<span @click="toModifyPage(2)">{{$t('customService.insuranceQuery.modify')}}</span></div>
<div class="label">{{$t('customService.insuranceQuery.t3n8')}}<span @click="toModifyPage(2,1)">{{$t('customService.insuranceQuery.modify')}}</span></div>
<div class="label">{{dataForm.clientEmail}}</div>
</div>
</div>
......
......@@ -9,6 +9,9 @@ import { contactMethodCheck } from '@utils/utils.js';
import Auth from '@components/auth/auth.vue';
import modalComp from '@/components/modal-comp/modal-comp.vue';
import PolicyHeadList from "./policy-head-list.vue";
import Vue from 'vue';
import { Loading } from 'vant';
Vue.use(Loading);
export default {
data() {
......
......@@ -58,8 +58,9 @@
</div>
</div>
</div>
<div class="submit-btn" @click="updateContactsHandler" :class="{disabled: submitBtnDisabled}">
{{$t("policyChangeContact.submit")}}
<div class="submit-btn flex-center" @click="updateContactsHandler" :class="{disabled: submitBtnDisabled}">
<van-loading v-if="loading" />
<span>{{$t('policyChangeContact.submit')}}</span>
</div>
</div>
<!-- <div v-else style="height:400px"></div> -->
......
......@@ -9,6 +9,9 @@ import PolicyHeadList from "./policy-head-list.vue";
import DatePicker from '@/components/date-picker/date-picker.vue'
import modalComp from '@/components/modal-comp/modal-comp.vue';
import modalUploadCardComp from '@/components/modal-upload-card-comp/modal-upload-card-comp.vue';
import Vue from 'vue';
import { Loading } from 'vant';
Vue.use(Loading);
export default {
data() {
......
......@@ -145,8 +145,9 @@
</div>
<div class="submit-btn" @click="handleUpdatePolicy">
{{$t("policyChangeInformation.submit")}}
<div class="submit-btn flex-center" @click="handleUpdatePolicy">
<van-loading v-if="loading" />
<span>{{$t('policyChangeInformation.submit')}}</span>
</div>
</div>
</div>
......
......@@ -9,6 +9,9 @@ import { contactMethodCheck } from '@utils/utils.js';
import DatePicker from '@/components/date-picker/date-picker.vue';
import Auth from '@components/auth/auth.vue';
import modalComp from '@/components/modal-comp/modal-comp.vue';
import Vue from 'vue';
import { Loading } from 'vant';
Vue.use(Loading);
export default {
data() {
......
......@@ -111,8 +111,9 @@
</p>
</div>
<div class="submit-btn" :class="{disabled : !checked}" @click="submitHandler">
{{$t('reservation.submitBtn')}}
<div class="submit-btn flex-center" :class="{disabled : !checked}" @click="submitHandler">
<van-loading v-if="isSubmit" />
<span>{{$t('reservation.submitBtn')}}</span>
</div>
</div>
</div>
......
......@@ -10,6 +10,7 @@ import {
httpPost
} from '@/api/fetch-api.js'
import { contactMethodCheck } from '@utils/utils.js';
import modalComp from '@/components/modal-comp/modal-comp.vue';
......@@ -18,6 +19,10 @@ import modalUploadCardComp from '@/components/modal-upload-card-comp/modal-uploa
import {
passwordEncrypt
} from '@/utils/encrypt.js';
import Vue from 'vue';
import { Loading } from 'vant';
Vue.use(Loading);
export default {
......@@ -45,10 +50,10 @@ export default {
loginForm: {
// userId: "18334783910",
// password: "qweqwe123",
userId: "18145729463",
password: "ccc123!@#",
// userId: "",
// password: "",
// userId: "18145729463",
// password: "ccc123!@#",
userId: "",
password: "",
imageValue: "",
mobileNo: "",
......@@ -149,7 +154,13 @@ export default {
onLoginTypeHandler(val) {
this.type = val;
},
initData() { },
initData() {
if (this.userInfo && (this.userInfo.sid || this.userInfo.name)) {
this.$router.push({
path: "/"
});
}
},
handlerIsShowImageVcode() {
return new Promise((resolve, reject) => {
httpPost({
......@@ -541,6 +552,7 @@ export default {
},
},
mounted() {
this.initData();
// console.log("PK === ", this.PK)
// console.log("E === ", this.E)
},
......
......@@ -62,7 +62,10 @@
<img v-if="loginCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png">{{$t('login.agree')}}
&nbsp;<span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span>
</div>
<div @click="handlerLogin()" class="login-submit pointer" :class="{disabled: pwdLoginDisabled}">{{$t('login.login')}}</div>
<div @click="handlerLogin()" class="login-submit pointer flex-center" :class="{disabled: pwdLoginDisabled}">
<van-loading v-if="loading" />
<span>{{$t('login.login')}}</span>
</div>
<div class="login-func">
<div @click="toRegisterPage()" class="login-func-btn pointer">{{$t('login.register')}}</div>
<div @click="onForgetHandler()" class="login-func-btn pointer">{{$t('login.forget')}}</div>
......@@ -125,7 +128,10 @@
<img v-if="loginCheck.agreeProtocol" class="check" src="@/assets/images/login/check.png"> {{$t('login.agree')}}
&nbsp;<span @click="onProtocolHandler()" class="protocol pointer">{{$t('login.protocol')}}</span>
</div>
<div @click="handlerLogin()" class="login-submit pointer" :class="{disabled: otpLoginDisabled}">{{$t('login.login')}}</div>
<div @click="handlerLogin()" class="login-submit pointer flex-center" :class="{disabled: otpLoginDisabled}">
<van-loading v-if="loading" />
<span>{{$t('login.login')}}</span>
</div>
<div class="login-func">
<div @click="toRegisterPage()" class="login-func-btn pointer">{{$t('login.register')}}</div>
<div @click="onForgetHandler()" class="login-func-btn pointer">{{$t('login.forget')}}</div>
......@@ -163,7 +169,10 @@
</div>
</div>
</div>
<div @click="onRegisterHandler()" class="login-submit pointer">{{$t('register.sure')}}</div>
<div @click="onRegisterHandler()" class="login-submit pointer flex-center">
<van-loading v-if="loading" />
<span>{{$t('register.sure')}}</span>
</div>
</div>
</div>
</div>
......
import { mapState } from "vuex";
import api from '@/api/api'
import {
httpGet,
......@@ -5,6 +6,7 @@ import {
} from '@/api/fetch-api.js'
import { getDateYMD } from "@/utils/biz.js";
import { setTitle } from "@/utils/utils.js";
export default {
data() {
......@@ -33,7 +35,6 @@ export default {
this.$router.go(-1);
},
initData() {
console.log(this.$route);
let c = this.$route.query.c;
let l = this.$i18n.locale;
let params = {
......@@ -49,6 +50,10 @@ export default {
this.data.content = res.content;
this.data.dateFormat = getDateYMD(res.createAt);
this.data.pv = res.pv;
if (this.data.title) {
setTitle(this.data.title);
}
});
}
},
......
......@@ -7,6 +7,9 @@ import {
import modalComp from '@/components/modal-comp/modal-comp.vue';
import modalSimpleComp from '@/components/modal-simple-comp/modal-simple-comp.vue';
import { passwordEncrypt } from '@/utils/encrypt.js';
import Vue from 'vue';
import { Loading } from 'vant';
Vue.use(Loading);
export default {
data() {
......
......@@ -100,7 +100,10 @@
</div>
</div>
</div>
<div @click="resetPwd()" class="login-submit pointer" :class="{disabled: s4BtnDisabled}">{{$t('passwordReset.type4.submit')}}</div>
<div @click="resetPwd()" class="login-submit pointer flex-center" :class="{disabled: s4BtnDisabled}">
<van-loading v-if="loading" />
<span>{{$t('passwordReset.type4.submit')}}</span>
</div>
</div>
</div>
</div>
......
......@@ -11,10 +11,14 @@ import Auth from '@components/auth/auth.vue';
import modalComp from '@/components/modal-comp/modal-comp.vue';
import modalSimpleComp from '@/components/modal-simple-comp/modal-simple-comp.vue';
import { passwordEncrypt } from '@/utils/encrypt.js';
import Vue from 'vue';
import { Loading } from 'vant';
Vue.use(Loading);
export default {
data() {
return {
loading : false,
showForm: false,
key: 'value',
type: 1, // 1:输入用户信息 2:找回密码 3:核对信息 4.重置密码
......@@ -81,6 +85,11 @@ export default {
let newPwd = passwordEncrypt(this.values.pwd);
let oldPwd = passwordEncrypt(this.values.oldPwd);
if(this.loading){
return;
}
this.loading = true;
httpPost({
url: api.changePassword,
data: {
......@@ -89,6 +98,7 @@ export default {
},
sid: true
}).then(response => {
this.loading = false;
this.targetPath = "";
let message = this.i18n().passwordCheck.success;
switch (response.returnCode) {
......@@ -107,6 +117,7 @@ export default {
}
}).catch(err => {
this.loading = false;
let message = this.i18n().session.sidExpire;
this.targetPath = "/login?callback=/password/reset";
this.showModal(message, "info");
......@@ -168,7 +179,9 @@ export default {
return b1 || b2 || b3;
}
},
mounted() { },
mounted() {
// this.showModal("success", "succ");
},
created() { },
components: {
modalComp,
......
......@@ -49,7 +49,10 @@
</div>
</div>
</div>
<div @click="resetPwd()" class="login-submit pointer" :class="{disabled: submitBtnDisabled}">{{$t('passwordReset.type4.submit')}}</div>
<div @click="resetPwd()" class="login-submit pointer flex-center" :class="{disabled: submitBtnDisabled}">
<van-loading v-if="loading" />
<span>{{$t('passwordReset.type4.submit')}}</span>
</div>
</template>
</div>
</div>
......
......@@ -7,13 +7,22 @@ import {
export default {
data() {
return {
key: 'value'
key: 'value',
title: "",
content: "",
}
},
components: {},
methods: {
initData() {}
initData() {
httpGet({ url: api.companyOutline, data: { l: this.$i18n.locale } }).then(res => {
this.content = res.content;
this.title = res.title;
});
}
},
mounted() {
this.initData();
},
mounted() {},
created() {}
created() { }
}
......
......@@ -2,6 +2,14 @@
<template>
<div class="content">
<div>
<div class="top-space"></div>
<h2 class="tit">{{title}}</h2>
<div class="box desc" v-html="content">
</div>
</div>
<!--
<div v-if="$i18n.locale == 'zh'">
<div class="top-space"></div>
<h2 class="tit">公司简介</h2>
......@@ -34,7 +42,7 @@
<br><br>&nbsp;&nbsp;&nbsp;&nbsp;Ping an life regards charity culture as the corporate culture of the company, adheres to the concept of "benevolence and great cause", and regards "the most respected company" as its vision. One hundred years of good karma, responsibility first. Ping an life always nurtures the society with gratitude, takes corporate social responsibility as the driving force for the sustainable development of the company, focuses on "charity" culture, and promotes "great love and responsibility". We will focus on creating a better tomorrow by launching the "new life campaign" with "walking briskly" and "reading" as the main body, as well as public welfare undertakings such as education, poverty alleviation, environment and disaster relief.
</div>
</div>
-->
</div>
</template>
......
import { mapState } from "vuex";
import api from '@/api/api'
import {
httpGet,
......@@ -9,12 +11,16 @@ import { contactMethodCheck } from '@utils/utils.js';
import modalComp from '@/components/modal-comp/modal-comp.vue';
import modalSimpleComp from '@/components/modal-simple-comp/modal-simple-comp.vue';
import { passwordEncrypt } from '@/utils/encrypt.js';
import Vue from 'vue';
import { Loading } from 'vant';
Vue.use(Loading);
export default {
data() {
return {
loading: false,
key: 'value',
type: 2, // 1:手机验证 2:输入密码
type: 1, // 1:手机验证 2:输入密码
mobileNoType: "hk",// 选择的手机好类型
mobileTip: {},
mobileOptions: [],
......@@ -62,6 +68,9 @@ export default {
modalSimpleComp
},
computed: {
...mapState({
userInfo: state => state.userInfo
}),
locale() {
return this.$i18n.locale || 'tc';
},
......@@ -327,7 +336,7 @@ export default {
// this.showModal(msg, "info");
// let message = this.i18n.register.tips.e5;
this.errorTips.p2 = msg;
// alert(msg);
},
onRegisterHandler() {
......@@ -341,16 +350,20 @@ export default {
mobileNo: this.registerForm.mobileNo,
loginPwd: passwordEncrypt(this.values.password)
};
this.loading = true;
httpPost({
url: api.stdRegister,
data: data
}).then(response => {
this.loading = false;
if (response.returnCode != 0) {
this._showRegisterFailure(response);
this.type = 1;
} else {
this._showSuccessMessage();
}
}).catch(e => {
this.loading = false;
})
}
},
......@@ -450,6 +463,12 @@ export default {
},
initData() {
if (this.userInfo && (this.userInfo.sid || this.userInfo.name)) {
this.$router.push({
path: "/"
});
return;
}
let i18n = this.$i18n.messages[this.$i18n.locale] || {};
let mobileOptions = JSON.parse(JSON.stringify(i18n.register.mobileOptions));
this.mobileOptions = mobileOptions;
......
......@@ -107,7 +107,10 @@
</div>
</div>
</div>
<div @click="onRegisterHandler()" class="login-submit pointer" :class="{disabled: submitDisabled}">{{$t('register.sure')}}</div>
<div @click="onRegisterHandler()" class="login-submit pointer flex-center" :class="{disabled: submitDisabled}">
<van-loading v-if="loading" />
<span>{{$t('register.sure')}}</span>
</div>
</div>
</div>
</div>
......
......@@ -256,11 +256,13 @@ export function throttle(func, wait, type) {
*/
export function contactMethodCheck(type, value) {
if (type == 'hkmobile') {
return /^[5689]{1}\d{7}$/.test(value);
// return /^[5689]{1}\d{7}$/.test(value);
return /^\d{8}$/.test(value);
}
if (type == 'mobile') {
return /^((13[0-9])|(14[5,7,9])|(15([0-3]|[5-9]))|(166)|(17[0-9])|(18[0-9])|(19[0-9]))\d{8}$/.test(value);
// return /^((13[0-9])|(14[5,7,9])|(15([0-3]|[5-9]))|(166)|(17[0-9])|(18[0-9])|(19[0-9]))\d{8}$/.test(value);
return /^1\d{10}$/.test(value);
}
if (type == 'email') {
......