20240205
luoJunYong.123 3 years ago
parent e443fc657f
commit 75fc4045ad
  1. 28
      src/assets/css/tablebg.scss
  2. 8
      src/assets/js/myConfig.js
  3. 34
      src/pages/counter/list/index.vue
  4. 11
      src/pages/manage/index/index.vue
  5. 10
      src/pages/manage/list/ImportantCash/controlCash/cashOut.vue
  6. 1
      src/pages/manage/list/ImportantCash/controlCash/cashPaid.vue
  7. 10
      src/pages/manage/list/ImportantCash/controlCash/cashTransferInto.vue
  8. 60
      src/pages/manage/list/ImportantCash/controlCash3/index.vue
  9. 43
      src/pages/manage/list/acceptanceDraft/invoice.vue
  10. 22
      src/pages/manage/list/business/deposit.vue
  11. 31
      src/pages/manage/list/business/openAccount.vue
  12. 29
      src/pages/manage/list/business/transfer.vue
  13. 27
      src/pages/manage/list/business/withdrawal.vue
  14. 22
      src/pages/manage/list/cityWide/cityWideIn.vue
  15. 22
      src/pages/manage/list/cityWide/cityWideOut.vue
  16. 35
      src/pages/manage/list/client/consumerClient.vue
  17. 41
      src/pages/manage/list/client/corporateClient.vue
  18. 19
      src/pages/manage/list/dayEnd/branchDayEnd.vue
  19. 21
      src/pages/manage/list/personal/callDeposits/accountClosed.vue
  20. 11
      src/pages/manage/list/personal/callDeposits/openAccount.vue
  21. 12
      src/pages/manage/list/personal/currentAccount/accountCancellation.vue
  22. 88
      src/pages/manage/list/personal/currentAccount/deposit.vue
  23. 6
      src/pages/manage/list/personal/currentAccount/openAccount.vue
  24. 73
      src/pages/manage/list/personal/currentAccount/settle.vue
  25. 82
      src/pages/manage/list/personal/currentAccount/transferAccounts.vue
  26. 78
      src/pages/manage/list/personal/currentAccount/withdrawal.vue
  27. 34
      src/pages/manage/list/personal/timeDeposit/deposit.vue
  28. 26
      src/pages/manage/list/personal/timeDeposit/openAccount.vue
  29. 35
      src/pages/manage/list/personal/timeDeposit/withdrawal.vue
  30. 21
      src/pages/manage/list/personal/usefulPhrases/accountClosed.vue
  31. 22
      src/pages/manage/list/personal/usefulPhrases/continueDeposit.vue
  32. 38
      src/pages/manage/list/personal/usefulPhrases/openAccount.vue
  33. 25
      src/pages/manage/list/servicesAccount/passwordChange.vue
  34. 10
      src/pages/manage/list/servicesAccount/passwordLost.vue
  35. 5
      src/pages/manage/list/servicesAccount/relieveLost.vue
  36. 10
      src/store/modules/system.js
  37. 12
      src/utils/utilFunction.js
  38. 15
      src/utils/verify.js

@ -5,3 +5,31 @@
/deep/.el-table .success-row { /deep/.el-table .success-row {
background: rgb(250, 251, 255)!important; background: rgb(250, 251, 255)!important;
} }
$mfFontSize: 48px;
$inputHeight: 38px;
/deep/ .myFlex {
position: relative;
left: 50%;
transform: translateX(-50%);
max-height: $mfFontSize;
font-size: 18px;
line-height: $mfFontSize;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
margin: 0 auto;
.el-input {
max-height: $mfFontSize!important;
line-height: $mfFontSize;
input {
max-height: $inputHeight;
max-width: $inputHeight+40px;
}
}
span {
line-height: $mfFontSize;
}
}

@ -14,7 +14,13 @@ const tableRowClassName = function({row, rowIndex}) {
} }
const cellStyle = { const cellStyle = {
padding: 0 padding: 0,
fontSize: '18px'
}
const myFlex = {
padding: 0,
fontSize: '24px!important'
} }

@ -191,11 +191,10 @@
</template> </template>
<script> <script>
import { mapState } from 'vuex'; import { mapState, mapMutations } from 'vuex';
import Sortable from 'sortablejs' import Sortable from 'sortablejs'
import manage from '../../manage/index'; import manage from '../../manage/index';
import { addOperation, getOperation } from '@/api/http'; import { addOperation, getOperation } from '@/api/http';
import { EventBus } from "@/utils/event-bus.js";
import backButton from '@/components/backButton' import backButton from '@/components/backButton'
export default { export default {
@ -229,7 +228,6 @@ export default {
} }
}; };
return { return {
showGoods: false,
manageVisible: false, // manageVisible: false, //
checkList: [],// checkList: [],//
elseBoxCheck:[],/* 所有其他可从物品栏拖拽物品进入的弹框 */ elseBoxCheck:[],/* 所有其他可从物品栏拖拽物品进入的弹框 */
@ -391,19 +389,20 @@ export default {
this.passwordForm.passwordAgain = accountPasswordAll this.passwordForm.passwordAgain = accountPasswordAll
} }
} }
// if(!this.showGoods) this.showGoods = this.$store.state.system.showPop
// this.showGoods = this.$store.state.system.showPop
if(!this.showGoods) this.checkList = [] if(!this.showGoods) this.checkList = []
return this.$store.state.system.showPop; return this.$store.state.system.showPop;
}, },
popText:function(){/* 文字 */ popText:function(){/* 文字 */
return this.$store.state.system.popText; return this.$store.state.system.popText;
}, },
id:function(){/* 文字 */ id:function(){/* 文字 */
return this.$store.state.system.id; return this.$store.state.system.id;
}, },
goods:function () {/* 物品栏的物品 */ goods:function () {/* 物品栏的物品 */
return this.$store.state.system.goods return this.$store.state.system.goods
},
showGoods:function() {
return this.$store.state.system.showGoods
} }
}, },
watch: { watch: {
@ -418,7 +417,7 @@ export default {
}, },
manageVisible(newVal) { manageVisible(newVal) {
if(newVal === false) { if(newVal === false) {
this.showGoods = false this.changeShowGoods(false)
} }
} }
}, },
@ -431,11 +430,6 @@ export default {
} }
}, },
mounted(){ mounted(){
// EventBus
EventBus.$on("changeShowGoods", (judge) => {
this.showGoods = judge
});
let that = this let that = this
// - // -
new Sortable(this.$refs.goods, { new Sortable(this.$refs.goods, {
@ -507,11 +501,14 @@ export default {
}); });
}, },
methods: { methods: {
...mapMutations({
changeShowGoods: 'system/changeShowGoods'
}),
dislodgeItem(index){ dislodgeItem(index){
this.receptionList.splice(index,1); this.receptionList.splice(index,1);
}, },
toggleGoods() { toggleGoods() {
this.showGoods = !this.showGoods; this.changeShowGoods(!this.showGoods)
}, },
showData(type,nbm) {/* 展示弹窗-type为弹窗标题文字 */ showData(type,nbm) {/* 展示弹窗-type为弹窗标题文字 */
this.nbm = nbm this.nbm = nbm
@ -575,7 +572,7 @@ export default {
}).catch((error)=>{ }).catch((error)=>{
}) })
} }
this.showGoods = true this.changeShowGoods(true)
if(type !== '系统') { if(type !== '系统') {
this.$store.commit('system/changePop',{show:true,text:type}) this.$store.commit('system/changePop',{show:true,text:type})
} }
@ -644,7 +641,7 @@ export default {
}, },
closePop() {// closePop() {//
this.receptionList = []; this.receptionList = [];
this.showGoods = false this.changeShowGoods(false)
this.$store.commit('system/changePop',{show:false,text:''}) this.$store.commit('system/changePop',{show:false,text:''})
}, },
closeData() { closeData() {
@ -923,9 +920,6 @@ export default {
toPart(){ toPart(){
this.$router.push('/index') this.$router.push('/index')
} }
},
beforeDestroy() {
EventBus.$off('changeShowGoods')
} }
}; };
</script> </script>

@ -123,6 +123,17 @@ export default {
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0.5; opacity: 0.5;
} }
// el-input
/deep/ .el-input input{
&:focus {
border-color: skyblue!important;;
}
}
/deep/ .el-input.need input.need{
&:focus {
border-color: #f40;
}
}
@media screen and (min-width: 1200px) and (max-width: 1900px) { @media screen and (min-width: 1200px) and (max-width: 1900px) {
.box{ .box{
display: flex; display: flex;

@ -43,7 +43,7 @@
label="数量" label="数量"
align="center" align="center"
> >
<template slot-scope="scope" class="myFlex"> <template slot-scope="scope">
<div class="myFlex"> <div class="myFlex">
<el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input> <el-input type='text' @input="val => inputListen(val, scope.row)" min="0" :value="scope.row.moneyNumber"></el-input>
<span></span> <span></span>
@ -97,6 +97,7 @@
<el-table-column <el-table-column
label="金额" label="金额"
align="center" align="center"
width="140"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div class="myFlex"> <div class="myFlex">
@ -239,12 +240,7 @@ export default {
left: 50%; left: 50%;
transform: translate(-50%,-20%); transform: translate(-50%,-20%);
} }
/deep/ .myFlex {
height: 100%;
font-size: 18px;
line-height: 88.9px;
display: flex;
}
/deep/.el-table .warning-row { /deep/.el-table .warning-row {
background: oldlace; background: oldlace;
} }

@ -1,4 +1,3 @@
//
<template> <template>
<div class="body"> <div class="body">
<el-table <el-table

@ -41,6 +41,7 @@
<el-table-column <el-table-column
label="数量" label="数量"
align="center" align="center"
width="140"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div class="myFlex"> <div class="myFlex">
@ -52,6 +53,7 @@
<el-table-column <el-table-column
label="金额" label="金额"
align="center" align="center"
width="140"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div class="myFlex"> <div class="myFlex">
@ -86,6 +88,7 @@
<el-table-column <el-table-column
label="数量" label="数量"
align="center" align="center"
width="140"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div class="myFlex"> <div class="myFlex">
@ -97,6 +100,7 @@
<el-table-column <el-table-column
label="金额" label="金额"
align="center" align="center"
width="140"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div class="myFlex"> <div class="myFlex">
@ -239,12 +243,6 @@ export default {
left: 50%; left: 50%;
transform: translate(-50%,-20%); transform: translate(-50%,-20%);
} }
/deep/ .myFlex {
height: 100%;
font-size: 18px;
line-height: 88.9px;
display: flex;
}
/deep/.el-table .warning-row { /deep/.el-table .warning-row {
background: oldlace; background: oldlace;
} }

@ -13,37 +13,37 @@
<el-form ref="form" :model="form" label-width="120px"> <el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="账号" required> <el-form-item label="账号" required>
<el-input v-model="form.t1"></el-input> <el-input :value="form.username" @input="val => checkHanzi(val, form, 'username')" ref="username"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="凭证类型"> <el-form-item label="凭证类型">
<el-select v-model="form.t2" placeholder="请选择"> <el-select v-model="form.voucherType" placeholder="请选择">
<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="凭证起始号" required>
<el-input v-model="form.t3"></el-input> <el-input :value="form.voucherStartType" @input="val => checkHanzi(val, form, 'voucherStartType')" ref="voucherStartType"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收费类型"> <el-form-item label="收费类型">
<el-select v-model="form.t4" placeholder="请选择"> <el-select v-model="form.chargeType" placeholder="请选择">
<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="手续费"> <el-form-item label="手续费">
<el-input disabled v-model="form.t5"></el-input> <el-input disabled v-model="form.serviceCharge"></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="客户名称">
<el-input disabled v-model="form.t6" ></el-input> <el-input disabled v-model="form.customerName" ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="数量"> <el-form-item label="数量">
<el-input disabled v-model="form.t7" ></el-input> <el-input disabled :value="form.number" @input="val => inputListen(val, form, 'number')" ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="工本费"> <el-form-item label="工本费">
<el-input disabled v-model="form.t8" ></el-input> <el-input disabled :value="form.cost" @input="val => ismoney(val, form, 'cost')" ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="摘要"> <el-form-item label="摘要">
<el-input disabled v-model="form.t9" ></el-input> <el-input disabled v-model="form.abstract" ></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -54,6 +54,8 @@
</template> </template>
<script> <script>
import { checkRequired, ismoney, checkHanzi, inputListen } from '@/utils/utilFunction.js'
export default { export default {
name: 'index', name: 'index',
components:{ components:{
@ -61,16 +63,17 @@ export default {
data() { data() {
return { return {
form:{ form:{
t1: '', //
t2: '', username: '', //
t3: '', voucherStartType: '', //
t4: '', //
t5: '', voucherType: '', //
t6: '', chargeType: '', //
t7: '', serviceCharge: '', //
t8: '', customerName: '', //
t9: '', number: '', //
t10: '' cost: '', //
abstract: '' //
} }
@ -80,10 +83,25 @@ export default {
created() { created() {
// this.handleSelect(1) // this.handleSelect(1)
}, },
mounted() {
this.$refs.username.focus()
},
methods: { methods: {
submitIt() { submitIt() {
console.log('test_submit') const requiredField = {
} username: '账号', //
voucherStartType: '凭证起始号', //
}
const judgeRef = checkRequired(this.form, requiredField)
if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
}
},
checkHanzi: checkHanzi,
inputListen: inputListen,
ismoney: ismoney
} }
}; };
</script> </script>

@ -10,43 +10,44 @@
<el-row :gutter="20"> <el-row :gutter="20">
<el-form ref="form" :model="form" label-width="140px"> <el-form ref="form" :model="form" label-width="140px">
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item prop="userName" label="出票人账号" required> <el-form-item label="出票人账号" required>
<el-input :value="form.accountNumber" @input="val => checkHanzi(val, form, 'accountNumber')"></el-input> <el-input :value="form.accountNumber" @input="val => checkHanzi(val, form, 'accountNumber')" ref="accountNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="userName" label="出票人名称"> <el-form-item label="出票人名称">
<el-input v-model="form.accountName"></el-input> <el-input v-model="form.accountName"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="userName" label="收款人账号" required> <el-form-item label="收款人账号" required>
<el-input :value="form.collectionNumber" @input="val => checkHanzi(val, form, 'collectionNumber')"></el-input> <el-input :value="form.collectionNumber" @input="val => checkHanzi(val, form, 'collectionNumber')" ref="collectionNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="userName" label="收款人名称"> <el-form-item label="收款人名称">
<el-input v-model="form.collectionName"></el-input> <el-input v-model="form.collectionName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种"> <el-form-item label="币种">
<el-input disabled v-model="form.currencyType"></el-input> <el-input disabled v-model="form.currencyType"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="userName" label="汇票号码" required> <el-form-item label="汇票号码" required>
<el-input :value="form.moneyOrderNumber" @input="val => checkHanzi(val, form, 'moneyOrderNumber')"></el-input> <el-input :value="form.moneyOrderNumber" @input="val => checkHanzi(val, form, 'moneyOrderNumber')" ref="moneyOrderNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="到期日期" required> <el-form-item label="到期日期" required>
<el-date-picker <el-date-picker
v-model="form.expireDate" v-model="form.expireDate"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期"
ref="expireDate">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item prop="userName" label="汇划费金额"> <el-form-item label="汇划费金额">
<el-input :value="form.moneyOrderMoney" @input="val => ismoney(val, form, 'moneyOrderMoney')"></el-input> <el-input :value="form.moneyOrderMoney" @input="val => ismoney(val, form, 'moneyOrderMoney')"></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 prop="userName" label="出票人行名"> <el-form-item label="出票人行名">
<el-input v-model="form.accountTradeName"></el-input> <el-input v-model="form.accountTradeName"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="userName" label="出票行地址"> <el-form-item label="出票行地址">
<el-input v-model="form.tradeAddress"></el-input> <el-input v-model="form.tradeAddress"></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="userName" label="收款人行名"> <el-form-item label="收款人行名">
<el-input v-model="form.collectionTradeName"></el-input> <el-input v-model="form.collectionTradeName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="票据类型"> <el-form-item label="票据类型">
@ -54,8 +55,8 @@
<el-option value="银行承兑汇票">银行承兑汇票</el-option> <el-option value="银行承兑汇票">银行承兑汇票</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="money" label="金额" required> <el-form-item label="金额" required>
<el-input :value="form.money" @input="val => ismoney(val, form, '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="出票日期">
<el-date-picker <el-date-picker
@ -70,7 +71,7 @@
<el-option value="否"></el-option> <el-option value="否"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="userName" label="手续费金额"> <el-form-item label="手续费金额">
<el-input :value="form.serviceCharge" @input="val => ismoney(val, form, 'serviceCharge')"></el-input> <el-input :value="form.serviceCharge" @input="val => ismoney(val, form, 'serviceCharge')"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -145,6 +146,9 @@ export default {
}, },
} }
}, },
mounted() {
this.$refs.accountNumber.focus()
},
methods: { methods: {
// //
submitForm(){ submitForm(){
@ -155,8 +159,11 @@ export default {
expireDate: '到期日期', // expireDate: '到期日期', //
money: '金额', // money: '金额', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('校验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus()
} }
}, },
ismoney: ismoney, ismoney: ismoney,

@ -13,28 +13,28 @@
<el-form ref="form" :model="form" label-width="120px"> <el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="账号" required> <el-form-item label="账号" required>
<el-input v-model="form.username"></el-input> <el-input v-model="form.username" ref="username"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" required> <el-form-item label="币种" required>
<el-select disabled v-model="form.currency" placeholder="请选择"> <el-select disabled v-model="form.currency" placeholder="请选择" ref="currency">
<el-option label="CYN人民币" value="CYN人民币"> </el-option> <el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="存款金额" required> <el-form-item label="存款金额" required>
<el-input :value="form.depositNum" @input="val => ismoney(val, form, 'depositNum')"></el-input> <el-input :value="form.depositNum" @input="val => ismoney(val, form, 'depositNum')" ref="depositNum"></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="客户姓名" required prop="customerName" :rules="rules.customerName"> <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
<el-input v-model="form.customerName"></el-input> <el-input v-model="form.customerName" ref="customerName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select v-model="form.currencyMark" placeholder="请选择"> <el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
<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 prop="interestRate" :rules="rules.interestRate"> <el-form-item label="利率(%)" required prop="interestRate" :rules="rules.interestRate">
<el-input v-model="form.interestRate"></el-input> <el-input v-model="form.interestRate" ref="interestRate"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="21" :offset="1"> <el-col :span="21" :offset="1">
@ -109,6 +109,9 @@ export default {
}, },
created() { created() {
},
mounted() {
this.$refs.username.focus()
}, },
methods: { methods: {
submitForm() { submitForm() {
@ -117,8 +120,11 @@ export default {
username: '账号', // username: '账号', //
depositNum: '存款金额', // depositNum: '存款金额', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
}, },

@ -13,10 +13,10 @@
<el-form ref="form" :model="form" label-width="120px"> <el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="2"> <el-col :span="10" :offset="2">
<el-form-item label="客户号"> <el-form-item label="客户号">
<el-input v-model="form.customerNumber"></el-input> <el-input v-model="form.customerNumber" ref="customerNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="账户类型" required> <el-form-item label="账户类型" required>
<el-select v-model="form.accountType" placeholder="请选择"> <el-select v-model="form.accountType" placeholder="请选择" ref="accountType">
<el-option label="结算户" value="结算户"> </el-option> <el-option label="结算户" value="结算户"> </el-option>
<el-option label="活期保障金户" value="活期保障金户"> </el-option> <el-option label="活期保障金户" value="活期保障金户"> </el-option>
<el-option label="委托保障金户" value="委托保障金户"> </el-option> <el-option label="委托保障金户" value="委托保障金户"> </el-option>
@ -24,7 +24,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="账户科目" required> <el-form-item label="账户科目" required>
<el-select v-model="form.accountManagement" placeholder="请选择"> <el-select v-model="form.accountManagement" placeholder="请选择" ref="accountManagement">
<el-option label="工业存款" value="工业存款"> </el-option> <el-option label="工业存款" value="工业存款"> </el-option>
<el-option label="商业存款" value="商业存款"> </el-option> <el-option label="商业存款" value="商业存款"> </el-option>
<el-option label="外贸存款" value="外贸存款"> </el-option> <el-option label="外贸存款" value="外贸存款"> </el-option>
@ -32,12 +32,12 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select v-model="form.currencyMark" placeholder="请选择"> <el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
<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="出账页标志" required>
<el-select v-model="form.outAccountWay" placeholder="请选择"> <el-select v-model="form.outAccountWay" placeholder="请选择" ref="outAccountWay">
<el-option label="按月" value="按月"> </el-option> <el-option label="按月" value="按月"> </el-option>
<el-option label="满页" value="满页"> </el-option> <el-option label="满页" value="满页"> </el-option>
</el-select> </el-select>
@ -52,10 +52,10 @@
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName"> <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
<el-input v-model="form.customerName"></el-input> <el-input v-model="form.customerName" ref="customerName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="账户性质" required> <el-form-item label="账户性质" required>
<el-select v-model="form.accountNature" placeholder="请选择"> <el-select v-model="form.accountNature" placeholder="请选择" ref="accountNature">
<el-option label="基本户" value="基本户"> </el-option> <el-option label="基本户" value="基本户"> </el-option>
<el-option label="一般户" value="一般户"> </el-option> <el-option label="一般户" value="一般户"> </el-option>
<el-option label="转用户" value="转用户"> </el-option> <el-option label="转用户" value="转用户"> </el-option>
@ -63,19 +63,19 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="币种" required> <el-form-item label="币种" required>
<el-select disabled v-model="form.currencyType" placeholder="请选择"> <el-select disabled v-model="form.currencyType" placeholder="请选择" ref="currencyType">
<el-option label="CYN人民币" value="CYN人民币"> </el-option> <el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="计息方式" required> <el-form-item label="计息方式" required>
<el-select v-model="form.calculateWay" placeholder="请选择"> <el-select v-model="form.calculateWay" placeholder="请选择" ref="calculateWay">
<el-option label="季度" value="季度"> </el-option> <el-option label="季度" value="季度"> </el-option>
<el-option label="半年" value="半年"> </el-option> <el-option label="半年" value="半年"> </el-option>
<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="支取方式" required>
<el-select v-model="form.withdrawingWay" placeholder="请选择"> <el-select v-model="form.withdrawingWay" placeholder="请选择" ref="withdrawingWay">
<el-option label="印签" value="印签"> </el-option> <el-option label="印签" value="印签"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -155,6 +155,9 @@ export default {
}, },
created() { created() {
}, },
mounted() {
this.$refs.customerNumber.focus()
},
methods: { methods: {
submitForm() { submitForm() {
const requiredField = { const requiredField = {
@ -168,9 +171,11 @@ export default {
outAccountWay: '出账页标志', // outAccountWay: '出账页标志', //
withdrawingWay: '支取方式', // withdrawingWay: '支取方式', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('---') if(judgeRef === '') {
this.visible = true console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
} }

@ -13,25 +13,26 @@
<el-form ref="form" :model="form" label-width="120px"> <el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="2"> <el-col :span="10" :offset="2">
<el-form-item label="转出账号"> <el-form-item label="转出账号">
<el-input v-model="form.transoutNum"></el-input> <el-input v-model="form.transoutNum" ref="transoutNum"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="凭证号码" required> <el-form-item label="凭证号码" required>
<el-input v-model="form.certificateNum"></el-input> <el-input v-model="form.certificateNum" ref="certificateNum"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="签发日期" required> <el-form-item label="签发日期" required>
<el-date-picker <el-date-picker
v-model="signDate" v-model="signDate"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期"
ref="signDate">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select v-model="form.currencyMark" placeholder="请选择"> <el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
<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="转入账号" required>
<el-input v-model="form.transinNum"></el-input> <el-input v-model="form.transinNum" ref="transinNum"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="金额"> <el-form-item label="金额">
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')"></el-input> <el-input :value="form.money" @input="val => ismoney(val, form, 'money')"></el-input>
@ -40,10 +41,10 @@
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName"> <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
<el-input v-model="form.customerName"></el-input> <el-input v-model="form.customerName" ref="customerName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="凭证类型" required> <el-form-item label="凭证类型" required>
<el-select v-model="form.certificateType" placeholder="请选择"> <el-select v-model="form.certificateType" placeholder="请选择" ref="certificateType">
<el-option label="基本户" value="基本户"> </el-option> <el-option label="基本户" value="基本户"> </el-option>
<el-option label="一般户" value="一般户"> </el-option> <el-option label="一般户" value="一般户"> </el-option>
<el-option label="转用户" value="转用户"> </el-option> <el-option label="转用户" value="转用户"> </el-option>
@ -51,14 +52,14 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="币种" required> <el-form-item label="币种" required>
<el-select v-model="form.currencyType" placeholder="请选择"> <el-select v-model="form.currencyType" placeholder="请选择" ref="currencyType">
<el-option label="季度" value="季度"> </el-option> <el-option label="季度" value="季度"> </el-option>
<el-option label="半年" value="半年"> </el-option> <el-option label="半年" value="半年"> </el-option>
<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="支取方式" required>
<el-select v-model="form.payWay" placeholder="请选择"> <el-select v-model="form.payWay" placeholder="请选择" ref="payWay">
<el-option label="印签" value="印签"> </el-option> <el-option label="印签" value="印签"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -140,6 +141,9 @@ export default {
}, },
created() { created() {
},
mounted() {
this.$refs.transoutNum.focus()
}, },
methods: { methods: {
submitForm() { submitForm() {
@ -151,8 +155,11 @@ export default {
transinName: '转入户名', // transinName: '转入户名', //
money: '金额 ', // money: '金额 ', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
}, },

@ -13,45 +13,46 @@
<el-form ref="form" :model="form" label-width="120px"> <el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="2"> <el-col :span="10" :offset="2">
<el-form-item label="账号"> <el-form-item label="账号">
<el-input v-model="form.username"></el-input> <el-input v-model="form.username" ref="username"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="凭证号码"> <el-form-item label="凭证号码">
<el-input v-model="form.voucherNum"></el-input> <el-input v-model="form.voucherNum"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" required> <el-form-item label="币种" required>
<el-select disabled v-model="form.currency" placeholder="请选择"> <el-select disabled v-model="form.currency" placeholder="请选择" ref="currency">
<el-option label="CYN人民币" value="CYN人民币"> </el-option> <el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证类型" required> <el-form-item label="凭证类型" required>
<el-select disabled v-model="form.certificateType" placeholder="请选择"> <el-select disabled v-model="form.certificateType" placeholder="请选择" ref="certificateType">
<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="支取方式" required>
<el-select v-model="form.payWay" placeholder="请选择"> <el-select v-model="form.payWay" placeholder="请选择" ref="payWay">
<el-option label="印签" value="印签"> </el-option> <el-option label="印签" value="印签"> </el-option>
</el-select> </el-select>
</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="客户姓名" required prop="customerName" :rules="rules.customerName"> <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
<el-input v-model="form.customerName"></el-input> <el-input v-model="form.customerName" ref="customerName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="签发日期" required> <el-form-item label="签发日期" required>
<el-date-picker <el-date-picker
v-model="issueDate" v-model="issueDate"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期"
ref="issueDate">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select v-model="form.currencyMark" placeholder="请选择"> <el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
<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="金额" required>
<el-input :value="form.money" @input="val => ismoney(val, form, '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-col> </el-col>
<el-col :span="21" :offset="1"> <el-col :span="21" :offset="1">
@ -128,6 +129,9 @@ export default {
}, },
created() { created() {
},
mounted() {
this.$refs.username.focus()
}, },
methods: { methods: {
submitForm() { submitForm() {
@ -140,8 +144,11 @@ export default {
// paymentCode: '', // // paymentCode: '', //
customerManage: '客户经理', // customerManage: '客户经理', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
}, },

@ -13,10 +13,10 @@
<el-form ref="form" :model="form" label-width="150px"> <el-form ref="form" :model="form" label-width="150px">
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="本行收款账号" required> <el-form-item label="本行收款账号" required>
<el-input :value="form.shroffAccountNumber" @input="val => checkHanzi(val, form, '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="金额" required>
<el-input :value="form.money" @input="val => ismoney(val, form, '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="提入日期">
<el-date-picker <el-date-picker
@ -35,7 +35,7 @@
<el-input :value="form.customsNumber" @input="val => checkHanzi(val, form, 'customsNumber')"></el-input> <el-input :value="form.customsNumber" @input="val => checkHanzi(val, form, 'customsNumber')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="收款户名" required> <el-form-item label="收款户名" required>
<el-input v-model="form.accountUsername"></el-input> <el-input v-model="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">
@ -46,15 +46,15 @@
<el-input :value="form.proposeTime" @input="val => inputListen(val, form, 'proposeTime')"></el-input> <el-input :value="form.proposeTime" @input="val => inputListen(val, form, 'proposeTime')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="票据类型" required> <el-form-item label="票据类型" required>
<el-select v-model="form.billTyoe" placeholder="请选择"> <el-select v-model="form.billTyoe" placeholder="请选择" ref="billTyoe">
<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="他行收款账号" required>
<el-input :value="form.otherAccountNumber" @input="val => checkHanzi(val, form, '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="凭证号码" required>
<el-input :value="form.voucherNumber" @input="val => checkHanzi(val, form, '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="交换行名">
<el-input v-model="form.exchangeName"></el-input> <el-input v-model="form.exchangeName"></el-input>
@ -123,6 +123,9 @@ export default {
}, },
created() { created() {
},
mounted() {
this.$refs.shroffAccountNumber.focus()
}, },
methods: { methods: {
submitForm() { submitForm() {
@ -134,8 +137,11 @@ export default {
otherAccountNumber: '他行收款账号', // otherAccountNumber: '他行收款账号', //
voucherNumber: '凭证号码', // voucherNumber: '凭证号码', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
}, },

@ -13,10 +13,10 @@
<el-form ref="form" :model="form" label-width="150px"> <el-form ref="form" :model="form" label-width="150px">
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="本行收款账号" required> <el-form-item label="本行收款账号" required>
<el-input :value="form.shroffAccountNumber" @input="val => checkHanzi(val, form, '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="金额" required>
<el-input :value="form.money" @input="val => ismoney(val, form, '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="提出日期">
<el-date-picker <el-date-picker
@ -36,7 +36,7 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="本行收款户名" required> <el-form-item label="本行收款户名" required>
<el-input :value="form.shroffAccountUsername" @input="val => checkHanzi(val, form, 'shroffAccountUsername')" ></el-input> <el-input :value="form.shroffAccountUsername" @input="val => checkHanzi(val, form, 'shroffAccountUsername')" ref="shroffAccountUsername"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
@ -47,15 +47,15 @@
<el-input :value="form.proposeTime" @input="val => inputListen(val, form, 'proposeTime')"></el-input> <el-input :value="form.proposeTime" @input="val => inputListen(val, form, 'proposeTime')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="票据类型" required> <el-form-item label="票据类型" required>
<el-select v-model="form.billTyoe" placeholder="请选择"> <el-select v-model="form.billTyoe" placeholder="请选择" ref="billTyoe">
<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="他行收款账号" required>
<el-input :value="form.otherAccountNumber" @input="val => checkHanzi(val, form, '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="凭证号码" required>
<el-input :value="form.voucherNumber" @input="val => checkHanzi(val, form, '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="摘要">
<el-input v-model="form.abstract"></el-input> <el-input v-model="form.abstract"></el-input>
@ -119,6 +119,9 @@ export default {
}, },
created() { created() {
},
mounted() {
this.$refs.shroffAccountNumber.focus()
}, },
methods: { methods: {
submitForm() { submitForm() {
@ -130,8 +133,11 @@ export default {
otherAccountNumber: '他行收款账号', // otherAccountNumber: '他行收款账号', //
voucherNumber: '凭证号码', // voucherNumber: '凭证号码', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
}, },

@ -20,14 +20,15 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="userName" :rules="rules.username" label="客户姓名"> <el-form-item :rules="rules.username" label="客户姓名" required>
<el-input v-model="form.userName"></el-input> <el-input v-model="form.userName" ref="userName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="出生日期" required> <el-form-item label="出生日期" required>
<el-date-picker <el-date-picker
v-model="form.birthday" v-model="form.birthday"
type="date" type="date"
placeholder="选择日期"> placeholder="选择日期"
ref="birthday">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="通讯地址"> <el-form-item label="通讯地址">
@ -41,12 +42,13 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="性别" required> <el-form-item label="性别" required>
<el-select v-model="form.sex" placeholder="请选择"> <el-select v-model="form.sex" placeholder="请选择" ref='sex'>
<el-option <el-option
v-for="(item,key) in gender" v-for="(item,key) in gender"
:key="key" :key="key"
:label="item.name" :label="item.name"
:value="item.id"> :value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -60,8 +62,8 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" prop="phone" :rules="rules.phone" required> <el-form-item label="联系电话" :rules="rules.phone" required>
<el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')" maxlength="12"></el-input> <el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')" maxlength="12" ref='phone'></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -105,8 +107,7 @@
</template> </template>
<script> <script>
import { mapState } from 'vuex' import { mapState, mapMutations } from 'vuex'
import { EventBus } from "@/utils/event-bus.js";
import { vername, vermob } from '@/utils/verify.js' import { vername, vermob } from '@/utils/verify.js'
import { phoneListen, mailBoxListen, checkRequired } from '@/utils/utilFunction.js' import { phoneListen, mailBoxListen, checkRequired } from '@/utils/utilFunction.js'
@ -143,16 +144,21 @@ export default {
nations : [{name:"汉族",id:0}, {name:"蒙古族",id:1}, {name:"回族",id:2}, {name:"藏族",id:3}, {name:"维吾尔族",id:4}, {name:"苗族",id:5}, {name:"彝族",id:6}, {name:"壮族",id:7}, {name:"布依族",id:8}, {name:"朝鲜族",id:9}, {name:"满族",id:10}, {name:"侗族",id:11}, {name:"瑶族",id:12}, {name:"白族",id:13}, {name:"土家族",id:14},{name:"哈尼族",id:15}, {name:"哈萨克族",id:16}, {name:"傣族",id:17}, {name:"黎族",id:18}, {name:"傈僳族",id:19}, {name:"佤族",id:20}, {name:"畲族",id:21}, {name:"高山族",id:22}, {name:"拉祜族",id:23}, {name:"水族",id:24}, {name:"东乡族",id:25}, {name:"纳西族",id:26}, {name:"景颇族",id:27}, {name:"柯尔克孜族",id:28},{name:"土族",id:29}, {name:"达斡尔族",id:0}, {name:"仫佬族",id:31}, {name:"羌族",id:32}, {name:"布朗族",id:33}, {name:"撒拉族",id:34}, {name:"毛南族",id:35}, {name:"仡佬族",id:36}, {name:"锡伯族",id:37}, {name:"阿昌族",id:38}, {name:"普米族",id:39}, {name:"塔吉克族",id:40}, {name:"怒族",id:41}, {name:"乌孜别克族",id:42},{name:"俄罗斯族",id:43}, {name:"鄂温克族",id:44}, {name:"德昂族",id:45}, {name:"保安族",id:46}, {name:"裕固族",id:47}, {name:"京族",id:48}, {name:"塔塔尔族",id:49}, {name:"独龙族",id:50}, {name:"鄂伦春族",id:51}, {name:"赫哲族",id:52}, {name:"门巴族",id:53}, {name:"珞巴族",id:54}, {name:"基诺族",id:55}], nations : [{name:"汉族",id:0}, {name:"蒙古族",id:1}, {name:"回族",id:2}, {name:"藏族",id:3}, {name:"维吾尔族",id:4}, {name:"苗族",id:5}, {name:"彝族",id:6}, {name:"壮族",id:7}, {name:"布依族",id:8}, {name:"朝鲜族",id:9}, {name:"满族",id:10}, {name:"侗族",id:11}, {name:"瑶族",id:12}, {name:"白族",id:13}, {name:"土家族",id:14},{name:"哈尼族",id:15}, {name:"哈萨克族",id:16}, {name:"傣族",id:17}, {name:"黎族",id:18}, {name:"傈僳族",id:19}, {name:"佤族",id:20}, {name:"畲族",id:21}, {name:"高山族",id:22}, {name:"拉祜族",id:23}, {name:"水族",id:24}, {name:"东乡族",id:25}, {name:"纳西族",id:26}, {name:"景颇族",id:27}, {name:"柯尔克孜族",id:28},{name:"土族",id:29}, {name:"达斡尔族",id:0}, {name:"仫佬族",id:31}, {name:"羌族",id:32}, {name:"布朗族",id:33}, {name:"撒拉族",id:34}, {name:"毛南族",id:35}, {name:"仡佬族",id:36}, {name:"锡伯族",id:37}, {name:"阿昌族",id:38}, {name:"普米族",id:39}, {name:"塔吉克族",id:40}, {name:"怒族",id:41}, {name:"乌孜别克族",id:42},{name:"俄罗斯族",id:43}, {name:"鄂温克族",id:44}, {name:"德昂族",id:45}, {name:"保安族",id:46}, {name:"裕固族",id:47}, {name:"京族",id:48}, {name:"塔塔尔族",id:49}, {name:"独龙族",id:50}, {name:"鄂伦春族",id:51}, {name:"赫哲族",id:52}, {name:"门巴族",id:53}, {name:"珞巴族",id:54}, {name:"基诺族",id:55}],
} }
}, },
mounted() {
this.$refs.userName.focus();
},
methods: { methods: {
...mapMutations({
changeShowGoods: 'system/changeShowGoods'
}),
popUp(){// popUp(){//
this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪',id:'33'}) this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪',id:'33'})
EventBus.$emit("changeShowGoods", true); this.changeShowGoods(true)
}, },
// //
submitForm(){ submitForm(){
let formExternalData = sessionStorage.getItem('formExternalData') let formExternalData = sessionStorage.getItem('formExternalData')
let consumerClientDragList = JSON.parse(formExternalData); let consumerClientDragList = JSON.parse(formExternalData);
console.log(consumerClientDragList)
// //
const requiredField = { const requiredField = {
// idNumber:'', // idNumber:'',
@ -161,7 +167,8 @@ export default {
birthday:'出生日期', birthday:'出生日期',
phone:'联系电话' phone:'联系电话'
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
if(judgeRef === '') {
this.visible = true; this.visible = true;
let formList = []; let formList = [];
if(this.form.nationality){ if(this.form.nationality){
@ -188,7 +195,9 @@ export default {
{"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,47", "type": ""} {"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,47", "type": ""}
); );
sessionStorage.setItem('ruleReqs', JSON.stringify(formList)) sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
} }else {
this.$refs[judgeRef].focus();
}
// if(this.form.idNumber && this.form.idNumber.userName && this.form.idNumber.sex && this.form.idNumber.birthday && this.form.idNumber.phone) { // if(this.form.idNumber && this.form.idNumber.userName && this.form.idNumber.sex && this.form.idNumber.birthday && this.form.idNumber.phone) {
// this.visible = true; // this.visible = true;
// let formList = []; // let formList = [];

@ -15,7 +15,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="公司名称" required> <el-form-item label="公司名称" required>
<el-input v-model="form.companyName"></el-input> <el-input v-model="form.companyName" ref="companyName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="注册资本"> <el-form-item label="注册资本">
<el-input v-model="form.registeredCapital"></el-input> <el-input v-model="form.registeredCapital"></el-input>
@ -25,23 +25,23 @@
<p>请刷身份证</p> <p>请刷身份证</p>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" :rules="rules.phone" prop="phone" required> <el-form-item label="联系电话" :rules="rules.phone" required>
<el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')" maxlength="12"></el-input> <el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')" maxlength="12" ref='phone'></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="代码证号" required> <el-form-item label="代码证号" required>
<el-input v-model="form.codeNumber"></el-input> <el-input v-model="form.codeNumber" ref="codeNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="公司地址"> <el-form-item label="公司地址">
<el-input v-model="form.companyAddress"></el-input> <el-input v-model="form.companyAddress"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="法人证件类型" required> <el-form-item label="法人证件类型" required>
<el-select v-model="form.certificateType" placeholder="请选择"> <el-select v-model="form.certificateType" placeholder="请选择" ref="certificateType">
<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="法人姓名" prop="name" :rules="rules.name"> <el-form-item label="法人姓名" :rules="rules.name">
<el-input v-model="form.name"></el-input> <el-input v-model="form.name"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -86,8 +86,7 @@
</template> </template>
<script> <script>
import { mapState } from 'vuex' import { mapState, mapMutations } from 'vuex'
import { EventBus } from "@/utils/event-bus.js";
import { vername, vermob } from '@/utils/verify.js' import { vername, vermob } from '@/utils/verify.js'
import { phoneListen, checkRequired } from '@/utils/utilFunction.js' import { phoneListen, checkRequired } from '@/utils/utilFunction.js'
@ -120,31 +119,31 @@ export default {
console.clear() console.clear()
}, },
mounted() { mounted() {
this.$refs.companyName.focus()
}, },
methods: { methods: {
...mapMutations({
changeShowGoods: 'system/changeShowGoods'
}),
popUp(){// popUp(){//
this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪'}) this.$store.commit('system/changePop',{show:true,text:'身份证扫描仪'})
EventBus.$emit("changeShowGoods", true);
}, },
popSure(){ popSure(){
}, },
submitForm() { submitForm() {
const requiredFields = { const requiredField = {
name: '法人姓名',
phone: '联系电话',
companyName: '公司名称', companyName: '公司名称',
codeNumber: '代码证号', codeNumber: '代码证号',
certificateType: '法人证件类型' certificateType: '法人证件类型',
phone: '联系电话',
}
const judgeRef = checkRequired(this.form, requiredField)
if(judgeRef === '') {
this.visible = true
}else {
this.$refs[judgeRef].focus();
} }
if(checkRequired(this.form, requiredFields)) {
this.$message({
showClose: true,
message: '必填项都填了',
type: 'success'
});
}
}, },
phoneListen: phoneListen phoneListen: phoneListen
} }

@ -11,10 +11,10 @@
<el-row :gutter="20" style="margin: 0"> <el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px" label-position="right"> <el-form ref="form" :model="form" label-width="120px" label-position="right">
<el-form-item label="主管柜员号" required> <el-form-item label="主管柜员号" required>
<el-input placeholder="请输入账号" v-model="form.username"></el-input> <el-input placeholder="请输入账号" :value="form.username" @input="val => checkHanzi(val, form, 'username')" ref="username"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="登录密码" required> <el-form-item label="登录密码" required>
<el-input placeholder="请输入密码" type="password" v-model="form.password"></el-input> <el-input placeholder="请输入密码" type="password" :value="form.password" @input="val => checkHanzi(val, form, 'password')" ref="password"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-row> </el-row>
@ -25,7 +25,7 @@
<script> <script>
import { mapState } from 'vuex' import { mapState } from 'vuex'
import { checkRequired } from '@/utils/utilFunction.js' import { checkRequired, checkHanzi } from '@/utils/utilFunction.js'
export default { export default {
name: 'index', name: 'index',
components:{}, components:{},
@ -40,6 +40,9 @@ export default {
}, },
created() { created() {
},
mounted() {
this.$refs.username.focus()
}, },
methods: { methods: {
submitIt() { submitIt() {
@ -47,10 +50,14 @@ export default {
username: '主管柜员号', username: '主管柜员号',
password: '登录密码' password: '登录密码'
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
} },
checkHanzi: checkHanzi
} }
}; };
</script> </script>

@ -10,12 +10,12 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证号码" required> <el-form-item label="凭证号码" required>
<el-select disabled v-model="form.depositNumber" placeholder="请选择"> <el-select disabled v-model="form.depositNumber" placeholder="请选择" ref="depositNumber">
<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="币种" required>
<el-select disabled v-model="form.currency" placeholder="请选择"> <el-select disabled v-model="form.currency" placeholder="请选择" ref="currency">
<el-option label="CYN人民币" value="CYN人民币"> </el-option> <el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -42,7 +42,7 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="客户姓名" prop="clientName" :rules="rules.clientName"> <el-form-item label="客户姓名" prop="clientName" :rules="rules.clientName">
<el-input v-model="form.clientName" ></el-input> <el-input v-model="form.clientName" ref="clientName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识"> <el-form-item label="钞汇标识">
<el-select disabled v-model="form.currencyMark" placeholder="请选择"> <el-select disabled v-model="form.currencyMark" placeholder="请选择">
@ -83,7 +83,6 @@
</div> </div>
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { checkRequired, ismoney } from '@/utils/utilFunction.js' import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername, verrate } from '@/utils/verify.js' import { vername, verrate } from '@/utils/verify.js'
export default{ export default{
@ -111,17 +110,23 @@ export default{
}, },
} }
}, },
mounted() {
this.$refs.clientName.focus()
},
methods: { methods: {
popUp() { popUp(text) {
EventBus.$emit("changeShowGoods", true); this.$store.commit('system/changePop',{show:true,text})
}, },
submitForm() { submitForm() {
const requiredField = { const requiredField = {
depositNumber: '凭证号码', // depositNumber: '凭证号码', //
currency: '币种', // currency: '币种', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
}, },

@ -10,7 +10,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户号"> <el-form-item label="客户号">
<el-input v-model="form.clientNumber"></el-input> <el-input v-model="form.clientNumber" ref="clientNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" required> <el-form-item label="币种" required>
<el-select disabled v-model="form.currency" placeholder="请选择"> <el-select disabled v-model="form.currency" placeholder="请选择">
@ -68,7 +68,6 @@
</div> </div>
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { checkRequired, ismoney } from '@/utils/utilFunction.js' import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername, verrate } from '@/utils/verify.js' import { vername, verrate } from '@/utils/verify.js'
export default{ export default{
@ -96,10 +95,12 @@ export default{
}, },
} }
}, },
mounted() {
this.$refs.clientNumber.focus()
},
methods: { methods: {
popUp() { popUp(text) {
this.$store.commit('system/changePop',{show:true,text:'刷卡器',id:'62,1'}) this.$store.commit('system/changePop',{show:true,text})
EventBus.$emit("changeShowGoods", true);
}, },
submitForm() { submitForm() {
const requiredField = { const requiredField = {

@ -22,7 +22,7 @@
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="客户姓名" prop="userName" :rules="rules.userName"> <el-form-item label="客户姓名" prop="userName" :rules="rules.userName">
<el-input v-model="form.userName"></el-input> <el-input v-model="form.userName" ref="userName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="证件号码" required> <el-form-item label="证件号码" required>
<div class="idCard" @click="popUp('身份证扫描器')"> <div class="idCard" @click="popUp('身份证扫描器')">
@ -36,7 +36,6 @@
</div> </div>
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { vername } from '@/utils/verify.js' import { vername } from '@/utils/verify.js'
export default{ export default{
name:'', name:'',
@ -54,6 +53,9 @@ export default{
}, },
created() { created() {
},
mounted() {
this.$refs.userName.focus()
}, },
methods: { methods: {
// //
@ -75,9 +77,9 @@ export default{
this.$message.error('有必填项未填哦~'); this.$message.error('有必填项未填哦~');
} }
}, },
popUp() { popUp(text) {
EventBus.$emit("changeShowGoods", true); this.$store.commit('system/changePop',{show:true,text})
} }
}, },
} }
</script> </script>

@ -19,16 +19,16 @@
</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="客户姓名" required prop="userName" :rules="rules.username"> <el-form-item label="客户姓名" required :rules="rules.username">
<el-input v-model="form.userName"></el-input> <el-input v-model="form.userName" ref="userName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select v-model="form.goldLogo" placeholder="请选择"> <el-select v-model="form.goldLogo" ref="goldLogo" placeholder="请选择">
<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 prop="annualInterest" :rules="rules.annualInterest"> <el-form-item label="年利率" required :rules="rules.annualInterest">
<el-input v-model="form.annualInterest"></el-input> <el-input v-model="form.annualInterest" ref="annualInterest"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="21" :offset="1"> <el-col :span="21" :offset="1">
@ -42,9 +42,9 @@
</div> </div>
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js"; import { mapMutations } from 'vuex'
import { vername, verrate } from '@/utils/verify.js' import { vername, verrate } from '@/utils/verify.js'
import { ismoney } from '@/utils/utilFunction.js' import { ismoney, checkRequired } from '@/utils/utilFunction.js'
export default{ export default{
name:'', name:'',
props:{}, props:{},
@ -65,35 +65,61 @@ export default{
} }
}, },
mounted() { mounted() {
this.$refs.userName.focus()
}, },
methods: { methods: {
...mapMutations({
changeShowGoods: 'system/changeShowGoods'
}),
// //
submitForm(){ submitForm(){
let ruleReqs = sessionStorage.getItem('ruleReqs') let ruleReqs = sessionStorage.getItem('ruleReqs')
let formList = JSON.parse(ruleReqs); let formList = JSON.parse(ruleReqs);
if(this.form.userName && this.form.goldLogo && this.form.annualInterest){ const requiredField = {
this.$emit("setDepositFinish"); username: '客户姓名',
if (this.form.currency){formList.push({"emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "26,57,63,80","type": "3"})}// goldLogo: '钞汇标识',
if (this.form.money){formList.push({"emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "26,57,63,82", "type": "3"})}// annualInterest: '年利率'
if (this.form.remark){formList.push({"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "26,57,63,84", "type": "3"})}// }
formList.push( const judgeRef = checkRequired(this.form, requiredField)
{"emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "26,57,63,79", "type": "3"},// if(judgeRef === '') {
{"emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,63,81", "type": "3"},// this.$emit("setDepositFinish");
{"emptyOne": "15", "emptyTwo": this.form.annualInterest, "operationIds": "26,57,63,83", "type": "3"},// if (this.form.currency){formList.push({"emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "26,57,63,80","type": "3"})}//
) if (this.form.money){formList.push({"emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "26,57,63,82", "type": "3"})}//
sessionStorage.setItem('ruleReqs', JSON.stringify(formList)) if (this.form.remark){formList.push({"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "26,57,63,84", "type": "3"})}//
this.$message({ formList.push(
message: '提交成功', {"emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "26,57,63,79", "type": "3"},//
type: 'success' {"emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,63,81", "type": "3"},//
}); {"emptyOne": "15", "emptyTwo": this.form.annualInterest, "operationIds": "26,57,63,83", "type": "3"},//
}else{ )
this.$message.error('有必填项未填哦~'); sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
} this.$message({
message: '提交成功',
type: 'success'
});
}else {
this.$refs[judgeRef].focus();
}
// if(this.form.userName && this.form.goldLogo && this.form.annualInterest){
// this.$emit("setDepositFinish");
// if (this.form.currency){formList.push({"emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "26,57,63,80","type": "3"})}//
// if (this.form.money){formList.push({"emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "26,57,63,82", "type": "3"})}//
// if (this.form.remark){formList.push({"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "26,57,63,84", "type": "3"})}//
// formList.push(
// {"emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "26,57,63,79", "type": "3"},//
// {"emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,63,81", "type": "3"},//
// {"emptyOne": "15", "emptyTwo": this.form.annualInterest, "operationIds": "26,57,63,83", "type": "3"},//
// )
// sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
// this.$message({
// message: '',
// type: 'success'
// });
// }else{
// this.$message.error('~');
// }
}, },
popUp(t) { popUp(text) {
EventBus.$emit("changeShowGoods", true); this.$store.commit('system/changePop',{show:true,text})
console.log('test')
}, },
ismoney: ismoney ismoney: ismoney
}, },

@ -174,7 +174,7 @@
</template> </template>
<script> <script>
import {getSubjectInfo,addOperation,getOperation} from "@/api/http.js"; import {getSubjectInfo,addOperation,getOperation} from "@/api/http.js";
import { EventBus } from "@/utils/event-bus.js"; import { mapMutations } from 'vuex'
import { vername, vermob } from '@/utils/verify.js' import { vername, vermob } from '@/utils/verify.js'
export default { export default {
data(){ data(){
@ -222,6 +222,9 @@ export default {
}, },
methods:{ methods:{
...mapMutations({
changeShowGoods: 'system/changeShowGoods'
}),
aaa(){ aaa(){
for(var i=8;i<14;i++){ for(var i=8;i<14;i++){
this.getSubjectInfoData(i) this.getSubjectInfoData(i)
@ -470,7 +473,6 @@ export default {
}, },
popUp(){ popUp(){
this.$store.commit('system/changePop',{show:true,text:'刷卡器',id:'62,1'}) this.$store.commit('system/changePop',{show:true,text:'刷卡器',id:'62,1'})
EventBus.$emit("changeShowGoods", true);
}, },
popUps(){ popUps(){
this.$store.commit('system/changePop',{show:true,text:'密码器',id:'62,1'}) this.$store.commit('system/changePop',{show:true,text:'密码器',id:'62,1'})

@ -28,8 +28,8 @@
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="客户姓名" prop="userName" :rules="rules.userName"> <el-form-item label="客户姓名" prop="userName" :rules="rules.userName">
<el-input v-model="form.userName"></el-input> <el-input v-model="form.userName" ref="userName"></el-input>
</el-form-item>xin </el-form-item>
<el-form-item label="钞汇标识"> <el-form-item label="钞汇标识">
<el-select v-model="form.goldLogo" placeholder="请选择"> <el-select v-model="form.goldLogo" placeholder="请选择">
<el-option label="钞户" value="钞户"> </el-option> <el-option label="钞户" value="钞户"> </el-option>
@ -39,7 +39,7 @@
<el-input v-model="form.interest" disabled></el-input> <el-input v-model="form.interest" disabled></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取方式" required> <el-form-item label="支取方式" required>
<el-select v-model="form.chargeWay" placeholder="请选择"> <el-select v-model="form.chargeWay" placeholder="请选择" ref="chargeWay">
<el-option label="现金" value="现金"> </el-option> <el-option label="现金" value="现金"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -55,9 +55,8 @@
</div> </div>
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { vername } from '@/utils/verify.js' import { vername } from '@/utils/verify.js'
import { ismoney } from '@/utils/utilFunction.js' import { ismoney, checkRequired } from '@/utils/utilFunction.js'
export default{ export default{
name:'', name:'',
props:{}, props:{},
@ -80,34 +79,60 @@ export default{
}, },
created() { created() {
},
mounted() {
this.$refs.userName.focus()
}, },
methods: { methods: {
// //
submitForm(){ submitForm(){
let ruleReqs = sessionStorage.getItem('ruleReqs') let ruleReqs = sessionStorage.getItem('ruleReqs')
let formList = JSON.parse(ruleReqs); let formList = JSON.parse(ruleReqs);
if(this.form.chargeWay){ const requiredField = {
if (this.form.userName){formList.push({"emptyOne": "16", "emptyTwo": this.form.userName, "operationIds": "26,57,64,93", "type": "3"})}// chargeWay: '支取方式'
if (this.form.goldLogo){formList.push({"emptyOne": "8", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,64,87","type": "3"})}// }
if (this.form.money){formList.push({"emptyOne": "8", "emptyTwo": this.form.money, "operationIds": "26,57,64,87","type": "3"})}// const judgeRef = checkRequired(this.form, requiredField)
if (this.form.interest){formList.push({"emptyOne": "8", "emptyTwo": this.form.interest, "operationIds": "26,57,64,87","type": "3"})}// if(judgeRef === '') {
if (this.form.totalMoney){formList.push({"emptyOne": "8", "emptyTwo": this.form.totalMoney, "operationIds": "26,57,64,87","type": "3"})}// if (this.form.userName){formList.push({"emptyOne": "16", "emptyTwo": this.form.userName, "operationIds": "26,57,64,93", "type": "3"})}//
if (this.form.goldLogo){formList.push({"emptyOne": "8", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,64,87","type": "3"})}//
if (this.form.money){formList.push({"emptyOne": "8", "emptyTwo": this.form.money, "operationIds": "26,57,64,87","type": "3"})}//
if (this.form.interest){formList.push({"emptyOne": "8", "emptyTwo": this.form.interest, "operationIds": "26,57,64,87","type": "3"})}//
if (this.form.totalMoney){formList.push({"emptyOne": "8", "emptyTwo": this.form.totalMoney, "operationIds": "26,57,64,87","type": "3"})}//
if (this.form.remark){formList.push({"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "26,57,64,93", "type": "3"})}// if (this.form.remark){formList.push({"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "26,57,64,93", "type": "3"})}//
formList.push( formList.push(
{"emptyOne": "7", "emptyTwo": this.form.chargeWay, "operationIds": "26,57,64,86", "type": "3"},// {"emptyOne": "7", "emptyTwo": this.form.chargeWay, "operationIds": "26,57,64,86", "type": "3"},//
) )
sessionStorage.setItem('ruleReqs', JSON.stringify(formList)) sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
this.$message({ this.$message({
message: '提交成功', message: '提交成功',
type: 'success' type: 'success'
}); });
}else{ }else {
this.$message.error('有必填项未填哦~'); this.$refs[judgeRef].focus();
} }
// if(this.form.chargeWay){
// if (this.form.userName){formList.push({"emptyOne": "16", "emptyTwo": this.form.userName, "operationIds": "26,57,64,93", "type": "3"})}//
// if (this.form.goldLogo){formList.push({"emptyOne": "8", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,64,87","type": "3"})}//
// if (this.form.money){formList.push({"emptyOne": "8", "emptyTwo": this.form.money, "operationIds": "26,57,64,87","type": "3"})}//
// if (this.form.interest){formList.push({"emptyOne": "8", "emptyTwo": this.form.interest, "operationIds": "26,57,64,87","type": "3"})}//
// if (this.form.totalMoney){formList.push({"emptyOne": "8", "emptyTwo": this.form.totalMoney, "operationIds": "26,57,64,87","type": "3"})}//
// if (this.form.remark){formList.push({"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "26,57,64,93", "type": "3"})}//
// formList.push(
// {"emptyOne": "7", "emptyTwo": this.form.chargeWay, "operationIds": "26,57,64,86", "type": "3"},//
// )
// sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
// this.$message({
// message: '',
// type: 'success'
// });
// }else{
// this.$message.error('~');
// }
}, },
popUp() { popUp(text) {
EventBus.$emit("changeShowGoods", true); this.$store.commit('system/changePop',{show:true,text})
}, },
ismoney: ismoney ismoney: ismoney
}, },

@ -15,10 +15,10 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="金额" required> <el-form-item label="金额" required>
<el-input :value="form.money" @input="val => ismoney(val, form, '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="收款卡号" required> <el-form-item label="收款卡号" required>
<el-input v-model="form.shroffAccount"></el-input> <el-input v-model="form.shroffAccount" ref="shroffAccount"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
@ -26,8 +26,8 @@
<el-input v-model="form.userName" disabled></el-input> <el-input v-model="form.userName" disabled></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select disabled v-model="form.goldLogo" placeholder="请选择"> <el-select disabled v-model="form.goldLogo" placeholder="请选择" ref="goldLogo">
<el-option label="钞户" value="钞户"> </el-option> <el-option label="钞户" value="钞户" ref="goldLogo"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" required> <el-form-item label="支取密码" required>
@ -36,7 +36,7 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="收款人名称" required prop="payeeName" :rules="rules.payeeName" > <el-form-item label="收款人名称" required prop="payeeName" :rules="rules.payeeName" >
<el-input v-model="form.payeeName"></el-input> <el-input v-model="form.payeeName" ref="payeeName"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="21" :offset="1"> <el-col :span="21" :offset="1">
@ -50,7 +50,6 @@
</div> </div>
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { vername } from '@/utils/verify.js' import { vername } from '@/utils/verify.js'
import { checkRequired, ismoney } from '@/utils/utilFunction.js' import { checkRequired, ismoney } from '@/utils/utilFunction.js'
export default{ export default{
@ -74,34 +73,59 @@ export default{
} }
}, },
mounted() { mounted() {
this.$refs.money.focus()
}, },
methods: { methods: {
// //
submitForm(){ submitForm(){
let ruleReqs = sessionStorage.getItem('ruleReqs') let ruleReqs = sessionStorage.getItem('ruleReqs')
let formList = JSON.parse(ruleReqs); let formList = JSON.parse(ruleReqs);
if(this.form.goldLogo && this.form.money && this.form.shroffAccount && this.form.payeeName){ const requiredField = {
if (this.form.userName){formList.push({"emptyOne": "16", "emptyTwo": this.form.userName, "operationIds": "26,57,64,93", "type": "3"})}// goldLogo: '客户姓名',
if (this.form.currency){formList.push({"emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "26,57,64,87","type": "3"})}// money: '金额',
if (this.form.remark){formList.push({"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "26,57,64,93", "type": "3"})}// shroffAccount: '收款卡号',
formList.push( payeeName: '收款人名称'
{"emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,64,88", "type": "3"},// }
{"emptyOne": "7", "emptyTwo": this.form.money, "operationIds": "26,57,64,86", "type": "3"},// const judgeRef = checkRequired(this.form, requiredField)
{"emptyOne": "15", "emptyTwo": this.form.shroffAccount, "operationIds": "26,57,64,90", "type": "3"},// if(judgeRef === '') {
{"emptyOne": "15", "emptyTwo": this.form.payeeName, "operationIds": "26,57,64,92", "type": "3"},// if (this.form.userName){formList.push({"emptyOne": "16", "emptyTwo": this.form.userName, "operationIds": "26,57,64,93", "type": "3"})}//
) if (this.form.currency){formList.push({"emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "26,57,64,87","type": "3"})}//
sessionStorage.setItem('ruleReqs', JSON.stringify(formList)) if (this.form.remark){formList.push({"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "26,57,64,93", "type": "3"})}//
this.$message({ formList.push(
message: '提交成功', {"emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,64,88", "type": "3"},//
type: 'success' {"emptyOne": "7", "emptyTwo": this.form.money, "operationIds": "26,57,64,86", "type": "3"},//
}); {"emptyOne": "15", "emptyTwo": this.form.shroffAccount, "operationIds": "26,57,64,90", "type": "3"},//
}else{ {"emptyOne": "15", "emptyTwo": this.form.payeeName, "operationIds": "26,57,64,92", "type": "3"},//
this.$message.error('有必填项未填哦~'); )
} sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
this.$message({
message: '提交成功',
type: 'success'
});
}else {
this.$refs[judgeRef].focus();
}
// if(this.form.goldLogo && this.form.money && this.form.shroffAccount && this.form.payeeName){
// if (this.form.userName){formList.push({"emptyOne": "16", "emptyTwo": this.form.userName, "operationIds": "26,57,64,93", "type": "3"})}//
// if (this.form.currency){formList.push({"emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "26,57,64,87","type": "3"})}//
// if (this.form.remark){formList.push({"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "26,57,64,93", "type": "3"})}//
// formList.push(
// {"emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,64,88", "type": "3"},//
// {"emptyOne": "7", "emptyTwo": this.form.money, "operationIds": "26,57,64,86", "type": "3"},//
// {"emptyOne": "15", "emptyTwo": this.form.shroffAccount, "operationIds": "26,57,64,90", "type": "3"},//
// {"emptyOne": "15", "emptyTwo": this.form.payeeName, "operationIds": "26,57,64,92", "type": "3"},//
// )
// sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
// this.$message({
// message: '',
// type: 'success'
// });
// }else{
// this.$message.error('~');
// }
}, },
popUo() { popUp(text) {
EventBus.$emit("changeShowGoods", true); this.$store.commit('system/changePop',{show:true,text})
}, },
ismoney: ismoney ismoney: ismoney
}, },

@ -25,20 +25,20 @@
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required :rules="rules.userName"> <el-form-item label="客户姓名" required :rules="rules.userName">
<el-input v-model="form.userName"></el-input> <el-input v-model="form.userName" ref="userName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select v-model="form.goldLogo" placeholder="请选择"> <el-select v-model="form.goldLogo" placeholder="请选择" ref="goldLogo">
<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="支取方式" required>
<el-select v-model="form.chargeWay" placeholder="请选择"> <el-select v-model="form.chargeWay" placeholder="请选择" ref="chargeWay">
<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="手续费" required>
<el-input :value="form.serviceCharge" @input="val => ismoney(val, form, 'serviceCharge')" ></el-input> <el-input :value="form.serviceCharge" @input="val => ismoney(val, form, 'serviceCharge')" ref="serviceCharge"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="21" :offset="1"> <el-col :span="21" :offset="1">
@ -76,7 +76,7 @@ export default{
} }
}, },
mounted() { mounted() {
this.$refs.userName.focus();
}, },
methods: { methods: {
// //
@ -88,26 +88,54 @@ export default{
} }
}, },
submitForm(){ submitForm(){
let ruleReqs = sessionStorage.getItem('ruleReqs') let ruleReqs = sessionStorage.getItem('ruleReqs')
let formList = JSON.parse(ruleReqs); let formList = JSON.parse(ruleReqs);
if(this.form.userName && this.form.goldLogo && this.form.chargeWay && this.form.serviceCharge){ const requiredField = {
if (this.form.currency){formList.push({"emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "26,57,64,87","type": "3"})}// userName: '客户姓名',
if (this.form.money){formList.push({"emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "26,57,64,89", "type": "3"})}// goldLogo: '钞汇标识',
if (this.form.remark){formList.push({"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "26,57,64,93", "type": "3"})}// chargeWay: '支取方式',
formList.push( serviceCharge: '手续费'
{"emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "26,57,64,86", "type": "3"},// }
{"emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,64,88", "type": "3"},// const judgeRef = checkRequired(this.form, requiredField)
{"emptyOne": "15", "emptyTwo": this.form.chargeWay, "operationIds": "26,57,64,90", "type": "3"},// if(judgeRef === '') {
{"emptyOne": "15", "emptyTwo": this.form.serviceCharge, "operationIds": "26,57,64,92", "type": "3"},// if (this.form.currency){formList.push({"emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "26,57,64,87","type": "3"})}//
) if (this.form.money){formList.push({"emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "26,57,64,89", "type": "3"})}//
sessionStorage.setItem('ruleReqs', JSON.stringify(formList)) if (this.form.remark){formList.push({"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "26,57,64,93", "type": "3"})}//
this.$message({ formList.push(
message: '提交成功', {"emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "26,57,64,86", "type": "3"},//
type: 'success' {"emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,64,88", "type": "3"},//
}); {"emptyOne": "15", "emptyTwo": this.form.chargeWay, "operationIds": "26,57,64,90", "type": "3"},//
}else{ {"emptyOne": "15", "emptyTwo": this.form.serviceCharge, "operationIds": "26,57,64,92", "type": "3"},//
this.$message.error('有必填项未填哦~'); )
} sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
this.$message({
message: '提交成功',
type: 'success'
});
}else {
this.$refs[judgeRef].focus();
}
// if(this.form.userName && this.form.goldLogo && this.form.chargeWay && this.form.serviceCharge){
// if (this.form.currency){formList.push({"emptyOne": "8", "emptyTwo": this.form.currency, "operationIds": "26,57,64,87","type": "3"})}//
// if (this.form.money){formList.push({"emptyOne": "14", "emptyTwo": this.form.money, "operationIds": "26,57,64,89", "type": "3"})}//
// if (this.form.remark){formList.push({"emptyOne": "16", "emptyTwo": this.form.remark, "operationIds": "26,57,64,93", "type": "3"})}//
// formList.push(
// {"emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "26,57,64,86", "type": "3"},//
// {"emptyOne": "9", "emptyTwo": this.form.goldLogo, "operationIds": "26,57,64,88", "type": "3"},//
// {"emptyOne": "15", "emptyTwo": this.form.chargeWay, "operationIds": "26,57,64,90", "type": "3"},//
// {"emptyOne": "15", "emptyTwo": this.form.serviceCharge, "operationIds": "26,57,64,92", "type": "3"},//
// )
// sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
// this.$message({
// message: '',
// type: 'success'
// });
// }else{
// this.$message.error('~');
// }
},
popUp(text) {
this.$store.commit('system/changePop',{show:true,text})
}, },
ismoney: ismoney ismoney: ismoney
}, },

@ -26,14 +26,14 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="存款类别" required> <el-form-item label="存款类别" required>
<el-select disabled v-model="form.certificateDeposit" placeholder="请选择"> <el-select disabled v-model="form.certificateDeposit" placeholder="请选择" ref="certificateDeposit">
<el-option label="现金" value="现金"> </el-option> <el-option label="现金" value="现金"> </el-option>
</el-select> </el-select>
</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="客户姓名" required prop="customerName" :rules="rules.customerName"> <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
<el-input v-model="form.customerName" ></el-input> <el-input v-model="form.customerName" ref="customerName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select disabled v-model="form.currencyMark" placeholder="请选择"> <el-select disabled v-model="form.currencyMark" placeholder="请选择">
@ -51,16 +51,16 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="续存" required> <el-form-item label="续存" required>
<el-radio v-model="extendPeriod" label="1">备选项1</el-radio> <el-radio v-model="form.extendPeriod" label="1" ref="extendPeriod">备选项1</el-radio>
<el-radio v-model="extendPeriod" label="2">备选项2</el-radio> <el-radio v-model="form.extendPeriod" label="2">备选项2</el-radio>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" required> <el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('输入器')"> <div class="idCard" @click="popUp('输入器')">
<p>请输入密码</p> <p>请输入密码</p>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="起息日" required> <el-form-item label="起息日" prop="valueDate" required>
<el-input v-model="form.valueDate" ></el-input> <el-input v-model="form.valueDate" ref="valueDate" ></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="21" :offset="1"> <el-col :span="21" :offset="1">
@ -88,7 +88,7 @@ export default{
customerName: '', // customerName: '', //
currency: 'CYC人民币', // currency: 'CYC人民币', //
currencyMark: '钞户', // currencyMark: '钞户', //
depositTerm: '', // depositTerm: '3个月', //
extendPeriod: '备选项1', // extendPeriod: '备选项1', //
certificateDeposit: '现金', // certificateDeposit: '现金', //
valueDate: '', // valueDate: '', //
@ -102,13 +102,20 @@ export default{
}, },
rules: { rules: {
customerName: vername, customerName: vername,
interestRate: verrate interestRate: verrate,
valueDate: {
required: true,
message: '请输入起息日'
}
} }
} }
}, },
mounted() {
this.$refs.customerName.focus()
},
methods: { methods: {
popUp() { popUp(text) {
EventBus.$emit("changeShowGoods", true); this.$store.commit('system/changePop',{show:true,text})
}, },
submitForm() { submitForm() {
const requiredField = { const requiredField = {
@ -120,8 +127,11 @@ export default{
certificateDeposit: '存款类别', // certificateDeposit: '存款类别', //
valueDate: '起息日', // valueDate: '起息日', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('...')
}else {
this.$refs[judgeRef].focus();
} }
}, },

@ -10,7 +10,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户号"> <el-form-item label="客户号">
<el-input v-model="form.clientNumber"></el-input> <el-input v-model="form.clientNumber" ref="clientNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" required> <el-form-item label="币种" required>
<el-select disabled v-model="form.currency" placeholder="请选择"> <el-select disabled v-model="form.currency" placeholder="请选择">
@ -35,7 +35,7 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName"> <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
<el-input v-model="form.customerName" ></el-input> <el-input v-model="form.customerName" ref="customerName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select disabled v-model="form.currencyMark" placeholder="请选择"> <el-select disabled v-model="form.currencyMark" placeholder="请选择">
@ -47,8 +47,8 @@
<p>请填凭证号码</p> <p>请填凭证号码</p>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="客户经理" required> <el-form-item label="客户经理" required prop="customerManage" :rules="rules.customerManage">
<el-input v-model="form.customerManage" ></el-input> <el-input v-model="form.customerManage" ref="customerManage"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -58,7 +58,6 @@
</div> </div>
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { checkRequired } from '@/utils/utilFunction.js' import { checkRequired } from '@/utils/utilFunction.js'
import { vername } from '@/utils/verify.js' import { vername } from '@/utils/verify.js'
export default{ export default{
@ -81,13 +80,14 @@ export default{
clientNumber: '' // clientNumber: '' //
}, },
rules: { rules: {
customerName: vername customerName: vername,
customerManage: vername
} }
} }
}, },
methods: { methods: {
popUp() { popUp(text) {
EventBus.$emit("changeShowGoods", true); this.$store.commit('system/changePop',{show:true,text})
}, },
submitForm() { submitForm() {
const requiredField = { const requiredField = {
@ -99,11 +99,17 @@ export default{
// paymentCode: '', // // paymentCode: '', //
customerManage: '客户经理', // customerManage: '客户经理', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
} }
},
mounted() {
this.$refs.clientNumber.focus()
} }
} }
</script> </script>

@ -15,13 +15,13 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="定存编号"> <el-form-item label="定存编号">
<el-input v-model="form.depositNumber"></el-input> <el-input v-model="form.depositNumber" ref="depositNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取金额" required> <el-form-item label="支取金额" required>
<el-input :value="form.withdrawAmount" @input="val => ismoney(val, form, 'withdrawAmount')"></el-input> <el-input :value="form.withdrawAmount" @input="val => ismoney(val, form, 'withdrawAmount')" ref="withdrawAmount"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="利息(%)" required prop="interest" :rules="rules.interest"> <el-form-item label="利息(%)" required prop="interest" :rules="rules.interest">
<el-input v-model="form.interest"></el-input> <el-input v-model="form.interest" ref="interest"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" required> <el-form-item label="支取密码" required>
<div class="idCard" @click="popUp('刷卡器')"> <div class="idCard" @click="popUp('刷卡器')">
@ -34,20 +34,20 @@
<el-input v-model="form.customerName" disabled></el-input> <el-input v-model="form.customerName" disabled></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select disabled v-model="form.currencyMark" placeholder="请选择"> <el-select disabled v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
<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="本金" required>
<el-input :value="form.capital" @input="val => ismoney(val, form, 'capital')" ></el-input> <el-input :value="form.capital" @input="val => ismoney(val, form, 'capital')" ref="capital" ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取类别" required> <el-form-item label="支取类别" required>
<el-select disabled v-model="form.withdrawType" placeholder="请选择"> <el-select disabled v-model="form.withdrawType" placeholder="请选择" ref="withdrawType">
<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="支取方式" required>
<el-radio v-model="form.withdrawWay" label="1">部分支取</el-radio> <el-radio v-model="form.withdrawWay" label="1" ref="withdrawWay">部分支取</el-radio>
<el-radio v-model="form.withdrawWay" label="2">全部支取</el-radio> <el-radio v-model="form.withdrawWay" label="2">全部支取</el-radio>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -58,7 +58,6 @@
</div> </div>
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { checkRequired, ismoney } from '@/utils/utilFunction.js' import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername, verrate } from '@/utils/verify.js' import { vername, verrate } from '@/utils/verify.js'
export default{ export default{
@ -68,12 +67,12 @@ export default{
return{ return{
form:{ form:{
// //
currencyMark: '', // currencyMark: '钞户', //
capital: '', // capital: '', //
interest: '', // interest: '', //
withdrawAmount: '', // withdrawAmount: '', //
withdrawType: '', // withdrawType: '现金', //
withdrawWay: '', // withdrawWay: '部分支取', //
// //
customerName: '', // customerName: '', //
depositNumber: '', // depositNumber: '', //
@ -84,9 +83,12 @@ export default{
} }
} }
}, },
mounted() {
this.$refs.depositNumber.focus()
},
methods: { methods: {
popUp() { popUp(text) {
EventBus.$emit("changeShowGoods", true); this.$store.commit('system/changePop',{show:true,text})
}, },
submitIt() { submitIt() {
const requiredField = { const requiredField = {
@ -97,8 +99,11 @@ export default{
withdrawType: '支取类别', // withdrawType: '支取类别', //
withdrawWay: '支取方式', // withdrawWay: '支取方式', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
}, },
ismoney: ismoney ismoney: ismoney

@ -10,12 +10,12 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证号码" required> <el-form-item label="凭证号码" required>
<el-select disabled v-model="form.voucherNumber" placeholder="请选择"> <el-select disabled v-model="form.voucherNumber" placeholder="请选择" ref="voucherNumber">
<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="币种" required>
<el-select disabled v-model="form.currency" placeholder="请选择"> <el-select disabled v-model="form.currency" placeholder="请选择" ref="currency">
<el-option label="CYN人民币" value="CYN人民币"> </el-option> <el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -42,7 +42,7 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="客户姓名" prop="customerName" :rules="rules.customerName"> <el-form-item label="客户姓名" prop="customerName" :rules="rules.customerName">
<el-input v-model="form.customerName" ></el-input> <el-input v-model="form.customerName" ref="customerName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识"> <el-form-item label="钞汇标识">
<el-select disabled v-model="form.currencyMark" placeholder="请选择"> <el-select disabled v-model="form.currencyMark" placeholder="请选择">
@ -83,7 +83,6 @@
</div> </div>
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { checkRequired, ismoney } from '@/utils/utilFunction.js' import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername, verrate } from '@/utils/verify.js' import { vername, verrate } from '@/utils/verify.js'
export default{ export default{
@ -112,17 +111,23 @@ export default{
}, },
} }
}, },
mounted() {
this.$refs.customerName.focus()
},
methods: { methods: {
popUp() { popUp(text) {
EventBus.$emit("changeShowGoods", true); this.$store.commit('system/changePop',{show:true,text})
}, },
submitForm() { submitForm() {
const requiredField = { const requiredField = {
currency: '币种', // currency: '币种', //
voucherNumber: '凭证号码 ', // voucherNumber: '凭证号码 ', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
}, },

@ -23,15 +23,15 @@
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName"> <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
<el-input v-model="form.customerName" ></el-input> <el-input v-model="form.customerName" ref="customerName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" required> <el-form-item label="币种" required>
<el-select disabled v-model="form.currency" placeholder="请选择"> <el-select disabled v-model="form.currency" placeholder="请选择" ref="currency">
<el-option label="CYN人民币" value="CYN人民币"> </el-option> <el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="存期" required> <el-form-item label="存期" required>
<el-select disabled v-model="form.depositTerm" placeholder="请选择"> <el-select disabled v-model="form.depositTerm" placeholder="请选择" ref="depositTerm">
<el-option label="1年" value="1年"> </el-option> <el-option label="1年" value="1年"> </el-option>
<el-option label="3年" value="3年"> </el-option> <el-option label="3年" value="3年"> </el-option>
<el-option label="5年" value="5年"> </el-option> <el-option label="5年" value="5年"> </el-option>
@ -49,7 +49,6 @@
</div> </div>
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { checkRequired, ismoney } from '@/utils/utilFunction.js' import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername } from '@/utils/verify.js' import { vername } from '@/utils/verify.js'
export default{ export default{
@ -73,9 +72,12 @@ export default{
} }
} }
}, },
mounted() {
this.$refs.customerName.focus()
},
methods: { methods: {
popUp() { popUp(text) {
EventBus.$emit("changeShowGoods", true); this.$store.commit('system/changePop',{show:true,text})
}, },
submitForm() { submitForm() {
const requiredField = { const requiredField = {
@ -83,10 +85,12 @@ export default{
currency: '币种', // currency: '币种', //
depositTerm: '存期', // depositTerm: '存期', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
}, },
ismoney: ismoney ismoney: ismoney
} }

@ -10,15 +10,15 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户号"> <el-form-item label="客户号">
<el-input v-model="form.clientNumber"></el-input> <el-input v-model="form.clientNumber" ref="clientNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" required> <el-form-item label="币种" required>
<el-select disabled v-model="form.currency" placeholder="请选择"> <el-select disabled v-model="form.currency" placeholder="请选择" ref="currency">
<el-option label="CYN人民币" value="CYN人民币"> </el-option> <el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证类型" required> <el-form-item label="凭证类型" required>
<el-select disabled v-model="form.voucherType" placeholder="请选择"> <el-select disabled v-model="form.voucherType" placeholder="请选择" ref="voucherType">
<el-option label="存单" value="存单"> </el-option> <el-option label="存单" value="存单"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -28,7 +28,7 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="存期" required> <el-form-item label="存期" required>
<el-select disabled v-model="form.depositTerm" placeholder="请选择"> <el-select disabled v-model="form.depositTerm" placeholder="请选择" ref="depositTerm">
<el-option label="1年" value="1年"> </el-option> <el-option label="1年" value="1年"> </el-option>
<el-option label="3年" value="3年"> </el-option> <el-option label="3年" value="3年"> </el-option>
<el-option label="5年" value="5年"> </el-option> <el-option label="5年" value="5年"> </el-option>
@ -42,10 +42,10 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName"> <el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
<el-input v-model="form.customerName" ></el-input> <el-input v-model="form.customerName" ref="customerName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" required> <el-form-item label="钞汇标识" required>
<el-select disabled v-model="form.currencyMark" placeholder="请选择"> <el-select disabled v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
<el-option label="钞户" value="钞户"> </el-option> <el-option label="钞户" value="钞户"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -55,10 +55,10 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="月存金额" required> <el-form-item label="月存金额" required>
<el-input :value="form.monthDeposit" @input="val => ismoney(val, form, 'monthDeposit')" ></el-input> <el-input :value="form.monthDeposit" @input="val => ismoney(val, form, 'monthDeposit')" ref="monthDeposit" ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="续存标识" required> <el-form-item label="续存标识" required>
<el-select disabled v-model="form.extendDepositTarget" placeholder="请选择"> <el-select disabled v-model="form.extendDepositTarget" placeholder="请选择" ref="extendDepositTarget">
<el-option label="不续存" value="不续存"> </el-option> <el-option label="不续存" value="不续存"> </el-option>
<el-option label="续存1年" value="续存1年"> </el-option> <el-option label="续存1年" value="续存1年"> </el-option>
<el-option label="续存3年" value="续存3年"> </el-option> <el-option label="续存3年" value="续存3年"> </el-option>
@ -73,7 +73,6 @@
</div> </div>
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { checkRequired, ismoney } from '@/utils/utilFunction.js' import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername, verrate } from '@/utils/verify.js' import { vername, verrate } from '@/utils/verify.js'
export default{ export default{
@ -85,12 +84,12 @@ export default{
// //
// identityCard: '', // // identityCard: '', //
customerName: '', // customerName: '', //
currency: '', // currency: 'CYC人民币', //
currencyMark: '钞户', // currencyMark: '钞户', //
voucherType: '存单', // voucherType: '存单', //
monthDeposit: '', // monthDeposit: '', //
depositTerm: '', // depositTerm: '1年', //
extendDepositTarget: '', // extendDepositTarget: '不续存', //
// voucherNumber: '', // // voucherNumber: '', //
// paymentCode: '', // // paymentCode: '', //
// //
@ -101,10 +100,14 @@ export default{
} }
} }
}, },
mounted() {
this.$refs.clientNumber.focus()
},
methods: { methods: {
popUp() { popUp(text) {
EventBus.$emit("changeShowGoods", true); this.$store.commit('system/changePop',{show:true,text})
}, },
submitForm() { submitForm() {
const requiredField = { const requiredField = {
customerName: '客户姓名', // customerName: '客户姓名', //
@ -115,8 +118,11 @@ export default{
depositTerm: '存期', // depositTerm: '存期', //
extendDepositTarget: '续存标识', // extendDepositTarget: '续存标识', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
console.log('检验成功') if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
} }
}, },

@ -10,15 +10,15 @@
<el-form ref="form" :model="form" label-width="120px"> <el-form ref="form" :model="form" label-width="120px">
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="证件类型"> <el-form-item label="证件类型">
<el-select v-model="form.certificateType"> <el-select v-model="form.certificateType" ref="certificateType">
<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 prop="customerName" :rules="rules.customerName"> <el-form-item label="客户姓名" required :rules="rules.customerName">
<el-input v-model="form.customerName"></el-input> <el-input v-model="form.customerName" ref="customerName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="原支付密码" required> <el-form-item label="原支付密码" required>
<el-input type="password" v-model="form.payPassword" placeholder="请输入密码"></el-input> <el-input type="password" v-model="form.payPassword" placeholder="请输入密码" ref="payPassword"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
@ -33,12 +33,12 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="新支付密码"> <el-form-item label="新支付密码">
<el-input type="password" v-model="form.newPayPassword" placeholder="请输入密码"></el-input> <el-input type="password" v-model="form.newPayPassword" placeholder="请输入密码" ref="newPayPassword"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="20" :offset="2"> <el-col :span="20" :offset="2">
<el-form-item label="通讯地址" label-width="85px"> <el-form-item label="通讯地址" label-width="85px">
<el-input v-model="form.maillingAddress"></el-input> <el-input v-model="form.maillingAddress" ref="maillingAddress"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
@ -69,7 +69,6 @@
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { checkRequired, ismoney } from '@/utils/utilFunction.js' import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername, verrate } from '@/utils/verify.js' import { vername, verrate } from '@/utils/verify.js'
export default{ export default{
@ -77,6 +76,7 @@ export default{
props:{}, props:{},
data(){ data(){
return{ return{
dialogChange: true,
form:{ form:{
// //
// identityCard: '', // // identityCard: '', //
@ -93,18 +93,23 @@ export default{
visible: false visible: false
} }
}, },
mounted() {
this.$refs.customerName.focus()
},
methods: { methods: {
popUp(text) { popUp(text) {
this.$store.commit('system/changePop',{show:true,id:'test66',id: 'test'}) this.$store.commit('system/changePop',{show:true,text})
EventBus.$emit("changeShowGoods", true);
}, },
submitForm() { submitForm() {
const requiredField = { const requiredField = {
customerName: '客户姓名', // customerName: '客户姓名', //
payPassword: '原支付密码', // payPassword: '原支付密码', //
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
if(judgeRef === '') {
this.visible = true this.visible = true
}else {
this.$refs[judgeRef].focus();
} }
} }

@ -63,7 +63,6 @@
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { checkRequired, ismoney } from '@/utils/utilFunction.js' import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername, verrate } from '@/utils/verify.js' import { vername, verrate } from '@/utils/verify.js'
export default{ export default{
@ -71,6 +70,7 @@ export default{
props:{}, props:{},
data(){ data(){
return{ return{
dialogChange: false,
form:{ form:{
// //
customerName: '', // customerName: '', //
@ -86,14 +86,16 @@ export default{
}, },
methods: { methods: {
popUp(text) { popUp(text) {
this.$store.commit('system/changePop',{show:true,id:'test66',id: 'test'}) this.$store.commit('system/changePop',{show:true,text})
EventBus.$emit("changeShowGoods", true);
}, },
submitForm() { submitForm() {
const requiredField = { const requiredField = {
} }
if(checkRequired(this.form, requiredField)) { const judgeRef = checkRequired(this.form, requiredField)
if(judgeRef === '') {
this.visible = true this.visible = true
}else {
this.$refs[judgeRef].focus();
} }
} }

@ -66,7 +66,6 @@
</template> </template>
<script> <script>
import { EventBus } from "@/utils/event-bus.js";
import { checkRequired, ismoney } from '@/utils/utilFunction.js' import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername, verrate } from '@/utils/verify.js' import { vername, verrate } from '@/utils/verify.js'
export default{ export default{
@ -90,9 +89,7 @@ export default{
methods: { methods: {
popUp(text) { popUp(text) {
// this.$store.commit('system/changePop',{show:true,text})
this.$store.commit('system/changePop',{show: true,id:'62,3xxx',text})
EventBus.$emit("changeShowGoods", true);
}, },
submitForm() { submitForm() {
const requiredField = { const requiredField = {

@ -42,6 +42,9 @@ export default {
state.showPop = val.show state.showPop = val.show
state.popText = val.text state.popText = val.text
state.id = val.id state.id = val.id
if(!val.text.includes('密码') && val.show) {
state.showGoods = true;
}
}, },
changeGoods:(state,obj)=>{/* 赋值/push/删除 */ changeGoods:(state,obj)=>{/* 赋值/push/删除 */
if(obj.goods&&obj.goods.length>0){ if(obj.goods&&obj.goods.length>0){
@ -52,13 +55,6 @@ export default {
state.goods.splice(obj.splice,1) state.goods.splice(obj.splice,1)
} }
}, },
// 模板PopUp
myPopUp(state, text){
state.showPop = true;
state.popText = text
state.id = Math.random().toFixed(2)
// EventBus.$emit("changeShowGoods", true);
},
// 物品栏的展开和关闭 // 物品栏的展开和关闭
changeShowGoods(state, judge) { changeShowGoods(state, judge) {
state.showGoods = judge state.showGoods = judge

@ -13,14 +13,14 @@ const mailBoxListen = function(val, form, prop) {
// 校验中文 // 校验中文
const checkHanzi = function(val, form, prop) { const checkHanzi = function(val, form, prop) {
// 检查符号
const charReg = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘',。、]/im;
// 检查空格 // 检查空格
const tmpCheck = val.substr(val.length-1, 1); const tmpCheck = val.substr(val.length-1, 1);
if(tmpCheck === ' ') { if(tmpCheck === ' ' || charReg.test(val) || /[\u4E00-\u9FA5]/i.test(val)) {
return; return;
} }
if(!/[\u4E00-\u9FA5]/i.test(val)) { form[prop] = val;
form[prop] = val;
}
} }
// 监听数字 // 监听数字
@ -57,10 +57,10 @@ const checkRequired = function(form, obj) {
type: 'info', type: 'info',
confirmButtonText: '确定' confirmButtonText: '确定'
}); });
return false return prop
} }
} }
return true; return '';
} }
export { export {

@ -11,6 +11,9 @@ const vermob = [
}, { }, {
message: '请输入12位以下数字', message: '请输入12位以下数字',
max: 11 max: 11
},{
required: true,
message: '请输入号码'
} }
] ]
const vername = [ const vername = [
@ -19,6 +22,9 @@ const vername = [
// pattern: /^(?:[\u4e00-\u9fa5]+)(?:●[\u4e00-\u9fa5]+)*$|^[a-zA-Z0-9]+\s?[\.·\-()a-zA-Z]*[a-zA-Z]+$/, // pattern: /^(?:[\u4e00-\u9fa5]+)(?:●[\u4e00-\u9fa5]+)*$|^[a-zA-Z0-9]+\s?[\.·\-()a-zA-Z]*[a-zA-Z]+$/,
pattern: /(^[A-Z][a-z]*(\s[A-Z][a-z]*)*$)|(^[\u4e00-\u9fa5]{2,4}$)/, pattern: /(^[A-Z][a-z]*(\s[A-Z][a-z]*)*$)|(^[\u4e00-\u9fa5]{2,4}$)/,
message: '请输入正确的姓名' message: '请输入正确的姓名'
},{
required: true,
message: '请输入名字'
} }
] ]
const verrate = [ const verrate = [
@ -27,6 +33,15 @@ const verrate = [
// pattern: /^(([1-9]\\d{0,9})|0)(\\.\\d{1,2})?%$/, // pattern: /^(([1-9]\\d{0,9})|0)(\\.\\d{1,2})?%$/,
pattern: /^(\d|[1-9]\d|100)(.\d{1,3})?%$|^(\d|[1-9]\d|100)(.\d{1,3})?$/, pattern: /^(\d|[1-9]\d|100)(.\d{1,3})?%$|^(\d|[1-9]\d|100)(.\d{1,3})?$/,
message: '请输入正确的年利率' message: '请输入正确的年利率'
},{
required: true,
message: '请输入年利率'
}
]
const requiremoney = [
{
required: true,
message: '请输入年利率'
} }
] ]

Loading…
Cancel
Save