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