Commit 60737965 authored by 郭志伟's avatar 郭志伟

fix: 问题修复

parent 3b068a9a
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,viewport-fit=cover">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
<script> <script>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
* @Description:众安50万意外险 * @Description:众安50万意外险
* @Date: 2020-07-27 15:46:37 * @Date: 2020-07-27 15:46:37
* @LastEditors: gzw * @LastEditors: gzw
* @LastEditTime: 2020-08-13 10:37:30 * @LastEditTime: 2020-08-18 16:24:31
*/ */
import goodsBg from "@/assets/images/goods/detail/yiwaixian/bg.png"; import goodsBg from "@/assets/images/goods/detail/yiwaixian/bg.png";
...@@ -141,6 +141,7 @@ export default { ...@@ -141,6 +141,7 @@ export default {
url: "http://mangguo-contract.qthbx.com/fu-wu-xie-yi-v1/" url: "http://mangguo-contract.qthbx.com/fu-wu-xie-yi-v1/"
}, },
{ title: "保险计划" }, { title: "保险计划" },
{ title: "保险计划" },
{ title: "理赔信息" }, { title: "理赔信息" },
{ title: "完整费率" }, { title: "完整费率" },
{ {
......
...@@ -158,6 +158,7 @@ export default { ...@@ -158,6 +158,7 @@ export default {
&-icon { &-icon {
font-style: normal; font-style: normal;
font-weight: @font-weight-bold; font-weight: @font-weight-bold;
width: 15px;
} }
&-txt { &-txt {
margin-left: 8px; margin-left: 8px;
......
...@@ -68,6 +68,7 @@ export default { ...@@ -68,6 +68,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
@import "../style/var.less"; @import "../style/var.less";
@import "../style/mixins.less";
.good-action { .good-action {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
...@@ -80,6 +81,7 @@ export default { ...@@ -80,6 +81,7 @@ export default {
justify-content: space-between; justify-content: space-between;
background-color: @white; background-color: @white;
border-top: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1);
.iphonex-fix-padding();
&-left { &-left {
display: flex; display: flex;
align-items: center; align-items: center;
......
...@@ -80,13 +80,15 @@ export default { ...@@ -80,13 +80,15 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import "../style/var.less"; @import "../style/var.less";
@import "../style/mixins.less";
.mongo-tabbar { .mongo-tabbar {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
z-index: 100; z-index: 100;
box-sizing: border-box; box-sizing: border-box;
height: 49px; min-height: 49px;
padding: 5px 0 2px 0; padding: 5px 0 2px 0;
.iphonex-fix-padding();
&-item { &-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
......
...@@ -21,6 +21,9 @@ a { ...@@ -21,6 +21,9 @@ a {
input::-webkit-input-placeholder { input::-webkit-input-placeholder {
color: #AAAAAA; color: #AAAAAA;
} }
input:focus {
outline: 0;
}
strong { strong {
font-weight: @font-weight-bold; font-weight: @font-weight-bold;
} }
......
...@@ -38,3 +38,12 @@ ...@@ -38,3 +38,12 @@
color: @black; color: @black;
} }
} }
.iphonex-fix-padding {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
.iphonex-fix-margin {
margin-bottom: constant(safe-area-inset-bottom);
margin-bottom: env(safe-area-inset-bottom);
}
\ No newline at end of file
...@@ -138,7 +138,7 @@ export default { ...@@ -138,7 +138,7 @@ export default {
formData: { formData: {
name: "", name: "",
idNo: "", idNo: "",
relation: "1", relation: "",
payType: "1", payType: "1",
amountInsured: "1000000", amountInsured: "1000000",
autoRenewPolicy: false, autoRenewPolicy: false,
......
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
:url="pupopData.url" :url="pupopData.url"
> >
<cps-process-detail v-if="currentPupopIndex === 5" :process-data="processDetail" /> <cps-process-detail v-if="currentPupopIndex === 5" :process-data="processDetail" />
<cps-rate v-if="currentPupopIndex === 6" /> <cps-rate :rate-data="rateInfo" v-if="currentPupopIndex === 6" />
</popup-with-iframe> </popup-with-iframe>
<go-insure-dialog <go-insure-dialog
v-model="goInsureState" v-model="goInsureState"
...@@ -135,8 +135,8 @@ export default { ...@@ -135,8 +135,8 @@ export default {
formData: { formData: {
name: "", name: "",
idNo: "", idNo: "",
relation: "1", relation: "",
payType: "1", payType: "",
amountInsured: "300000", amountInsured: "300000",
autoRenewPolicy: false, autoRenewPolicy: false,
read: true read: true
...@@ -166,15 +166,16 @@ export default { ...@@ -166,15 +166,16 @@ export default {
if (this.calTimer) { if (this.calTimer) {
clearTimeout(this.calTimer); clearTimeout(this.calTimer);
} }
const { idNo, payType } = val; const { idNo } = val;
const { idNo: oldNo, payType: oldType } = oldVal; const { idNo: oldNo } = oldVal;
if (this.goInsureState) { if (this.goInsureState) {
sessionStorage.setItem( sessionStorage.setItem(
"policyFormData", "policyFormData",
JSON.stringify(Object.assign(this.formData, { productNo: this.goodId })) JSON.stringify(Object.assign(this.formData, { productNo: this.goodId }))
); );
} }
if (idNo === oldNo && payType === oldType) return; console.log(idNo, oldNo);
if (idNo === oldNo) return;
this.calTimer = setTimeout(() => { this.calTimer = setTimeout(() => {
this.calFee(); this.calFee();
}, 600); }, 600);
...@@ -257,17 +258,17 @@ export default { ...@@ -257,17 +258,17 @@ export default {
async calFee() { async calFee() {
let { price, subPrice } = this.headerInfo; let { price, subPrice } = this.headerInfo;
const { idNo, socialSecurity, payType, amountInsured, userInfoSecId } = this.formData; const { idNo, socialSecurity, payType, amountInsured, userInfoSecId } = this.formData;
if (!idNo || !socialSecurity || !payType) return; if (!idNo) return;
const _param = { const _param = {
productNo: this.goodId, productNo: this.goodId,
productUserInfo: { productUserInfo: {
userInfo: { userInfo: {
idNo, idNo,
socialSecurity: !!Number(socialSecurity), socialSecurity: socialSecurity ? !!Number(socialSecurity) : true,
userInfoSecId: userInfoSecId ? userInfoSecId : undefined userInfoSecId: userInfoSecId ? userInfoSecId : undefined
}, },
productItem: { productItem: {
payType, payType: payType || "2",
amountInsured amountInsured
} }
} }
......
...@@ -136,9 +136,9 @@ export default { ...@@ -136,9 +136,9 @@ export default {
formData: { formData: {
name: "", name: "",
idNo: "", idNo: "",
socialSecurity: "1", socialSecurity: "",
relation: "1", relation: "",
payType: "1", payType: "",
planValue: "3", planValue: "3",
autoRenewPolicy: false, autoRenewPolicy: false,
read: true read: true
...@@ -163,15 +163,12 @@ export default { ...@@ -163,15 +163,12 @@ export default {
]; ];
} }
}, },
formDataCpu: { formData: {
deep: true, deep: true,
handler(val, oldVal) { handler() {
if (this.calTimer) { if (this.calTimer) {
clearTimeout(this.calTimer); clearTimeout(this.calTimer);
} }
const { idNo, socialSecurity, payType } = val;
const { idNo: oldNo, socialSecurity: oldSocialSecurity, payType: oldType } = oldVal;
if (idNo === oldNo && socialSecurity === oldSocialSecurity && payType === oldType) return;
this.calTimer = setTimeout(() => { this.calTimer = setTimeout(() => {
this.calFee(); this.calFee();
}, 600); }, 600);
...@@ -190,9 +187,6 @@ export default { ...@@ -190,9 +187,6 @@ export default {
paywayOptions, paywayOptions,
medicalOptions medicalOptions
}; };
},
formDataCpu() {
return JSON.parse(JSON.stringify(this.formData));
} }
}, },
mounted() { mounted() {
...@@ -289,17 +283,18 @@ export default { ...@@ -289,17 +283,18 @@ export default {
async calFee() { async calFee() {
let { price, subPrice } = this.headerInfo; let { price, subPrice } = this.headerInfo;
const { idNo, socialSecurity, payType, userInfoSecId } = this.formData; const { idNo, socialSecurity, payType, userInfoSecId } = this.formData;
if (!idNo || !socialSecurity || !payType) return; if (!idNo) return;
const _param = { const _param = {
productNo: this.goodId, productNo: this.goodId,
productUserInfo: { productUserInfo: {
userInfo: { userInfo: {
idNo, idNo,
socialSecurity: !!Number(socialSecurity), socialSecurity: socialSecurity ? !!Number(socialSecurity) : true,
userInfoSecId: userInfoSecId ? userInfoSecId : undefined userInfoSecId: userInfoSecId ? userInfoSecId : undefined
}, },
productItem: { productItem: {
payType payType: payType || "2",
socialSecurity: socialSecurity ? !!Number(socialSecurity) : true
} }
} }
}; };
......
...@@ -36,7 +36,8 @@ export default { ...@@ -36,7 +36,8 @@ export default {
}; };
}, },
beforeRouteLeave(to, from, next) { beforeRouteLeave(to, from, next) {
if (this.noOrder && !this.userClickState && to.name === "Goods") { const blackList = ["Goods", "Home", "Detail", "ConsultantPlan"];
if (this.noOrder && !this.userClickState && blackList.includes(to.name)) {
this.showRec = true; this.showRec = true;
next(false); next(false);
} else { } else {
......
...@@ -228,7 +228,7 @@ export default { ...@@ -228,7 +228,7 @@ export default {
userInfoSecId: selfSecId, userInfoSecId: selfSecId,
socialSecurity socialSecurity
} = item; } = item;
if (relation === 1) { if (+relation === 1) {
this.formData = { this.formData = {
...this.formData, ...this.formData,
...{ ...{
...@@ -242,17 +242,26 @@ export default { ...@@ -242,17 +242,26 @@ export default {
} }
}); });
const userArray = this.familyList.filter(item => item.relation === +relation); const userArray = this.familyList.filter(item => item.relation === +relation);
let [name, idNo, userInfoSecId, socialSecurity] = ["", "", "", "0"]; let [name, idNo, userInfoSecId, socialSecurity] = ["", "", "", ""];
if (userArray.length) { if (userArray.length) {
let { nameMask, idNoMask, userInfoSecId: id, socialSecurity: ss } = userArray[0]; let { nameMask, idNoMask, userInfoSecId: id, socialSecurity: ss } = userArray[0];
[name, idNo, userInfoSecId, socialSecurity] = [nameMask, idNoMask, id, ss]; [name, idNo, userInfoSecId, socialSecurity] = [nameMask, idNoMask, id, ss];
this.infoReadonly = true; this.infoReadonly = true;
} else { } else {
if (relation === "1") {
const { selfName: sName, selfIdNo: sNo } = this.formData;
[name, idNo] = [sName, sNo];
}
this.infoReadonly = false; this.infoReadonly = false;
} }
this.formData = { this.formData = {
...this.formData, ...this.formData,
...{ name, idNo, userInfoSecId, socialSecurity: socialSecurity ? "1" : "0" } ...{
name,
idNo,
userInfoSecId,
socialSecurity
}
}; };
}, },
async getFamilyList() { async getFamilyList() {
......
...@@ -399,7 +399,7 @@ export default { ...@@ -399,7 +399,7 @@ export default {
policyFormData: JSON.parse(sessionStorage.getItem("policyFormData") || "{}"), policyFormData: JSON.parse(sessionStorage.getItem("policyFormData") || "{}"),
formData: { formData: {
insuredUserInfo: { insuredUserInfo: {
relation: "1" relation: ""
}, },
holderUserInfo: {}, holderUserInfo: {},
productItem: { productItem: {
...@@ -442,7 +442,7 @@ export default { ...@@ -442,7 +442,7 @@ export default {
this.goodBuyModalInfo = [{ title: `${price[2]}保费`, value: `${price[0]}${price[1]}` }]; this.goodBuyModalInfo = [{ title: `${price[2]}保费`, value: `${price[0]}${price[1]}` }];
} }
}, },
formDataCpu: { formData: {
deep: true, deep: true,
handler() { handler() {
this.autoSaveHandler(AUTO_SAVE_TARGET, AUTO_SAVE_KEY); this.autoSaveHandler(AUTO_SAVE_TARGET, AUTO_SAVE_KEY);
...@@ -475,9 +475,6 @@ export default { ...@@ -475,9 +475,6 @@ export default {
const { popupArray, currentPupopIndex } = this; const { popupArray, currentPupopIndex } = this;
return popupArray[currentPupopIndex] || {}; return popupArray[currentPupopIndex] || {};
}, },
formDataCpu() {
return JSON.parse(JSON.stringify(this.formData));
},
socialSecurityReadonly() { socialSecurityReadonly() {
const { relation } = this.formData.insuredUserInfo; const { relation } = this.formData.insuredUserInfo;
const { selfInfoReadonly, infoReadonly } = this; const { selfInfoReadonly, infoReadonly } = this;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment