mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-11 06:16:44 +08:00
[new] 完成 保全：联系人方式变更 的基本 页面结构及样式。未添加页面逻辑。
This commit is contained in:
tian.guangyuan
@@ -75,6 +75,31 @@
|
|||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.van-hairline--top::after {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.dialog-alert {
|
||||||
|
// width: 255px;
|
||||||
|
|
||||||
|
.van-dialog__header {
|
||||||
|
padding-top: 20px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
color: #E9332E;
|
||||||
|
}
|
||||||
|
|
||||||
|
.van-dialog__message {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #333;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.van-dialog__confirm {
|
||||||
|
background: #E9332E;
|
||||||
|
}
|
||||||
|
|
||||||
.van-hairline--top::after {
|
.van-hairline--top::after {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|||||||
105
src/views/ebiz/preserve/ContacAgreement.vue
Normal file
105
src/views/ebiz/preserve/ContacAgreement.vue
Normal file
@@ -0,0 +1,105 @@
|
|||||||
|
<!--联系方式变更协议-->
|
||||||
|
<template>
|
||||||
|
<div class="insuranceInformation-container pb50">
|
||||||
|
<van-notice-bar :scrollable="false" v-if="!Time" class="notice">{{ `提示：阅读时长需在${this.Time ? this.time : this.number}秒以上` }}</van-notice-bar>
|
||||||
|
<iframe :src="src + pdfUrl" class="iframe"></iframe>
|
||||||
|
<van-radio-group v-model="radio" class="pb10 pt20 pl30 fs14">
|
||||||
|
<van-radio name="1" @click="click">
|
||||||
|
本人确认已阅读
|
||||||
|
<span>《国富人寿人身保险联系方式变更协议》</span>
|
||||||
|
</van-radio>
|
||||||
|
</van-radio-group>
|
||||||
|
<div class="bg-white bottom-btn">
|
||||||
|
<van-button type="danger" size="large" @click="goNext" v-no-more-click="1000">下一步</van-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { RadioGroup, Radio, Dialog, NoticeBar } from 'vant'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// 投保人还是被保险人信息
|
||||||
|
signVal: '',
|
||||||
|
// 被保险人签名信息
|
||||||
|
insuredSign: {},
|
||||||
|
// 投保人签名信息
|
||||||
|
appntSign: {},
|
||||||
|
radio: '',
|
||||||
|
// 倒计时时间
|
||||||
|
number: '',
|
||||||
|
// 定时器时间
|
||||||
|
time: '10',
|
||||||
|
// 定时器名称
|
||||||
|
timer: null,
|
||||||
|
isOver: false,
|
||||||
|
// 判断验证码是否开始倒计时
|
||||||
|
Time: true,
|
||||||
|
// 按钮是否可以点击
|
||||||
|
isDisable: true,
|
||||||
|
// sign加密码
|
||||||
|
base64: '',
|
||||||
|
// 是否可以点击
|
||||||
|
isDisabledComplite: true,
|
||||||
|
// local带来的被保险人信息
|
||||||
|
saleInsuredPersonInfo: {},
|
||||||
|
// local带来的投保人信息
|
||||||
|
saleInsuredInfo: {},
|
||||||
|
// 是否从详情跳过来 如果为1 是
|
||||||
|
detailJump: '',
|
||||||
|
pdfUrl: '',
|
||||||
|
src: location.origin + '/pdfjs/web/viewer.html?file=',
|
||||||
|
tipsPolicyUrl: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
components: {
|
||||||
|
[RadioGroup.name]: RadioGroup,
|
||||||
|
[Radio.name]: Radio,
|
||||||
|
[Dialog.name]: Dialog,
|
||||||
|
[NoticeBar.name]: NoticeBar
|
||||||
|
},
|
||||||
|
mounted() {},
|
||||||
|
async created() {},
|
||||||
|
methods: {
|
||||||
|
timeOut() {},
|
||||||
|
// 获取签名状态
|
||||||
|
getOrderDetail() {},
|
||||||
|
// 点击阅读时
|
||||||
|
click() {
|
||||||
|
if (this.isOver == false) {
|
||||||
|
Dialog.confirm({
|
||||||
|
title: '提示',
|
||||||
|
message: '该内容涉及您的重大权益，请您仔细阅读',
|
||||||
|
showCancelButton: false
|
||||||
|
}).then(() => {
|
||||||
|
this.radio = ''
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 点击签名
|
||||||
|
sign() {},
|
||||||
|
toAirSign() {},
|
||||||
|
// 下一步
|
||||||
|
goNext() {}
|
||||||
|
},
|
||||||
|
computed: {},
|
||||||
|
watch: {}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.notice {
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
z-index: 20;
|
||||||
|
}
|
||||||
|
.iframe {
|
||||||
|
width: 100vw;
|
||||||
|
height: 70vh;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -1 +1,387 @@
|
|||||||
<!--联系方式变更-保全代办确认页-->
|
<!--联系方式变更-保全代办确认页-->
|
||||||
|
<template>
|
||||||
|
<div class="basic-confirmation-container pb45">
|
||||||
|
<div style="border-bottom: 1px solid #ebedf0" class="fs14 pl10 pv12 bg-white">
|
||||||
|
<p>
|
||||||
|
<span>尊敬的</span>
|
||||||
|
<span class="red">{{ basicInfo.customerName }}</span>
|
||||||
|
先生/女士, 您好!
|
||||||
|
</p>
|
||||||
|
<p class="mt10">
|
||||||
|
<span>您的</span>
|
||||||
|
<span class="red">基本信息变更</span>
|
||||||
|
申请已由代理人代为提交, 标红字体为修改/添加内容, 请确认信息并进行提交:
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<!-- 基本信息 -->
|
||||||
|
<van-cell-group class="mt10">
|
||||||
|
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">基本信息</p>
|
||||||
|
<van-field label="姓名" required :value="basicInfo.customerName" readonly />
|
||||||
|
<van-field label="移动电话" required name="移动电话" readonly>
|
||||||
|
<div slot="input" :class="{ red: changedInfo.customerMobile }">{{ basicInfo.customerMobile || changedInfo.customerMobile }}</div>
|
||||||
|
</van-field>
|
||||||
|
<van-field readonly required label="联系地址">
|
||||||
|
<div slot="input" :class="{ red: changedInfo.homeProvince || changedInfo.homeCity || changedInfo.homeArea }">{{ homeName }}</div>
|
||||||
|
</van-field>
|
||||||
|
<van-field label readonly>
|
||||||
|
<div slot="input" :class="{ red: changedInfo.homeAddress }">{{ basicInfo.homeAddress || changedInfo.homeAddress }}</div>
|
||||||
|
</van-field>
|
||||||
|
<van-field label="邮编" required readonly>
|
||||||
|
<div slot="input" :class="{ red: changedInfo.homeZip }">{{ basicInfo.homeZip || changedInfo.homeZip }}</div>
|
||||||
|
</van-field>
|
||||||
|
<van-field label="电子邮箱" name="电子邮箱" readonly>
|
||||||
|
<div slot="input" :class="{ red: changedInfo.customerEmail }">{{ basicInfo.customerEmail || changedInfo.customerEmail }}</div>
|
||||||
|
</van-field>
|
||||||
|
<van-field label="固定电话" readonly>
|
||||||
|
<div slot="input" :class="{ red: changedInfo.homePhone }">{{ basicInfo.homePhone || changedInfo.homePhone }}</div>
|
||||||
|
</van-field>
|
||||||
|
</van-cell-group>
|
||||||
|
|
||||||
|
<!-- 短信验证 -->
|
||||||
|
<van-dialog
|
||||||
|
v-model="show"
|
||||||
|
title="短信确认"
|
||||||
|
show-cancel-button
|
||||||
|
cancelButtonColor="#4FC6B3"
|
||||||
|
class="dialog-delete"
|
||||||
|
confirmButtonColor="#FFFFFF"
|
||||||
|
@confirm="authConfirm(authCode)"
|
||||||
|
@cancel="clearTimer"
|
||||||
|
>
|
||||||
|
<p class="p10 fs14">向此手机发送验证码确认用户身份</p>
|
||||||
|
<p class="p10 fs14" style="border-bottom: 1px solid #ebedf0">{{ customerMobile }}</p>
|
||||||
|
<van-cell-group class="flex align-items-c pr5 mb15">
|
||||||
|
<van-field maxlength="6" placeholder="请输入手机验证码" v-model="authCode" clearable label-width="0" />
|
||||||
|
<van-button type="danger" plain size="small" class="w160 p0" @click="getAuthCode" :disabled="codeDisabled" v-no-more-click="2000">
|
||||||
|
{{ codeDisabled ? `${countDown}s后重新获取` : '获取验证码' }}
|
||||||
|
</van-button>
|
||||||
|
</van-cell-group>
|
||||||
|
</van-dialog>
|
||||||
|
|
||||||
|
<div class="bottom-btn bg-white">
|
||||||
|
<van-cell-group class="fs14 mt10 pl15 pr15 pb20">
|
||||||
|
<p class="pt20 pb20">以下内容需要您阅读确认:</p>
|
||||||
|
<p>需阅读：</p>
|
||||||
|
<p class="mb10 mt10">
|
||||||
|
<span class="red">《国富人寿人身保险联系方式变更协议》</span>
|
||||||
|
</p>
|
||||||
|
<p class="start">点击【开始】按钮，进行相关操作</p>
|
||||||
|
</van-cell-group>
|
||||||
|
<!-- <van-button class="gray" v-if="isInvalid" size="large" disabled>链接已失效</van-button> -->
|
||||||
|
<!-- <van-button class="gray" v-else-if="isCanceled" size="large" disabled>代理人已撤销</van-button> -->
|
||||||
|
<!-- <van-button class="gray" v-else-if="submitForbidden" size="large" disabled>提交申请失败</van-button> -->
|
||||||
|
<van-button
|
||||||
|
:type="submitForbidden ? '' : 'danger'"
|
||||||
|
:color="submitForbidden ? 'gray' : ''"
|
||||||
|
:disabled="submitForbidden"
|
||||||
|
size="large"
|
||||||
|
@click="submit"
|
||||||
|
v-no-more-click="2000"
|
||||||
|
>
|
||||||
|
开始
|
||||||
|
</van-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { Field, CellGroup, Checkbox, Popup, Picker, Area, RadioGroup, Radio, Dialog } from 'vant'
|
||||||
|
import getAreaName from '@/assets/js/utils/get-area-name'
|
||||||
|
import { customerInfoShare, authCode, changeStatus } from '@/api/ebiz/preserve/preserve'
|
||||||
|
import { checkSignInvalid } from '@/api/ebiz/sale/sale'
|
||||||
|
export default {
|
||||||
|
name: 'basicConfirmation',
|
||||||
|
components: {
|
||||||
|
[Field.name]: Field,
|
||||||
|
[CellGroup.name]: CellGroup,
|
||||||
|
[Checkbox.name]: Checkbox,
|
||||||
|
[Popup.name]: Popup,
|
||||||
|
[Picker.name]: Picker,
|
||||||
|
[Area.name]: Area,
|
||||||
|
[RadioGroup.name]: RadioGroup,
|
||||||
|
[Radio.name]: Radio,
|
||||||
|
[Dialog.name]: name
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
show: false, // 获取短信验证码
|
||||||
|
codeDisabled: false, // 获取验证码按钮是否禁用
|
||||||
|
timeId: null, // 计时器ID
|
||||||
|
countDown: 60, // 倒计时
|
||||||
|
authCode: '', // 验证码
|
||||||
|
areaName: '',
|
||||||
|
homeName: '',
|
||||||
|
sessionId: '',
|
||||||
|
basicInfo: {
|
||||||
|
customerName: '',
|
||||||
|
customerSex: '',
|
||||||
|
customerBirthday: '',
|
||||||
|
idType: '1',
|
||||||
|
idNo: '',
|
||||||
|
isEndDate: '', // 证件截止日期
|
||||||
|
isLongId: '', // 长期
|
||||||
|
customerMobile: '', // 移动电话
|
||||||
|
customerEmail: '', // 电子邮箱
|
||||||
|
customerNo: '',
|
||||||
|
companyAddress: '', // 单位详细地址
|
||||||
|
companyProvince: '',
|
||||||
|
companyCity: '',
|
||||||
|
companyArea: '',
|
||||||
|
companyZip: '',
|
||||||
|
companyPhone: '',
|
||||||
|
homeAddress: '', // 家庭详细地址
|
||||||
|
homeProvince: '',
|
||||||
|
homeCity: '',
|
||||||
|
homeArea: '',
|
||||||
|
homeZip: '',
|
||||||
|
homePhone: '',
|
||||||
|
nationality: '', //国籍
|
||||||
|
jobname: '', //职业类别
|
||||||
|
jobcode: '', //职业编码
|
||||||
|
addressStatus: '0', // 设为联系地址
|
||||||
|
address: '', // 联系详细地址
|
||||||
|
province: '',
|
||||||
|
city: '',
|
||||||
|
area: '',
|
||||||
|
zipCode: '',
|
||||||
|
telephone: ''
|
||||||
|
},
|
||||||
|
changedInfo: {},
|
||||||
|
signInvalid: '',
|
||||||
|
isCanceled: false, //代理人是否已撤销
|
||||||
|
isInvalid: false, //链接是否已失效
|
||||||
|
submitForbidden: false, //是否提交申请失败
|
||||||
|
customerMobile: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
async created() {
|
||||||
|
this.$route.query.customerInfo && (localStorage.customerInfo = decodeURI(this.$route.query.customerInfo))
|
||||||
|
this.customerMobile = JSON.parse(localStorage.customerInfo).customerMobile
|
||||||
|
this.$route.query.token && (localStorage.token = this.$route.query.token)
|
||||||
|
if (this.$route.query.signInvalid) {
|
||||||
|
localStorage.signInvalid = this.$route.query.signInvalid
|
||||||
|
this.signInvalid = this.$route.query.signInvalid
|
||||||
|
}
|
||||||
|
let res = await this.checkSignInvalid(this.signInvalid)
|
||||||
|
if (res == '1') {
|
||||||
|
this.isInvalid = false //未失效
|
||||||
|
} else {
|
||||||
|
this.isInvalid = true //已失效
|
||||||
|
}
|
||||||
|
this.$toast.loading({
|
||||||
|
// 持续展示 toast
|
||||||
|
duration: 0,
|
||||||
|
// 禁用背景点击
|
||||||
|
forbidClick: true,
|
||||||
|
loadingType: 'spinner',
|
||||||
|
message: '加载中……'
|
||||||
|
})
|
||||||
|
customerInfoShare({
|
||||||
|
surrenderType: '1', //"1","基本信息变更" "2","续期账号变更" "3","红利领取"
|
||||||
|
customerInfoDTOList: [],
|
||||||
|
mediaDTOList: [],
|
||||||
|
surrenderId: JSON.parse(localStorage.customerInfo).surrenderId
|
||||||
|
}).then(res => {
|
||||||
|
this.$toast.clear()
|
||||||
|
if (res.result == 0) {
|
||||||
|
// 0 是变更的 1是未变更的
|
||||||
|
let resList = res.content.customerResDtos
|
||||||
|
//代理人是否已撤销
|
||||||
|
if (!this.isInvalid && resList[0].surrenderStatus == '5') {
|
||||||
|
this.isCanceled = true
|
||||||
|
} else if (
|
||||||
|
!this.isInvalid &&
|
||||||
|
(resList[0].surrenderStatus == '7' || resList[0].surrenderStatus == '3' || resList[0].surrenderStatus == '6' || resList[0].surrenderStatus == '9')
|
||||||
|
) {
|
||||||
|
this.submitForbidden = true
|
||||||
|
}
|
||||||
|
|
||||||
|
for (var key in resList[0]) {
|
||||||
|
if (key == 'addressStatus') {
|
||||||
|
this.basicInfo.addressStatus = resList[0].isNewInfo == '0' ? resList[0][key] : resList[1][key]
|
||||||
|
} else {
|
||||||
|
if ((resList[0][key] && resList[0][key] == resList[1][key]) || resList[0][key] == resList[1][key]) {
|
||||||
|
this.basicInfo[key] = resList[0][key]
|
||||||
|
} else if ((resList[0][key] || resList[1][key]) && resList[0][key] != resList[1][key]) {
|
||||||
|
this.changedInfo[key] = resList[0].isNewInfo == '0' ? resList[0][key] : resList[1][key]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//设为联系地址取值
|
||||||
|
// if (this.basicInfo.address && this.basicInfo.companyAddress) {
|
||||||
|
// this.basicInfo.addressStatus = this.basicInfo.address == this.basicInfo.companyAddress ? '0' : '1'
|
||||||
|
// } else if (this.changedInfo.address && this.changedInfo.companyAddress) {
|
||||||
|
// this.basicInfo.addressStatus = this.changedInfo.address == this.changedInfo.companyAddress ? '0' : '1'
|
||||||
|
// }
|
||||||
|
//单位地址, 家庭地址
|
||||||
|
if (resList[0].companyProvince && resList[0].companyCity && resList[0].companyArea) {
|
||||||
|
this.areaName = getAreaName([
|
||||||
|
{ code: this.basicInfo.companyProvince || this.changedInfo.companyProvince },
|
||||||
|
{ code: this.basicInfo.companyCity || this.changedInfo.companyCity },
|
||||||
|
{ code: this.basicInfo.companyArea || this.changedInfo.companyArea }
|
||||||
|
])
|
||||||
|
}
|
||||||
|
if (resList[0].homeProvince && resList[0].homeCity && resList[0].homeArea) {
|
||||||
|
this.homeName = getAreaName([
|
||||||
|
{ code: this.basicInfo.homeProvince || this.changedInfo.homeProvince },
|
||||||
|
{ code: this.basicInfo.homeCity || this.changedInfo.homeCity },
|
||||||
|
{ code: this.basicInfo.homeArea || this.changedInfo.homeArea }
|
||||||
|
])
|
||||||
|
}
|
||||||
|
//长期判断
|
||||||
|
if (this.basicInfo.idEndDate && this.basicInfo.idEndDate == '9999-01-01') {
|
||||||
|
this.basicInfo.idEndDate = ''
|
||||||
|
this.basicInfo.isLongId = true
|
||||||
|
}
|
||||||
|
// this.customerMobile = this.basicInfo.customerMobile || this.changedInfo.customerMobile
|
||||||
|
console.log(this.changedInfo)
|
||||||
|
} else {
|
||||||
|
this.$toast(res.resultMessage)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 提交申请
|
||||||
|
submit() {
|
||||||
|
this.show = true
|
||||||
|
},
|
||||||
|
// 获取短信验证码
|
||||||
|
getAuthCode() {
|
||||||
|
this.codeDisabled = true
|
||||||
|
//倒计时
|
||||||
|
this.timeId = setInterval(() => {
|
||||||
|
this.countDown--
|
||||||
|
if (this.countDown <= 0) {
|
||||||
|
window.clearInterval(this.timeId)
|
||||||
|
this.codeDisabled = false
|
||||||
|
this.countDown = 60
|
||||||
|
}
|
||||||
|
}, 1000)
|
||||||
|
|
||||||
|
authCode({
|
||||||
|
operateType: 'smslogin',
|
||||||
|
sessionId: '',
|
||||||
|
validateCode: '',
|
||||||
|
operateCode: this.customerMobile,
|
||||||
|
system: '',
|
||||||
|
operateCodeType: '0'
|
||||||
|
}).then(res => {
|
||||||
|
console.log(res)
|
||||||
|
if (res.result == 0) {
|
||||||
|
this.sessionId = res.sessionId
|
||||||
|
} else {
|
||||||
|
this.$toast(res.resultMessage)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 验证码确认事件
|
||||||
|
async authConfirm() {
|
||||||
|
//清理计时器
|
||||||
|
this.clearTimer()
|
||||||
|
this.$dialog
|
||||||
|
.alert({
|
||||||
|
title: '提示',
|
||||||
|
className: 'dialog-alert',
|
||||||
|
message: '您所有保单的相应信息均将变更',
|
||||||
|
confirmButtonColor: '#FFFFFF'
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
this.changeSubmit()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 清理计时器
|
||||||
|
clearTimer() {
|
||||||
|
window.clearInterval(this.timeId)
|
||||||
|
this.timeId = null
|
||||||
|
this.countDown = 60
|
||||||
|
this.codeDisabled = false
|
||||||
|
},
|
||||||
|
// 在微信中校验token是否失效
|
||||||
|
async checkSignInvalid(signInvalid) {
|
||||||
|
let that = this
|
||||||
|
this.$toast.loading({
|
||||||
|
duration: 0, // 持续展示 toast
|
||||||
|
forbidClick: true, // 禁用背景点击
|
||||||
|
loadingType: 'spinner',
|
||||||
|
message: '加载中……'
|
||||||
|
})
|
||||||
|
let data = {
|
||||||
|
sign: signInvalid
|
||||||
|
}
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
checkSignInvalid(data).then(res => {
|
||||||
|
if (res.result == '0') {
|
||||||
|
that.$toast.clear()
|
||||||
|
let status = res.content.status
|
||||||
|
resolve(status)
|
||||||
|
} else {
|
||||||
|
reject()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//提交变更申请
|
||||||
|
async changeSubmit() {
|
||||||
|
let res = await changeStatus({
|
||||||
|
surrenderId: JSON.parse(localStorage.customerInfo).surrenderId,
|
||||||
|
surrenderStatus: '3',
|
||||||
|
smsCodeDTO: {
|
||||||
|
smsId: this.sessionId,
|
||||||
|
code: this.authCode
|
||||||
|
}
|
||||||
|
})
|
||||||
|
if (res.result == 0) {
|
||||||
|
this.$jump({
|
||||||
|
flag: 'h5',
|
||||||
|
extra: {
|
||||||
|
url: location.origin + `/#/preserve/submitResult`,
|
||||||
|
backToFirst: '1'
|
||||||
|
},
|
||||||
|
routerInfo: {
|
||||||
|
path: `/preserve/submitResult`
|
||||||
|
}
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$toast(res.resultMessage)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
beforeDestroy() {
|
||||||
|
//清理计时器
|
||||||
|
this.clearTimer()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.basic-confirmation-container {
|
||||||
|
/deep/.van-checkbox {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
/deep/.van-radio {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
/deep/.van-button--small {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-alert {
|
||||||
|
.van-dialog__header {
|
||||||
|
padding-top: 20px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
color: #4fc6b3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.van-dialog__message {
|
||||||
|
font-size: 14px;
|
||||||
|
color: #333;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.van-button:before {
|
||||||
|
color: #4fc6b3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -1 +1,170 @@
|
|||||||
<!--联系方式变更页-->
|
<!--联系方式变更页-->
|
||||||
|
<template>
|
||||||
|
<div class="basic-info-container pb45">
|
||||||
|
<!-- 基本信息 -->
|
||||||
|
<van-cell-group class="mt10">
|
||||||
|
<p style="border-bottom: 1px solid #ebedf0" class=" fs15 fwb pl10 pv12">基本信息</p>
|
||||||
|
<van-field label="姓名" required :value="basicInfo.customerName" readonly />
|
||||||
|
<van-field
|
||||||
|
v-model="basicInfo.customerMobile"
|
||||||
|
clearable
|
||||||
|
required
|
||||||
|
label="移动电话"
|
||||||
|
name="移动电话"
|
||||||
|
placeholder="请输入"
|
||||||
|
v-validate="'required|mobile'"
|
||||||
|
maxlength="11"
|
||||||
|
/>
|
||||||
|
<van-field
|
||||||
|
v-model="homeName"
|
||||||
|
readonly
|
||||||
|
required
|
||||||
|
label="联系地址"
|
||||||
|
name="联系地址"
|
||||||
|
right-icon="arrow"
|
||||||
|
placeholder="请选择"
|
||||||
|
v-validate="'required'"
|
||||||
|
@click="homeShow = true"
|
||||||
|
/>
|
||||||
|
<van-field v-model="basicInfo.homeAddress" label="" name="详细地址" placeholder="请输入详细地址" v-validate="'required'" clearable maxlength="30" />
|
||||||
|
<van-field v-model="basicInfo.homeZip" label="邮编" required name="邮编" placeholder="请输入" v-validate="'required|zipCode'" maxlength="6" clearable />
|
||||||
|
|
||||||
|
<van-field v-model="basicInfo.customerEmail" label="电子邮箱" name="电子邮箱" placeholder="非必填" v-validate="'email'" clearable />
|
||||||
|
|
||||||
|
<van-field v-model="basicInfo.homePhone" label="固定电话" name="固定电话" placeholder="非必填" maxlength="13" clearable />
|
||||||
|
</van-cell-group>
|
||||||
|
|
||||||
|
<div class="bottom-btn bg-white"><van-button type="danger" size="large" @click="nextStep" v-no-more-click="2000">下一步</van-button></div>
|
||||||
|
|
||||||
|
<!-- 家庭地址选择 -->
|
||||||
|
<van-popup v-model="homeShow" position="bottom">
|
||||||
|
<van-area :area-list="areaList" value="110101" @confirm="sureArea($event)" @cancel="homeShow = false" />
|
||||||
|
</van-popup>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { Field, CellGroup, Checkbox, Popup, Picker, Area, RadioGroup, Radio } from 'vant'
|
||||||
|
import areaList from '@/assets/js/utils/area'
|
||||||
|
import getAreaName from '@/assets/js/utils/get-area-name'
|
||||||
|
export default {
|
||||||
|
name: 'contactInfo',
|
||||||
|
components: {
|
||||||
|
[Field.name]: Field,
|
||||||
|
[CellGroup.name]: CellGroup,
|
||||||
|
[Checkbox.name]: Checkbox,
|
||||||
|
[Popup.name]: Popup,
|
||||||
|
[Picker.name]: Picker,
|
||||||
|
[Area.name]: Area,
|
||||||
|
[RadioGroup.name]: RadioGroup,
|
||||||
|
[Radio.name]: Radio
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
areaList,
|
||||||
|
homeName: '',
|
||||||
|
homeShow: false,
|
||||||
|
basicInfo: {
|
||||||
|
customerName: '',
|
||||||
|
customerSex: '',
|
||||||
|
customerBirthday: '',
|
||||||
|
idType: '1',
|
||||||
|
idNo: '',
|
||||||
|
isEndDate: '', // 证件截止日期
|
||||||
|
isLongId: '1', // 长期
|
||||||
|
customerMobile: '', // 移动电话
|
||||||
|
customerEmail: '', // 电子邮箱
|
||||||
|
customerNo: '',
|
||||||
|
companyAddress: '', // 单位详细地址
|
||||||
|
companyProvince: '',
|
||||||
|
companyCity: '',
|
||||||
|
companyArea: '',
|
||||||
|
companyZip: '',
|
||||||
|
companyPhone: '',
|
||||||
|
homeAddress: '', // 家庭详细地址
|
||||||
|
homeProvince: '',
|
||||||
|
homeCity: '',
|
||||||
|
homeArea: '',
|
||||||
|
homeZip: '',
|
||||||
|
homePhone: '',
|
||||||
|
nationality: '', //国籍
|
||||||
|
jobname: '', //职业类别
|
||||||
|
jobcode: '', //职业编码
|
||||||
|
addressStatus: '0', // 设为联系地址
|
||||||
|
address: '', // 联系详细地址
|
||||||
|
province: '',
|
||||||
|
city: '',
|
||||||
|
area: '',
|
||||||
|
zipCode: '',
|
||||||
|
telephone: ''
|
||||||
|
},
|
||||||
|
customerInfo: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
//信息变更提示
|
||||||
|
this.$dialog
|
||||||
|
.alert({
|
||||||
|
title: '提示',
|
||||||
|
className: 'dialog-alert',
|
||||||
|
message: '该客户名下所有保单的相应信息均将变更',
|
||||||
|
confirmButtonColor: '#FFFFFF'
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
if (localStorage.customerInfo) {
|
||||||
|
this.customerInfo = JSON.parse(localStorage.customerInfo)
|
||||||
|
}
|
||||||
|
for (var key in this.basicInfo) {
|
||||||
|
if (this.customerInfo[key]) {
|
||||||
|
this.basicInfo[key] = this.customerInfo[key]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//家庭地址
|
||||||
|
if (this.basicInfo.homeProvince && this.basicInfo.homeCity && this.basicInfo.homeArea) {
|
||||||
|
this.homeName = getAreaName([{ code: this.basicInfo.homeProvince }, { code: this.basicInfo.homeCity }, { code: this.basicInfo.homeArea }])
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//区域选择
|
||||||
|
sureArea(area) {
|
||||||
|
this.homeName = getAreaName(area)
|
||||||
|
;[this.basicInfo.homeProvince, this.basicInfo.homeCity, this.basicInfo.homeArea] = [area[0].code, area[1].code, area[2].code]
|
||||||
|
this.homeShow = false
|
||||||
|
},
|
||||||
|
// 下一步
|
||||||
|
nextStep() {
|
||||||
|
//表单校验
|
||||||
|
this.$validator.validate().then(valid => {
|
||||||
|
if (true == valid) {
|
||||||
|
// if (res.result == 0) {
|
||||||
|
this.$jump({
|
||||||
|
flag: 'h5',
|
||||||
|
extra: {
|
||||||
|
url: location.origin + '/#/preserve/HandleResult'
|
||||||
|
},
|
||||||
|
routerInfo: '/preserve/HandleResult'
|
||||||
|
})
|
||||||
|
// } else {
|
||||||
|
// this.$toast(res.resultMessage)
|
||||||
|
// }
|
||||||
|
} else {
|
||||||
|
this.$toast(this.$validator.errors.all()[0])
|
||||||
|
return
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.basic-info-container {
|
||||||
|
/deep/.van-checkbox {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
/deep/.van-radio {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -1 +1,171 @@
|
|||||||
<!--操作结果页面-->
|
<!--操作结果页面-->
|
||||||
|
<template>
|
||||||
|
<div class="handle-result-container">
|
||||||
|
<div class="payResult-header flex justify-content-c align-items-c p20 pt80">
|
||||||
|
<img class="w60 h60 mt100" :src="srcSuccess" alt="" />
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-direction-colunm text-center ">
|
||||||
|
<p class="mt15 mb20">已提交,待客户确认</p>
|
||||||
|
<!-- <p class="gray fs14" v-if="surrenderType == '3'"><span style="color:red !important">累计红利申请已提交</span>, 请微信分享给客户确认</p> -->
|
||||||
|
<!-- <p class="gray fs14" v-else><span style="color:red !important">修改完成</span>, 请微信分享给客户确认</p> -->
|
||||||
|
<p class="gray fs14">修改完成，请让客户确认</p>
|
||||||
|
<p class="gray fs14">如客户当天24:00前未确认提交，本次操作将自动取消</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="bg-white bottom-btn">
|
||||||
|
<!-- <van-button type="danger" size="large" @click="share" v-no-more-click="2000">分享至客户确认</van-button> -->
|
||||||
|
<van-button type="danger" size="large" @click="toFace" v-no-more-click="2000">客户确认</van-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// import { customerInfo } from '@/api/ebiz/preserve/preserve';
|
||||||
|
// import { getSignInvalid } from '@/api/ebiz/sale/sale'
|
||||||
|
// import { changeStatus } from '@/api/ebiz/preserve/preserve'
|
||||||
|
export default {
|
||||||
|
name: 'handleResult',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
srcSuccess: this.$assetsUrl + 'images/success.png',
|
||||||
|
entry: '',
|
||||||
|
signInvalid: '',
|
||||||
|
surrenderType: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.entry = JSON.parse(localStorage.customerInfo).entry
|
||||||
|
switch (this.entry) {
|
||||||
|
case 'basic':
|
||||||
|
this.surrenderType = '1'
|
||||||
|
break
|
||||||
|
case 'renewal':
|
||||||
|
this.surrenderType = '2'
|
||||||
|
break
|
||||||
|
case 'bonus':
|
||||||
|
this.surrenderType = '3'
|
||||||
|
break
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
document.body.style.backgroundColor = '#fff'
|
||||||
|
// window.appCallBack = this.appCallBack //app回调
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 分享至客户确认
|
||||||
|
// async share() {
|
||||||
|
// localStorage.removeItem('customerSign')
|
||||||
|
// let url = ''
|
||||||
|
// let content = ''
|
||||||
|
// //根据入口判断分享出去的是什么
|
||||||
|
// let res = await this.getSignInvalid()
|
||||||
|
// if (res == 'success') {
|
||||||
|
// console.log(url)
|
||||||
|
// switch (this.entry) {
|
||||||
|
// case 'basic':
|
||||||
|
// url =
|
||||||
|
// '/#/preserve/basicConfirmation?customerInfo=' +
|
||||||
|
// encodeURI(localStorage.customerInfo) +
|
||||||
|
// '&token=' +
|
||||||
|
// localStorage.token +
|
||||||
|
// '&signInvalid=' +
|
||||||
|
// this.signInvalid
|
||||||
|
// content = '您的基本信息有变更, 点击查看详情'
|
||||||
|
// break
|
||||||
|
// case 'renewal':
|
||||||
|
// url =
|
||||||
|
// '/#/preserve/renewalConfirmation?customerInfo=' +
|
||||||
|
// encodeURI(localStorage.customerInfo) +
|
||||||
|
// '&token=' +
|
||||||
|
// localStorage.token +
|
||||||
|
// '&signInvalid=' +
|
||||||
|
// this.signInvalid
|
||||||
|
// content = '您的续期账号有变更, 点击查看详情'
|
||||||
|
|
||||||
|
// break
|
||||||
|
// case 'bonus':
|
||||||
|
// url =
|
||||||
|
// '/#/preserve/bonusConfirmation?customerInfo=' +
|
||||||
|
// encodeURI(localStorage.customerInfo) +
|
||||||
|
// '&token=' +
|
||||||
|
// localStorage.token +
|
||||||
|
// '&signInvalid=' +
|
||||||
|
// this.signInvalid
|
||||||
|
// content = '您有累计红利领取申请带确认, 点击查看详情'
|
||||||
|
// break
|
||||||
|
// }
|
||||||
|
// // eslint-disable-next-line no-undef
|
||||||
|
// EWebBridge.webCallAppInJs('bridge', {
|
||||||
|
// flag: 'share',
|
||||||
|
// extra: {
|
||||||
|
// title: `鼎诚人寿保全申请信息确认`,
|
||||||
|
// content,
|
||||||
|
// url: location.origin + url,
|
||||||
|
// img: this.$assetsUrl + 'images/logo.png'
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// 获取微信中token是否失效标识码
|
||||||
|
// async getSignInvalid() {
|
||||||
|
// this.$toast.loading({
|
||||||
|
// duration: 0, // 持续展示 toast
|
||||||
|
// forbidClick: true, // 禁用背景点击
|
||||||
|
// loadingType: 'spinner',
|
||||||
|
// message: '加载中……'
|
||||||
|
// })
|
||||||
|
// let data = {}
|
||||||
|
// let res = await getSignInvalid(data)
|
||||||
|
// if (res.result == '0') {
|
||||||
|
// this.$toast.clear()
|
||||||
|
// this.signInvalid = res.content.sign
|
||||||
|
// return Promise.resolve('success')
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
//分享给好友时变更分享状态
|
||||||
|
// appCallBack(data) {
|
||||||
|
// if (data.type == '0' && data.trigger == 'weixin_share') {
|
||||||
|
// changeStatus({
|
||||||
|
// surrenderId: JSON.parse(localStorage.customerInfo).surrenderId,
|
||||||
|
// surrenderStatus: '2'
|
||||||
|
// }).then(res => {
|
||||||
|
// if (res.result != '0') {
|
||||||
|
// this.$toast(res.resultMessage)
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
toFace() {
|
||||||
|
// eslint-disable-next-line no-undef
|
||||||
|
EWebBridge.webCallAppInJs('face_auth', {
|
||||||
|
number: this.saleInsuredInfo.idNo, //身份证号码
|
||||||
|
name: this.saleInsuredInfo.name //姓名
|
||||||
|
// })
|
||||||
|
// 跳过人脸识别
|
||||||
|
// new Promise(resolve => {
|
||||||
|
// console.log('--跳过人脸识别--返回识别成功')
|
||||||
|
// resolve(JSON.stringify({ state: '1' }))
|
||||||
|
}).then(data => {
|
||||||
|
if (JSON.parse(data).state == '1') {
|
||||||
|
if (this.appntSign.readStatus == '0') {
|
||||||
|
console.log('zzzzzzzzzzz返回识别成功zzzzzzzzzzz')
|
||||||
|
this.$jump({
|
||||||
|
flag: 'h5',
|
||||||
|
extra: {
|
||||||
|
url: location.origin + '/#/sale/insuranceInformation'
|
||||||
|
},
|
||||||
|
routerInfo: {
|
||||||
|
path: '/sale/insuranceInformation'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// EWebBridge.webCallAppInJs('webview_toast', '人脸检测失败')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style></style>
|
||||||
|
|||||||
@@ -1 +1,28 @@
|
|||||||
<!--提交结果页面-->
|
<!--提交结果页面-->
|
||||||
|
<template>
|
||||||
|
<div class="submit-result-container">
|
||||||
|
<div class="payResult-header flex justify-content-c align-items-c p20 pt80">
|
||||||
|
<img class="w60 h60 mt100" :src="srcSuccess" alt="" />
|
||||||
|
</div>
|
||||||
|
<p class="mt20 text-center">提交成功</p>
|
||||||
|
<p class="mt20 fs12 gray text-center">如有疑问请拨打客服电话: 4008-008-008</p>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'submitResult',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
srcSuccess: this.$assetsUrl + 'images/success.png'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
// localStorage.removeItem('customerSign')
|
||||||
|
document.body.style.backgroundColor = '#fff'
|
||||||
|
},
|
||||||
|
methods: {}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped></style>
|
||||||
|
|||||||
Reference in New Issue
Block a user