|
|
|
@ -1,119 +1,122 @@ |
|
|
|
|
// 个人客户 |
|
|
|
|
<template> |
|
|
|
|
<div class="wrap wrap2"> |
|
|
|
|
<MyTitle :titleArr="['客户信息', '个人客户信息建立']"/> |
|
|
|
|
<div class="body"> |
|
|
|
|
<el-row :gutter="20"> |
|
|
|
|
<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-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> |
|
|
|
|
<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> |
|
|
|
|
<div class="wrap"> |
|
|
|
|
<div class="wrap2"> |
|
|
|
|
<MyTitle :titleArr="['客户信息', '个人客户信息建立']"/> |
|
|
|
|
<div class="body"> |
|
|
|
|
<el-row :gutter="20"> |
|
|
|
|
<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-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> |
|
|
|
|
<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> |
|
|
|
|
<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="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"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="form.expireDate" |
|
|
|
|
type="date" |
|
|
|
|
placeholder="选择日期" |
|
|
|
|
ref="expireDate"> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</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> |
|
|
|
|
<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> |
|
|
|
|
<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" |
|
|
|
|
type="date" |
|
|
|
|
placeholder="选择日期" |
|
|
|
|
ref="drawBillDate"> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否转让" prop="isTransfer"> |
|
|
|
|
<el-select v-model="form.isTransfer" placeholder="请选择" ref="isTransfer"> |
|
|
|
|
<el-option value="是">是</el-option> |
|
|
|
|
<el-option value="否">否</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
<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"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="form.expireDate" |
|
|
|
|
type="date" |
|
|
|
|
placeholder="选择日期" |
|
|
|
|
ref="expireDate"> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</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> |
|
|
|
|
<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> |
|
|
|
|
<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" |
|
|
|
|
type="date" |
|
|
|
|
placeholder="选择日期" |
|
|
|
|
ref="drawBillDate"> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="是否转让" prop="isTransfer"> |
|
|
|
|
<el-select v-model="form.isTransfer" placeholder="请选择" ref="isTransfer"> |
|
|
|
|
<el-option value="是">是</el-option> |
|
|
|
|
<el-option value="否">否</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</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> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button> |
|
|
|
|
<!-- <el-dialog |
|
|
|
|
style="margin-top:10vh" |
|
|
|
|
:visible.sync="visible" |
|
|
|
|
:modal="false" |
|
|
|
|
width="40%" |
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
:show-close="false" |
|
|
|
|
custom-class="data-dia"> |
|
|
|
|
<div slot="title" class="dia-header"> |
|
|
|
|
<div class="data-title">提交</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="popBody" v-if="!authorization&&!success"> |
|
|
|
|
<h2>本业务需要授权</h2> |
|
|
|
|
</div> |
|
|
|
|
<div class="popBody" v-if="authorization&&!success"> |
|
|
|
|
<el-form ref="form" :model="disForm" label-width="80px"> |
|
|
|
|
<el-form-item label="授权柜员"> |
|
|
|
|
<el-input disabled v-model="disForm.name"></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 label="授权柜员"> |
|
|
|
|
<el-input type="password" disabled v-model="disForm.pass"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
|
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
<div class="popBody" v-if="success"> |
|
|
|
|
<h2>完成表单form</h2> |
|
|
|
|
</div> |
|
|
|
|
<div class="popBtns"> |
|
|
|
|
<el-button class="close btn" @click="[visible = false,authorization=false,success=false]">取 消</el-button> |
|
|
|
|
<el-button class="sure btn" type="primary" @click="popSure">确 定</el-button> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> --> |
|
|
|
|
</div> |
|
|
|
|
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button> |
|
|
|
|
<!-- <el-dialog |
|
|
|
|
style="margin-top:10vh" |
|
|
|
|
:visible.sync="visible" |
|
|
|
|
:modal="false" |
|
|
|
|
width="40%" |
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
:show-close="false" |
|
|
|
|
custom-class="data-dia"> |
|
|
|
|
<div slot="title" class="dia-header"> |
|
|
|
|
<div class="data-title">提交</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="popBody" v-if="!authorization&&!success"> |
|
|
|
|
<h2>本业务需要授权</h2> |
|
|
|
|
</div> |
|
|
|
|
<div class="popBody" v-if="authorization&&!success"> |
|
|
|
|
<el-form ref="form" :model="disForm" label-width="80px"> |
|
|
|
|
<el-form-item label="授权柜员"> |
|
|
|
|
<el-input disabled v-model="disForm.name"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="授权柜员"> |
|
|
|
|
<el-input type="password" disabled v-model="disForm.pass"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</div> |
|
|
|
|
<div class="popBody" v-if="success"> |
|
|
|
|
<h2>完成表单form</h2> |
|
|
|
|
</div> |
|
|
|
|
<div class="popBtns"> |
|
|
|
|
<el-button class="close btn" @click="[visible = false,authorization=false,success=false]">取 消</el-button> |
|
|
|
|
<el-button class="sure btn" type="primary" @click="popSure">确 定</el-button> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> --> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|