|
|
|
@ -8,25 +8,19 @@ |
|
|
|
|
<el-form ref="form" :model="form" label-width="140px" :rules="rules"> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="出票人账号" prop="accountNumber"> |
|
|
|
|
<el-input :value="form.accountNumber" @input="val => checkHanzi(val, form, 'accountNumber')" ref="accountNumber"></el-input> |
|
|
|
|
<el-input @blur="getBlur" :value="form.accountNumber" @input="val => checkHanzi(val, form, 'accountNumber')" ref="accountNumber"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="出票人名称" prop="accountName"> |
|
|
|
|
<el-input :value="form.accountName" @input="val => checkName(val, form, 'accountName')" ref="accountName"></el-input> |
|
|
|
|
<el-form-item label="出票人行名" prop="accountTradeName"> |
|
|
|
|
<el-input :value="form.accountTradeName" disabled @input="val => checkHanzi(val, form, 'accountTradeName')"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="收款人账号" prop="collectionNumber"> |
|
|
|
|
<el-input :value="form.collectionNumber" @input="val => checkHanzi(val, form, 'collectionNumber')" ref="collectionNumber"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="收款人名称" prop="collectionName"> |
|
|
|
|
<el-input :value="form.collectionName" @input="val => checkName(val, form, 'collectionName')" ref="collectionName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="币种" prop="currencyType"> |
|
|
|
|
<el-select v-model="form.currencyType" placeholder="请选择" ref="currencyType"> |
|
|
|
|
<el-option value="CNY人民币">CNY人民币</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<el-form-item label="收款人行名" prop="collectionTradeName"> |
|
|
|
|
<el-input :value="form.collectionTradeName" disabled @input="val => checkHanzi(val, form, 'collectionTradeName')" ref="collectionTradeName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="汇票号码" prop="moneyOrderNumber"> |
|
|
|
|
<el-form-item label="票据号码" prop="moneyOrderNumber"> |
|
|
|
|
<el-input :value="form.moneyOrderNumber" @input="val => checkHanzi(val, form, 'moneyOrderNumber')" ref="moneyOrderNumber"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="到期日期" prop="expireDate"> |
|
|
|
@ -37,28 +31,37 @@ |
|
|
|
|
ref="expireDate"> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="汇划费金额" prop="moneyOrderMoney"> |
|
|
|
|
<el-form-item label="申请人证件类型" prop="ApplicantDocuments"> |
|
|
|
|
<el-select v-model="form.ApplicantDocuments" placeholder="请选择" ref="ApplicantDocuments"> |
|
|
|
|
<el-option value="身份证">身份证</el-option> |
|
|
|
|
<el-option value="港澳台居民回乡证">港澳台居民回乡证</el-option> |
|
|
|
|
<el-option value="护照">护照</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="币种" prop="currencyType"> |
|
|
|
|
<el-select v-model="form.currencyType" placeholder="请选择" ref="currencyType"> |
|
|
|
|
<el-option value="CNY人民币">CNY人民币</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="汇票费金额" prop="moneyOrderMoney"> |
|
|
|
|
<el-input :value="form.moneyOrderMoney" @input="val => ismoney(val, form, 'moneyOrderMoney')" ref="moneyOrderMoney"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="10" :offset="1"> |
|
|
|
|
<el-form-item label="出票人行名" prop="accountTradeName"> |
|
|
|
|
<el-input :value="form.accountTradeName" @input="val => checkHanzi(val, form, 'accountTradeName')"></el-input> |
|
|
|
|
<el-form-item label="出票人名称" prop="accountName"> |
|
|
|
|
<el-input :value="form.accountName" @input="val => checkName(val, form, 'accountName')" ref="accountName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="出票行地址" prop="tradeAddress"> |
|
|
|
|
<el-input v-model="form.tradeAddress" ref="tradeAddress"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="收款人行名" prop="collectionTradeName"> |
|
|
|
|
<el-input :value="form.collectionTradeName" @input="val => checkHanzi(val, form, 'collectionTradeName')" ref="collectionTradeName"></el-input> |
|
|
|
|
<el-form-item label="收款人名称" prop="collectionName"> |
|
|
|
|
<el-input :value="form.collectionName" @input="val => checkName(val, form, 'collectionName')" ref="collectionName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="票据类型" prop="billType"> |
|
|
|
|
<el-select v-model="form.billType" placeholder="请选择" ref="billType"> |
|
|
|
|
<el-option value="银行承兑汇票">银行承兑汇票</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="金额" prop="money"> |
|
|
|
|
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="出票日期" prop="drawBillDate"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="form.drawBillDate" |
|
|
|
@ -73,6 +76,12 @@ |
|
|
|
|
<el-option value="否">否</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="证件号码" prop="certificateNumber"> |
|
|
|
|
<el-input :value="form.certificateNumber" @input="val => checkHanzi(val, form, 'certificateNumber')" ref="certificateNumber"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="金额" prop="money"> |
|
|
|
|
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="手续费金额" prop="serviceCharge"> |
|
|
|
|
<el-input :value="form.serviceCharge" @input="val => ismoney(val, form, 'serviceCharge')" ref="serviceCharge"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
@ -139,6 +148,10 @@ export default { |
|
|
|
|
moneyOrderNumber: '', // 汇票号码 |
|
|
|
|
expireDate: '', // 到期日期 |
|
|
|
|
money: '', // 金额 |
|
|
|
|
ApplicantDocuments: '', // 申请人证件类型 |
|
|
|
|
certificateNumber: '', // 证件号码 |
|
|
|
|
drawBillDate: '', // 出票日期 |
|
|
|
|
isTransfer: '否', // 是否转让 |
|
|
|
|
// 非必填项 |
|
|
|
|
accountName: '', // 出票人名称 |
|
|
|
|
collectionName: '', // 收款人名称 |
|
|
|
@ -148,16 +161,34 @@ export default { |
|
|
|
|
tradeAddress: '', // 出票行地址 |
|
|
|
|
collectionTradeName: '', // 收款人行名 |
|
|
|
|
billType: '', // 票据类型 |
|
|
|
|
drawBillDate: '', // 出票日期 |
|
|
|
|
isTransfer: '否', // 是否转让 |
|
|
|
|
|
|
|
|
|
serviceCharge: '' // 手续费金额 |
|
|
|
|
}, |
|
|
|
|
rules: { |
|
|
|
|
|
|
|
|
|
currencyType: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择币种', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
ApplicantDocuments: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择申请人证件类型', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
accountNumber: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入出票人账号', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
pattern: /^[0-9]*$/, |
|
|
|
|
message: '请输入数字' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
collectionNumber: [ |
|
|
|
@ -165,6 +196,10 @@ export default { |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入收款人账号', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
pattern: /^[0-9]*$/, |
|
|
|
|
message: '请输入数字' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
moneyOrderNumber: [ |
|
|
|
@ -174,6 +209,13 @@ export default { |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
moneyOrderMoney: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入汇票费金额', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
expireDate: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
@ -187,7 +229,28 @@ export default { |
|
|
|
|
message: '请输入金额', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
], |
|
|
|
|
certificateNumber: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入证件号码', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
isTransfer: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择是否转让', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
drawBillDate: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择出票日期', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
}, |
|
|
|
|
myTable2: { |
|
|
|
|
// accountName: '', // 出票人名称 |
|
|
|
@ -299,6 +362,10 @@ export default { |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
this.form.moneyOrderMoney = '6.00' |
|
|
|
|
this.form.serviceCharge = '5.00' |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,30,374' |
|
|
|
|
autoPlay2(parentId, this.form, this.myTable2, this.myTable) |
|
|
|
@ -313,6 +380,12 @@ export default { |
|
|
|
|
autoPlay(parentId, this.form, this.myTable2, this.myTable) |
|
|
|
|
}, this.$refs)); |
|
|
|
|
}, |
|
|
|
|
getBlur() { |
|
|
|
|
if(this.form.accountNumber) { |
|
|
|
|
this.form.accountTradeName = '小白1' |
|
|
|
|
this.form.collectionTradeName = '小白2' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
ismoney: ismoney, |
|
|
|
|
checkHanzi: checkHanzi, |
|
|
|
|
checkName: checkName |
|
|
|
|