|
|
|
|
@ -10,9 +10,12 @@ |
|
|
|
|
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="账号" required> |
|
|
|
|
<div class="idCard" @click="popUp1('银行扫描器')"> |
|
|
|
|
<div v-if='!cardNumberJudge' class="idCard" @click="popUp1('刷卡器')"> |
|
|
|
|
<p>请刷银行卡</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input ref="voucherNumber" disabled :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="证件类型" prop="certificateType"> |
|
|
|
|
<el-select v-model="form.certificateType" ref="certificateType"> |
|
|
|
|
@ -20,9 +23,12 @@ |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="支取密码" required> |
|
|
|
|
<div class="idCard" @click="popUp3('密码器')"> |
|
|
|
|
<div v-if='!form.payPassword' class="idCard" @click="popUp3('密码器')"> |
|
|
|
|
<p>请输入密码</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else @click="popUp3('密码器')"> |
|
|
|
|
<el-input :value="form.payPassword" ref="payPassword" type="password"></el-input> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
@ -30,9 +36,12 @@ |
|
|
|
|
<el-input :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')" ref="customerName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="身份证" required> |
|
|
|
|
<div class="idCard" @click="popUp2('身份证扫描器')"> |
|
|
|
|
<div class="idCard" @click="popUp2('身份证扫描仪')" v-if='!idNumberJudge'> |
|
|
|
|
<p>请刷身份证</p> |
|
|
|
|
</div> |
|
|
|
|
<div v-else> |
|
|
|
|
<el-input :value="form.idNumber" disabled ref="idNumber"></el-input> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="备注" prop="remark"> |
|
|
|
|
<el-input v-model="form.remark" ref="remark"></el-input> |
|
|
|
|
@ -41,49 +50,58 @@ |
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button> |
|
|
|
|
<el-dialog |
|
|
|
|
style="margin-top:10vh" |
|
|
|
|
:visible.sync="visible" |
|
|
|
|
:modal="false" |
|
|
|
|
width="40%" |
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
:show-close="false" |
|
|
|
|
custom-class="data-dia" |
|
|
|
|
> |
|
|
|
|
<div slot="title" class="dia-header"> |
|
|
|
|
<div class="data-title">提交</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="popBody"> |
|
|
|
|
<h2>本业务需要授权</h2> |
|
|
|
|
</div> |
|
|
|
|
<div class="popBtns"> |
|
|
|
|
<el-button class="close btn" @click="visible = false">取 消</el-button> |
|
|
|
|
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
<my-dialog v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" /> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" class="wrap" /> --> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
import { vercustomer } from '@/utils/verify.js' |
|
|
|
|
import { myValidate, checkHanzi, checkName, autoPlay, autoPlay2 } from '@/utils/utilFunction.js' |
|
|
|
|
const moduleName = 'servicesAccount/relieveLost' |
|
|
|
|
|
|
|
|
|
import { myValidate, checkHanzi, checkName, autoPlay, autoPlay2, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js' |
|
|
|
|
import MyTitle from '@/components/myTitle' |
|
|
|
|
import { mapMutations, mapGetters } from 'vuex' |
|
|
|
|
import NeedBefore from '@/components/needBefore' |
|
|
|
|
import MyDialog from '@/components/dialog' |
|
|
|
|
|
|
|
|
|
export default{ |
|
|
|
|
name:'', |
|
|
|
|
props:{}, |
|
|
|
|
components: { |
|
|
|
|
MyTitle |
|
|
|
|
MyTitle, |
|
|
|
|
MyDialog, |
|
|
|
|
NeedBefore |
|
|
|
|
}, |
|
|
|
|
data(){ |
|
|
|
|
return{ |
|
|
|
|
idNumberJudge: false, |
|
|
|
|
cardNumberJudge: false, |
|
|
|
|
visible: false, |
|
|
|
|
unNeed: false, |
|
|
|
|
isNeedBefore: '', |
|
|
|
|
needBefore: '', |
|
|
|
|
form:{ |
|
|
|
|
// 必填项 |
|
|
|
|
customerName: '', // 客户姓名 |
|
|
|
|
payPassword: '', // 支取密码 |
|
|
|
|
idNumber: '', // 证件号码 |
|
|
|
|
voucherNumber: '', // 账号 |
|
|
|
|
// 非必填项 |
|
|
|
|
certificateType: '身份证', // 证件类型 |
|
|
|
|
certificateType: 83, // 证件类型 |
|
|
|
|
remark: '', // 备注 |
|
|
|
|
}, |
|
|
|
|
formName:{ |
|
|
|
|
// 必填项 |
|
|
|
|
customerName: '客户姓名', // |
|
|
|
|
idNumber: '证件号码', // |
|
|
|
|
voucherNumber: '账号', // |
|
|
|
|
payPassword: '支取密码', // |
|
|
|
|
certificateType: '证件类型', // |
|
|
|
|
remark: '备注', // |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
customerName: vercustomer |
|
|
|
|
}, |
|
|
|
|
@ -104,109 +122,146 @@ export default{ |
|
|
|
|
prop: 'customerName', // 客户姓名 |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": '7', |
|
|
|
|
}, |
|
|
|
|
343: { |
|
|
|
|
prop: 'payPassword', // 支取密码 |
|
|
|
|
type: '3', |
|
|
|
|
"subjectId": '17', |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
visible: false |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
...mapMutations({ |
|
|
|
|
changeShowGoods: 'system/changeShowGoods', |
|
|
|
|
setDataFlow: 'system/setDataFlow', |
|
|
|
|
setNeedsModule: 'system/setNeedsModule', |
|
|
|
|
setPopId: 'system/setPopId' |
|
|
|
|
}), |
|
|
|
|
|
|
|
|
|
// popUp1(text) { |
|
|
|
|
// this.$message.warning('请刷银行卡'); |
|
|
|
|
// this.setPopId('329') |
|
|
|
|
// sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
// this.$router.push('/counter/list/') |
|
|
|
|
// }, |
|
|
|
|
popUp1(text) { |
|
|
|
|
this.$store.commit('system/changePop',{show:true,text, id: '337'}) |
|
|
|
|
this.$message.warning('请刷银行卡'); |
|
|
|
|
this.setPopId('337') |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
|
|
|
|
|
// this.$store.commit('system/changePop',{show:true,text, id: '337'}) |
|
|
|
|
}, |
|
|
|
|
popUp2(text) { |
|
|
|
|
this.$store.commit('system/changePop',{show:true,text, id: '341'}) |
|
|
|
|
this.$message.warning('请刷身份证'); |
|
|
|
|
this.setPopId('341') |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
|
|
|
|
|
// this.$store.commit('system/changePop',{show:true,text, id: '341'}) |
|
|
|
|
}, |
|
|
|
|
popUp3(text) { |
|
|
|
|
this.$store.commit('system/changePop',{show:true,text, id: '343'}) |
|
|
|
|
this.$message.warning('在输入支付密码'); |
|
|
|
|
this.setPopId('343') |
|
|
|
|
sessionStorage.setItem('computerPath', this.$route.fullPath) |
|
|
|
|
this.$router.push('/counter/list/') |
|
|
|
|
|
|
|
|
|
// this.$store.commit('system/changePop',{show:true,text, id: '343'}) |
|
|
|
|
}, |
|
|
|
|
submitForm() { |
|
|
|
|
if(!this.form.idNumber) { |
|
|
|
|
messageIdCard('请输入证件号码') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
if(!this.form.voucherNumber) { |
|
|
|
|
messageCard('请填写凭证号码') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
if(!this.form.payPassword) { |
|
|
|
|
messagePassword('新输入旧支付密码') |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
|
// 验证通过逻辑写在这 |
|
|
|
|
let servicesPasswordRelieveLost = sessionStorage.getItem('servicesPasswordRelieveLost') |
|
|
|
|
let servicesPasswordRelieveLost2 = sessionStorage.getItem('servicesPasswordRelieveLost2') |
|
|
|
|
let servicesPasswordRelievePassword = sessionStorage.getItem('servicesPasswordRelievePassword') |
|
|
|
|
// let projectId = sessionStorage.getItem('projectId') |
|
|
|
|
// let startTime = sessionStorage.getItem('startTime') |
|
|
|
|
// let formList = [ |
|
|
|
|
// { |
|
|
|
|
// "answerId":'337', |
|
|
|
|
// "emptyOne": "", |
|
|
|
|
// "emptyTwo": "", |
|
|
|
|
// "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,28,336,337,338", |
|
|
|
|
// "type": "" |
|
|
|
|
// } |
|
|
|
|
// ] |
|
|
|
|
// let params= { |
|
|
|
|
// parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,28,336,337', |
|
|
|
|
// lcJudgmentRuleReq:formList, |
|
|
|
|
// projectId:+projectId, |
|
|
|
|
// startTime:startTime, |
|
|
|
|
// } |
|
|
|
|
// addOperation(params).then((data)=>{ |
|
|
|
|
// this.$message({ |
|
|
|
|
// message: '提交成功', |
|
|
|
|
// type: 'success' |
|
|
|
|
// }); |
|
|
|
|
// }).catch((error)=>{ |
|
|
|
|
// }) |
|
|
|
|
// let formLists = [ |
|
|
|
|
// { |
|
|
|
|
// "answerId":'341', |
|
|
|
|
// "emptyOne": "", |
|
|
|
|
// "emptyTwo": "", |
|
|
|
|
// "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,28,336,341,13", |
|
|
|
|
// "type": "" |
|
|
|
|
// } |
|
|
|
|
// ] |
|
|
|
|
// let param= { |
|
|
|
|
// parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,28,336,341', |
|
|
|
|
// lcJudgmentRuleReq:formLists, |
|
|
|
|
// projectId:+projectId, |
|
|
|
|
// startTime:startTime, |
|
|
|
|
// } |
|
|
|
|
// addOperation(param).then((data)=>{ |
|
|
|
|
// this.$message({ |
|
|
|
|
// message: '提交成功', |
|
|
|
|
// type: 'success' |
|
|
|
|
// }); |
|
|
|
|
// }).catch((error)=>{ |
|
|
|
|
// }) |
|
|
|
|
|
|
|
|
|
this.visible = true; |
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,28,336' |
|
|
|
|
const cards = [ |
|
|
|
|
{ |
|
|
|
|
key: '337,338' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: '341,13' |
|
|
|
|
} |
|
|
|
|
// { // // 身份证 |
|
|
|
|
// 341: servicesPasswordRelieveLost |
|
|
|
|
// }, |
|
|
|
|
// { // 账号 |
|
|
|
|
// 337: servicesPasswordRelieveLost2 |
|
|
|
|
// }, |
|
|
|
|
// { |
|
|
|
|
// 343: servicesPasswordRelievePassword, |
|
|
|
|
// subjectId: '17' |
|
|
|
|
// } |
|
|
|
|
] |
|
|
|
|
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
|
|
|
|
|
|
}, this.$refs)); |
|
|
|
|
}, |
|
|
|
|
submitForm2() { |
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,28,336' |
|
|
|
|
const cards = [ |
|
|
|
|
{ |
|
|
|
|
key: '337,338' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
key: '341,13' |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
|
}, |
|
|
|
|
checkHanzi: checkHanzi, |
|
|
|
|
checkName: checkName |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,28,336' |
|
|
|
|
const cards = { |
|
|
|
|
// 341: 'servicesPasswordRelieveLost', |
|
|
|
|
created() { |
|
|
|
|
// 341: 'servicesPasswordRelieveLost', |
|
|
|
|
// 337: 'servicesPasswordRelieveLost2', |
|
|
|
|
// 343: 'servicesPasswordRelievePassword', |
|
|
|
|
console.log(this.dataFlow.idNumber) |
|
|
|
|
if(this.inMyWork(moduleName)) { |
|
|
|
|
if(this.needsModule(moduleName) === '') { |
|
|
|
|
if(sessionStorage.getItem('servicesPasswordRelieveLost')) { |
|
|
|
|
this.idNumberJudge = true |
|
|
|
|
const { idNumber, userName } = this.dataFlow |
|
|
|
|
this.form.idNumber = idNumber |
|
|
|
|
this.form.customerName = userName |
|
|
|
|
} |
|
|
|
|
if(sessionStorage.getItem('servicesPasswordRelieveLost2')) { |
|
|
|
|
this.cardNumberJudge = true |
|
|
|
|
const { voucherNumber } = this.dataFlow |
|
|
|
|
this.form.voucherNumber = voucherNumber |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
if(sessionStorage.getItem('servicesPasswordRelievePassword')) { |
|
|
|
|
this.form.payPassword = sessionStorage.getItem('servicesPasswordRelievePassword') |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,28,336' |
|
|
|
|
const cards = { |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
const callback = () => { |
|
|
|
|
if(this.form.idNumber) { |
|
|
|
|
this.idNumberJudge = true |
|
|
|
|
} |
|
|
|
|
if(this.form.voucherNumber) { |
|
|
|
|
this.cardNumberJudge = true |
|
|
|
|
} |
|
|
|
|
if(sessionStorage.getItem('servicesPasswordRelievePassword')) { |
|
|
|
|
this.form.payPassword = sessionStorage.getItem('servicesPasswordRelievePassword') |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback) |
|
|
|
|
}else { |
|
|
|
|
this.isNeedBefore = true |
|
|
|
|
this.needBefore = this.needsModule(moduleName) |
|
|
|
|
} |
|
|
|
|
}else { |
|
|
|
|
this.isNeedBefore = true |
|
|
|
|
this.unNeed = true |
|
|
|
|
} |
|
|
|
|
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards) |
|
|
|
|
// this.$refs.customerName.focus() |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
computed: { |
|
|
|
|
...mapGetters({ |
|
|
|
|
dataFlow: 'system/dataFlow', |
|
|
|
|
needsModule: 'system/needsModule', |
|
|
|
|
idCardNumber: 'system/idCardNumber', |
|
|
|
|
inMyWork: 'system/inMyWork', |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
luoJunYong.123
3 years ago