|
|
|
@ -10,57 +10,58 @@ |
|
|
|
<!-- 存款 --> |
|
|
|
<!-- 存款 --> |
|
|
|
<div class="body"> |
|
|
|
<div class="body"> |
|
|
|
<el-row :gutter="20" style="margin: 0"> |
|
|
|
<el-row :gutter="20" style="margin: 0"> |
|
|
|
<el-form ref="form" :model="form" label-width="150px"> |
|
|
|
<el-form ref="form" :model="form" label-width="150px" :rules="rules"> |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
<el-form-item label="本行收款账号" required> |
|
|
|
<el-form-item label="本行收款账号" prop="shroffAccountNumber"> |
|
|
|
<el-input :value="form.shroffAccountNumber" @input="val => checkHanzi(val, form, 'shroffAccountNumber')" ref="shroffAccountNumber"></el-input> |
|
|
|
<el-input :value="form.shroffAccountNumber" @input="val => checkHanzi(val, form, 'shroffAccountNumber')" ref="shroffAccountNumber"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="金额" required> |
|
|
|
<el-form-item label="金额" prop="money"> |
|
|
|
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input> |
|
|
|
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="提入日期"> |
|
|
|
<el-form-item label="提入日期" prop="insertDate"> |
|
|
|
<el-date-picker |
|
|
|
<el-date-picker |
|
|
|
v-model="form.insertDate" |
|
|
|
v-model="form.insertDate" |
|
|
|
type="date" |
|
|
|
type="date" |
|
|
|
placeholder="选择日期"> |
|
|
|
placeholder="选择日期" |
|
|
|
|
|
|
|
ref="insertDate"> |
|
|
|
</el-date-picker> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="他行收款户名"> |
|
|
|
<el-form-item label="他行收款户名" prop="otherAccountUsername"> |
|
|
|
<el-input :value="form.otherAccountUsername" @input="val => checkHanzi(val, form, 'otherAccountUsername')"></el-input> |
|
|
|
<el-input :value="form.otherAccountUsername" @input="val => checkHanzi(val, form, 'otherAccountUsername')" ref="otherAccountUsername"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="交换行号"> |
|
|
|
<el-form-item label="交换行号" prop="exchangeNumber"> |
|
|
|
<el-input :value="form.exchangeNumber" @input="val => checkHanzi(val, form, 'exchangeNumber')"></el-input> |
|
|
|
<el-input :value="form.exchangeNumber" @input="val => checkHanzi(val, form, 'exchangeNumber')" ref="exchangeNumber"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="报单号"> |
|
|
|
<el-form-item label="报单号" prop="customsNumber"> |
|
|
|
<el-input :value="form.customsNumber" @input="val => checkHanzi(val, form, 'customsNumber')"></el-input> |
|
|
|
<el-input :value="form.customsNumber" @input="val => checkHanzi(val, form, 'customsNumber')" ref="customsNumber"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="收款户名" required> |
|
|
|
<el-form-item label="收款户名" prop="accountUsername"> |
|
|
|
<el-input v-model="form.accountUsername" ref="accountUsername"></el-input> |
|
|
|
<el-input :value="form.accountUsername" @input="val => checkHanzi(val, form, 'accountUsername')" ref="accountUsername"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
<el-form-item label="币种"> |
|
|
|
<el-form-item label="币种" prop="currency"> |
|
|
|
<el-input v-model="form.currency"></el-input> |
|
|
|
<el-input :value="form.currency" @input="val => checkHanzi(val, form, 'currency')" ref="currency"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="提出场次"> |
|
|
|
<el-form-item label="提出场次" prop="proposeTime"> |
|
|
|
<el-input :value="form.proposeTime" @input="val => inputListen(val, form, 'proposeTime')"></el-input> |
|
|
|
<el-input :value="form.proposeTime" @input="val => inputListen(val, form, 'proposeTime')" ref="proposeTime"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="票据类型" required> |
|
|
|
<el-form-item label="票据类型" prop="billType"> |
|
|
|
<el-select v-model="form.billTyoe" placeholder="请选择" ref="billTyoe"> |
|
|
|
<el-select v-model="form.billType" placeholder="请选择" ref="billType"> |
|
|
|
<el-option label="银行本票" value="银行本票"> </el-option> |
|
|
|
<el-option label="银行本票" value="银行本票"> </el-option> |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="他行收款账号" required> |
|
|
|
<el-form-item label="他行收款账号" prop="otherAccountNumber"> |
|
|
|
<el-input :value="form.otherAccountNumber" @input="val => checkHanzi(val, form, 'otherAccountNumber')" ref="otherAccountNumber"></el-input> |
|
|
|
<el-input :value="form.otherAccountNumber" @input="val => checkHanzi(val, form, 'otherAccountNumber')" ref="otherAccountNumber"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="凭证号码" required> |
|
|
|
<el-form-item label="凭证号码" prop="voucherNumber"> |
|
|
|
<el-input :value="form.voucherNumber" @input="val => checkHanzi(val, form, 'voucherNumber')" ref="voucherNumber"></el-input> |
|
|
|
<el-input :value="form.voucherNumber" @input="val => checkHanzi(val, form, 'voucherNumber')" ref="voucherNumber"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="交换行名"> |
|
|
|
<el-form-item label="交换行名" prop="exchangeName"> |
|
|
|
<el-input v-model="form.exchangeName"></el-input> |
|
|
|
<el-input :value="form.exchangeName" @input="val => checkHanzi(val, form, 'exchangeName')" ref="exchangeName"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="摘要"> |
|
|
|
<el-form-item label="摘要" prop="abstract"> |
|
|
|
<el-input v-model="form.abstract"></el-input> |
|
|
|
<el-input v-model="form.abstract" ref="abstract"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-form> |
|
|
|
</el-form> |
|
|
|
@ -93,7 +94,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import { mapState } from 'vuex' |
|
|
|
import { mapState } from 'vuex' |
|
|
|
import { checkRequired, ismoney, inputListen, checkHanzi } from '@/utils/utilFunction.js' |
|
|
|
import { myValidate, ismoney, inputListen, checkHanzi } from '@/utils/utilFunction.js' |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: 'index', |
|
|
|
name: 'index', |
|
|
|
components:{}, |
|
|
|
components:{}, |
|
|
|
@ -105,7 +106,7 @@ export default { |
|
|
|
shroffAccountNumber: '', // 本行收款账号 |
|
|
|
shroffAccountNumber: '', // 本行收款账号 |
|
|
|
money: '', // 金额 |
|
|
|
money: '', // 金额 |
|
|
|
accountUsername: '', // 收款户名 |
|
|
|
accountUsername: '', // 收款户名 |
|
|
|
billTyoe: '银行本票', // 票据类型 |
|
|
|
billType: '银行本票', // 票据类型 |
|
|
|
otherAccountNumber: '', // 他行收款账号 |
|
|
|
otherAccountNumber: '', // 他行收款账号 |
|
|
|
voucherNumber: '', // 凭证号码 |
|
|
|
voucherNumber: '', // 凭证号码 |
|
|
|
// 非必填项 |
|
|
|
// 非必填项 |
|
|
|
@ -118,6 +119,50 @@ export default { |
|
|
|
customsNumber: '', // 报单号 |
|
|
|
customsNumber: '', // 报单号 |
|
|
|
exchangeName: '' // 交换行名 |
|
|
|
exchangeName: '' // 交换行名 |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
rules: { |
|
|
|
|
|
|
|
shroffAccountNumber: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请输入本行收款账号', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
money: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请输入金额', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
accountUsername: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请输入收款户名', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
billType: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请选择票据类型', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
otherAccountNumber: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请输入他行收款账号', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
], |
|
|
|
|
|
|
|
voucherNumber: [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
required: true, |
|
|
|
|
|
|
|
message: '请输入凭证号码', |
|
|
|
|
|
|
|
trigger: 'blur' |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
] |
|
|
|
|
|
|
|
}, |
|
|
|
visible:false |
|
|
|
visible:false |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -129,21 +174,13 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
submitForm() { |
|
|
|
submitForm() { |
|
|
|
const requiredField = { |
|
|
|
this.$refs.form.validate(myValidate(() => { |
|
|
|
shroffAccountNumber: '本行收款账号', // |
|
|
|
// 验证通过逻辑写在这 |
|
|
|
money: '金额', // |
|
|
|
this.$message({ |
|
|
|
accountUsername: '收款户名', // |
|
|
|
message: '验证成功', |
|
|
|
billTyoe: '票据类型', // |
|
|
|
center: true |
|
|
|
otherAccountNumber: '他行收款账号', // |
|
|
|
}); |
|
|
|
voucherNumber: '凭证号码', // |
|
|
|
}, this.$refs)); |
|
|
|
} |
|
|
|
|
|
|
|
const judgeRef = checkRequired(this.form, requiredField) |
|
|
|
|
|
|
|
if(judgeRef === '') { |
|
|
|
|
|
|
|
console.log('submit success') |
|
|
|
|
|
|
|
}else { |
|
|
|
|
|
|
|
this.$refs[judgeRef].focus(); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
ismoney: ismoney, |
|
|
|
ismoney: ismoney, |
|
|
|
inputListen: inputListen, |
|
|
|
inputListen: inputListen, |
|
|
|
|
luoJunYong.123
3 years ago