mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-09 16:56:43 +08:00
【人管处20220302-关于贵州分公司（筹）电子入司签订材料的需求】贵州四个新模板，修改type值， keyword，标题
This commit is contained in:
li.yuetong
262
src/views/ebiz/agentEenter/GuizhouInsuranceAgencyContract.vue
Normal file
262
src/views/ebiz/agentEenter/GuizhouInsuranceAgencyContract.vue
Normal file
@@ -0,0 +1,262 @@
|
||||
<template>
|
||||
<div>
|
||||
<van-notice-bar :scrollable="false" v-if="!Time" class="notice">{{ `提示：阅读时长需在${time}秒以上` }}</van-notice-bar>
|
||||
<iframe :src="src + pdfUrl" class="iframe"></iframe>
|
||||
<div class="fixed bottom0 left0 bg-white" style="width:100%">
|
||||
<van-radio-group v-model="radio" class="pb10 pt20 pl30">
|
||||
<van-radio name="1" @click="click" class="fs12">
|
||||
本人确认已阅读
|
||||
<span class="blue">《国富人寿保险股份有限公司 个险渠道保险代理合同》</span>
|
||||
</van-radio>
|
||||
</van-radio-group>
|
||||
<div class="pl30 pb15">
|
||||
本人签字：
|
||||
<van-button type="danger" size="small" @click="sign" :disabled="isDisable" v-no-more-click="1000">{{
|
||||
appntSign.signState == '0' ? '签名' : '已签名'
|
||||
}}</van-button>
|
||||
</div>
|
||||
<van-button type="danger" :disabled="isDisabledComplite" @click="goNext" v-no-more-click="1000" size="large">下一步</van-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Field, Icon, Button, Radio, NoticeBar, Dialog, RadioGroup } from 'vant'
|
||||
import { agreementQuery, signAgreement } from '@/api/ebiz/agentEenter/agentEenter.js'
|
||||
import config from '@/config'
|
||||
import { filtSignList, getAgreementNextPagePath } from './js/methods'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
src: location.origin + '/pdfjs/web/viewer.html?file=',
|
||||
pdfUrl: '',
|
||||
radio: '',
|
||||
// 定时器时间
|
||||
time: '10',
|
||||
// 定时器名称
|
||||
timer: null,
|
||||
isOver: false,
|
||||
// 判断验证码是否开始倒计时
|
||||
Time: false,
|
||||
// 签名是否可以点击
|
||||
isDisable: true,
|
||||
// 是否可以点击下一步
|
||||
isDisabledComplite: true,
|
||||
// 是否签名 true 签名 false 未签名
|
||||
isSign: false,
|
||||
//协议list
|
||||
signList: [],
|
||||
//当前页面协议签署后下一页路由
|
||||
nextPagePath: '',
|
||||
//签署人 0-申请人 1-担保人
|
||||
code: '',
|
||||
//推荐人信息
|
||||
agentInfo: {},
|
||||
// 推荐人签名信息
|
||||
appntSign: {
|
||||
signState: '0'
|
||||
},
|
||||
//原生返回的加密包
|
||||
base64: ''
|
||||
}
|
||||
},
|
||||
components: {
|
||||
[Field.name]: Field,
|
||||
[Icon.name]: Icon,
|
||||
[Button.name]: Button,
|
||||
[Radio.name]: Radio,
|
||||
[RadioGroup.name]: RadioGroup,
|
||||
[NoticeBar.name]: NoticeBar,
|
||||
[Dialog.name]: Dialog
|
||||
},
|
||||
created() {
|
||||
if (!this.Time) {
|
||||
this.timeOut()
|
||||
}
|
||||
this.agreementQuery()
|
||||
this.code = this.$route.query.code
|
||||
},
|
||||
methods: {
|
||||
//获取签署协议人信息
|
||||
agreementQuery() {
|
||||
let that = this
|
||||
let data = {}
|
||||
this.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true, // 禁用背景点击
|
||||
loadingType: 'spinner',
|
||||
message: '加载中……'
|
||||
})
|
||||
agreementQuery(data).then(res => {
|
||||
console.log(res)
|
||||
if (res.result == '0') {
|
||||
this.$toast.clear()
|
||||
that.signList = res.content.ebizAgreementDtoList
|
||||
res.content.ebizAgreementDtoList.map(item => {
|
||||
console.log(item)
|
||||
if (item.type == '22') {
|
||||
that.appntSign = item
|
||||
}
|
||||
})
|
||||
filtSignList(that, that.signList)
|
||||
that.nextPagePath = getAgreementNextPagePath(that.signList, that.code, that.appntSign)
|
||||
that.pdfUrl = encodeURIComponent(config.imgDomain + `/returnDirectStream?imgPath=${that.appntSign.rgssUrl}`)
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
},
|
||||
timeOut() {
|
||||
let timer = setInterval(() => {
|
||||
this.time--
|
||||
if (this.time <= 0) {
|
||||
this.time = 0
|
||||
clearInterval(timer)
|
||||
this.Time = true
|
||||
this.isOver = true
|
||||
}
|
||||
}, 1000)
|
||||
},
|
||||
// 点击阅读时
|
||||
click() {
|
||||
let that = this
|
||||
if (that.isOver == false) {
|
||||
Dialog.confirm({
|
||||
title: '提示',
|
||||
message: '该内容涉及您的重大权益，请您仔细阅读',
|
||||
showCancelButton: false
|
||||
}).then(() => {
|
||||
that.radio = ''
|
||||
})
|
||||
}
|
||||
},
|
||||
sign() {
|
||||
this.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true, // 禁用背景点击
|
||||
loadingType: 'spinner',
|
||||
message: '加载中……'
|
||||
})
|
||||
// eslint-disable-next-line no-undef
|
||||
EWebBridge.webCallAppInJs('ca_sign', {
|
||||
//身份证号码
|
||||
number: localStorage.idNo,
|
||||
//姓名
|
||||
name: localStorage.idName,
|
||||
//身份证号码id
|
||||
type: '1',
|
||||
keyword: '乙方(签字)',
|
||||
pageNo: '1',
|
||||
index: '1',
|
||||
offset: '5',
|
||||
pos: '3',
|
||||
signatureWidth: this.$utils.signParams().signatureWidth,
|
||||
signatureHeight: this.$utils.signParams().signatureHeight
|
||||
}).then(data => {
|
||||
this.$toast.clear()
|
||||
if (JSON.parse(data).state == '1') {
|
||||
this.base64 = decodeURI(JSON.parse(data).sign)
|
||||
this.appntSign.signState = '1'
|
||||
this.isDisabledComplite = false
|
||||
this.isSign = false
|
||||
}
|
||||
})
|
||||
},
|
||||
goNext() {
|
||||
if (this.$route.query.isChange && !this.base64) {
|
||||
this.goBack()
|
||||
} else {
|
||||
let that = this
|
||||
let data = {
|
||||
baseEncryp: that.base64,
|
||||
ebizAgreementDto: that.appntSign
|
||||
}
|
||||
this.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true, // 禁用背景点击
|
||||
loadingType: 'spinner',
|
||||
message: '加载中……'
|
||||
})
|
||||
signAgreement(data).then(res => {
|
||||
console.log(res)
|
||||
if (res.result == '0') {
|
||||
if (this.$route.query.isChange) {
|
||||
this.goBack()
|
||||
} else {
|
||||
this.$toast.clear()
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/agentEenter/${that.nextPagePath}?code=${that.code}`,
|
||||
pullRefresh: that.nextPagePath == 'signContract' ? '1' : '0'
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/agentEenter/${that.nextPagePath}?code=${that.code}`
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
goBack() {
|
||||
this.$jump({
|
||||
flag: 'goBack',
|
||||
extra: {
|
||||
refresh: '1',
|
||||
index: '-1',
|
||||
forbidSwipeBack: '1'
|
||||
},
|
||||
routerInfo: {
|
||||
type: 2,
|
||||
index: -1,
|
||||
path: `/agentEenter/signContract`
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listenChange() {
|
||||
const { isOver, radio, appntSign } = this
|
||||
return { isOver, radio, appntSign }
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
listenChange(val) {
|
||||
let that = this
|
||||
if (val.isOver == true && val.radio != '') {
|
||||
that.isDisable = false
|
||||
} else {
|
||||
that.isDisable = true
|
||||
}
|
||||
|
||||
if (that.radio == '1' && val.appntSign.signState == '1') {
|
||||
//线上改为1
|
||||
that.isDisabledComplite = false
|
||||
} else {
|
||||
that.isDisabledComplite = true
|
||||
}
|
||||
}
|
||||
},
|
||||
beforeRouteLeave(to, from, next) {
|
||||
document.body.style.backgroundColor = ''
|
||||
next()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.notice {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
}
|
||||
.iframe {
|
||||
width: 100vw;
|
||||
height: 75vh;
|
||||
}
|
||||
</style>
|
||||
262
src/views/ebiz/agentEenter/GuizhouLetterOfCommitment.vue
Normal file
262
src/views/ebiz/agentEenter/GuizhouLetterOfCommitment.vue
Normal file
@@ -0,0 +1,262 @@
|
||||
<template>
|
||||
<div>
|
||||
<van-notice-bar :scrollable="false" v-if="!Time" class="notice">{{ `提示：阅读时长需在${time}秒以上` }}</van-notice-bar>
|
||||
<iframe :src="src + pdfUrl" class="iframe"></iframe>
|
||||
<div class="fixed bottom0 left0 bg-white" style="width:100%">
|
||||
<van-radio-group v-model="radio" class="pb10 pt20 pl30">
|
||||
<van-radio name="1" @click="click" class="fs12">
|
||||
本人确认已阅读
|
||||
<span class="blue">《承诺书》</span>
|
||||
</van-radio>
|
||||
</van-radio-group>
|
||||
<div class="pl30 pb15">
|
||||
本人签字：
|
||||
<van-button type="danger" size="small" @click="sign" :disabled="isDisable" v-no-more-click="1000">{{
|
||||
appntSign.signState == '0' ? '签名' : '已签名'
|
||||
}}</van-button>
|
||||
</div>
|
||||
<van-button type="danger" :disabled="isDisabledComplite" @click="goNext" v-no-more-click="1000" size="large">下一步</van-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Field, Icon, Button, Radio, NoticeBar, Dialog, RadioGroup } from 'vant'
|
||||
import { agreementQuery, signAgreement } from '@/api/ebiz/agentEenter/agentEenter.js'
|
||||
import config from '@/config'
|
||||
import { filtSignList, getAgreementNextPagePath } from './js/methods'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
src: location.origin + '/pdfjs/web/viewer.html?file=',
|
||||
pdfUrl: '',
|
||||
radio: '',
|
||||
// 定时器时间
|
||||
time: '10',
|
||||
// 定时器名称
|
||||
timer: null,
|
||||
isOver: false,
|
||||
// 判断验证码是否开始倒计时
|
||||
Time: false,
|
||||
// 签名是否可以点击
|
||||
isDisable: true,
|
||||
// 是否可以点击下一步
|
||||
isDisabledComplite: true,
|
||||
// 是否签名 true 签名 false 未签名
|
||||
isSign: false,
|
||||
//协议list
|
||||
signList: [],
|
||||
//当前页面协议签署后下一页路由
|
||||
nextPagePath: '',
|
||||
//签署人 0-申请人 1-担保人
|
||||
code: '',
|
||||
//推荐人信息
|
||||
agentInfo: {},
|
||||
// 推荐人签名信息
|
||||
appntSign: {
|
||||
signState: '0'
|
||||
},
|
||||
//原生返回的加密包
|
||||
base64: ''
|
||||
}
|
||||
},
|
||||
components: {
|
||||
[Field.name]: Field,
|
||||
[Icon.name]: Icon,
|
||||
[Button.name]: Button,
|
||||
[Radio.name]: Radio,
|
||||
[RadioGroup.name]: RadioGroup,
|
||||
[NoticeBar.name]: NoticeBar,
|
||||
[Dialog.name]: Dialog
|
||||
},
|
||||
created() {
|
||||
if (!this.Time) {
|
||||
this.timeOut()
|
||||
}
|
||||
this.agreementQuery()
|
||||
this.code = this.$route.query.code
|
||||
},
|
||||
methods: {
|
||||
//获取签署协议人信息
|
||||
agreementQuery() {
|
||||
let that = this
|
||||
let data = {}
|
||||
this.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true, // 禁用背景点击
|
||||
loadingType: 'spinner',
|
||||
message: '加载中……'
|
||||
})
|
||||
agreementQuery(data).then(res => {
|
||||
console.log(res)
|
||||
if (res.result == '0') {
|
||||
this.$toast.clear()
|
||||
that.signList = res.content.ebizAgreementDtoList
|
||||
res.content.ebizAgreementDtoList.map(item => {
|
||||
console.log(item)
|
||||
if (item.type == '20') {
|
||||
that.appntSign = item
|
||||
}
|
||||
})
|
||||
filtSignList(that, that.signList)
|
||||
that.nextPagePath = getAgreementNextPagePath(that.signList, that.code, that.appntSign)
|
||||
that.pdfUrl = encodeURIComponent(config.imgDomain + `/returnDirectStream?imgPath=${that.appntSign.rgssUrl}`)
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
},
|
||||
timeOut() {
|
||||
let timer = setInterval(() => {
|
||||
this.time--
|
||||
if (this.time <= 0) {
|
||||
this.time = 0
|
||||
clearInterval(timer)
|
||||
this.Time = true
|
||||
this.isOver = true
|
||||
}
|
||||
}, 1000)
|
||||
},
|
||||
// 点击阅读时
|
||||
click() {
|
||||
let that = this
|
||||
if (that.isOver == false) {
|
||||
Dialog.confirm({
|
||||
title: '提示',
|
||||
message: '该内容涉及您的重大权益，请您仔细阅读',
|
||||
showCancelButton: false
|
||||
}).then(() => {
|
||||
that.radio = ''
|
||||
})
|
||||
}
|
||||
},
|
||||
sign() {
|
||||
this.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true, // 禁用背景点击
|
||||
loadingType: 'spinner',
|
||||
message: '加载中……'
|
||||
})
|
||||
// eslint-disable-next-line no-undef
|
||||
EWebBridge.webCallAppInJs('ca_sign', {
|
||||
//身份证号码
|
||||
number: localStorage.idNo,
|
||||
//姓名
|
||||
name: localStorage.idName,
|
||||
//身份证号码id
|
||||
type: '1',
|
||||
keyword: '承诺人（代理人）签字',
|
||||
pageNo: '1',
|
||||
index: '1',
|
||||
offset: '5',
|
||||
pos: '3',
|
||||
signatureWidth: this.$utils.signParams().signatureWidth,
|
||||
signatureHeight: this.$utils.signParams().signatureHeight
|
||||
}).then(data => {
|
||||
this.$toast.clear()
|
||||
if (JSON.parse(data).state == '1') {
|
||||
this.base64 = decodeURI(JSON.parse(data).sign)
|
||||
this.appntSign.signState = '1'
|
||||
this.isDisabledComplite = false
|
||||
this.isSign = false
|
||||
}
|
||||
})
|
||||
},
|
||||
goNext() {
|
||||
if (this.$route.query.isChange && !this.base64) {
|
||||
this.goBack()
|
||||
} else {
|
||||
let that = this
|
||||
let data = {
|
||||
baseEncryp: that.base64,
|
||||
ebizAgreementDto: that.appntSign
|
||||
}
|
||||
this.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true, // 禁用背景点击
|
||||
loadingType: 'spinner',
|
||||
message: '加载中……'
|
||||
})
|
||||
signAgreement(data).then(res => {
|
||||
console.log(res)
|
||||
if (res.result == '0') {
|
||||
if (this.$route.query.isChange) {
|
||||
this.goBack()
|
||||
} else {
|
||||
this.$toast.clear()
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/agentEenter/${that.nextPagePath}?code=${that.code}`,
|
||||
pullRefresh: that.nextPagePath == 'signContract' ? '1' : '0'
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/agentEenter/${that.nextPagePath}?code=${that.code}`
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
goBack() {
|
||||
this.$jump({
|
||||
flag: 'goBack',
|
||||
extra: {
|
||||
refresh: '1',
|
||||
index: '-1',
|
||||
forbidSwipeBack: '1'
|
||||
},
|
||||
routerInfo: {
|
||||
type: 2,
|
||||
index: -1,
|
||||
path: `/agentEenter/signContract`
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listenChange() {
|
||||
const { isOver, radio, appntSign } = this
|
||||
return { isOver, radio, appntSign }
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
listenChange(val) {
|
||||
let that = this
|
||||
if (val.isOver == true && val.radio != '') {
|
||||
that.isDisable = false
|
||||
} else {
|
||||
that.isDisable = true
|
||||
}
|
||||
|
||||
if (that.radio == '1' && val.appntSign.signState == '1') {
|
||||
//线上改为1
|
||||
that.isDisabledComplite = false
|
||||
} else {
|
||||
that.isDisabledComplite = true
|
||||
}
|
||||
}
|
||||
},
|
||||
beforeRouteLeave(to, from, next) {
|
||||
document.body.style.backgroundColor = ''
|
||||
next()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.notice {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
}
|
||||
.iframe {
|
||||
width: 100vw;
|
||||
height: 75vh;
|
||||
}
|
||||
</style>
|
||||
262
src/views/ebiz/agentEenter/GuizhouLetterOfGuarantee.vue
Normal file
262
src/views/ebiz/agentEenter/GuizhouLetterOfGuarantee.vue
Normal file
@@ -0,0 +1,262 @@
|
||||
<template>
|
||||
<div>
|
||||
<van-notice-bar :scrollable="false" v-if="!Time" class="notice">{{ `提示：阅读时长需在${time}秒以上` }}</van-notice-bar>
|
||||
<iframe :src="src + pdfUrl" class="iframe"></iframe>
|
||||
<div class="fixed bottom0 left0 bg-white" style="width:100%">
|
||||
<van-radio-group v-model="radio" class="pb10 pt20 pl30">
|
||||
<van-radio name="1" @click="click" class="fs12">
|
||||
本人确认已阅读
|
||||
<span class="blue">《担保书》</span>
|
||||
</van-radio>
|
||||
</van-radio-group>
|
||||
<div class="pl30 pb15">
|
||||
本人签字：
|
||||
<van-button type="danger" size="small" @click="sign" :disabled="isDisable" v-no-more-click="1000">{{
|
||||
appntSign.signState == '0' ? '签名' : '已签名'
|
||||
}}</van-button>
|
||||
</div>
|
||||
<van-button type="danger" :disabled="isDisabledComplite" @click="goNext" v-no-more-click="1000" size="large">下一步</van-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Field, Icon, Button, Radio, NoticeBar, Dialog, RadioGroup } from 'vant'
|
||||
import { agreementQuery, signAgreement } from '@/api/ebiz/agentEenter/agentEenter.js'
|
||||
import config from '@/config'
|
||||
import { filtSignList, getAgreementNextPagePath } from './js/methods'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
src: location.origin + '/pdfjs/web/viewer.html?file=',
|
||||
pdfUrl: '',
|
||||
radio: '',
|
||||
// 定时器时间
|
||||
time: '10',
|
||||
// 定时器名称
|
||||
timer: null,
|
||||
isOver: false,
|
||||
// 判断验证码是否开始倒计时
|
||||
Time: false,
|
||||
// 签名是否可以点击
|
||||
isDisable: true,
|
||||
// 是否可以点击下一步
|
||||
isDisabledComplite: true,
|
||||
// 是否签名 true 签名 false 未签名
|
||||
isSign: false,
|
||||
//协议list
|
||||
signList: [],
|
||||
//当前页面协议签署后下一页路由
|
||||
nextPagePath: '',
|
||||
//签署人 0-申请人 1-担保人
|
||||
code: '',
|
||||
//推荐人信息
|
||||
agentInfo: {},
|
||||
// 推荐人签名信息
|
||||
appntSign: {
|
||||
signState: '0'
|
||||
},
|
||||
//原生返回的加密包
|
||||
base64: ''
|
||||
}
|
||||
},
|
||||
components: {
|
||||
[Field.name]: Field,
|
||||
[Icon.name]: Icon,
|
||||
[Button.name]: Button,
|
||||
[Radio.name]: Radio,
|
||||
[RadioGroup.name]: RadioGroup,
|
||||
[NoticeBar.name]: NoticeBar,
|
||||
[Dialog.name]: Dialog
|
||||
},
|
||||
created() {
|
||||
if (!this.Time) {
|
||||
this.timeOut()
|
||||
}
|
||||
this.agreementQuery()
|
||||
this.code = this.$route.query.code
|
||||
},
|
||||
methods: {
|
||||
//获取签署协议人信息
|
||||
agreementQuery() {
|
||||
let that = this
|
||||
let data = {}
|
||||
this.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true, // 禁用背景点击
|
||||
loadingType: 'spinner',
|
||||
message: '加载中……'
|
||||
})
|
||||
agreementQuery(data).then(res => {
|
||||
console.log(res)
|
||||
if (res.result == '0') {
|
||||
this.$toast.clear()
|
||||
that.signList = res.content.ebizAgreementDtoList
|
||||
res.content.ebizAgreementDtoList.map(item => {
|
||||
console.log(item)
|
||||
if (item.type == '21') {
|
||||
that.appntSign = item
|
||||
}
|
||||
})
|
||||
filtSignList(that, that.signList)
|
||||
that.nextPagePath = getAgreementNextPagePath(that.signList, that.code, that.appntSign)
|
||||
that.pdfUrl = encodeURIComponent(config.imgDomain + `/returnDirectStream?imgPath=${that.appntSign.rgssUrl}`)
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
},
|
||||
timeOut() {
|
||||
let timer = setInterval(() => {
|
||||
this.time--
|
||||
if (this.time <= 0) {
|
||||
this.time = 0
|
||||
clearInterval(timer)
|
||||
this.Time = true
|
||||
this.isOver = true
|
||||
}
|
||||
}, 1000)
|
||||
},
|
||||
// 点击阅读时
|
||||
click() {
|
||||
let that = this
|
||||
if (that.isOver == false) {
|
||||
Dialog.confirm({
|
||||
title: '提示',
|
||||
message: '该内容涉及您的重大权益，请您仔细阅读',
|
||||
showCancelButton: false
|
||||
}).then(() => {
|
||||
that.radio = ''
|
||||
})
|
||||
}
|
||||
},
|
||||
sign() {
|
||||
this.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true, // 禁用背景点击
|
||||
loadingType: 'spinner',
|
||||
message: '加载中……'
|
||||
})
|
||||
// eslint-disable-next-line no-undef
|
||||
EWebBridge.webCallAppInJs('ca_sign', {
|
||||
//身份证号码
|
||||
number: localStorage.idNo,
|
||||
//姓名
|
||||
name: localStorage.idName,
|
||||
//身份证号码id
|
||||
type: '1',
|
||||
keyword: '被担保人（保险代理人）签名',
|
||||
pageNo: '1',
|
||||
index: '1',
|
||||
offset: '5',
|
||||
pos: '3',
|
||||
signatureWidth: this.$utils.signParams().signatureWidth,
|
||||
signatureHeight: this.$utils.signParams().signatureHeight
|
||||
}).then(data => {
|
||||
this.$toast.clear()
|
||||
if (JSON.parse(data).state == '1') {
|
||||
this.base64 = decodeURI(JSON.parse(data).sign)
|
||||
this.appntSign.signState = '1'
|
||||
this.isDisabledComplite = false
|
||||
this.isSign = false
|
||||
}
|
||||
})
|
||||
},
|
||||
goNext() {
|
||||
if (this.$route.query.isChange && !this.base64) {
|
||||
this.goBack()
|
||||
} else {
|
||||
let that = this
|
||||
let data = {
|
||||
baseEncryp: that.base64,
|
||||
ebizAgreementDto: that.appntSign
|
||||
}
|
||||
this.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true, // 禁用背景点击
|
||||
loadingType: 'spinner',
|
||||
message: '加载中……'
|
||||
})
|
||||
signAgreement(data).then(res => {
|
||||
console.log(res)
|
||||
if (res.result == '0') {
|
||||
if (this.$route.query.isChange) {
|
||||
this.goBack()
|
||||
} else {
|
||||
this.$toast.clear()
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/agentEenter/${that.nextPagePath}?code=${that.code}`,
|
||||
pullRefresh: that.nextPagePath == 'signContract' ? '1' : '0'
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/agentEenter/${that.nextPagePath}?code=${that.code}`
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
goBack() {
|
||||
this.$jump({
|
||||
flag: 'goBack',
|
||||
extra: {
|
||||
refresh: '1',
|
||||
index: '-1',
|
||||
forbidSwipeBack: '1'
|
||||
},
|
||||
routerInfo: {
|
||||
type: 2,
|
||||
index: -1,
|
||||
path: `/agentEenter/signContract`
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listenChange() {
|
||||
const { isOver, radio, appntSign } = this
|
||||
return { isOver, radio, appntSign }
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
listenChange(val) {
|
||||
let that = this
|
||||
if (val.isOver == true && val.radio != '') {
|
||||
that.isDisable = false
|
||||
} else {
|
||||
that.isDisable = true
|
||||
}
|
||||
|
||||
if (that.radio == '1' && val.appntSign.signState == '1') {
|
||||
//线上改为1
|
||||
that.isDisabledComplite = false
|
||||
} else {
|
||||
that.isDisabledComplite = true
|
||||
}
|
||||
}
|
||||
},
|
||||
beforeRouteLeave(to, from, next) {
|
||||
document.body.style.backgroundColor = ''
|
||||
next()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.notice {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
}
|
||||
.iframe {
|
||||
width: 100vw;
|
||||
height: 75vh;
|
||||
}
|
||||
</style>
|
||||
262
src/views/ebiz/agentEenter/GuizhouPersonalInformationInquiry.vue
Normal file
262
src/views/ebiz/agentEenter/GuizhouPersonalInformationInquiry.vue
Normal file
@@ -0,0 +1,262 @@
|
||||
<template>
|
||||
<div>
|
||||
<van-notice-bar :scrollable="false" v-if="!Time" class="notice">{{ `提示：阅读时长需在${time}秒以上` }}</van-notice-bar>
|
||||
<iframe :src="src + pdfUrl" class="iframe"></iframe>
|
||||
<div class="fixed bottom0 left0 bg-white" style="width:100%">
|
||||
<van-radio-group v-model="radio" class="pb10 pt20 pl30">
|
||||
<van-radio name="1" @click="click" class="fs12">
|
||||
本人确认已阅读
|
||||
<span class="blue">《个人信息查询授权书》</span>
|
||||
</van-radio>
|
||||
</van-radio-group>
|
||||
<div class="pl30 pb15">
|
||||
本人签字：
|
||||
<van-button type="danger" size="small" @click="sign" :disabled="isDisable" v-no-more-click="1000">{{
|
||||
appntSign.signState == '0' ? '签名' : '已签名'
|
||||
}}</van-button>
|
||||
</div>
|
||||
<van-button type="danger" :disabled="isDisabledComplite" @click="goNext" v-no-more-click="1000" size="large">下一步</van-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Field, Icon, Button, Radio, NoticeBar, Dialog, RadioGroup } from 'vant'
|
||||
import { agreementQuery, signAgreement } from '@/api/ebiz/agentEenter/agentEenter.js'
|
||||
import config from '@/config'
|
||||
import { filtSignList, getAgreementNextPagePath } from './js/methods'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
src: location.origin + '/pdfjs/web/viewer.html?file=',
|
||||
pdfUrl: '',
|
||||
radio: '',
|
||||
// 定时器时间
|
||||
time: '10',
|
||||
// 定时器名称
|
||||
timer: null,
|
||||
isOver: false,
|
||||
// 判断验证码是否开始倒计时
|
||||
Time: false,
|
||||
// 签名是否可以点击
|
||||
isDisable: true,
|
||||
// 是否可以点击下一步
|
||||
isDisabledComplite: true,
|
||||
// 是否签名 true 签名 false 未签名
|
||||
isSign: false,
|
||||
//协议list
|
||||
signList: [],
|
||||
//当前页面协议签署后下一页路由
|
||||
nextPagePath: '',
|
||||
//签署人 0-申请人 1-担保人
|
||||
code: '',
|
||||
//推荐人信息
|
||||
agentInfo: {},
|
||||
// 推荐人签名信息
|
||||
appntSign: {
|
||||
signState: '0'
|
||||
},
|
||||
//原生返回的加密包
|
||||
base64: ''
|
||||
}
|
||||
},
|
||||
components: {
|
||||
[Field.name]: Field,
|
||||
[Icon.name]: Icon,
|
||||
[Button.name]: Button,
|
||||
[Radio.name]: Radio,
|
||||
[RadioGroup.name]: RadioGroup,
|
||||
[NoticeBar.name]: NoticeBar,
|
||||
[Dialog.name]: Dialog
|
||||
},
|
||||
created() {
|
||||
if (!this.Time) {
|
||||
this.timeOut()
|
||||
}
|
||||
this.agreementQuery()
|
||||
this.code = this.$route.query.code
|
||||
},
|
||||
methods: {
|
||||
//获取签署协议人信息
|
||||
agreementQuery() {
|
||||
let that = this
|
||||
let data = {}
|
||||
this.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true, // 禁用背景点击
|
||||
loadingType: 'spinner',
|
||||
message: '加载中……'
|
||||
})
|
||||
agreementQuery(data).then(res => {
|
||||
console.log(res)
|
||||
if (res.result == '0') {
|
||||
this.$toast.clear()
|
||||
that.signList = res.content.ebizAgreementDtoList
|
||||
res.content.ebizAgreementDtoList.map(item => {
|
||||
console.log(item)
|
||||
if (item.type == '19') {
|
||||
that.appntSign = item
|
||||
}
|
||||
})
|
||||
filtSignList(that, that.signList)
|
||||
that.nextPagePath = getAgreementNextPagePath(that.signList, that.code, that.appntSign)
|
||||
that.pdfUrl = encodeURIComponent(config.imgDomain + `/returnDirectStream?imgPath=${that.appntSign.rgssUrl}`)
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
},
|
||||
timeOut() {
|
||||
let timer = setInterval(() => {
|
||||
this.time--
|
||||
if (this.time <= 0) {
|
||||
this.time = 0
|
||||
clearInterval(timer)
|
||||
this.Time = true
|
||||
this.isOver = true
|
||||
}
|
||||
}, 1000)
|
||||
},
|
||||
// 点击阅读时
|
||||
click() {
|
||||
let that = this
|
||||
if (that.isOver == false) {
|
||||
Dialog.confirm({
|
||||
title: '提示',
|
||||
message: '该内容涉及您的重大权益，请您仔细阅读',
|
||||
showCancelButton: false
|
||||
}).then(() => {
|
||||
that.radio = ''
|
||||
})
|
||||
}
|
||||
},
|
||||
sign() {
|
||||
this.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true, // 禁用背景点击
|
||||
loadingType: 'spinner',
|
||||
message: '加载中……'
|
||||
})
|
||||
// eslint-disable-next-line no-undef
|
||||
EWebBridge.webCallAppInJs('ca_sign', {
|
||||
//身份证号码
|
||||
number: localStorage.idNo,
|
||||
//姓名
|
||||
name: localStorage.idName,
|
||||
//身份证号码id
|
||||
type: '1',
|
||||
keyword: '授权人（本人签字）',
|
||||
pageNo: '1',
|
||||
index: '1',
|
||||
offset: '5',
|
||||
pos: '3',
|
||||
signatureWidth: this.$utils.signParams().signatureWidth,
|
||||
signatureHeight: this.$utils.signParams().signatureHeight
|
||||
}).then(data => {
|
||||
this.$toast.clear()
|
||||
if (JSON.parse(data).state == '1') {
|
||||
this.base64 = decodeURI(JSON.parse(data).sign)
|
||||
this.appntSign.signState = '1'
|
||||
this.isDisabledComplite = false
|
||||
this.isSign = false
|
||||
}
|
||||
})
|
||||
},
|
||||
goNext() {
|
||||
if (this.$route.query.isChange && !this.base64) {
|
||||
this.goBack()
|
||||
} else {
|
||||
let that = this
|
||||
let data = {
|
||||
baseEncryp: that.base64,
|
||||
ebizAgreementDto: that.appntSign
|
||||
}
|
||||
this.$toast.loading({
|
||||
duration: 0, // 持续展示 toast
|
||||
forbidClick: true, // 禁用背景点击
|
||||
loadingType: 'spinner',
|
||||
message: '加载中……'
|
||||
})
|
||||
signAgreement(data).then(res => {
|
||||
console.log(res)
|
||||
if (res.result == '0') {
|
||||
if (this.$route.query.isChange) {
|
||||
this.goBack()
|
||||
} else {
|
||||
this.$toast.clear()
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#/agentEenter/${that.nextPagePath}?code=${that.code}`,
|
||||
pullRefresh: that.nextPagePath == 'signContract' ? '1' : '0'
|
||||
},
|
||||
routerInfo: {
|
||||
path: `/agentEenter/${that.nextPagePath}?code=${that.code}`
|
||||
}
|
||||
})
|
||||
}
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
goBack() {
|
||||
this.$jump({
|
||||
flag: 'goBack',
|
||||
extra: {
|
||||
refresh: '1',
|
||||
index: '-1',
|
||||
forbidSwipeBack: '1'
|
||||
},
|
||||
routerInfo: {
|
||||
type: 2,
|
||||
index: -1,
|
||||
path: `/agentEenter/signContract`
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
listenChange() {
|
||||
const { isOver, radio, appntSign } = this
|
||||
return { isOver, radio, appntSign }
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
listenChange(val) {
|
||||
let that = this
|
||||
if (val.isOver == true && val.radio != '') {
|
||||
that.isDisable = false
|
||||
} else {
|
||||
that.isDisable = true
|
||||
}
|
||||
|
||||
if (that.radio == '1' && val.appntSign.signState == '1') {
|
||||
//线上改为1
|
||||
that.isDisabledComplite = false
|
||||
} else {
|
||||
that.isDisabledComplite = true
|
||||
}
|
||||
}
|
||||
},
|
||||
beforeRouteLeave(to, from, next) {
|
||||
document.body.style.backgroundColor = ''
|
||||
next()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.notice {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
}
|
||||
.iframe {
|
||||
width: 100vw;
|
||||
height: 75vh;
|
||||
}
|
||||
</style>
|
||||
@@ -1027,9 +1027,24 @@ export function filtSignList(that, signList) {
|
||||
item.path = 'LetterOfKnow'
|
||||
break
|
||||
case '14':
|
||||
// item.key = 7
|
||||
item.path = 'paction'
|
||||
break
|
||||
//20 贵州承诺书
|
||||
case '20':
|
||||
item.path = 'GuizhouLetterOfCommitment'
|
||||
break
|
||||
//21 贵州担保书
|
||||
case '21':
|
||||
item.path = 'GuizhouLetterOfGuarantee'
|
||||
break
|
||||
//22 贵州保险代理合同
|
||||
case '22':
|
||||
item.path = 'GuizhouInsuranceAgencyContract'
|
||||
break
|
||||
//19 贵州个人信息查询授权书
|
||||
case '19':
|
||||
item.path = 'GuizhouPersonalInformationInquiry'
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user