Skip to content

dev / pingan-life-index-pro

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

联络方式变更

1 parent 9286383c
Inline Side-by-side
Showing 8 changed files with 116 additions and 80 deletions
......@@ -53,6 +53,11 @@ module.exports = {
policyDetail: "/pingan_hklife_webapi/policy/detail",
// 保单聯系方式變更
updatePolicyContanct: "/pingan_hklife_webapi/policy/updateContacts",
// 保单联系方式更改新版
policyContactApi: "/pingan_hklife_webapi/policy/updatePolicyContacts",
//保单联系方式查询
policyContactDetailApi: "/pingan_hklife_webapi/policy/policyContacts/detail",
// 保单客戶資料變更
updatePolicyInfo: "/pingan_hklife_webapi/policy/updateInfo",
updatePolicyInfoV2: "/pingan_hklife_webapi/policy/updatePolicyInfo",
......@@ -80,7 +85,6 @@ module.exports = {
// 用户电子函列表
letterRecordList: "/pingan_hklife_webapi/policy/letterRecordList",
// cms相关
indexVideo: "/pingan_hklife_webapi/cms/indexVideo",
banner: "/pingan_hklife_webapi/cms/banner/list",
......@@ -98,10 +102,6 @@ module.exports = {
// 刷新短信验证码
refreshSmgOtp: "/pingan_hklife_webapi/user/refreshSmgOtp",
// 保单联系方式更改
policyContactApi:"/pingan_hklife_webapi/policy/updatePolicyContacts",
// 上传excel
policyContactUploadExcelApi:"/pingan_hklife_webapi/policy/upload/excel",
//保单联系方式查询
policyContactDetailApi:"/pingan_hklife_webapi/policy/policyContacts/detail"
}
// 上传文件到iobs
uploadFileIobs: "/pingan_hklife_webapi/policy/upload/file/iobs"
};
......
......@@ -73,7 +73,8 @@ let encryptPattern = [
let encryptWhileList = [
"/pingan_hklife_webapi/policy/idPicUpload",
"/pingan_hklife_webapi/policy/updateIdFileV2",
"/pingan_hklife_webapi/policy/clarmsUpload"
"/pingan_hklife_webapi/policy/clarmsUpload",
"/pingan_hklife_webapi/policy/upload/file/iobs",
]
// 请求拦截器
......
......@@ -30,6 +30,7 @@ export default {
dataInit: false,
selectedPolicies: [],
data: {
policyContactCode: "",
// 国际号码区号列表
mobileAreaCode: "",
// 电话
......@@ -92,9 +93,22 @@ export default {
: {};
},
submitBtnDisabled() {
// let b1 = !this.selectedPolicies || this.selectedPolicies.length == 0;
// let b2 = !this.data.address && !this.data.email && !this.data.mobile;
let b1 = !this.selectedPolicies || this.selectedPolicies.length == 0;
let b2 = !this.data.address && !this.data.email && !this.data.mobile;
return b1 || b2;
let b2 =
!this.data.address ||
!this.data.email ||
!this.data.mobile ||
!this.data.mobileAreaCode ||
!this.data.countryId;
let b3 = false;
if (this.isChina) {
if (!this.data.provinceId || !this.data.cityId) {
b3 = true;
}
}
return b1 || b2 || b3;
},
isChina() {
let result = this.data.countryId == "28";
......@@ -102,6 +116,7 @@ export default {
},
isUSA() {
let result = this.data.countryId == "225";
// return true;
return result;
}
},
......@@ -140,7 +155,7 @@ export default {
let b5 = this.checkNations();
let b6 = this.checkProvince();
let b7 = this.checkCity();
let b = b1 & b2 & b3 & b4 & b5 & b6 & b7;
let b = b1 && b2 && b3 && b4 && b5 && b6 && b7;
if (b) {
// 判断是否美国 出
......@@ -163,24 +178,20 @@ export default {
this.selectedPolicies.forEach(element => {
policies.push({ policyId: element.id, policyCode: element.code });
});
// let data = {
// mobileNo: this.data.mobile,
// address: this.data.address,
// email: this.data.email,
// mobileNoAcceptMsg: this.checked1 ? 1 : 0,
// addressAcceptMsg: this.checked2 ? 1 : 0,
// emailAcceptMsg: this.checked3 ? 1 : 0,
// policies: policies
// };
let data = Object.assign(this.data, val);
data.policies = policies;
if (!this.isChina) {
data.provinceId = "";
data.cityId = "";
}
data.policyContactCode = "";
data.policyId = "";
data.policyCode = "";
this.loading = true;
httpPost({
url: api.updatePolicyContanct,
url: api.policyContactApi,
data: data,
sid: true
})
......@@ -199,8 +210,8 @@ export default {
/**
* 从美国税务表单组件提交
*/
onUsTaxSubmit(val){
this.doSubmit(val)
onUsTaxSubmit(val) {
this.doSubmit(val);
},
checkMobile() {
......@@ -262,11 +273,17 @@ export default {
return true;
},
/**
* 选择国家
*/
onChangeNations() {
// this.checkProvince();
},
/**
* 选择省份
*/
onChangeProvince() {
this.$set(this.data, "cityId", "");
this.cityList = getCityList(this.$i18n.locale, this.data.provinceId)
this.cityList = getCityList(this.$i18n.locale, this.data.provinceId);
this.data.cityId = this.cityList[0].v;
},
onAgreeHandler() {
......@@ -315,23 +332,34 @@ export default {
policyCode: this.selectedPolicies[0].code
};
httpPost({
url: api.policyDetail,
url: api.policyContactDetailApi,
data: param,
sid: true
})
.then(response => {
// this.data = {};
console.log("response:", response);
if (response) {
// console.log("response:", response);
this.loading = false;
this.dataInit = true;
this.data.mobile = response.clientMobileNo;
this.checked1 = "1" == response.clientMobileAcceptMessage;
this.data.address = response.clientContactAddress;
this.checked2 = "1" == response.clientAddressAcceptMessage;
this.data.email = response.clientEmail;
this.checked3 = "1" == response.clientEmailAcceptMessage;
if (response) {
this.data = Object.assign(this.data, response);
if (response.provinceId) {
this.cityList = getCityList(
this.$i18n.locale,
this.data.provinceId
);
}
}
// if (response) {
// this.loading = false;
// this.dataInit = true;
// this.data.mobile = response.clientMobileNo;
// this.checked1 = "1" == response.clientMobileAcceptMessage;
// this.data.address = response.clientContactAddress;
// this.checked2 = "1" == response.clientAddressAcceptMessage;
// this.data.email = response.clientEmail;
// this.checked3 = "1" == response.clientEmailAcceptMessage;
// }
})
.catch(res => {
if (res.code == "404") {
......@@ -340,6 +368,7 @@ export default {
});
},
handlePolicySelect(data) {
console.log("handlePolicySelect:",data);
this.selectedPolicies = data;
this.initData();
},
......@@ -358,19 +387,7 @@ export default {
}
},
uploadExcel() {},
queryPolicyContact() {
let param = { policyId: "4655100", policyCode: "P000200000000009" };
httpPost({
url: api.policyContactDetailApi,
data: param,
sid: true
})
.then(response => {
console.log("response:", response);
})
.catch(res => {});
},
uploadExcel() {},
uploadExcel() {}
},
watch: {
"data.mobile": function() {
......@@ -400,6 +417,7 @@ export default {
},
created() {
// this.loading = true;
// this.queryPolicyContact();
this.$root.eventBus.$on("langChange", () => {
try {
this.initData();
......@@ -407,32 +425,3 @@ export default {
});
}
};
// var ttt = {
// areaCode:"",
// mobileNo: "1232321",
// address: "CHINA, GuangdongShenzhen咯农户心情来来来",
// email: "zhangwenjun110@ocft.com",
// mobileNoAcceptMsg: 0,
// addressAcceptMsg: 0,
// emailAcceptMsg: 0,
// policies: [{ policyId: "4661690", policyCode: "P000200000000458" }]
// };
// var tttt2 = {
// policyContactCode: "",
// policyId: "4655100",
// policyCode: "P000200000000009",
// mobileAreaCode: "0668",
// mobile: "13727826666",
// countryId: "156",
// provinceId: "1",
// cityId: "304",
// address: "上海迪士尼乐园",
// acceptMessage: 1,
// iobsKey: "a",
// fileFormat: "xlsx",
// fileSize: 123,
// fileContentType: "mp4"
// };
......
......@@ -59,7 +59,7 @@
<div class="ipt-wrap-linear">
<div class="down-arrow"></div>
<div class="cont">
<el-select class="ipt" v-model="data.countryId" :placeholder="$t('policyChangeContact.form.Nation')" @change="checkNations">
<el-select class="ipt" v-model="data.countryId" :placeholder="$t('policyChangeContact.form.Nation')" @change="onChangeNations">
<el-option v-for="(item, index) in nationsList" :key="index" :label="item.n" :value="item.v"></el-option>
</el-select>
</div>
......
......@@ -115,6 +115,7 @@
overflow: auto;
.data-line {
// padding: 0 32px;
// background-color: wheat;
height: 58px;
margin: auto;
display: flex;
......
/**
* 组件描述:上传美国税务表格
*/
import api from "@/api/api";
import {
formdata
} from '@/api/fetch-api.js'
import { Loading } from 'vant';
export default {
props: {
......@@ -14,7 +19,9 @@ export default {
},
data() {
return {
iobsKey: "asdfs"
fileName: "",
iobsKey: "",
loading: false
};
},
components: {},
......@@ -35,9 +42,34 @@ export default {
},
onUploadHandler() {},
onSubmitHandler() {
if(!this.iobsKey) return;
this.$emit("submit", {
iobsKey: this.iobsKey
});
},
selectImgs() {
let _this = this;
this.iobsKey = "";
let file = this.$refs.file.files[0];
let item = {
name: file.name,
size: file.size,
file: file
};
// 转base64
this.loading = true;
let myFormData = new FormData();
myFormData.append("file", file);
formdata({ url: api.uploadFileIobs, myFormData: myFormData, sid: true })
.then(res => {
this.loading = false;
this.fileName = file.name;
this.iobsKey = res;
console.log("res:",res);
})
.catch(err => {
this.loading = false;
});
}
},
mounted() {},
......
......@@ -87,6 +87,7 @@
display: flex;
justify-content: center;
.btn {
position: relative;
@include btc4(144px, 42px, 16px);
margin: 20px 24px 0;
@extend .pointer;
......@@ -113,6 +114,16 @@
}
}
input[type="file"] {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
@media (max-width: 1150px) {
.close {
right: -15px;
......
......@@ -15,10 +15,12 @@
</div>
<div class="modal-form">
us-tax.excel
{{fileName}}
</div>
<div class="modal-btn-wrap">
<div @click="onUploadHandler" class="btn">上载表格</div>
<div class="btn">
<input type="file" @change="selectImgs" ref="file">
<van-loading v-if="loading" />上载表格</div>
<div @click="onSubmitHandler" class="btn" :class="{'disable':iobsKey ==''}">提交</div>
</div>
......