parent
74f9ae8920
commit
f52e2076c0
13 changed files with 3193 additions and 1 deletions
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,211 @@ |
||||
<template> |
||||
<!-- 零存整取 --> |
||||
<div class="wrap wrap2"> |
||||
<div class="nav"> |
||||
<el-menu :default-active="activeIndex" |
||||
class="el-menu-demo" |
||||
mode="horizontal" |
||||
@select="handleSelect"> |
||||
<el-menu-item index="1">代收水费</el-menu-item> |
||||
<el-menu-item index="2">代收电费</el-menu-item> |
||||
<el-menu-item index="3">代收电话费</el-menu-item> |
||||
|
||||
</el-menu> |
||||
</div> |
||||
<!-- <div class="title"> |
||||
<p>个人业务</p> |
||||
<i class="el-icon-arrow-right"></i> |
||||
<p>零存整取</p> |
||||
<i class="el-icon-arrow-right"></i> |
||||
<p>{{text}}</p> |
||||
</div> --> |
||||
<MyTitle :titleArr="['代理业务', text]" /> |
||||
|
||||
<!-- 代收水费 --> |
||||
<waterRate v-if="activeIndex==='1'"></waterRate> |
||||
<!-- 代收电费 --> |
||||
<electricRate v-if="activeIndex==='2'"></electricRate> |
||||
<!-- 代收电话费 --> |
||||
<telRate v-if="activeIndex==='3'"></telRate> |
||||
|
||||
<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> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import waterRate from './waterRate.vue' |
||||
import electricRate from './electricRate.vue' |
||||
import telRate from './telRate.vue' |
||||
import MyTitle from '@/components/myTitle' |
||||
export default { |
||||
name: 'index', |
||||
components: { |
||||
waterRate, |
||||
electricRate, |
||||
telRate, |
||||
MyTitle |
||||
}, |
||||
data () { |
||||
return { |
||||
text: '',/* 顶部文字 */ |
||||
cacheVal: '', |
||||
textObj: { |
||||
'1': '代收水费', |
||||
'2': '代收电费', |
||||
'3': '代收电话费', |
||||
}, |
||||
form: { |
||||
|
||||
}, |
||||
visible: false, |
||||
options: [], |
||||
activeIndex: '1', |
||||
second: [// 二级卡数组 |
||||
|
||||
], |
||||
} |
||||
}, |
||||
created () { |
||||
if (sessionStorage.getItem('agentIndex')) { |
||||
this.handleSelect(sessionStorage.getItem('agentIndex')) |
||||
} else { |
||||
this.handleSelect('1') |
||||
} |
||||
}, |
||||
methods: { |
||||
handleSelect (val) { |
||||
this.text = this.textObj[val] |
||||
this.activeIndex = val |
||||
this.cacheVal = val |
||||
}, |
||||
}, |
||||
destroyed () { |
||||
sessionStorage.setItem('agentIndex', this.cacheVal) |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.wrap { |
||||
width: 100%; |
||||
display: flex; |
||||
flex-direction: column; |
||||
overflow: hidden; |
||||
padding: 24px 0 24px 24px; |
||||
.nav { |
||||
/deep/ .el-menu.el-menu--horizontal { |
||||
border: 0; |
||||
} |
||||
/deep/ .el-menu--horizontal > .el-menu-item.is-active { |
||||
border: 2px solid #568df2; |
||||
border-radius: 10px; |
||||
color: #000; |
||||
} |
||||
/deep/ .el-menu--horizontal > .el-menu-item { |
||||
border: 2px solid transparent; |
||||
border-radius: 10px; |
||||
margin-right: 10px; |
||||
height: 30px; |
||||
line-height: 28px; |
||||
} |
||||
} |
||||
.title { |
||||
height: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
font-size: 20px; |
||||
padding-left: 0px; |
||||
margin-top: 10px; |
||||
} |
||||
.body { |
||||
margin-top: 50px; |
||||
overflow: auto; |
||||
.idCard { |
||||
border-radius: 5px; |
||||
background: #cfddff; |
||||
text-align: center; |
||||
height: 40px; |
||||
line-height: 40px; |
||||
font-size: 18px; |
||||
color: #6191ff; |
||||
} |
||||
.add { |
||||
position: relative; |
||||
&::after { |
||||
content: ''; |
||||
display: block; |
||||
position: absolute; |
||||
right: 3%; |
||||
top: -4%; |
||||
border: 1px dashed #cfddff; |
||||
width: 88%; |
||||
height: 268px; |
||||
} |
||||
.addBtn { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 50%; |
||||
transform: translate(50%, -50%); |
||||
font-size: 22px; |
||||
} |
||||
} |
||||
} |
||||
.submitBtn { |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 45px; |
||||
margin-top: 50px; |
||||
border-radius: 10px; |
||||
bottom: 10px; |
||||
left: 50%; |
||||
transform: translate(-50%, -50%); |
||||
} |
||||
.popBody { |
||||
min-height: 200px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
text-align: center; |
||||
} |
||||
.popBtns { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
.btn { |
||||
width: 180px; |
||||
border-radius: 10px; |
||||
font-size: 18px; |
||||
} |
||||
.close { |
||||
background: #cfdeff; |
||||
color: #6191ff; |
||||
} |
||||
.sure { |
||||
background: #6191ff; |
||||
color: #fff; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,488 @@ |
||||
<!-- 代收电费 --> |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" |
||||
style="margin: 0"> |
||||
<el-form ref="form" |
||||
:model="form" |
||||
label-width="120px" |
||||
:rules="rules"> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="证件类型" |
||||
prop="certificateType"> |
||||
<el-select v-model.trim="form.certificateType" |
||||
placeholder="请选择" |
||||
ref="certificateType"> |
||||
<el-option label="身份证" |
||||
:value="83"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="账号" |
||||
required> |
||||
<div v-if='!cardNumberJudge' |
||||
class="idCard" |
||||
@click="popUp2('刷卡器')"> |
||||
<p>请刷卡</p> |
||||
</div> |
||||
<div v-else> |
||||
<el-input @blur="getDataBlur" |
||||
maxlength="20" |
||||
ref="voucherNumber" |
||||
disabled |
||||
:value="form.voucherNumber" |
||||
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> |
||||
</div> |
||||
<!-- <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> --> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label="缴费单位" |
||||
required> |
||||
<el-input :value="form.mailbox" |
||||
@input="val => mailBoxListen(val, form, 'mailbox')" |
||||
maxlength="30" |
||||
ref="mailbox"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="证件号码" |
||||
required> |
||||
<div class="idCard" |
||||
@click="popUp1('身份证扫描仪')" |
||||
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="customerName"> |
||||
<el-input ref="customerName" |
||||
disabled |
||||
:value="form.customerName" |
||||
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label="户号" |
||||
required> |
||||
<el-input :value="form.mailbox" |
||||
@input="val => mailBoxListen(val, form, 'mailbox')" |
||||
maxlength="30" |
||||
ref="mailbox"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="21" |
||||
:offset="1"> |
||||
<el-form-item label="摘要" |
||||
prop="textarea"> |
||||
<el-input type="textarea" |
||||
:rows="3" |
||||
placeholder="请输入内容" |
||||
v-model.trim="form.abstract"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="缴费金额" |
||||
prop="monthDeposit" |
||||
required> |
||||
<!-- :value="form.monthDeposit" --> |
||||
<el-input :value="form.monthDeposit" |
||||
maxlength="15" |
||||
@input="val => ismoney(val, form, 'monthDeposit')" |
||||
ref="monthDeposit"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" |
||||
required> |
||||
<div v-if='!form.drawPassword' |
||||
class="idCard" |
||||
@click="popUp3('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
<div v-else |
||||
@click="popUp3('密码器')"> |
||||
<el-input :value="form.drawPassword" |
||||
ref="drawPassword" |
||||
type="password"></el-input> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="每月代扣" |
||||
prop="extendPeriod" |
||||
required> |
||||
<el-radio-group v-model.trim="form.extendPeriod" |
||||
ref="extendPeriod"> |
||||
<el-radio :label="90">是</el-radio> |
||||
<el-radio :label="91">否</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-col> |
||||
<my-dialog :moduleName="moduleName" |
||||
v-if="visible" |
||||
:visible.sync="visible" |
||||
:showForm="form" |
||||
:formName="formName" |
||||
@submitIt="submitForm2" |
||||
depositNumber='0816' /> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="submitForm" |
||||
type="primary" |
||||
class="submitBtn" |
||||
v-throttle>提交</el-button> |
||||
</div> |
||||
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
||||
</template> |
||||
<script> |
||||
import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js'; |
||||
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
||||
|
||||
const moduleName = 'usefulPhrases/openAccount' |
||||
import { mapMutations, mapGetters } from 'vuex' |
||||
import NeedBefore from '@/components/needBefore' |
||||
import MyDialog from '@/components/dialog' |
||||
import TipsBefore from '@/mixins/tipsBefore' |
||||
export default { |
||||
name: '', |
||||
props: {}, |
||||
components: { |
||||
NeedBefore, |
||||
MyDialog |
||||
}, |
||||
mixins: [TipsBefore], |
||||
created () { |
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
} |
||||
|
||||
// if(sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
||||
// this.idNumberJudge = true |
||||
// this.form.idNumber = this.dataFlow.idNumber || '441515199812064569' |
||||
// } |
||||
// if(sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
||||
// this.cardNumberJudge = true |
||||
// this.form.voucherNumber = this.dataFlow.voucherNumber || '159753' |
||||
// } |
||||
|
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
||||
this.idNumberJudge = true |
||||
// 身份证号码、客户姓名、币种（人民币）、钞汇标识（钞户） |
||||
const { idNumber, userName, peopleNumber, currency, goldLogo } = this.dataFlow |
||||
this.form.clientNumber = peopleNumber |
||||
this.form.idNumber = idNumber |
||||
this.form.customerName = userName |
||||
this.form.currency = currency |
||||
this.form.goldLogo = goldLogo |
||||
this.form.voucherType = 127 |
||||
} |
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
||||
this.cardNumberJudge = true |
||||
const { voucherNumber } = this.dataFlow |
||||
this.form.voucherNumber = voucherNumber |
||||
} |
||||
|
||||
|
||||
this.getFormData() |
||||
|
||||
}, |
||||
data () { |
||||
return { |
||||
moduleName: 'usefulPhrases/openAccount', |
||||
visible: false, |
||||
cardNumberJudge: false, |
||||
idNumberJudge: false, |
||||
form: { |
||||
// 必填项 |
||||
// identityCard: '', // 身份证 |
||||
idNumber: '', |
||||
customerName: '', // 客户姓名 |
||||
currency: '', // 币种 |
||||
goldLogo: '', // 钞汇标识 |
||||
voucherType: '', // 凭证类型 |
||||
monthDeposit: '', // 月存金额 |
||||
depositTerm: '', // 存期 |
||||
extendDepositTarget: '', // 续存标识 |
||||
voucherNumber: '', // 凭证号码 |
||||
drawPassword: '', // 支付密码 |
||||
// 非必填项 |
||||
clientNumber: '', // 客户号 |
||||
certificateType: 83, // 证件类型 |
||||
}, |
||||
formName: { |
||||
// 必填项 |
||||
// identityCard: '', // 身份证 |
||||
idNumber: '身份证', |
||||
customerName: '客户姓名', // |
||||
currency: '币种', // |
||||
goldLogo: '钞汇标识', // |
||||
voucherType: '凭证类型', // |
||||
monthDeposit: '月存金额', // |
||||
depositTerm: '存期', // |
||||
extendDepositTarget: '续存标识', // |
||||
voucherNumber: '凭证号码', // |
||||
drawPassword: '支付密码', // |
||||
// 非必填项 |
||||
clientNumber: '客户号', // |
||||
certificateType: '证件类型', // |
||||
}, |
||||
rules: { |
||||
customerName: vercustomer, |
||||
currency: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择币种', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
goldLogo: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择钞汇标识', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
voucherType: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择凭证类型', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
monthDeposit: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入月存金额', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
depositTerm: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择存期', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
extendDepositTarget: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择续存标识', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
}, |
||||
myTable2: { |
||||
158: { |
||||
prop: 'certificateType',//证件类型 |
||||
type: '1', |
||||
"subjectId": 19, |
||||
}, |
||||
// 169: { |
||||
// prop: 'customerManage',//客户经理 |
||||
// type: '3', |
||||
// "subjectId": 27, |
||||
// }, |
||||
160: { |
||||
prop: 'clientNumber',//客户号 |
||||
type: '3', |
||||
"subjectId": 6, |
||||
} |
||||
}, |
||||
myTable: { |
||||
159: { |
||||
prop: 'idNumber',// 身份证号码 |
||||
type: '3', |
||||
}, |
||||
161: { |
||||
prop: 'customerName',//客户姓名 |
||||
type: '3', |
||||
"subjectId": 7, |
||||
}, |
||||
162: { |
||||
prop: 'currency',//币种 |
||||
type: '1', |
||||
"subjectId": 8, |
||||
}, |
||||
163: { |
||||
prop: 'goldLogo',//钞汇标识 |
||||
type: '1', |
||||
"subjectId": 9, |
||||
}, |
||||
164: { |
||||
prop: 'voucherType',//凭证类型 |
||||
type: '1', |
||||
"subjectId": 11, |
||||
}, |
||||
166: { |
||||
prop: 'voucherNumber',//凭证号码 |
||||
type: '3', |
||||
"subjectId": 44, |
||||
}, |
||||
167: { |
||||
prop: 'drawPassword', |
||||
type: '3', |
||||
"subjectId": 17, |
||||
}, |
||||
168: { |
||||
prop: 'monthDeposit',//月存金额 |
||||
type: '3', |
||||
"subjectId": 31, |
||||
}, |
||||
170: { |
||||
prop: 'extendDepositTarget',//续存标识 |
||||
type: '1', |
||||
"subjectId": 37, |
||||
}, |
||||
}, |
||||
submited: 0 |
||||
} |
||||
}, |
||||
mounted () { |
||||
|
||||
}, |
||||
methods: { |
||||
// userName, |
||||
// peopleNumber, |
||||
// idNumber, |
||||
// currency:'CNY人民币', |
||||
// goldLogo:'钞户', |
||||
...mapMutations({ |
||||
changeShowGoods: 'system/changeShowGoods', |
||||
setDataFlow: 'system/setDataFlow', |
||||
setNeedsModule: 'system/setNeedsModule', |
||||
setPopId: 'system/setPopId', |
||||
setTipsOperate: 'system/setTipsOperate' |
||||
}), |
||||
getDataBlur () { |
||||
// console.log('???') |
||||
}, |
||||
popUp1 (text) { |
||||
this.setTipsOperate('请刷身份证'); |
||||
this.setPopId('1399') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
popUp2 (text) { |
||||
this.setTipsOperate('请刷银行卡'); |
||||
this.setPopId('166') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
popUp3 (text) { |
||||
this.setTipsOperate('请在密码器输入密码'); |
||||
this.setPopId('167') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
getFormData () { |
||||
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
||||
const cards = { |
||||
// 1399: 'nomUsefulPhrasesOpenCard2', |
||||
// 166: 'nomUsefulPhrasesOpenCard', |
||||
// 167: 'nomUsefulPhrasesOpenPassword' |
||||
} |
||||
const callback = () => { |
||||
if (this.form.idNumber) { |
||||
this.idNumberJudge = true |
||||
} |
||||
if (this.form.voucherNumber) { |
||||
this.cardNumberJudge = true |
||||
} |
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
} |
||||
} |
||||
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback) |
||||
}, |
||||
submitForm () { |
||||
if (this.submited) return this.$message.error('已提交！') |
||||
if (!this.form.idNumber) { |
||||
messageIdCard() |
||||
// let projectId = sessionStorage.getItem('projectId') |
||||
// let startTime = sessionStorage.getItem('startTime') |
||||
// let formList = [ |
||||
// { |
||||
// "answerId":'159', |
||||
// "emptyOne": "", |
||||
// "emptyTwo": "", |
||||
// "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,59,155,159,13", |
||||
// "type": "" |
||||
// } |
||||
// ] |
||||
// let params= { |
||||
// parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155,159', |
||||
// lcJudgmentRuleReq:formList, |
||||
// projectId:+projectId, |
||||
// startTime:startTime, |
||||
// } |
||||
// addOperation(params).then((data)=>{ |
||||
// this.$message({ |
||||
// message: '提交成功', |
||||
// type: 'success' |
||||
// }); |
||||
// }).catch((error)=>{ |
||||
// }) |
||||
return |
||||
} |
||||
if (!this.form.voucherNumber) { |
||||
messageCard('请填写凭证号码') |
||||
return |
||||
} |
||||
|
||||
if (!this.form.drawPassword) { |
||||
messagePassword() |
||||
return |
||||
} |
||||
this.$refs.form.validate(myValidate(() => { |
||||
// 验证通过逻辑写在这 |
||||
this.visible = true; |
||||
}, this.$refs)); |
||||
}, |
||||
submitForm2 () { |
||||
// let nomUsefulPhrasesOpenCard = sessionStorage.getItem('nomUsefulPhrasesOpenCard') |
||||
// let nomUsefulPhrasesOpenCard2 = sessionStorage.getItem('nomUsefulPhrasesOpenCard2') |
||||
// let nomUsefulPhrasesOpenPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
||||
const cards = [ |
||||
{ |
||||
key: '159,13' |
||||
} |
||||
|
||||
// { |
||||
// 1399: nomUsefulPhrasesOpenCard2 |
||||
// }, |
||||
// { |
||||
// 166: nomUsefulPhrasesOpenCard |
||||
// }, |
||||
// { |
||||
// 167: nomUsefulPhrasesOpenPassword, |
||||
// "subjectId": 17, |
||||
// } |
||||
] |
||||
this.setDataFlow(this.form) |
||||
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
||||
this.submited = 1 |
||||
}, |
||||
ismoney: ismoney, |
||||
checkHanzi: checkHanzi, |
||||
checkName: checkName, |
||||
inputListen: inputListen |
||||
}, |
||||
computed: { |
||||
...mapGetters({ |
||||
dataFlow: 'system/dataFlow', |
||||
needsModule: 'system/needsModule', |
||||
idCardNumber: 'system/idCardNumber', |
||||
inMyWork: 'system/inMyWork', |
||||
getSelectList: 'system/getSelectList' |
||||
}) |
||||
} |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
</style> |
||||
@ -0,0 +1,483 @@ |
||||
<!-- 代收电话费 --> |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" |
||||
style="margin: 0"> |
||||
<el-form ref="form" |
||||
:model="form" |
||||
label-width="120px" |
||||
:rules="rules"> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="证件类型" |
||||
prop="certificateType"> |
||||
<el-select v-model.trim="form.certificateType" |
||||
placeholder="请选择" |
||||
ref="certificateType"> |
||||
<el-option label="身份证" |
||||
:value="83"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="账号" |
||||
required> |
||||
<div v-if='!cardNumberJudge' |
||||
class="idCard" |
||||
@click="popUp2('刷卡器')"> |
||||
<p>请刷卡</p> |
||||
</div> |
||||
<div v-else> |
||||
<el-input @blur="getDataBlur" |
||||
maxlength="20" |
||||
ref="voucherNumber" |
||||
disabled |
||||
:value="form.voucherNumber" |
||||
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> |
||||
</div> |
||||
<!-- <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> --> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label="缴费单位" |
||||
required> |
||||
<el-input :value="form.mailbox" |
||||
@input="val => mailBoxListen(val, form, 'mailbox')" |
||||
maxlength="30" |
||||
ref="mailbox"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="户号" |
||||
required> |
||||
<el-input :value="form.mailbox" |
||||
@input="val => mailBoxListen(val, form, 'mailbox')" |
||||
maxlength="30" |
||||
ref="mailbox"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="每月代扣" |
||||
prop="extendPeriod" |
||||
required> |
||||
<el-radio-group v-model.trim="form.extendPeriod" |
||||
ref="extendPeriod"> |
||||
<el-radio :label="90">是</el-radio> |
||||
<el-radio :label="91">否</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="证件号码" |
||||
required> |
||||
<div class="idCard" |
||||
@click="popUp1('身份证扫描仪')" |
||||
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="customerName"> |
||||
<el-input ref="customerName" |
||||
disabled |
||||
:value="form.customerName" |
||||
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label="号码类型" |
||||
prop="goldLogo"> |
||||
<el-select v-model.trim="form.goldLogo" |
||||
placeholder="请选择" |
||||
ref="goldLogo"> |
||||
<el-option v-for="item in getSelectList.goldLogoSelectList" |
||||
:label="item.options" |
||||
:value="item.itemId" |
||||
:key="item.itemId"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="缴费金额" |
||||
prop="monthDeposit" |
||||
required> |
||||
<!-- :value="form.monthDeposit" --> |
||||
<el-input :value="form.monthDeposit" |
||||
maxlength="15" |
||||
@input="val => ismoney(val, form, 'monthDeposit')" |
||||
ref="monthDeposit"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" |
||||
required> |
||||
<div v-if='!form.drawPassword' |
||||
class="idCard" |
||||
@click="popUp3('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
<div v-else |
||||
@click="popUp3('密码器')"> |
||||
<el-input :value="form.drawPassword" |
||||
ref="drawPassword" |
||||
type="password"></el-input> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
<my-dialog :moduleName="moduleName" |
||||
v-if="visible" |
||||
:visible.sync="visible" |
||||
:showForm="form" |
||||
:formName="formName" |
||||
@submitIt="submitForm2" |
||||
depositNumber='0816' /> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="submitForm" |
||||
type="primary" |
||||
class="submitBtn" |
||||
v-throttle>提交</el-button> |
||||
</div> |
||||
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
||||
</template> |
||||
<script> |
||||
import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js'; |
||||
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
||||
|
||||
const moduleName = 'usefulPhrases/openAccount' |
||||
import { mapMutations, mapGetters } from 'vuex' |
||||
import NeedBefore from '@/components/needBefore' |
||||
import MyDialog from '@/components/dialog' |
||||
import TipsBefore from '@/mixins/tipsBefore' |
||||
export default { |
||||
name: '', |
||||
props: {}, |
||||
components: { |
||||
NeedBefore, |
||||
MyDialog |
||||
}, |
||||
mixins: [TipsBefore], |
||||
created () { |
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
} |
||||
|
||||
// if(sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
||||
// this.idNumberJudge = true |
||||
// this.form.idNumber = this.dataFlow.idNumber || '441515199812064569' |
||||
// } |
||||
// if(sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
||||
// this.cardNumberJudge = true |
||||
// this.form.voucherNumber = this.dataFlow.voucherNumber || '159753' |
||||
// } |
||||
|
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
||||
this.idNumberJudge = true |
||||
// 身份证号码、客户姓名、币种（人民币）、钞汇标识（钞户） |
||||
const { idNumber, userName, peopleNumber, currency, goldLogo } = this.dataFlow |
||||
this.form.clientNumber = peopleNumber |
||||
this.form.idNumber = idNumber |
||||
this.form.customerName = userName |
||||
this.form.currency = currency |
||||
this.form.goldLogo = goldLogo |
||||
this.form.voucherType = 127 |
||||
} |
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
||||
this.cardNumberJudge = true |
||||
const { voucherNumber } = this.dataFlow |
||||
this.form.voucherNumber = voucherNumber |
||||
} |
||||
|
||||
|
||||
this.getFormData() |
||||
|
||||
}, |
||||
data () { |
||||
return { |
||||
moduleName: 'usefulPhrases/openAccount', |
||||
visible: false, |
||||
cardNumberJudge: false, |
||||
idNumberJudge: false, |
||||
form: { |
||||
// 必填项 |
||||
// identityCard: '', // 身份证 |
||||
idNumber: '', |
||||
customerName: '', // 客户姓名 |
||||
currency: '', // 币种 |
||||
goldLogo: '', // 钞汇标识 |
||||
voucherType: '', // 凭证类型 |
||||
monthDeposit: '', // 月存金额 |
||||
depositTerm: '', // 存期 |
||||
extendDepositTarget: '', // 续存标识 |
||||
voucherNumber: '', // 凭证号码 |
||||
drawPassword: '', // 支付密码 |
||||
// 非必填项 |
||||
clientNumber: '', // 客户号 |
||||
certificateType: 83, // 证件类型 |
||||
}, |
||||
formName: { |
||||
// 必填项 |
||||
// identityCard: '', // 身份证 |
||||
idNumber: '身份证', |
||||
customerName: '客户姓名', // |
||||
currency: '币种', // |
||||
goldLogo: '钞汇标识', // |
||||
voucherType: '凭证类型', // |
||||
monthDeposit: '月存金额', // |
||||
depositTerm: '存期', // |
||||
extendDepositTarget: '续存标识', // |
||||
voucherNumber: '凭证号码', // |
||||
drawPassword: '支付密码', // |
||||
// 非必填项 |
||||
clientNumber: '客户号', // |
||||
certificateType: '证件类型', // |
||||
}, |
||||
rules: { |
||||
customerName: vercustomer, |
||||
currency: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择币种', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
goldLogo: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择钞汇标识', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
voucherType: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择凭证类型', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
monthDeposit: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入月存金额', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
depositTerm: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择存期', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
extendDepositTarget: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择续存标识', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
}, |
||||
myTable2: { |
||||
158: { |
||||
prop: 'certificateType',//证件类型 |
||||
type: '1', |
||||
"subjectId": 19, |
||||
}, |
||||
// 169: { |
||||
// prop: 'customerManage',//客户经理 |
||||
// type: '3', |
||||
// "subjectId": 27, |
||||
// }, |
||||
160: { |
||||
prop: 'clientNumber',//客户号 |
||||
type: '3', |
||||
"subjectId": 6, |
||||
} |
||||
}, |
||||
myTable: { |
||||
159: { |
||||
prop: 'idNumber',// 身份证号码 |
||||
type: '3', |
||||
}, |
||||
161: { |
||||
prop: 'customerName',//客户姓名 |
||||
type: '3', |
||||
"subjectId": 7, |
||||
}, |
||||
162: { |
||||
prop: 'currency',//币种 |
||||
type: '1', |
||||
"subjectId": 8, |
||||
}, |
||||
163: { |
||||
prop: 'goldLogo',//钞汇标识 |
||||
type: '1', |
||||
"subjectId": 9, |
||||
}, |
||||
164: { |
||||
prop: 'voucherType',//凭证类型 |
||||
type: '1', |
||||
"subjectId": 11, |
||||
}, |
||||
166: { |
||||
prop: 'voucherNumber',//凭证号码 |
||||
type: '3', |
||||
"subjectId": 44, |
||||
}, |
||||
167: { |
||||
prop: 'drawPassword', |
||||
type: '3', |
||||
"subjectId": 17, |
||||
}, |
||||
168: { |
||||
prop: 'monthDeposit',//月存金额 |
||||
type: '3', |
||||
"subjectId": 31, |
||||
}, |
||||
170: { |
||||
prop: 'extendDepositTarget',//续存标识 |
||||
type: '1', |
||||
"subjectId": 37, |
||||
}, |
||||
}, |
||||
submited: 0 |
||||
} |
||||
}, |
||||
mounted () { |
||||
|
||||
}, |
||||
methods: { |
||||
// userName, |
||||
// peopleNumber, |
||||
// idNumber, |
||||
// currency:'CNY人民币', |
||||
// goldLogo:'钞户', |
||||
...mapMutations({ |
||||
changeShowGoods: 'system/changeShowGoods', |
||||
setDataFlow: 'system/setDataFlow', |
||||
setNeedsModule: 'system/setNeedsModule', |
||||
setPopId: 'system/setPopId', |
||||
setTipsOperate: 'system/setTipsOperate' |
||||
}), |
||||
getDataBlur () { |
||||
// console.log('???') |
||||
}, |
||||
popUp1 (text) { |
||||
this.setTipsOperate('请刷身份证'); |
||||
this.setPopId('1399') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
popUp2 (text) { |
||||
this.setTipsOperate('请刷银行卡'); |
||||
this.setPopId('166') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
popUp3 (text) { |
||||
this.setTipsOperate('请在密码器输入密码'); |
||||
this.setPopId('167') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
getFormData () { |
||||
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
||||
const cards = { |
||||
// 1399: 'nomUsefulPhrasesOpenCard2', |
||||
// 166: 'nomUsefulPhrasesOpenCard', |
||||
// 167: 'nomUsefulPhrasesOpenPassword' |
||||
} |
||||
const callback = () => { |
||||
if (this.form.idNumber) { |
||||
this.idNumberJudge = true |
||||
} |
||||
if (this.form.voucherNumber) { |
||||
this.cardNumberJudge = true |
||||
} |
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
} |
||||
} |
||||
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback) |
||||
}, |
||||
submitForm () { |
||||
if (this.submited) return this.$message.error('已提交！') |
||||
if (!this.form.idNumber) { |
||||
messageIdCard() |
||||
// let projectId = sessionStorage.getItem('projectId') |
||||
// let startTime = sessionStorage.getItem('startTime') |
||||
// let formList = [ |
||||
// { |
||||
// "answerId":'159', |
||||
// "emptyOne": "", |
||||
// "emptyTwo": "", |
||||
// "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,59,155,159,13", |
||||
// "type": "" |
||||
// } |
||||
// ] |
||||
// let params= { |
||||
// parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155,159', |
||||
// lcJudgmentRuleReq:formList, |
||||
// projectId:+projectId, |
||||
// startTime:startTime, |
||||
// } |
||||
// addOperation(params).then((data)=>{ |
||||
// this.$message({ |
||||
// message: '提交成功', |
||||
// type: 'success' |
||||
// }); |
||||
// }).catch((error)=>{ |
||||
// }) |
||||
return |
||||
} |
||||
if (!this.form.voucherNumber) { |
||||
messageCard('请填写凭证号码') |
||||
return |
||||
} |
||||
|
||||
if (!this.form.drawPassword) { |
||||
messagePassword() |
||||
return |
||||
} |
||||
this.$refs.form.validate(myValidate(() => { |
||||
// 验证通过逻辑写在这 |
||||
this.visible = true; |
||||
}, this.$refs)); |
||||
}, |
||||
submitForm2 () { |
||||
// let nomUsefulPhrasesOpenCard = sessionStorage.getItem('nomUsefulPhrasesOpenCard') |
||||
// let nomUsefulPhrasesOpenCard2 = sessionStorage.getItem('nomUsefulPhrasesOpenCard2') |
||||
// let nomUsefulPhrasesOpenPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
||||
const cards = [ |
||||
{ |
||||
key: '159,13' |
||||
} |
||||
|
||||
// { |
||||
// 1399: nomUsefulPhrasesOpenCard2 |
||||
// }, |
||||
// { |
||||
// 166: nomUsefulPhrasesOpenCard |
||||
// }, |
||||
// { |
||||
// 167: nomUsefulPhrasesOpenPassword, |
||||
// "subjectId": 17, |
||||
// } |
||||
] |
||||
this.setDataFlow(this.form) |
||||
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
||||
this.submited = 1 |
||||
}, |
||||
ismoney: ismoney, |
||||
checkHanzi: checkHanzi, |
||||
checkName: checkName, |
||||
inputListen: inputListen |
||||
}, |
||||
computed: { |
||||
...mapGetters({ |
||||
dataFlow: 'system/dataFlow', |
||||
needsModule: 'system/needsModule', |
||||
idCardNumber: 'system/idCardNumber', |
||||
inMyWork: 'system/inMyWork', |
||||
getSelectList: 'system/getSelectList' |
||||
}) |
||||
} |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
</style> |
||||
@ -0,0 +1,472 @@ |
||||
<!-- 代收水费 --> |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" |
||||
style="margin: 0"> |
||||
<el-form ref="form" |
||||
:model="form" |
||||
label-width="120px" |
||||
:rules="rules"> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="证件类型" |
||||
prop="certificateType"> |
||||
<el-select v-model.trim="form.certificateType" |
||||
placeholder="请选择" |
||||
ref="certificateType"> |
||||
<el-option label="身份证" |
||||
:value="83"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="账号" |
||||
required> |
||||
<div v-if='!cardNumberJudge' |
||||
class="idCard" |
||||
@click="popUp2('刷卡器')"> |
||||
<p>请刷卡</p> |
||||
</div> |
||||
<div v-else> |
||||
<el-input @blur="getDataBlur" |
||||
maxlength="20" |
||||
ref="voucherNumber" |
||||
disabled |
||||
:value="form.voucherNumber" |
||||
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> |
||||
</div> |
||||
<!-- <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> --> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label="缴费单位" |
||||
required> |
||||
<el-input :value="form.mailbox" |
||||
@input="val => mailBoxListen(val, form, 'mailbox')" |
||||
maxlength="30" |
||||
ref="mailbox"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="缴费金额" |
||||
prop="monthDeposit" |
||||
required> |
||||
<!-- :value="form.monthDeposit" --> |
||||
<el-input :value="form.monthDeposit" |
||||
maxlength="15" |
||||
@input="val => ismoney(val, form, 'monthDeposit')" |
||||
ref="monthDeposit"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" |
||||
required> |
||||
<div v-if='!form.drawPassword' |
||||
class="idCard" |
||||
@click="popUp3('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
<div v-else |
||||
@click="popUp3('密码器')"> |
||||
<el-input :value="form.drawPassword" |
||||
ref="drawPassword" |
||||
type="password"></el-input> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="证件号码" |
||||
required> |
||||
<div class="idCard" |
||||
@click="popUp1('身份证扫描仪')" |
||||
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="customerName"> |
||||
<el-input ref="customerName" |
||||
disabled |
||||
:value="form.customerName" |
||||
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
||||
</el-form-item> |
||||
|
||||
<el-form-item label="户号" |
||||
required> |
||||
<el-input :value="form.mailbox" |
||||
@input="val => mailBoxListen(val, form, 'mailbox')" |
||||
maxlength="30" |
||||
ref="mailbox"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="每月代扣" |
||||
prop="extendPeriod" |
||||
required> |
||||
<el-radio-group v-model.trim="form.extendPeriod" |
||||
ref="extendPeriod"> |
||||
<el-radio :label="90">是</el-radio> |
||||
<el-radio :label="91">否</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-col> |
||||
<my-dialog :moduleName="moduleName" |
||||
v-if="visible" |
||||
:visible.sync="visible" |
||||
:showForm="form" |
||||
:formName="formName" |
||||
@submitIt="submitForm2" |
||||
depositNumber='0816' /> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="submitForm" |
||||
type="primary" |
||||
class="submitBtn" |
||||
v-throttle>提交</el-button> |
||||
</div> |
||||
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
||||
</template> |
||||
<script> |
||||
import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js'; |
||||
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
||||
|
||||
const moduleName = 'usefulPhrases/openAccount' |
||||
import { mapMutations, mapGetters } from 'vuex' |
||||
import NeedBefore from '@/components/needBefore' |
||||
import MyDialog from '@/components/dialog' |
||||
import TipsBefore from '@/mixins/tipsBefore' |
||||
export default { |
||||
name: '', |
||||
props: {}, |
||||
components: { |
||||
NeedBefore, |
||||
MyDialog |
||||
}, |
||||
mixins: [TipsBefore], |
||||
created () { |
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
} |
||||
|
||||
// if(sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
||||
// this.idNumberJudge = true |
||||
// this.form.idNumber = this.dataFlow.idNumber || '441515199812064569' |
||||
// } |
||||
// if(sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
||||
// this.cardNumberJudge = true |
||||
// this.form.voucherNumber = this.dataFlow.voucherNumber || '159753' |
||||
// } |
||||
|
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
||||
this.idNumberJudge = true |
||||
// 身份证号码、客户姓名、币种（人民币）、钞汇标识（钞户） |
||||
const { idNumber, userName, peopleNumber, currency, goldLogo } = this.dataFlow |
||||
this.form.clientNumber = peopleNumber |
||||
this.form.idNumber = idNumber |
||||
this.form.customerName = userName |
||||
this.form.currency = currency |
||||
this.form.goldLogo = goldLogo |
||||
this.form.voucherType = 127 |
||||
} |
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
||||
this.cardNumberJudge = true |
||||
const { voucherNumber } = this.dataFlow |
||||
this.form.voucherNumber = voucherNumber |
||||
} |
||||
|
||||
|
||||
this.getFormData() |
||||
|
||||
}, |
||||
data () { |
||||
return { |
||||
moduleName: 'usefulPhrases/openAccount', |
||||
visible: false, |
||||
cardNumberJudge: false, |
||||
idNumberJudge: false, |
||||
form: { |
||||
// 必填项 |
||||
// identityCard: '', // 身份证 |
||||
idNumber: '', |
||||
customerName: '', // 客户姓名 |
||||
currency: '', // 币种 |
||||
goldLogo: '', // 钞汇标识 |
||||
voucherType: '', // 凭证类型 |
||||
monthDeposit: '', // 月存金额 |
||||
depositTerm: '', // 存期 |
||||
extendDepositTarget: '', // 续存标识 |
||||
voucherNumber: '', // 凭证号码 |
||||
drawPassword: '', // 支付密码 |
||||
// 非必填项 |
||||
clientNumber: '', // 客户号 |
||||
certificateType: 83, // 证件类型 |
||||
}, |
||||
formName: { |
||||
// 必填项 |
||||
// identityCard: '', // 身份证 |
||||
idNumber: '身份证', |
||||
customerName: '客户姓名', // |
||||
currency: '币种', // |
||||
goldLogo: '钞汇标识', // |
||||
voucherType: '凭证类型', // |
||||
monthDeposit: '月存金额', // |
||||
depositTerm: '存期', // |
||||
extendDepositTarget: '续存标识', // |
||||
voucherNumber: '凭证号码', // |
||||
drawPassword: '支付密码', // |
||||
// 非必填项 |
||||
clientNumber: '客户号', // |
||||
certificateType: '证件类型', // |
||||
}, |
||||
rules: { |
||||
customerName: vercustomer, |
||||
currency: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择币种', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
goldLogo: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择钞汇标识', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
voucherType: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择凭证类型', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
monthDeposit: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入月存金额', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
depositTerm: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择存期', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
extendDepositTarget: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择续存标识', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
}, |
||||
myTable2: { |
||||
158: { |
||||
prop: 'certificateType',//证件类型 |
||||
type: '1', |
||||
"subjectId": 19, |
||||
}, |
||||
// 169: { |
||||
// prop: 'customerManage',//客户经理 |
||||
// type: '3', |
||||
// "subjectId": 27, |
||||
// }, |
||||
160: { |
||||
prop: 'clientNumber',//客户号 |
||||
type: '3', |
||||
"subjectId": 6, |
||||
} |
||||
}, |
||||
myTable: { |
||||
159: { |
||||
prop: 'idNumber',// 身份证号码 |
||||
type: '3', |
||||
}, |
||||
161: { |
||||
prop: 'customerName',//客户姓名 |
||||
type: '3', |
||||
"subjectId": 7, |
||||
}, |
||||
162: { |
||||
prop: 'currency',//币种 |
||||
type: '1', |
||||
"subjectId": 8, |
||||
}, |
||||
163: { |
||||
prop: 'goldLogo',//钞汇标识 |
||||
type: '1', |
||||
"subjectId": 9, |
||||
}, |
||||
164: { |
||||
prop: 'voucherType',//凭证类型 |
||||
type: '1', |
||||
"subjectId": 11, |
||||
}, |
||||
166: { |
||||
prop: 'voucherNumber',//凭证号码 |
||||
type: '3', |
||||
"subjectId": 44, |
||||
}, |
||||
167: { |
||||
prop: 'drawPassword', |
||||
type: '3', |
||||
"subjectId": 17, |
||||
}, |
||||
168: { |
||||
prop: 'monthDeposit',//月存金额 |
||||
type: '3', |
||||
"subjectId": 31, |
||||
}, |
||||
170: { |
||||
prop: 'extendDepositTarget',//续存标识 |
||||
type: '1', |
||||
"subjectId": 37, |
||||
}, |
||||
}, |
||||
submited: 0 |
||||
} |
||||
}, |
||||
mounted () { |
||||
|
||||
}, |
||||
methods: { |
||||
// userName, |
||||
// peopleNumber, |
||||
// idNumber, |
||||
// currency:'CNY人民币', |
||||
// goldLogo:'钞户', |
||||
...mapMutations({ |
||||
changeShowGoods: 'system/changeShowGoods', |
||||
setDataFlow: 'system/setDataFlow', |
||||
setNeedsModule: 'system/setNeedsModule', |
||||
setPopId: 'system/setPopId', |
||||
setTipsOperate: 'system/setTipsOperate' |
||||
}), |
||||
getDataBlur () { |
||||
// console.log('???') |
||||
}, |
||||
popUp1 (text) { |
||||
this.setTipsOperate('请刷身份证'); |
||||
this.setPopId('1399') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
popUp2 (text) { |
||||
this.setTipsOperate('请刷银行卡'); |
||||
this.setPopId('166') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
popUp3 (text) { |
||||
this.setTipsOperate('请在密码器输入密码'); |
||||
this.setPopId('167') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
getFormData () { |
||||
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
||||
const cards = { |
||||
// 1399: 'nomUsefulPhrasesOpenCard2', |
||||
// 166: 'nomUsefulPhrasesOpenCard', |
||||
// 167: 'nomUsefulPhrasesOpenPassword' |
||||
} |
||||
const callback = () => { |
||||
if (this.form.idNumber) { |
||||
this.idNumberJudge = true |
||||
} |
||||
if (this.form.voucherNumber) { |
||||
this.cardNumberJudge = true |
||||
} |
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
} |
||||
} |
||||
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback) |
||||
}, |
||||
submitForm () { |
||||
if (this.submited) return this.$message.error('已提交！') |
||||
if (!this.form.idNumber) { |
||||
messageIdCard() |
||||
// let projectId = sessionStorage.getItem('projectId') |
||||
// let startTime = sessionStorage.getItem('startTime') |
||||
// let formList = [ |
||||
// { |
||||
// "answerId":'159', |
||||
// "emptyOne": "", |
||||
// "emptyTwo": "", |
||||
// "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,59,155,159,13", |
||||
// "type": "" |
||||
// } |
||||
// ] |
||||
// let params= { |
||||
// parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155,159', |
||||
// lcJudgmentRuleReq:formList, |
||||
// projectId:+projectId, |
||||
// startTime:startTime, |
||||
// } |
||||
// addOperation(params).then((data)=>{ |
||||
// this.$message({ |
||||
// message: '提交成功', |
||||
// type: 'success' |
||||
// }); |
||||
// }).catch((error)=>{ |
||||
// }) |
||||
return |
||||
} |
||||
if (!this.form.voucherNumber) { |
||||
messageCard('请填写凭证号码') |
||||
return |
||||
} |
||||
|
||||
if (!this.form.drawPassword) { |
||||
messagePassword() |
||||
return |
||||
} |
||||
this.$refs.form.validate(myValidate(() => { |
||||
// 验证通过逻辑写在这 |
||||
this.visible = true; |
||||
}, this.$refs)); |
||||
}, |
||||
submitForm2 () { |
||||
// let nomUsefulPhrasesOpenCard = sessionStorage.getItem('nomUsefulPhrasesOpenCard') |
||||
// let nomUsefulPhrasesOpenCard2 = sessionStorage.getItem('nomUsefulPhrasesOpenCard2') |
||||
// let nomUsefulPhrasesOpenPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
||||
const cards = [ |
||||
{ |
||||
key: '159,13' |
||||
} |
||||
|
||||
// { |
||||
// 1399: nomUsefulPhrasesOpenCard2 |
||||
// }, |
||||
// { |
||||
// 166: nomUsefulPhrasesOpenCard |
||||
// }, |
||||
// { |
||||
// 167: nomUsefulPhrasesOpenPassword, |
||||
// "subjectId": 17, |
||||
// } |
||||
] |
||||
this.setDataFlow(this.form) |
||||
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
||||
this.submited = 1 |
||||
}, |
||||
ismoney: ismoney, |
||||
checkHanzi: checkHanzi, |
||||
checkName: checkName, |
||||
inputListen: inputListen |
||||
}, |
||||
computed: { |
||||
...mapGetters({ |
||||
dataFlow: 'system/dataFlow', |
||||
needsModule: 'system/needsModule', |
||||
idCardNumber: 'system/idCardNumber', |
||||
inMyWork: 'system/inMyWork', |
||||
getSelectList: 'system/getSelectList' |
||||
}) |
||||
} |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
</style> |
||||
@ -0,0 +1,198 @@ |
||||
<template> |
||||
<!-- 外汇业务 --> |
||||
<div class="wrap wrap2"> |
||||
<div class="nav"> |
||||
<el-menu :default-active="activeIndex" |
||||
class="el-menu-demo" |
||||
mode="horizontal" |
||||
@select="handleSelect"> |
||||
<el-menu-item index="1">购汇</el-menu-item> |
||||
<el-menu-item index="2">结汇</el-menu-item> |
||||
|
||||
</el-menu> |
||||
</div> |
||||
<MyTitle :titleArr="['外汇业务', text]" /> |
||||
|
||||
<!-- 购汇 --> |
||||
<puchasing v-if="activeIndex==='1'"></puchasing> |
||||
<!-- 结汇 --> |
||||
<settlement v-if="activeIndex==='2'"></settlement> |
||||
|
||||
<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> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import puchasing from './puchasing.vue' |
||||
import settlement from './settlement.vue' |
||||
import MyTitle from '@/components/myTitle' |
||||
export default { |
||||
name: 'index', |
||||
components: { |
||||
puchasing, |
||||
settlement, |
||||
MyTitle |
||||
}, |
||||
data () { |
||||
return { |
||||
text: '',/* 顶部文字 */ |
||||
cacheVal: '', |
||||
textObj: { |
||||
'1': '购汇', |
||||
'2': '结汇', |
||||
}, |
||||
form: { |
||||
|
||||
}, |
||||
visible: false, |
||||
options: [], |
||||
activeIndex: '1', |
||||
second: [// 二级卡数组 |
||||
|
||||
], |
||||
} |
||||
}, |
||||
created () { |
||||
if (sessionStorage.getItem('foreignExchangeIndex')) { |
||||
this.handleSelect(sessionStorage.getItem('foreignExchangeIndex')) |
||||
} else { |
||||
this.handleSelect('1') |
||||
} |
||||
}, |
||||
methods: { |
||||
handleSelect (val) { |
||||
this.text = this.textObj[val] |
||||
this.activeIndex = val |
||||
this.cacheVal = val |
||||
}, |
||||
}, |
||||
destroyed () { |
||||
sessionStorage.setItem('foreignExchangeIndex', this.cacheVal) |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.wrap { |
||||
width: 100%; |
||||
display: flex; |
||||
flex-direction: column; |
||||
overflow: hidden; |
||||
padding: 24px 0 24px 24px; |
||||
.nav { |
||||
/deep/ .el-menu.el-menu--horizontal { |
||||
border: 0; |
||||
} |
||||
/deep/ .el-menu--horizontal > .el-menu-item.is-active { |
||||
border: 2px solid #568df2; |
||||
border-radius: 10px; |
||||
color: #000; |
||||
} |
||||
/deep/ .el-menu--horizontal > .el-menu-item { |
||||
border: 2px solid transparent; |
||||
border-radius: 10px; |
||||
margin-right: 10px; |
||||
height: 30px; |
||||
line-height: 28px; |
||||
} |
||||
} |
||||
.title { |
||||
height: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
font-size: 20px; |
||||
padding-left: 0px; |
||||
margin-top: 10px; |
||||
} |
||||
.body { |
||||
margin-top: 50px; |
||||
overflow: auto; |
||||
.idCard { |
||||
border-radius: 5px; |
||||
background: #cfddff; |
||||
text-align: center; |
||||
height: 40px; |
||||
line-height: 40px; |
||||
font-size: 18px; |
||||
color: #6191ff; |
||||
} |
||||
.add { |
||||
position: relative; |
||||
&::after { |
||||
content: ''; |
||||
display: block; |
||||
position: absolute; |
||||
right: 3%; |
||||
top: -4%; |
||||
border: 1px dashed #cfddff; |
||||
width: 88%; |
||||
height: 268px; |
||||
} |
||||
.addBtn { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 50%; |
||||
transform: translate(50%, -50%); |
||||
font-size: 22px; |
||||
} |
||||
} |
||||
} |
||||
.submitBtn { |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 45px; |
||||
margin-top: 50px; |
||||
border-radius: 10px; |
||||
bottom: 10px; |
||||
left: 50%; |
||||
transform: translate(-50%, -50%); |
||||
} |
||||
.popBody { |
||||
min-height: 200px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
text-align: center; |
||||
} |
||||
.popBtns { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
.btn { |
||||
width: 180px; |
||||
border-radius: 10px; |
||||
font-size: 18px; |
||||
} |
||||
.close { |
||||
background: #cfdeff; |
||||
color: #6191ff; |
||||
} |
||||
.sure { |
||||
background: #6191ff; |
||||
color: #fff; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,390 @@ |
||||
<!-- 外汇业务-购汇 --> |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" |
||||
style="margin: 0"> |
||||
<div class="texts"> |
||||
<p class="text"> |
||||
<span>购汇人姓名：</span> |
||||
丛小凤 |
||||
</p> |
||||
<p class="text"> |
||||
<span>本年额度：</span> |
||||
已用 等值80.00美元 |
||||
</p> |
||||
<p class="text"> |
||||
<span></span> |
||||
剩余 等值49,200.00美元 |
||||
</p> |
||||
</div> |
||||
<el-form ref="form" |
||||
:rules="rules" |
||||
:model="form" |
||||
label-width="120px"> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="凭证号码" |
||||
required> |
||||
<div v-if='!cardNumberJudge' |
||||
class="idCard" |
||||
@click="popUp('刷卡器')"> |
||||
<p>请刷卡</p> |
||||
</div> |
||||
<div v-else> |
||||
<el-input ref="cardNumber" |
||||
disabled |
||||
:value="form.cardNumber" |
||||
@input="(val) => inputListen(val, form, 'cardNumber')"></el-input> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇" |
||||
prop="goldLogo"> |
||||
<el-select v-model.trim="form.goldLogo" |
||||
placeholder="请选择" |
||||
ref="goldLogo"> |
||||
<el-option v-for="item in getSelectList.goldLogoSelectList" |
||||
:label="item.options" |
||||
:value="item.itemId" |
||||
:key="item.itemId"> </el-option> |
||||
<!-- <el-option label="钞户" value="钞户"> </el-option> --> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="购汇用途" |
||||
prop="drawWay"> |
||||
<el-select v-model.trim="form.drawWay" |
||||
placeholder="请选择" |
||||
ref="drawWay"> |
||||
<el-option label="密码" |
||||
:value="18"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="币种" |
||||
prop="currency"> |
||||
<el-select v-model.trim="form.currency" |
||||
placeholder="请选择" |
||||
ref="currency"> |
||||
<el-option v-for="item in getSelectList.currencySelectList" |
||||
:label="item.options" |
||||
:value="item.itemId" |
||||
:key="item.itemId"> </el-option> |
||||
<!-- <el-option value="CNY人民币">CNY人民币</el-option> --> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="外汇金额" |
||||
prop="money"> |
||||
<el-input :value="form.money" |
||||
maxlength="15" |
||||
@input="val => ismoney(val, form, 'money')"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" |
||||
required> |
||||
<div v-if='!form.drawPassword' |
||||
class="idCard" |
||||
@click="popUp2('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
<div v-else |
||||
@click="popUp2('密码器')"> |
||||
<el-input :value="form.drawPassword" |
||||
ref="drawPassword" |
||||
type="password"></el-input> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="submitForm" |
||||
type="primary" |
||||
class="submitBtn" |
||||
v-throttle>提交</el-button> |
||||
<my-dialog :moduleName="moduleName" |
||||
v-if="visible" |
||||
:visible.sync="visible" |
||||
:showForm="form" |
||||
:formName="formName" |
||||
@submitIt="submitForm2" |
||||
:needAuth="needAuth" /> |
||||
</div> |
||||
|
||||
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
||||
|
||||
</template> |
||||
<script> |
||||
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
||||
import { myValidate, ismoney, checkName, checkHanzi, messagePassword } from '@/utils/utilFunction.js' |
||||
import { addOperation, getOperation } from '@/api/http'; |
||||
import { mapMutations, mapGetters } from 'vuex' |
||||
import TipsBefore from '@/mixins/tipsBefore' |
||||
|
||||
const moduleName = 'currentAccount/withdrawal' |
||||
import MyDialog from '@/components/dialog' |
||||
import NeedBefore from '@/components/needBefore' |
||||
export default { |
||||
name: '', |
||||
props: { |
||||
depositFinish: Boolean |
||||
}, |
||||
mixins: [TipsBefore], |
||||
components: { |
||||
MyDialog, |
||||
NeedBefore |
||||
}, |
||||
created () { |
||||
if (sessionStorage.getItem('nomCurrentWithdrawalPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword') |
||||
} |
||||
// if(this.isNeedBefore) { |
||||
// if(sessionStorage.getItem('nomCurrentWithdrawalCard')) { |
||||
// this.cardNumberJudge = true |
||||
// this.form.cardNumber = this.dataFlow.voucherNumber || '159753' |
||||
// } |
||||
// return |
||||
// } |
||||
if (sessionStorage.getItem('nomCurrentWithdrawalCard')) { |
||||
this.cardNumberJudge = true |
||||
const { currency, userName, goldLogo, serviceCharge, drawWay, voucherNumber } = this.dataFlow |
||||
this.form.currency = currency |
||||
this.form.userName = userName |
||||
this.form.goldLogo = goldLogo |
||||
this.form.serviceCharge = serviceCharge |
||||
this.form.drawWay = drawWay |
||||
this.form.cardNumber = voucherNumber |
||||
} |
||||
|
||||
|
||||
this.getFormData() |
||||
|
||||
}, |
||||
data () { |
||||
return { |
||||
moduleName: 'currentAccount/withdrawal', |
||||
visible: false, |
||||
cardNumberJudge: false, |
||||
form: { |
||||
cardNumber: '', |
||||
drawPassword: '', |
||||
currency: '', |
||||
money: '', |
||||
userName: '', |
||||
goldLogo: '', |
||||
serviceCharge: '', |
||||
drawWay: '', |
||||
remark: '', |
||||
}, |
||||
formName: { |
||||
cardNumber: '卡号', |
||||
drawPassword: '支取密码', |
||||
currency: '币种', |
||||
money: '金额', |
||||
userName: '客户姓名', |
||||
goldLogo: '钞汇标识', |
||||
serviceCharge: '手续费', |
||||
drawWay: '支取方式', |
||||
remark: '摘要', |
||||
}, |
||||
rules: { |
||||
userName: vercustomer, |
||||
goldLogo: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择钞汇标识', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
drawWay: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择支取方式', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
serviceCharge: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入手续费', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
money: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入金额', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
}, |
||||
submited: 0 |
||||
} |
||||
}, |
||||
mounted () { |
||||
}, |
||||
methods: { |
||||
...mapMutations({ |
||||
changeShowGoods: 'system/changeShowGoods', |
||||
setDataFlow: 'system/setDataFlow', |
||||
setNeedsModule: 'system/setNeedsModule', |
||||
setPopId: 'system/setPopId', |
||||
setTipsOperate: 'system/setTipsOperate' |
||||
}), |
||||
getFormData () { |
||||
let param = { |
||||
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,57,64' |
||||
} |
||||
getOperation(param).then((data) => { |
||||
console.log(data) |
||||
if (data.status == 200) { |
||||
var list = data.data.judgmentRuleReqs |
||||
for (var i = 0; i < list.length; i++) { |
||||
if (list[i].answerId == '85') { |
||||
// sessionStorage.setItem('nomCurrentWithdrawalCard', list[i].emptyTwo) |
||||
this.form.cardNumber = list[i].emptyTwo |
||||
this.cardNumberJudge = true |
||||
} //卡号 |
||||
else if (list[i].answerId == '86') { this.form.userName = list[i].emptyTwo } //客户姓名 |
||||
else if (list[i].answerId == '87') { this.form.currency = +list[i].emptyTwo } //币种 |
||||
else if (list[i].answerId == '88') { this.form.goldLogo = +list[i].emptyTwo } //钞汇标识 |
||||
else if (list[i].answerId == '89') { this.form.money = list[i].emptyTwo } //金额 |
||||
else if (list[i].answerId == '90') { this.form.drawWay = +list[i].emptyTwo } //支取方式 |
||||
// if (list[i].answerId == '91') {sessionStorage.setItem('nomCurrentWithdrawalPassword', list[i].emptyTwo)} //支取密码 |
||||
else if (list[i].answerId == '91') { |
||||
console.log(91) |
||||
if (sessionStorage.getItem('nomCurrentWithdrawalPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword') |
||||
} else { |
||||
this.form.drawPassword = list[i].emptyTwo |
||||
} |
||||
} |
||||
else if (list[i].answerId == '92') { this.form.serviceCharge = list[i].emptyTwo } //手续费 |
||||
else if (list[i].answerId == '93') { this.form.remark = list[i].emptyTwo } //摘要 |
||||
} |
||||
} |
||||
console.log('fffs') |
||||
|
||||
console.log('issue') |
||||
console.log(sessionStorage.getItem('nomCurrentWithdrawalPassword')) |
||||
}).catch((error) => { |
||||
}) |
||||
}, |
||||
submitForm () { |
||||
if (this.submited) return this.$message.error('已提交！') |
||||
if (!this.form.drawPassword) { |
||||
messagePassword() |
||||
return |
||||
} |
||||
this.$refs.form.validate(myValidate(() => { |
||||
this.visible = true; |
||||
}, this.$refs)); |
||||
}, |
||||
submitForm2 () { |
||||
let projectId = sessionStorage.getItem('projectId') |
||||
let startTime = sessionStorage.getItem('startTime') |
||||
let nomCurrentWithdrawalCard = sessionStorage.getItem('nomCurrentWithdrawalCard') |
||||
let nomCurrentWithdrawalCards = nomCurrentWithdrawalCard // JSON.parse(nomCurrentWithdrawalCard); |
||||
let nomCurrentWithdrawalPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword') |
||||
let nomCurrentWithdrawalPasswords = nomCurrentWithdrawalPassword // JSON.parse(nomCurrentWithdrawalPassword); |
||||
let formList = []; |
||||
// 验证通过逻辑写在这 |
||||
// if (nomCurrentWithdrawalCards && nomCurrentWithdrawalCards.length > 0 && nomCurrentWithdrawalPasswords){ |
||||
if (this.cardNumberJudge && this.form.cardNumber) { |
||||
// formList.push({"answerId":85,"emptyOne": "", "emptyTwo": nomCurrentWithdrawalCards, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,57,64,85","type": ""})// 卡号 |
||||
formList.push({ "answerId": 85, "emptyOne": "", "emptyTwo": this.form.cardNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,85", "type": "" }) |
||||
// formList.push({"answerId":91,"emptyOne": "", "emptyTwo": nomCurrentWithdrawalPassword, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,57,64,91","type": ""}) |
||||
formList.push({ "answerId": 91, "emptyOne": "17", "emptyTwo": this.form.drawPassword, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,91", "type": "3" }) |
||||
if (this.form.currency) { formList.push({ "answerId": '87', "emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,87", "type": "1" }) }//币种 |
||||
if (this.form.money) { formList.push({ "answerId": '89', "emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,89", "type": "3" }) }//金额 |
||||
if (this.form.remark) { formList.push({ "answerId": '93', "emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,93", "type": "3" }) }//摘要 |
||||
formList.push( |
||||
{ "answerId": '86', "emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,86", "type": "3" },//客户姓名 |
||||
{ "answerId": '88', "emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,88", "type": "1" },//钞汇标识 |
||||
{ "answerId": '90', "emptyOne": "13", "emptyTwo": this.form.drawWay, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,90", "type": "1" },//支取方式 |
||||
{ "answerId": '92', "emptyOne": "46", "emptyTwo": this.form.serviceCharge, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,92", "type": "3" },//手续费 |
||||
// {"answerId":91,"emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,57,64,91","type": ""}// 密码框 |
||||
) |
||||
console.log(formList) |
||||
let params = { |
||||
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,57,64', |
||||
lcJudgmentRuleReq: formList, |
||||
projectId: +projectId, |
||||
startTime: startTime, |
||||
} |
||||
addOperation(params).then((data) => { |
||||
// this.$message({ |
||||
// message: '提交成功', |
||||
// type: 'success' |
||||
// }); |
||||
this.setDataFlow({ ...this.form }) |
||||
this.setNeedsModule(moduleName) |
||||
this.submited = 1 |
||||
}).catch((error) => { |
||||
this.$message({ |
||||
message: '服务器繁忙，提交失败。', |
||||
center: true, |
||||
type: 'info' |
||||
}); |
||||
}) |
||||
} else { |
||||
this.setTipsOperate('有必填项未填~'); |
||||
} |
||||
}, |
||||
popUp (text) { |
||||
this.setTipsOperate('请刷银行卡'); |
||||
this.setPopId('64') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
popUp2 (text) { |
||||
this.setTipsOperate('请在密码器输入密码'); |
||||
this.setPopId('64,2') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
ismoney: ismoney, |
||||
checkName: checkName, |
||||
checkHanzi: checkHanzi |
||||
}, |
||||
computed: { |
||||
...mapGetters({ |
||||
dataFlow: 'system/dataFlow', |
||||
needsModule: 'system/needsModule', |
||||
idCardNumber: 'system/idCardNumber', |
||||
inMyWork: 'system/inMyWork', |
||||
getSelectList: 'system/getSelectList' |
||||
}), |
||||
needAuth () { |
||||
return this.form.money >= 50000 |
||||
} |
||||
}, |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.wrap .body { |
||||
margin-top: 0; |
||||
overflow: auto; |
||||
.idCard { |
||||
border-radius: 5px; |
||||
background: #cfddff; |
||||
text-align: center; |
||||
height: 40px; |
||||
line-height: 40px; |
||||
font-size: 18px; |
||||
color: #6191ff; |
||||
cursor: pointer; |
||||
} |
||||
.texts { |
||||
margin: 30px 0 30px 80px; |
||||
font-size: 14px; |
||||
color: #666; |
||||
.text { |
||||
line-height: 1.6; |
||||
} |
||||
span { |
||||
display: inline-block; |
||||
width: 90px; |
||||
text-align: right; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,380 @@ |
||||
<!-- 外汇业务-结汇 --> |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" |
||||
style="margin: 0"> |
||||
<div class="texts"> |
||||
<p class="text"> |
||||
<span>本年额度：</span> |
||||
已用 等值0.00美元 |
||||
</p> |
||||
<p class="text"> |
||||
<span></span> |
||||
剩余 等值50,000.00美元 |
||||
</p> |
||||
</div> |
||||
<el-form ref="form" |
||||
:rules="rules" |
||||
:model="form" |
||||
label-width="120px"> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="凭证号码" |
||||
required> |
||||
<div v-if='!cardNumberJudge' |
||||
class="idCard" |
||||
@click="popUp('刷卡器')"> |
||||
<p>请刷卡</p> |
||||
</div> |
||||
<div v-else> |
||||
<el-input ref="cardNumber" |
||||
disabled |
||||
:value="form.cardNumber" |
||||
@input="(val) => inputListen(val, form, 'cardNumber')"></el-input> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="外币金额" |
||||
prop="goldLogo"> |
||||
<el-select v-model.trim="form.goldLogo" |
||||
placeholder="请选择" |
||||
ref="goldLogo"> |
||||
<el-option v-for="item in getSelectList.goldLogoSelectList" |
||||
:label="item.options" |
||||
:value="item.itemId" |
||||
:key="item.itemId"> </el-option> |
||||
<!-- <el-option label="钞户" value="钞户"> </el-option> --> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" |
||||
required> |
||||
<div v-if='!form.drawPassword' |
||||
class="idCard" |
||||
@click="popUp2('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
<div v-else |
||||
@click="popUp2('密码器')"> |
||||
<el-input :value="form.drawPassword" |
||||
ref="drawPassword" |
||||
type="password"></el-input> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="币种" |
||||
prop="currency"> |
||||
<el-select v-model.trim="form.currency" |
||||
placeholder="请选择" |
||||
ref="currency"> |
||||
<el-option v-for="item in getSelectList.currencySelectList" |
||||
:label="item.options" |
||||
:value="item.itemId" |
||||
:key="item.itemId"> </el-option> |
||||
<!-- <el-option value="CNY人民币">CNY人民币</el-option> --> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="资金来源" |
||||
prop="drawWay"> |
||||
<el-select v-model.trim="form.drawWay" |
||||
placeholder="请选择" |
||||
ref="drawWay"> |
||||
<el-option label="密码" |
||||
:value="18"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="submitForm" |
||||
type="primary" |
||||
class="submitBtn" |
||||
v-throttle>提交</el-button> |
||||
<my-dialog :moduleName="moduleName" |
||||
v-if="visible" |
||||
:visible.sync="visible" |
||||
:showForm="form" |
||||
:formName="formName" |
||||
@submitIt="submitForm2" |
||||
:needAuth="needAuth" /> |
||||
</div> |
||||
|
||||
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
||||
|
||||
</template> |
||||
<script> |
||||
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
||||
import { myValidate, ismoney, checkName, checkHanzi, messagePassword } from '@/utils/utilFunction.js' |
||||
import { addOperation, getOperation } from '@/api/http'; |
||||
import { mapMutations, mapGetters } from 'vuex' |
||||
import TipsBefore from '@/mixins/tipsBefore' |
||||
|
||||
const moduleName = 'currentAccount/withdrawal' |
||||
import MyDialog from '@/components/dialog' |
||||
import NeedBefore from '@/components/needBefore' |
||||
export default { |
||||
name: '', |
||||
props: { |
||||
depositFinish: Boolean |
||||
}, |
||||
mixins: [TipsBefore], |
||||
components: { |
||||
MyDialog, |
||||
NeedBefore |
||||
}, |
||||
created () { |
||||
if (sessionStorage.getItem('nomCurrentWithdrawalPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword') |
||||
} |
||||
// if(this.isNeedBefore) { |
||||
// if(sessionStorage.getItem('nomCurrentWithdrawalCard')) { |
||||
// this.cardNumberJudge = true |
||||
// this.form.cardNumber = this.dataFlow.voucherNumber || '159753' |
||||
// } |
||||
// return |
||||
// } |
||||
if (sessionStorage.getItem('nomCurrentWithdrawalCard')) { |
||||
this.cardNumberJudge = true |
||||
const { currency, userName, goldLogo, serviceCharge, drawWay, voucherNumber } = this.dataFlow |
||||
this.form.currency = currency |
||||
this.form.userName = userName |
||||
this.form.goldLogo = goldLogo |
||||
this.form.serviceCharge = serviceCharge |
||||
this.form.drawWay = drawWay |
||||
this.form.cardNumber = voucherNumber |
||||
} |
||||
|
||||
|
||||
this.getFormData() |
||||
|
||||
}, |
||||
data () { |
||||
return { |
||||
moduleName: 'currentAccount/withdrawal', |
||||
visible: false, |
||||
cardNumberJudge: false, |
||||
form: { |
||||
cardNumber: '', |
||||
drawPassword: '', |
||||
currency: '', |
||||
money: '', |
||||
userName: '', |
||||
goldLogo: '', |
||||
serviceCharge: '', |
||||
drawWay: '', |
||||
remark: '', |
||||
}, |
||||
formName: { |
||||
cardNumber: '卡号', |
||||
drawPassword: '支取密码', |
||||
currency: '币种', |
||||
money: '金额', |
||||
userName: '客户姓名', |
||||
goldLogo: '钞汇标识', |
||||
serviceCharge: '手续费', |
||||
drawWay: '支取方式', |
||||
remark: '摘要', |
||||
}, |
||||
rules: { |
||||
userName: vercustomer, |
||||
goldLogo: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择钞汇标识', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
drawWay: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择支取方式', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
serviceCharge: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入手续费', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
money: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入金额', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
}, |
||||
submited: 0 |
||||
} |
||||
}, |
||||
mounted () { |
||||
}, |
||||
methods: { |
||||
...mapMutations({ |
||||
changeShowGoods: 'system/changeShowGoods', |
||||
setDataFlow: 'system/setDataFlow', |
||||
setNeedsModule: 'system/setNeedsModule', |
||||
setPopId: 'system/setPopId', |
||||
setTipsOperate: 'system/setTipsOperate' |
||||
}), |
||||
getFormData () { |
||||
let param = { |
||||
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,57,64' |
||||
} |
||||
getOperation(param).then((data) => { |
||||
console.log(data) |
||||
if (data.status == 200) { |
||||
var list = data.data.judgmentRuleReqs |
||||
for (var i = 0; i < list.length; i++) { |
||||
if (list[i].answerId == '85') { |
||||
// sessionStorage.setItem('nomCurrentWithdrawalCard', list[i].emptyTwo) |
||||
this.form.cardNumber = list[i].emptyTwo |
||||
this.cardNumberJudge = true |
||||
} //卡号 |
||||
else if (list[i].answerId == '86') { this.form.userName = list[i].emptyTwo } //客户姓名 |
||||
else if (list[i].answerId == '87') { this.form.currency = +list[i].emptyTwo } //币种 |
||||
else if (list[i].answerId == '88') { this.form.goldLogo = +list[i].emptyTwo } //钞汇标识 |
||||
else if (list[i].answerId == '89') { this.form.money = list[i].emptyTwo } //金额 |
||||
else if (list[i].answerId == '90') { this.form.drawWay = +list[i].emptyTwo } //支取方式 |
||||
// if (list[i].answerId == '91') {sessionStorage.setItem('nomCurrentWithdrawalPassword', list[i].emptyTwo)} //支取密码 |
||||
else if (list[i].answerId == '91') { |
||||
console.log(91) |
||||
if (sessionStorage.getItem('nomCurrentWithdrawalPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword') |
||||
} else { |
||||
this.form.drawPassword = list[i].emptyTwo |
||||
} |
||||
} |
||||
else if (list[i].answerId == '92') { this.form.serviceCharge = list[i].emptyTwo } //手续费 |
||||
else if (list[i].answerId == '93') { this.form.remark = list[i].emptyTwo } //摘要 |
||||
} |
||||
} |
||||
console.log('fffs') |
||||
|
||||
console.log('issue') |
||||
console.log(sessionStorage.getItem('nomCurrentWithdrawalPassword')) |
||||
}).catch((error) => { |
||||
}) |
||||
}, |
||||
submitForm () { |
||||
if (this.submited) return this.$message.error('已提交！') |
||||
if (!this.form.drawPassword) { |
||||
messagePassword() |
||||
return |
||||
} |
||||
this.$refs.form.validate(myValidate(() => { |
||||
this.visible = true; |
||||
}, this.$refs)); |
||||
}, |
||||
submitForm2 () { |
||||
let projectId = sessionStorage.getItem('projectId') |
||||
let startTime = sessionStorage.getItem('startTime') |
||||
let nomCurrentWithdrawalCard = sessionStorage.getItem('nomCurrentWithdrawalCard') |
||||
let nomCurrentWithdrawalCards = nomCurrentWithdrawalCard // JSON.parse(nomCurrentWithdrawalCard); |
||||
let nomCurrentWithdrawalPassword = sessionStorage.getItem('nomCurrentWithdrawalPassword') |
||||
let nomCurrentWithdrawalPasswords = nomCurrentWithdrawalPassword // JSON.parse(nomCurrentWithdrawalPassword); |
||||
let formList = []; |
||||
// 验证通过逻辑写在这 |
||||
// if (nomCurrentWithdrawalCards && nomCurrentWithdrawalCards.length > 0 && nomCurrentWithdrawalPasswords){ |
||||
if (this.cardNumberJudge && this.form.cardNumber) { |
||||
// formList.push({"answerId":85,"emptyOne": "", "emptyTwo": nomCurrentWithdrawalCards, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,57,64,85","type": ""})// 卡号 |
||||
formList.push({ "answerId": 85, "emptyOne": "", "emptyTwo": this.form.cardNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,85", "type": "" }) |
||||
// formList.push({"answerId":91,"emptyOne": "", "emptyTwo": nomCurrentWithdrawalPassword, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,57,64,91","type": ""}) |
||||
formList.push({ "answerId": 91, "emptyOne": "17", "emptyTwo": this.form.drawPassword, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,91", "type": "3" }) |
||||
if (this.form.currency) { formList.push({ "answerId": '87', "emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,87", "type": "1" }) }//币种 |
||||
if (this.form.money) { formList.push({ "answerId": '89', "emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,89", "type": "3" }) }//金额 |
||||
if (this.form.remark) { formList.push({ "answerId": '93', "emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,93", "type": "3" }) }//摘要 |
||||
formList.push( |
||||
{ "answerId": '86', "emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,86", "type": "3" },//客户姓名 |
||||
{ "answerId": '88', "emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,88", "type": "1" },//钞汇标识 |
||||
{ "answerId": '90', "emptyOne": "13", "emptyTwo": this.form.drawWay, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,90", "type": "1" },//支取方式 |
||||
{ "answerId": '92', "emptyOne": "46", "emptyTwo": this.form.serviceCharge, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,26,57,64,92", "type": "3" },//手续费 |
||||
// {"answerId":91,"emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,57,64,91","type": ""}// 密码框 |
||||
) |
||||
console.log(formList) |
||||
let params = { |
||||
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,57,64', |
||||
lcJudgmentRuleReq: formList, |
||||
projectId: +projectId, |
||||
startTime: startTime, |
||||
} |
||||
addOperation(params).then((data) => { |
||||
// this.$message({ |
||||
// message: '提交成功', |
||||
// type: 'success' |
||||
// }); |
||||
this.setDataFlow({ ...this.form }) |
||||
this.setNeedsModule(moduleName) |
||||
this.submited = 1 |
||||
}).catch((error) => { |
||||
this.$message({ |
||||
message: '服务器繁忙，提交失败。', |
||||
center: true, |
||||
type: 'info' |
||||
}); |
||||
}) |
||||
} else { |
||||
this.setTipsOperate('有必填项未填~'); |
||||
} |
||||
}, |
||||
popUp (text) { |
||||
this.setTipsOperate('请刷银行卡'); |
||||
this.setPopId('64') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
popUp2 (text) { |
||||
this.setTipsOperate('请在密码器输入密码'); |
||||
this.setPopId('64,2') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
ismoney: ismoney, |
||||
checkName: checkName, |
||||
checkHanzi: checkHanzi |
||||
}, |
||||
computed: { |
||||
...mapGetters({ |
||||
dataFlow: 'system/dataFlow', |
||||
needsModule: 'system/needsModule', |
||||
idCardNumber: 'system/idCardNumber', |
||||
inMyWork: 'system/inMyWork', |
||||
getSelectList: 'system/getSelectList' |
||||
}), |
||||
needAuth () { |
||||
return this.form.money >= 50000 |
||||
} |
||||
}, |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.wrap .body { |
||||
margin-top: 0; |
||||
overflow: auto; |
||||
.idCard { |
||||
border-radius: 5px; |
||||
background: #cfddff; |
||||
text-align: center; |
||||
height: 40px; |
||||
line-height: 40px; |
||||
font-size: 18px; |
||||
color: #6191ff; |
||||
cursor: pointer; |
||||
} |
||||
.texts { |
||||
margin: 30px 0 30px 80px; |
||||
font-size: 14px; |
||||
color: #666; |
||||
.text { |
||||
line-height: 1.6; |
||||
} |
||||
span { |
||||
display: inline-block; |
||||
width: 90px; |
||||
text-align: right; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,525 @@ |
||||
<!-- 网上银行开户 --> |
||||
<template> |
||||
<div class="wrap wrap2"> |
||||
<MyTitle :titleArr="['网上银行', '开户']" /> |
||||
|
||||
<div class="body"> |
||||
<el-row :gutter="20"> |
||||
<el-form ref="form" |
||||
:model="form" |
||||
label-width="120px" |
||||
:rules="rules"> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="证件类型" |
||||
prop="certificateType"> |
||||
<el-select v-model.trim="form.certificateType" |
||||
placeholder="请选择" |
||||
ref="certificateType"> |
||||
<el-option label="身份证" |
||||
:value="83"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="客户号" |
||||
prop="customerNumber"> |
||||
<el-input :value="form.customerNumber" |
||||
maxlength="20" |
||||
disabled |
||||
@input="(val) => checkHanzi(val, form, 'customerNumber')" |
||||
ref="customerNumber"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="币种" |
||||
prop="currency"> |
||||
<el-select v-model.trim="form.currency" |
||||
placeholder="请选择" |
||||
ref="currency"> |
||||
<el-option v-for="item in getSelectList.currencySelectList" |
||||
:label="item.options" |
||||
:value="item.itemId" |
||||
:key="item.itemId"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证类型" |
||||
prop="certificateType"> |
||||
<el-select v-model.trim="form.certificateType" |
||||
placeholder="请选择" |
||||
ref="certificateType"> |
||||
<el-option label="转账支票" |
||||
:value="115"> </el-option> |
||||
<el-option label="现金支票" |
||||
:value="116"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="开通网上银行" |
||||
prop="extendPeriod" |
||||
required> |
||||
<el-radio-group v-model.trim="form.extendPeriod" |
||||
ref="extendPeriod"> |
||||
<el-radio :label="90">是</el-radio> |
||||
<el-radio :label="91">否</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" |
||||
required> |
||||
<div v-if='!form.drawPassword' |
||||
class="idCard" |
||||
@click="popUp3('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
<div v-else |
||||
@click="popUp3('密码器')"> |
||||
<el-input :value="form.drawPassword" |
||||
ref="drawPassword" |
||||
type="password"></el-input> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="证件号码" |
||||
required> |
||||
<div class="idCard" |
||||
@click="popUp1('身份证扫描仪')" |
||||
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="customerName"> |
||||
<el-input ref="customerName" |
||||
disabled |
||||
:value="form.customerName" |
||||
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识" |
||||
prop="goldLogo"> |
||||
<el-select v-model.trim="form.goldLogo" |
||||
placeholder="请选择" |
||||
ref="goldLogo"> |
||||
<el-option v-for="item in getSelectList.goldLogoSelectList" |
||||
:label="item.options" |
||||
:value="item.itemId" |
||||
:key="item.itemId"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证号码" |
||||
required> |
||||
<div v-if='!cardNumberJudge' |
||||
class="idCard" |
||||
@click="popUp2('刷卡器')"> |
||||
<p>请刷卡</p> |
||||
</div> |
||||
<div v-else> |
||||
<el-input @blur="getDataBlur" |
||||
maxlength="20" |
||||
ref="voucherNumber" |
||||
disabled |
||||
:value="form.voucherNumber" |
||||
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> |
||||
</div> |
||||
<!-- <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> --> |
||||
</el-form-item> |
||||
<el-form-item label="开通手机银行" |
||||
prop="extendPeriod" |
||||
required> |
||||
<el-radio-group v-model.trim="form.extendPeriod" |
||||
ref="extendPeriod"> |
||||
<el-radio :label="90">是</el-radio> |
||||
<el-radio :label="91">否</el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-col> |
||||
<my-dialog :moduleName="moduleName" |
||||
v-if="visible" |
||||
:visible.sync="visible" |
||||
:showForm="form" |
||||
:formName="formName" |
||||
@submitIt="submitForm2" |
||||
depositNumber='0816' /> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="submitForm" |
||||
type="primary" |
||||
class="submitBtn" |
||||
v-throttle>提交</el-button> |
||||
</div> |
||||
|
||||
<my-dialog :moduleName="moduleName" |
||||
v-if="visible" |
||||
:visible.sync="visible" |
||||
:showForm="form" |
||||
:formName="formName" |
||||
@submitIt="submitForm2()" /> |
||||
</div> |
||||
<!-- <need-before class='wrap' v-else :moduleName='needBefore' :unNeed="unNeed"> |
||||
</need-before> --> |
||||
</template> |
||||
|
||||
<script> // 模块标识: consumerClient |
||||
import { mapState, mapMutations, mapGetters } from 'vuex' |
||||
import { vername, vermob } from '@/utils/verify.js' |
||||
import { addOperation, getOperation } from '@/api/http'; |
||||
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
||||
import { phoneListen, mailBoxListen, checkRequired, randomPeopleNumber, myValidate, checkName, messageIdCard } from '@/utils/utilFunction.js' |
||||
|
||||
import MyTitle from '@/components/myTitle' |
||||
import TipsBefore from '@/mixins/tipsBefore' |
||||
import MyDialog from '@/components/dialog' |
||||
import NeedBefore from '@/components/needBefore' |
||||
|
||||
const moduleName = 'consumerClient' |
||||
export default { |
||||
name: 'consumerClient', |
||||
data () { |
||||
return { |
||||
moduleName: 'consumerClient', |
||||
idNumberJudge: false, |
||||
visible: false,// 表单 |
||||
form: { |
||||
idType: 83,//证件类型 |
||||
idNumber: '',//证件号码 |
||||
userName: '',//客户名字 |
||||
sex: '',//性别 |
||||
birthday: null,//出生日期 |
||||
nationality: '',//民族 |
||||
mailbox: '',//通讯地址 |
||||
phone: '',//联系电话 |
||||
peopleNumber: '', |
||||
}, |
||||
formName: { |
||||
idType: '证件类型', |
||||
idNumber: '证件号码', |
||||
userName: '客户名字', |
||||
sex: '性别', |
||||
birthday: '出生日期', |
||||
nationality: '民族', |
||||
mailbox: '通讯地址', |
||||
phone: '联系电话', |
||||
peopleNumber: '客户号' |
||||
}, |
||||
rules: { |
||||
userName: vercustomer, |
||||
phone: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入联系电话', |
||||
trigger: 'blur' |
||||
}, |
||||
{ |
||||
pattern: mobPattern, |
||||
message: '联系电话格式有误' |
||||
} |
||||
], |
||||
birthday: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择出生日期', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
|
||||
}, |
||||
|
||||
authorization: false,// 切授权 |
||||
success: false,// 切成功 |
||||
papers: [ |
||||
{ name: '身份证', id: 1 } |
||||
], |
||||
options: [], |
||||
gender: [ |
||||
{ name: '男', id: 1 }, |
||||
{ name: '女', id: 2 }, |
||||
], |
||||
nations: [ |
||||
{ "itemId": 24, "description": "汉族", "options": "汉族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:44", "updateTime": "2021-12-20 12:00:44" }, |
||||
{ "itemId": 25, "description": "蒙古族", "options": "蒙古族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:44", "updateTime": "2021-12-20 12:00:44" }, |
||||
{ "itemId": 26, "description": "回族", "options": "回族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 27, "description": "藏族", "options": "藏族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 28, "description": "维吾尔族", "options": "维吾尔族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 29, "description": "苗族", "options": "苗族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 30, "description": "彝族", "options": "彝族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 31, "description": "壮族", "options": "壮族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 32, "description": "布依族", "options": "布依族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 33, "description": "朝鲜族", "options": "朝鲜族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 34, "description": "满族", "options": "满族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 35, "description": "侗族", "options": "侗族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 36, "description": "瑶族", "options": "瑶族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 37, "description": "白族", "options": "白族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 38, "description": "土家族", "options": "土家族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 39, "description": "哈尼族", "options": "哈尼族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 40, "description": "哈萨克族", "options": "哈萨克族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 41, "description": "傣族", "options": "傣族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 42, "description": "黎族", "options": "黎族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 43, "description": "傈僳族", "options": "傈僳族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 44, "description": "佤族", "options": "佤族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 45, "description": "畲族", "options": "畲族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 46, "description": "高山族", "options": "高山族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 47, "description": "拉祜族", "options": "拉祜族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 48, "description": "水族", "options": "水族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 49, "description": "东乡族", "options": "东乡族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 50, "description": "纳西族", "options": "纳西族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 51, "description": "景颇族", "options": "景颇族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 52, "description": "柯尔克孜族", "options": "柯尔克孜族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 53, "description": "土族", "options": "土族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 54, "description": "达斡尔族", "options": "达斡尔族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 55, "description": "仫佬族", "options": "仫佬族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 56, "description": "羌族", "options": "羌族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 57, "description": " 布朗族", "options": " 布朗族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 58, "description": " 撒拉族", "options": " 撒拉族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 59, "description": " 毛难族", "options": " 毛难族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 60, "description": " 仡佬族", "options": " 仡佬族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" }, |
||||
{ "itemId": 61, "description": " 锡伯族", "options": " 锡伯族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 62, "description": " 阿昌族", "options": " 阿昌族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 63, "description": " 普米族", "options": " 普米族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 64, "description": " 塔吉克族", "options": " 塔吉克族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 65, "description": " 怒族", "options": " 怒族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 66, "description": " 乌孜别克族", "options": " 乌孜别克族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 67, "description": " 俄罗斯族", "options": " 俄罗斯族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 68, "description": " 鄂温克族", "options": " 鄂温克族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 69, "description": " 崩龙族", "options": " 崩龙族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 70, "description": " 保安族", "options": " 保安族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 71, "description": " 裕固族", "options": " 裕固族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 72, "description": " 京族", "options": " 京族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 73, "description": " 塔塔尔族", "options": " 塔塔尔族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 74, "description": " 独龙族", "options": " 独龙族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 75, "description": " 鄂伦春族", "options": " 鄂伦春族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 76, "description": " 赫哲族", "options": " 赫哲族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 77, "description": " 门巴族", "options": " 门巴族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 78, "description": " 珞巴族", "options": " 珞巴族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 79, "description": " 基诺族", "options": " 基诺族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }, |
||||
{ "itemId": 80, "description": " 其他", "options": " 其他", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" } |
||||
], |
||||
submited: 0 |
||||
} |
||||
}, |
||||
components: { |
||||
MyTitle, |
||||
MyDialog, |
||||
NeedBefore |
||||
}, |
||||
created () { |
||||
// if(this.isNeedBefore) { |
||||
// return |
||||
// } |
||||
if (sessionStorage.getItem('nomClientIdentity')) { |
||||
this.idNumberJudge = true |
||||
const { userName, sex, birthday, nationality, mailbox, idNumber } = this.dataFlow |
||||
this.form.idNumber = idNumber |
||||
this.form.idType = 83 |
||||
this.form.userName = userName |
||||
// let sexs = null |
||||
// if (sex == '男'){ |
||||
// sexs = 1 |
||||
// }else{ |
||||
// sexs = 2 |
||||
// } |
||||
this.form.sex = sex |
||||
this.form.birthday = birthday |
||||
// this.form.nationality = nationality |
||||
// this.form.mailbox = mailbox |
||||
} |
||||
this.getFormData() |
||||
|
||||
}, |
||||
mixins: [TipsBefore], |
||||
mounted () { |
||||
}, |
||||
methods: { |
||||
// 授权提交后 |
||||
submitIt () { |
||||
|
||||
// this.setDataFlow({name: 'userName', val: ''}) |
||||
// console.log(this.dataFlow) |
||||
}, |
||||
getFormData () { |
||||
let param = { |
||||
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,25,33' |
||||
} |
||||
getOperation(param).then((data) => { |
||||
if (data.status == 200) { |
||||
var list = data.data.judgmentRuleReqs |
||||
for (var i = 0; i < list.length; i++) { |
||||
if (list[i].answerId == '40') { this.form.idType = +list[i].emptyTwo } |
||||
// if (list[i].answerId == '41') {sessionStorage.setItem('nomClientIdentity', list[i].emptyTwo)} |
||||
if (list[i].answerId == '41' && list[i].emptyTwo) { |
||||
this.idNumberJudge = true |
||||
this.form.idNumber = list[i].emptyTwo |
||||
} |
||||
if (list[i].answerId == '42') { this.form.userName = list[i].emptyTwo } |
||||
if (list[i].answerId == '43') { this.form.sex = +list[i].emptyTwo } |
||||
if (list[i].answerId == '44') { this.form.birthday = list[i].emptyTwo } |
||||
if (list[i].answerId == '45') { this.form.nationality = list[i].emptyTwo } |
||||
if (list[i].answerId == '46') { this.form.mailbox = list[i].emptyTwo } |
||||
if (list[i].answerId == '47') { this.form.phone = list[i].emptyTwo } |
||||
} |
||||
|
||||
} |
||||
// const tt1 = JSON.parse(sessionStorage.getItem('tt1')) |
||||
// console.log('1-tt1') |
||||
// console.log(tt1) |
||||
// if(tt1) { |
||||
// for(const key in tt1) { |
||||
// this.form[tt1] = tt1[key] |
||||
// } |
||||
// } |
||||
}).catch((error) => { |
||||
// const tt1 = JSON.parse(sessionStorage.getItem('tt1')) |
||||
// console.log('2-tt1') |
||||
// console.log(tt1) |
||||
// if(tt1) { |
||||
// for(const key in tt1) { |
||||
// this.form[key] = tt1[key] |
||||
// } |
||||
// } |
||||
// if(sessionStorage.getItem('tt1')) { |
||||
// this.form = {...sessionStorage.getItem('tt1')} |
||||
// } |
||||
}) |
||||
|
||||
}, |
||||
...mapMutations({ |
||||
changeShowGoods: 'system/changeShowGoods', |
||||
setDataFlow: 'system/setDataFlow', |
||||
setNeedsModule: 'system/setNeedsModule', |
||||
setPopId: 'system/setPopId', |
||||
setTipsOperate: 'system/setTipsOperate' |
||||
}), |
||||
popUp () {// 唤起弹窗 |
||||
// this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪',id:'33'}) |
||||
// this.changeShowGoods(true) |
||||
// this.$store.commit('system/changePop',{show: false, text: '', id:'33'}) |
||||
|
||||
this.setTipsOperate('请刷身份证'); |
||||
this.setPopId('33') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
}, |
||||
//提交个人用户信息 |
||||
submitForm () { |
||||
if (this.submited) return this.$message.error('已提交！') |
||||
let nomClientIdentity = sessionStorage.getItem('nomClientIdentity') |
||||
let consumerClientDragList = JSON.parse(nomClientIdentity); |
||||
let nomClientIdentitys = JSON.parse(nomClientIdentity); |
||||
if (!this.form.idNumber) { |
||||
messageIdCard() |
||||
return |
||||
} |
||||
this.$refs.form.validate(myValidate(() => { |
||||
// this.form.birthday = this.form.birthday.slice(0, 10) |
||||
this.form.peopleNumber = randomPeopleNumber() |
||||
this.visible = true; |
||||
}, this.$refs)); |
||||
}, |
||||
submitForm2 () { |
||||
let nomClientIdentity = sessionStorage.getItem('nomClientIdentity') |
||||
let consumerClientDragList = JSON.parse(nomClientIdentity); |
||||
let projectId = sessionStorage.getItem('projectId') |
||||
let startTime = sessionStorage.getItem('startTime') |
||||
|
||||
|
||||
let formList = []; |
||||
|
||||
formList.push({ "answerId": '41', "emptyOne": "", "emptyTwo": this.form.idNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,41,13", "type": "" }) |
||||
if (this.form.sex) { |
||||
formList.push({ |
||||
"answerId": '43', |
||||
"emptyOne": "1", |
||||
"emptyTwo": this.form.sex, |
||||
"operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,43",//性别 |
||||
"type": "1" |
||||
}) |
||||
} |
||||
if (this.form.nationality) { |
||||
formList.push({ |
||||
"answerId": '45', |
||||
"emptyOne": "3", |
||||
"emptyTwo": this.form.nationality, |
||||
"operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,45",//民族 |
||||
"type": "1" |
||||
}) |
||||
} |
||||
if (this.form.mailbox) { |
||||
formList.push({ |
||||
"answerId": '46', |
||||
"emptyOne": "4", |
||||
"emptyTwo": this.form.mailbox, |
||||
"operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,46",//通讯地址 |
||||
"type": "3" |
||||
}) |
||||
} |
||||
formList.push( |
||||
{ "answerId": '40', "emptyOne": "19", "emptyTwo": this.form.idType, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,40", "type": "1" },//证件类型 |
||||
{ "answerId": '42', "emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,42", "type": "3" },//客户姓名 |
||||
{ "answerId": '44', "emptyOne": "2", "emptyTwo": this.form.birthday, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,44", "type": "3" },//出生日期 |
||||
{ "answerId": '47', "emptyOne": "5", "emptyTwo": this.form.phone, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,47", "type": "3" }//联系电话 |
||||
); |
||||
let params = { |
||||
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,25,33', |
||||
lcJudgmentRuleReq: formList, |
||||
projectId: +projectId, |
||||
startTime: startTime, |
||||
} |
||||
addOperation(params).then((data) => { |
||||
// this.$message({ |
||||
// message: '提交成功', |
||||
// type: 'success' |
||||
// }); |
||||
this.setNeedsModule(moduleName) |
||||
this.setDataFlow({ ...this.form }) |
||||
this.submited = 1 |
||||
}).catch((error) => { |
||||
this.setTipsOperate('服务器繁忙哦，提交失败。') |
||||
}) |
||||
|
||||
}, |
||||
|
||||
|
||||
throttle (fn, wait = 1000) {// 节流函数 |
||||
var timer = null; |
||||
return function () { |
||||
var context = this; |
||||
var args = fn; |
||||
if (!timer) { |
||||
timer = setTimeout(function () { |
||||
fn.apply(context, fn); |
||||
timer = null; |
||||
}, wait) |
||||
} |
||||
} |
||||
}, |
||||
phoneListen: phoneListen, |
||||
mailBoxListen: mailBoxListen, |
||||
checkName: checkName |
||||
}, |
||||
computed: { |
||||
...mapGetters({ |
||||
dataFlow: 'system/dataFlow', |
||||
inMyWork: 'system/inMyWork', |
||||
needsModule: 'system/needsModule', |
||||
popId: 'system/popId', |
||||
getSelectList: 'system/getSelectList', |
||||
}) |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.wrap { |
||||
width: 100%; |
||||
height: 100%; |
||||
display: flex; |
||||
flex-direction: column; |
||||
overflow: auto; |
||||
padding: 24px 0 24px 24px; |
||||
.body { |
||||
margin-top: 50px; |
||||
overflow-y: auto; |
||||
overflow-x: hidden; |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue