parent
f52e2076c0
commit
e8e11376be
13 changed files with 1473 additions and 291 deletions
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
@ -0,0 +1,619 @@ |
|||||||
|
<!-- 代收电费 --> |
||||||
|
<template> |
||||||
|
<div class="wrap"> |
||||||
|
<MyTitle :titleArr="['个人贷款', '新增贷款申请']" /> |
||||||
|
<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="certificateType"> |
||||||
|
<el-select v-model.trim="form.certificateType" |
||||||
|
placeholder="请选择" |
||||||
|
ref="certificateType" |
||||||
|
disabled> |
||||||
|
<el-option label="身份证" |
||||||
|
:value="83"> </el-option> |
||||||
|
</el-select> |
||||||
|
</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="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
disabled |
||||||
|
:value="form.customerName" |
||||||
|
@input="(val) => checkName(val, form, 'customerName')"></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="24"> |
||||||
|
<div class="line"></div> |
||||||
|
<h6 class="l-title">收入信息</h6> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" |
||||||
|
:offset="1"> |
||||||
|
<el-form-item label="岗位" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName" |
||||||
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="当前单位工作年限" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName" |
||||||
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" |
||||||
|
:offset="1"> |
||||||
|
<el-form-item label="薪酬" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName" |
||||||
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="工龄" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName" |
||||||
|
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
|
||||||
|
<el-col :span="24"> |
||||||
|
<div class="line"></div> |
||||||
|
<h6 class="l-title">房产信息</h6> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" |
||||||
|
:offset="1"> |
||||||
|
<el-form-item label="产权人" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="共有情况" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="权利类型" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="面积" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" |
||||||
|
:offset="1"> |
||||||
|
<el-form-item label="房产证号" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="坐落" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="权利性质" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="使用期限" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
|
||||||
|
<el-col :span="24"> |
||||||
|
<div class="line"></div> |
||||||
|
<h6 class="l-title">贷款合同</h6> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" |
||||||
|
:offset="1"> |
||||||
|
<el-form-item label="贷款类型" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="合同金额" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="起息日期" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="计息方式" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="浮动比例" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="逾期利率" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="还款方式" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" |
||||||
|
:offset="1"> |
||||||
|
<el-form-item label="合同编号" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="贷款期限" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="到期日期" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="基准利率" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="执行利率" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="担保方式" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="还款方式" |
||||||
|
prop="customerName"> |
||||||
|
<el-input ref="customerName" |
||||||
|
:value="form.customerName"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-form> |
||||||
|
</el-row> |
||||||
|
|
||||||
|
<my-dialog :moduleName="moduleName" |
||||||
|
v-if="visible" |
||||||
|
:visible.sync="visible" |
||||||
|
:showForm="form" |
||||||
|
:formName="formName" |
||||||
|
@submitIt="submitForm2" |
||||||
|
depositNumber='0816' /> |
||||||
|
<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' |
||||||
|
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 () { |
||||||
|
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> |
||||||
|
.wrap { |
||||||
|
width: 100%; |
||||||
|
height: calc(90vh - 70px); |
||||||
|
padding: 20px; |
||||||
|
overflow: auto; |
||||||
|
.l-title { |
||||||
|
margin-bottom: 15px; |
||||||
|
font-size: 18px; |
||||||
|
font-weight: 600; |
||||||
|
} |
||||||
|
.line { |
||||||
|
margin: 20px 0; |
||||||
|
border-bottom: 1px dashed #d7d7d7; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,198 @@ |
|||||||
|
<!-- 现金管理 --> |
||||||
|
<template> |
||||||
|
<div class="wrap"> |
||||||
|
<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]" /> |
||||||
|
|
||||||
|
<list /> |
||||||
|
<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" |
||||||
|
v-throttle>提交</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 list from './list.vue' |
||||||
|
import MyTitle from '@/components/myTitle' |
||||||
|
export default { |
||||||
|
name: 'index', |
||||||
|
components: { |
||||||
|
list, |
||||||
|
MyTitle |
||||||
|
}, |
||||||
|
data () { |
||||||
|
return { |
||||||
|
text: '',/* 顶部文字 */ |
||||||
|
cacheVal: '', |
||||||
|
textObj: { |
||||||
|
'1': '全部', |
||||||
|
'2': '正常还款', |
||||||
|
'3': '展期', |
||||||
|
}, |
||||||
|
form: { |
||||||
|
|
||||||
|
}, |
||||||
|
visible: false, |
||||||
|
options: [], |
||||||
|
activeIndex: '', |
||||||
|
second: [// 二级卡数组 |
||||||
|
|
||||||
|
], |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
handleSelect (val) { |
||||||
|
this.text = this.textObj[val] |
||||||
|
this.activeIndex = val |
||||||
|
this.cacheVal = val |
||||||
|
}, |
||||||
|
}, |
||||||
|
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; |
||||||
|
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-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; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.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,7 @@ |
|||||||
|
export default [ |
||||||
|
{ |
||||||
|
id: 1, |
||||||
|
name: '刘亚东', |
||||||
|
serial: 'F10628012', |
||||||
|
} |
||||||
|
] |
||||||
@ -0,0 +1,313 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<div style="width: 300px;margin-bottom: 20px;"> |
||||||
|
<el-input v-model="keyword" |
||||||
|
placeholder="请输入客户姓名" |
||||||
|
clearable /> |
||||||
|
</div> |
||||||
|
|
||||||
|
<el-button style="margin-bottom: 20px;" |
||||||
|
type="primary" |
||||||
|
@click="$router.push('/counter/list/manage/personalLoansDetail')">新建贷款申请</el-button> |
||||||
|
|
||||||
|
<el-table ref="filterTable" |
||||||
|
:data="list" |
||||||
|
height="300" |
||||||
|
:header-cell-style="headerCellStyle" |
||||||
|
:row-class-name="tableRowClassName" |
||||||
|
style="width: 95%"> |
||||||
|
<el-table-column prop="name" |
||||||
|
label="客户姓名" |
||||||
|
align="center"></el-table-column> |
||||||
|
<el-table-column prop="serial" |
||||||
|
label="合同编号" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="issueTeller" |
||||||
|
label="贷款类型" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="receiveTeller" |
||||||
|
label="申请日期" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="currency" |
||||||
|
label="审批状态" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="贷款金额" |
||||||
|
align="center"></el-table-column> |
||||||
|
<el-table-column prop="currency" |
||||||
|
label="贷款期限" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="currency" |
||||||
|
label="放款日期" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="currency" |
||||||
|
label="欠款金额" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="currency" |
||||||
|
label="还款方式" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="currency" |
||||||
|
label="本月应还" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="currency" |
||||||
|
label="实际还款" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column prop="currency" |
||||||
|
label="还款状态" |
||||||
|
align="center"> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="操作" |
||||||
|
align="center" |
||||||
|
width="150"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button :disabled="form.clickIt1 === '已领用'" |
||||||
|
@click="sure(scope.row)" |
||||||
|
size="small">查看</el-button> |
||||||
|
<el-button :disabled="form.clickIt2 === '已退回'" |
||||||
|
@click="back(scope.row)" |
||||||
|
size="small">展期</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
import { tableRowClassName, headerCellStyle } from '@/assets/js/myConfig' |
||||||
|
import { getNowDate } from '@/utils/utilFunction' |
||||||
|
import MyDialog from '@/components/dialogTwo' |
||||||
|
import NeedBefore from '@/components/needBefore' |
||||||
|
import { addOperation, getOperation } from '@/api/http'; |
||||||
|
import list from './list' |
||||||
|
|
||||||
|
const moduleName = 'controlCash/cashRecipients' |
||||||
|
import { mapMutations, mapGetters } from 'vuex' |
||||||
|
export default { |
||||||
|
name: 'index', |
||||||
|
components: { |
||||||
|
MyDialog, |
||||||
|
NeedBefore |
||||||
|
}, |
||||||
|
data () { |
||||||
|
return { |
||||||
|
moduleName, |
||||||
|
headerCellStyle: headerCellStyle, |
||||||
|
list, |
||||||
|
keyword: '', |
||||||
|
visible: false, |
||||||
|
unNeed: false, |
||||||
|
isNeedBefore: '', |
||||||
|
needBefore: '', |
||||||
|
text: '柜员现金轧账',/* 顶部文字 */ |
||||||
|
form: { |
||||||
|
clickIt1: '', // 点击过一次就不能点击了 |
||||||
|
clickIt2: '',// 点击过一次就不能点击了 |
||||||
|
}, |
||||||
|
formName: { |
||||||
|
clickIt1: '领用状态', |
||||||
|
clickIt2: '退回状态', |
||||||
|
}, |
||||||
|
tableData: [ |
||||||
|
{ |
||||||
|
// issueDate: new Date(), |
||||||
|
organizationNumber: '1234100', |
||||||
|
issueTeller: '002119', |
||||||
|
receiveTeller: '002110', |
||||||
|
currency: 'CNY人民币', |
||||||
|
money: '490000.00' |
||||||
|
}, |
||||||
|
], |
||||||
|
visible: false, |
||||||
|
submited: 0 |
||||||
|
} |
||||||
|
}, |
||||||
|
filters: { |
||||||
|
cashRule (cash) { |
||||||
|
const arr = (cash + '').split('.') |
||||||
|
if (arr.length === 1) { |
||||||
|
return arr[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',') + '.' + '00' |
||||||
|
} else { |
||||||
|
return arr[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',') + '.' + arr[1]; |
||||||
|
} |
||||||
|
}, |
||||||
|
dateRule (date) { |
||||||
|
var y = date.getFullYear(); |
||||||
|
var m = date.getMonth() + 1; |
||||||
|
m = m < 10 ? '0' + m : m; |
||||||
|
var d = date.getDate(); |
||||||
|
d = d < 10 ? ('0' + d) : d; |
||||||
|
return y + '-' + m + '-' + d; |
||||||
|
} |
||||||
|
}, |
||||||
|
created () { |
||||||
|
// if(this.inMyWork(moduleName)) { |
||||||
|
// if(this.needsModule(moduleName) === '') { |
||||||
|
|
||||||
|
// }else { |
||||||
|
// this.isNeedBefore = true |
||||||
|
// this.needBefore = this.needsModule(moduleName) |
||||||
|
// } |
||||||
|
// }else { |
||||||
|
// this.isNeedBefore = true |
||||||
|
// this.unNeed = true |
||||||
|
// } |
||||||
|
|
||||||
|
getOperation({ |
||||||
|
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,31,518,521" |
||||||
|
}).then((data) => { |
||||||
|
if (data.data.status === 500) { |
||||||
|
return; |
||||||
|
} |
||||||
|
const { data: { judgmentRuleReqs } } = data; |
||||||
|
if (judgmentRuleReqs.length > 0) { |
||||||
|
const { answerId } = judgmentRuleReqs[0]; |
||||||
|
if (answerId == '525') { |
||||||
|
this.form.clickIt1 = '已领用' |
||||||
|
} else { |
||||||
|
this.form.clickIt2 = '已退回' |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
...mapMutations({ |
||||||
|
setTipsOperate: 'system/setTipsOperate' |
||||||
|
}), |
||||||
|
sure (row) { |
||||||
|
if (this.form.clickIt2 === '已退回') { |
||||||
|
this.$confirm('该项目只能选择将现金领用或退回现金，请问是否改为现金领用?', '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
center: true |
||||||
|
}).then(() => { |
||||||
|
this.form.clickIt1 = '已领用' |
||||||
|
this.form.clickIt2 = '' |
||||||
|
this.$message({ |
||||||
|
type: 'success', |
||||||
|
message: '当前选择为现金领用!' |
||||||
|
}); |
||||||
|
}).catch(() => { |
||||||
|
this.$message({ |
||||||
|
type: 'info', |
||||||
|
message: '已取消现金领用' |
||||||
|
}); |
||||||
|
}); |
||||||
|
return |
||||||
|
} else { |
||||||
|
this.form.clickIt1 = '已领用' |
||||||
|
} |
||||||
|
|
||||||
|
}, |
||||||
|
back (row) { |
||||||
|
if (this.form.clickIt1 === '已领用') { |
||||||
|
this.$confirm('该项目只能选择将现金领用或退回现金，请问是否改为现金退回?', '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
center: true |
||||||
|
}).then(() => { |
||||||
|
this.form.clickIt2 = '已退回' |
||||||
|
this.form.clickIt1 = '' |
||||||
|
this.$message({ |
||||||
|
type: 'success', |
||||||
|
message: '当前选择为退回现金!' |
||||||
|
}); |
||||||
|
}).catch(() => { |
||||||
|
this.$message({ |
||||||
|
type: 'info', |
||||||
|
message: '已取消退回现金' |
||||||
|
}); |
||||||
|
}); |
||||||
|
return |
||||||
|
} else { |
||||||
|
this.form.clickIt2 = '已退回' |
||||||
|
} |
||||||
|
|
||||||
|
}, |
||||||
|
submitClick () { |
||||||
|
if (this.submited) return this.$message.error('已提交！') |
||||||
|
this.visible = true |
||||||
|
}, |
||||||
|
submitForm2 () { |
||||||
|
let projectId = sessionStorage.getItem('projectId') |
||||||
|
let startTime = sessionStorage.getItem('startTime') |
||||||
|
const formList = [] |
||||||
|
if (this.form.clickIt1 === '已领用') { |
||||||
|
formList.push({ "answerId": '525', "emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,31,518,521,525", "type": "" }) |
||||||
|
// formList.push() |
||||||
|
} |
||||||
|
if (this.form.clickIt2 === '已退回') { |
||||||
|
formList.push({ "answerId": '526', "emptyOne": "", "emptyTwo": "", "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,31,518,521,526", "type": "" }) |
||||||
|
} |
||||||
|
let params = { |
||||||
|
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,31,518,521', |
||||||
|
lcJudgmentRuleReq: formList, |
||||||
|
projectId: +projectId, |
||||||
|
startTime: startTime, |
||||||
|
} |
||||||
|
addOperation(params).then((data) => { |
||||||
|
// this.$message({ |
||||||
|
// message: '提交成功', |
||||||
|
// type: 'success' |
||||||
|
// }); |
||||||
|
this.setNeedsModule(moduleName) |
||||||
|
this.submited = 1 |
||||||
|
// this.setDataFlow({ ...this.form }) |
||||||
|
}).catch((error) => { |
||||||
|
}) |
||||||
|
}, |
||||||
|
tableRowClassName: tableRowClassName, |
||||||
|
getNowDate |
||||||
|
}, |
||||||
|
computed: { |
||||||
|
...mapGetters({ |
||||||
|
needsModule: 'system/needsModule', |
||||||
|
inMyWork: 'system/inMyWork', |
||||||
|
}) |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
@import '@/assets/css/tablebg.scss'; |
||||||
|
.wrap { |
||||||
|
width: 100%; |
||||||
|
.body { |
||||||
|
margin-top: 20px !important; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .blueText { |
||||||
|
color: blue; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-table .warning-row { |
||||||
|
background: oldlace; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-table .success-row { |
||||||
|
background: #f0f9eb; |
||||||
|
} |
||||||
|
|
||||||
|
.submitBtn { |
||||||
|
position: relative; |
||||||
|
width: 200px; |
||||||
|
font-size: 18px; |
||||||
|
height: 45px; |
||||||
|
margin-top: 50px; |
||||||
|
border-radius: 10px; |
||||||
|
bottom: 10px; |
||||||
|
left: 50%; |
||||||
|
transform: translate(-50%, -20%); |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue