parent
18533d3fc7
commit
99d3072817
9 changed files with 1569 additions and 2 deletions
After Width: | Height: | Size: 561 B |
@ -0,0 +1,443 @@ |
||||
<!-- 信用评估 --> |
||||
<template> |
||||
<div> |
||||
<el-row :gutter="20" |
||||
style="margin: 0"> |
||||
<el-form ref="form" |
||||
:model="form" |
||||
label-width="120px" |
||||
:rules="rules"> |
||||
<el-col :span="24"> |
||||
<h6 class="l-title">客户信息</h6> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="账号" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<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="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="法人姓名" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="币种" |
||||
prop="customerName"> |
||||
<el-select v-model.trim="form.certificateType" |
||||
placeholder="请选择"> |
||||
<el-option label="身份证" |
||||
:value="83"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="利率(%)" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="支取方式" |
||||
prop="customerName"> |
||||
<el-select v-model.trim="form.certificateType" |
||||
placeholder="请选择"> |
||||
<el-option label="身份证" |
||||
:value="83"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="成立年份" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="主营范围" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="财报提交方式" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="客户名称" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="证件号码" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="注册地址" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="法人证件号码" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="账户类型" |
||||
prop="customerName"> |
||||
<el-select v-model.trim="form.certificateType" |
||||
placeholder="请选择"> |
||||
<el-option label="身份证" |
||||
:value="83"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="计息方式" |
||||
prop="customerName"> |
||||
<el-select v-model.trim="form.certificateType" |
||||
placeholder="请选择"> |
||||
<el-option label="身份证" |
||||
:value="83"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="员工人数" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="注册类型" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="营业执照到期日" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="借款人性质" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
|
||||
</el-form> |
||||
</el-row> |
||||
|
||||
</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' |
||||
import MyTitle from '@/components/myTitle' |
||||
export default { |
||||
name: '', |
||||
props: {}, |
||||
components: { |
||||
NeedBefore, |
||||
MyTitle, |
||||
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 () { |
||||
|
||||
}, |
||||
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> |
||||
.l-title { |
||||
margin-bottom: 15px; |
||||
font-size: 18px; |
||||
font-weight: 600; |
||||
} |
||||
.line { |
||||
margin: 20px 0; |
||||
border-bottom: 1px dashed #d7d7d7; |
||||
} |
||||
</style> |
@ -0,0 +1,82 @@ |
||||
<!-- 导入报表 --> |
||||
<template> |
||||
<div class="upload-wrap"> |
||||
<Upload @onSuccess="uploadSuccess"> |
||||
<div slot="trigger"> |
||||
<el-button type="primary">点击导入资产负债表</el-button> |
||||
</div> |
||||
<template slot="tip"> |
||||
<div></div> |
||||
</template> |
||||
</Upload> |
||||
<img class="icon" |
||||
src="@/assets/img/arrow-right.png" |
||||
alt=""> |
||||
<Upload @onSuccess="uploadSuccess"> |
||||
<div slot="trigger"> |
||||
<el-button type="primary">点击导入损益表</el-button> |
||||
</div> |
||||
<template slot="tip"> |
||||
<div></div> |
||||
</template> |
||||
</Upload> |
||||
<img class="icon" |
||||
src="@/assets/img/arrow-right.png" |
||||
alt=""> |
||||
<Upload @onSuccess="uploadSuccess"> |
||||
<div slot="trigger"> |
||||
<el-button type="primary">点击导入现金流量表</el-button> |
||||
</div> |
||||
<template slot="tip"> |
||||
<div></div> |
||||
</template> |
||||
</Upload> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import Upload from '@/components/upload'; |
||||
|
||||
const moduleName = 'usefulPhrases/openAccount' |
||||
import { mapMutations, mapGetters } from 'vuex' |
||||
import NeedBefore from '@/components/needBefore' |
||||
import MyDialog from '@/components/dialog' |
||||
import TipsBefore from '@/mixins/tipsBefore' |
||||
import MyTitle from '@/components/myTitle' |
||||
export default { |
||||
name: '', |
||||
props: {}, |
||||
components: { |
||||
Upload |
||||
}, |
||||
created () { |
||||
|
||||
}, |
||||
data () { |
||||
return { |
||||
|
||||
} |
||||
}, |
||||
mounted () { |
||||
|
||||
}, |
||||
methods: { |
||||
uploadSuccess (file) { |
||||
this.fileId = '' |
||||
this.fileType = file.format |
||||
this.fileUrl = file.url |
||||
this.fileName = file.name |
||||
}, |
||||
}, |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.upload-wrap { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
height: 100%; |
||||
.icon { |
||||
margin: 0 40px; |
||||
} |
||||
} |
||||
</style> |
@ -0,0 +1,245 @@ |
||||
<!-- 新建贷款申请 --> |
||||
<template> |
||||
<div class="wrap"> |
||||
<div> |
||||
<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> |
||||
<MyTitle :titleArr="['公司贷款', '新建贷款申请', text]" /> |
||||
|
||||
<ul class="steps"> |
||||
<li v-for="(step, i) in steps" |
||||
:key="i" |
||||
:class="{active: curStep === i}">{{ step }}</li> |
||||
</ul> |
||||
|
||||
<div class="form-wrap"> |
||||
<creditEvaluation v-if="!curStep" /> |
||||
<importReport v-else-if="curStep === 1" /> |
||||
<preLoan v-else-if="curStep === 2" /> |
||||
<rating v-else-if="curStep === 3" /> |
||||
</div> |
||||
|
||||
<div class="text-center"> |
||||
<el-button v-if="!curStep" |
||||
@click="$history.back()" |
||||
v-throttle>返回</el-button> |
||||
<el-button v-else |
||||
@click="prev" |
||||
type="primary" |
||||
class="submitBtn" |
||||
v-throttle>上一步</el-button> |
||||
<el-button @click="next" |
||||
type="primary" |
||||
class="submitBtn" |
||||
v-throttle>{{ curStep < 3 ? '下一步' : '提交' }}</el-button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import creditEvaluation from './creditEvaluation.vue' |
||||
import importReport from './importReport.vue' |
||||
import preLoan from './preLoan.vue' |
||||
import rating from './rating.vue' |
||||
import MyTitle from '@/components/myTitle' |
||||
export default { |
||||
name: 'index', |
||||
components: { |
||||
creditEvaluation, |
||||
importReport, |
||||
preLoan, |
||||
rating, |
||||
MyTitle |
||||
}, |
||||
data () { |
||||
return { |
||||
text: '',/* 顶部文字 */ |
||||
cacheVal: '', |
||||
textObj: { |
||||
'1': '信用评估', |
||||
'2': '授信申请', |
||||
'3': '贷款申请', |
||||
}, |
||||
form: { |
||||
|
||||
}, |
||||
visible: false, |
||||
options: [], |
||||
activeIndex: '', |
||||
second: [// 二级卡数组 |
||||
|
||||
], |
||||
steps: ['1.客户基本信息', '2.导入报表', '3.贷前调查', '4.等级评定'], |
||||
curStep: 0, |
||||
|
||||
|
||||
} |
||||
}, |
||||
methods: { |
||||
handleSelect (val) { |
||||
this.text = this.textObj[val] |
||||
this.activeIndex = val |
||||
this.cacheVal = val |
||||
}, |
||||
prev () { |
||||
this.curStep-- |
||||
}, |
||||
next () { |
||||
if (this.curStep < 3) { |
||||
this.curStep++ |
||||
} else { |
||||
|
||||
} |
||||
}, |
||||
}, |
||||
created () { |
||||
if (sessionStorage.getItem('personalLoansIndex')) { |
||||
this.handleSelect(sessionStorage.getItem('personalLoansIndex')) |
||||
} else { |
||||
this.handleSelect('1') |
||||
} |
||||
}, |
||||
destroyed () { |
||||
sessionStorage.setItem('personalLoansIndex', this.cacheVal) |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.wrap { |
||||
width: 100%; |
||||
display: flex; |
||||
flex-direction: column; |
||||
height: calc(100vh - 118px); |
||||
padding: 20px; |
||||
overflow: auto; |
||||
.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-y: auto; |
||||
overflow-x: hidden; |
||||
.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; |
||||
} |
||||
} |
||||
} |
||||
.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; |
||||
} |
||||
} |
||||
} |
||||
.steps { |
||||
display: flex; |
||||
justify-content: center; |
||||
margin-bottom: 20px; |
||||
li { |
||||
position: relative; |
||||
width: 160px; |
||||
padding: 6px 0; |
||||
margin-right: 25px; |
||||
text-align: center; |
||||
font-size: 16px; |
||||
color: #fff; |
||||
background-color: #a7bdf5; |
||||
&:after { |
||||
content: ''; |
||||
position: absolute; |
||||
top: 0; |
||||
right: -24px; |
||||
border: 18px solid transparent; |
||||
border-right-width: 12px; |
||||
border-left: 12px solid #a7bdf5; |
||||
} |
||||
&.active { |
||||
background-color: #5786fc; |
||||
&:after { |
||||
border-left-color: #5786fc; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.form-wrap { |
||||
height: calc(100vh - 410px); |
||||
margin-bottom: 20px; |
||||
overflow: auto; |
||||
} |
||||
</style> |
@ -0,0 +1,400 @@ |
||||
<!-- 贷前调查 --> |
||||
<template> |
||||
<div> |
||||
<el-row :gutter="20" |
||||
style="margin: 0"> |
||||
<el-form ref="form" |
||||
:model="form" |
||||
label-width="120px" |
||||
:rules="rules"> |
||||
<el-col :span="24"> |
||||
<h6 class="l-title">贷前调查</h6> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="调查日期" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<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="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="企业与客户管理分析" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="重大事故赔偿" |
||||
prop="customerName"> |
||||
<el-select v-model.trim="form.certificateType" |
||||
placeholder="请选择"> |
||||
<el-option label="身份证" |
||||
:value="83"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="对外不利担保" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="经营状况" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="坏账准备金提取" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="重大法律诉讼" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="贷款风控情况" |
||||
prop="customerName"> |
||||
<el-select v-model.trim="form.certificateType" |
||||
placeholder="请选择"> |
||||
<el-option label="身份证" |
||||
:value="83"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="24"> |
||||
<el-form-item label="其他风控情况" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName" |
||||
type="textarea"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-form> |
||||
</el-row> |
||||
|
||||
</div> |
||||
</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' |
||||
import MyTitle from '@/components/myTitle' |
||||
export default { |
||||
name: '', |
||||
props: {}, |
||||
components: { |
||||
NeedBefore, |
||||
MyTitle, |
||||
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 () { |
||||
|
||||
}, |
||||
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> |
||||
.l-title { |
||||
margin-bottom: 15px; |
||||
font-size: 18px; |
||||
font-weight: 600; |
||||
} |
||||
.line { |
||||
margin: 20px 0; |
||||
border-bottom: 1px dashed #d7d7d7; |
||||
} |
||||
</style> |
@ -0,0 +1,392 @@ |
||||
<!-- 等级评定 --> |
||||
<template> |
||||
<div> |
||||
<el-row :gutter="20" |
||||
style="margin: 0"> |
||||
<el-form ref="form" |
||||
:model="form" |
||||
label-width="120px" |
||||
:rules="rules"> |
||||
<el-col :span="24"> |
||||
<h6 class="l-title">等级评定</h6> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="盈利记录" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<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="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="企业发展前景" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="有无不良信用记录" |
||||
prop="customerName"> |
||||
<el-select v-model.trim="form.certificateType" |
||||
placeholder="请选择"> |
||||
<el-option label="身份证" |
||||
:value="83"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" |
||||
:offset="1"> |
||||
<el-form-item label="领导应变开拓" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="领导才敢教育" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="企业开发能力" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="企业信誉" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="24"> |
||||
<el-form-item label="其他风控情况" |
||||
prop="customerName"> |
||||
<el-input v-model="form.customerName" |
||||
type="textarea"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-form> |
||||
</el-row> |
||||
|
||||
</div> |
||||
</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' |
||||
import MyTitle from '@/components/myTitle' |
||||
export default { |
||||
name: '', |
||||
props: {}, |
||||
components: { |
||||
NeedBefore, |
||||
MyTitle, |
||||
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 () { |
||||
|
||||
}, |
||||
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> |
||||
.l-title { |
||||
margin-bottom: 15px; |
||||
font-size: 18px; |
||||
font-weight: 600; |
||||
} |
||||
.line { |
||||
margin: 20px 0; |
||||
border-bottom: 1px dashed #d7d7d7; |
||||
} |
||||
</style> |
Loading…
Reference in new issue