huoran
/
FE_bankTeaching
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Merge remote-tracking branch 'origin/master'

Browse Source 
# Conflicts:
#	src/pages/manage/list/client/corporateClient.vue
#	src/pages/manage/list/personal/currentAccount/deposit.vue
20240205
e 3 years ago
parent 040aabeac2 108f30874c
commit 133ddeb7c8
14 changed files with 315 additions and 172 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      src/pages/manage/index/index.vue
  2. 68
      src/pages/manage/list/business/deposit.vue
  3. 131
      src/pages/manage/list/business/openAccount.vue
  4. 96
      src/pages/manage/list/business/transfer.vue
  5. 81
      src/pages/manage/list/business/withdrawal.vue
  6. 8
      src/pages/manage/list/client/consumerClient.vue
  7. 5
      src/pages/manage/list/client/corporateClient.vue
  8. 7
      src/pages/manage/list/personal/currentAccount/accountCancellation.vue
  9. 10
      src/pages/manage/list/personal/currentAccount/deposit.vue
  10. 23
      src/pages/manage/list/personal/currentAccount/transferAccounts.vue
  11. 8
      src/pages/manage/list/personal/currentAccount/withdrawal.vue
  12. 8
      src/pages/manage/navbar/index.vue
  13. 26
      src/utils/utilFunction.js
  14. 7
      src/utils/verify.js

9
src/pages/manage/index/index.vue
Unescape View File

@ -134,6 +134,15 @@ export default {
/deep/ .is-error input {
border-color: #f40!important;;
}
/deep/ .text-xl p {
font-size: 18px!important;
}
/deep/ .el-form-item .el-form-item__label {
font-size: 18px!important;
}
/deep/ .el-menu-item {
font-size: 18px;
}
// /deep/ .el-form-item__error {
// top: 105%;
// left: auto;

68
src/pages/manage/list/business/deposit.vue
Unescape View File

@ -10,35 +10,35 @@
<!-- 存款 -->
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-col :span="10" :offset="1">
<el-form-item label="账号" required>
<el-input v-model="form.username" ref="username"></el-input>
<el-form-item label="账号" prop="username">
<el-input :value="form.username" @input="(val) => checkHanzi(val, form, 'username')" ref="username"></el-input>
</el-form-item>
<el-form-item label="币种" required>
<el-form-item label="币种" prop="currency">
<el-select disabled v-model="form.currency" placeholder="请选择" ref="currency">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="存款金额" required>
<el-form-item label="存款金额" prop="depositNum">
<el-input :value="form.depositNum" @input="val => ismoney(val, form, 'depositNum')" ref="depositNum"></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
<el-input v-model="form.customerName" ref="customerName"></el-input>
<el-form-item label="客户姓名" prop="customerName" :rules="rules.customerName">
<el-input :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')" ref="customerName"></el-input>
</el-form-item>
<el-form-item label="钞汇标识" required>
<el-form-item label="钞汇标识" prop="currencyMark">
<el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="利率（%）" required prop="interestRate" :rules="rules.interestRate">
<el-input v-model="form.interestRate" ref="interestRate"></el-input>
<el-form-item label="利率（%）" prop="interestRate">
<el-input :value="form.interestRate" @input="(val) => rateListen(val, form, 'interestRate')" ref="interestRate"></el-input>
</el-form-item>
</el-col>
<el-col :span="21" :offset="1">
<el-form-item label="摘要">
<el-form-item label="摘要" prop="textarea">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.abstract"></el-input>
</el-form-item>
</el-col>
@ -72,8 +72,8 @@
<script>
import { mapState } from 'vuex'
import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername, verrate } from '@/utils/verify.js'
import { checkHanzi, checkName, ismoney, rateListen, myValidate } from '@/utils/utilFunction.js'
import { vercustomer, verrate } from '@/utils/verify.js'
export default {
name: 'index',
components:{},
@ -92,8 +92,22 @@ export default {
abstract: '', // 摘要
},
rules: {
customerName: vername,
interestRate: verrate
customerName: vercustomer,
interestRate: verrate,
username: [
{
required: true,
message: '请输入账号',
trigger: 'blur'
}
],
depositNum: [
{
required: true,
message: '请输入存款金额',
trigger: 'blur'
}
]
},
second:[// 二级卡数组
@ -115,20 +129,18 @@ export default {
},
methods: {
submitForm() {
const requiredField = {
customerName: '客户姓名', //
username: '账号', //
depositNum: '存款金额', //
}
const judgeRef = checkRequired(this.form, requiredField)
if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
}
this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这
this.$message({
message: '验证成功',
center: true
});
}, this.$refs));
},
ismoney: ismoney
ismoney: ismoney,
rateListen: rateListen,
checkName: checkName,
checkHanzi: checkHanzi
}
};
</script>

131
src/pages/manage/list/business/openAccount.vue
Unescape View File

@ -10,12 +10,12 @@
<!-- 开户 -->
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-col :span="10" :offset="2">
<el-form-item label="客户号">
<el-input v-model="form.customerNumber" ref="customerNumber"></el-input>
<el-form-item label="客户号" prop="customerNumber">
<el-input :value="form.customerNumber" @input="(val) => checkHanzi(val, form, 'customerNumber')" ref="customerNumber"></el-input>
</el-form-item>
<el-form-item label="账户类型" required>
<el-form-item label="账户类型" prop="accountType">
<el-select v-model="form.accountType" placeholder="请选择" ref="accountType">
<el-option label="结算户" value="结算户"> </el-option>
<el-option label="活期保障金户" value="活期保障金户"> </el-option>
@ -23,7 +23,7 @@
<el-option label="资本临时户" value="资本临时户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="账户科目" required>
<el-form-item label="账户科目" prop="accountManagement">
<el-select v-model="form.accountManagement" placeholder="请选择" ref="accountManagement">
<el-option label="工业存款" value="工业存款"> </el-option>
<el-option label="商业存款" value="商业存款"> </el-option>
@ -31,30 +31,30 @@
<el-option label="其他" value="其他"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="钞汇标识" required>
<el-form-item label="钞汇标识" prop="currencyMark">
<el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="出账页标志" required>
<el-form-item label="出账页标志" prop="outAccountWay">
<el-select v-model="form.outAccountWay" placeholder="请选择" ref="outAccountWay">
<el-option label="按月" value="按月"> </el-option>
<el-option label="满页" value="满页"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="统计代码">
<el-input v-model="form.clientNumber"></el-input>
<el-form-item label="统计代码" prop="clientNumber">
<el-input :value="form.clientNumber" @input="(val) => checkHanzi(val, form, 'clientNumber')" ref="clientNumber"></el-input>
</el-form-item>
<el-form-item label="外汇证号">
<el-input v-model="form.foreignCurrencyCertificate"></el-input>
<el-form-item label="外汇证号" prop="foreignCurrencyCertificate">
<el-input :value="form.foreignCurrencyCertificate" @input="(val) => checkHanzi(val, form, 'foreignCurrencyCertificate')" ref="foreignCurrencyCertificate"></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
<el-input v-model="form.customerName" ref="customerName"></el-input>
<el-form-item label="客户姓名" prop="customerName">
<el-input :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')" ref="customerName"></el-input>
</el-form-item>
<el-form-item label="账户性质" required>
<el-form-item label="账户性质" prop="accountNature">
<el-select v-model="form.accountNature" placeholder="请选择" ref="accountNature">
<el-option label="基本户" value="基本户"> </el-option>
<el-option label="一般户" value="一般户"> </el-option>
@ -62,25 +62,25 @@
<el-option label="临时户" value="临时户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="币种" required>
<el-select disabled v-model="form.currencyType" placeholder="请选择" ref="currencyType">
<el-form-item label="币种" prop="currencyType">
<el-select v-model="form.currencyType" placeholder="请选择" ref="currencyType">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="计息方式" required>
<el-form-item label="计息方式" prop="calculateWay">
<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-select>
</el-form-item>
<el-form-item label="支取方式" required>
<el-form-item label="支取方式" prop="withdrawingWay">
<el-select v-model="form.withdrawingWay" placeholder="请选择" ref="withdrawingWay">
<el-option label="印签" value="印签"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="外汇核准号">
<el-input v-model="form.foreignCurrencyBumber"></el-input>
<el-form-item label="外汇核准号" prop="foreignCurrencyBumber">
<el-input :value="form.foreignCurrencyBumber" @input="(val) => checkName(val, form, 'foreignCurrencyBumber')" ref="foreignCurrencyBumber"></el-input>
</el-form-item>
</el-col>
</el-form>
@ -113,8 +113,8 @@
<script>
import { mapState } from 'vuex'
import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername, verrate } from '@/utils/verify.js'
import { myValidate, ismoney, checkName, checkHanzi } from '@/utils/utilFunction.js'
import { vercustomer, verrate } from '@/utils/verify.js'
export default {
name: 'index',
components:{},
@ -139,7 +139,63 @@ export default {
foreignCurrencyCertificate: '' // 外汇证号
},
rules: {
customerName: vername
customerName: vercustomer,
accountNature: [
{
required: true,
message: '请选择账户性质',
trigger: 'blur'
}
],
accountType: [
{
required: true,
message: '请选择账户类型',
trigger: 'blur'
}
],
accountManagement: [
{
required: true,
message: '请选择账户科目',
trigger: 'blur'
}
],
currencyType: [
{
required: true,
message: '请选择币种',
trigger: 'blur'
}
],
currencyMark: [
{
required: true,
message: '请选择钞汇标识',
trigger: 'blur'
}
],
calculateWay: [
{
required: true,
message: '请选择计息方式',
trigger: 'blur'
}
],
outAccountWay: [
{
required: true,
message: '请选择出账页标志',
trigger: 'blur'
}
],
withdrawingWay: [
{
required: true,
message: '请选择支取方式',
trigger: 'blur'
}
]
},
second:[// 二级卡数组
@ -160,25 +216,16 @@ export default {
},
methods: {
submitForm() {
const requiredField = {
customerName: '客户姓名', //
accountNature: '账户性质', //
accountType: '账户类型', //
accountManagement: '账户科目', //
currencyType: '币种', //
currencyMark: '钞汇标识', //
calculateWay: '计息方式', //
outAccountWay: '出账页标志', //
withdrawingWay: '支取方式', //
}
const judgeRef = checkRequired(this.form, requiredField)
if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
}
}
this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这
this.$message({
message: '验证成功',
center: true
});
}, this.$refs));
},
checkHanzi: checkHanzi,
checkName: checkName
}
};
</script>

96
src/pages/manage/list/business/transfer.vue
Unescape View File

@ -10,15 +10,15 @@
<!-- 开户 -->
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-col :span="10" :offset="2">
<el-form-item label="转出账号">
<el-input v-model="form.transoutNum" ref="transoutNum"></el-input>
<el-form-item label="转出账号" prop="transoutNum">
<el-input :value="form.transoutNum" @input="(val) => checkHanzi(val, form, 'transoutNum')" ref="transoutNum"></el-input>
</el-form-item>
<el-form-item label="凭证号码" required>
<el-input v-model="form.certificateNum" ref="certificateNum"></el-input>
<el-form-item label="凭证号码" prop="certificateNum">
<el-input :value="form.certificateNum" @input="(val) => checkHanzi(val, form, 'certificateNum')" ref="certificateNum"></el-input>
</el-form-item>
<el-form-item label="签发日期" required>
<el-form-item label="签发日期" prop="signDate">
<el-date-picker
v-model="signDate"
type="date"
@ -26,24 +26,24 @@
ref="signDate">
</el-date-picker>
</el-form-item>
<el-form-item label="钞汇标识" required>
<el-form-item label="钞汇标识" prop="currencyMark">
<el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="转入账号" required>
<el-input v-model="form.transinNum" ref="transinNum"></el-input>
<el-form-item label="转入账号" prop="transinNum">
<el-input :value="form.transinNum" @input="(val) => checkHanzi(val, form, 'transinNum')" ref="transinNum"></el-input>
</el-form-item>
<el-form-item label="金额">
<el-form-item label="金额" prop="money">
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')"></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
<el-input v-model="form.customerName" ref="customerName"></el-input>
<el-form-item label="客户姓名" prop="customerName">
<el-input :value="form.customerName" @input="(val) => checkHanzi(val, form, 'customerName')" ref="customerName"></el-input>
</el-form-item>
<el-form-item label="凭证类型" required>
<el-form-item label="凭证类型" prop="certificateType">
<el-select v-model="form.certificateType" placeholder="请选择" ref="certificateType">
<el-option label="基本户" value="基本户"> </el-option>
<el-option label="一般户" value="一般户"> </el-option>
@ -51,22 +51,22 @@
<el-option label="临时户" value="临时户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="币种" required>
<el-form-item label="币种" prop="currencyType">
<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-select>
</el-form-item>
<el-form-item label="支取方式" required>
<el-form-item label="支取方式" prop="payWay">
<el-select v-model="form.payWay" placeholder="请选择" ref="payWay">
<el-option label="印签" value="印签"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="转入户名">
<el-input v-model="form.transinName"></el-input>
<el-form-item label="转入户名" prop="transinName">
<el-input :value="form.transinName" @input="(val) => checkHanzi(val, form, 'transinName')"></el-input>
</el-form-item>
<el-form-item label="摘要">
<el-form-item label="摘要" prop="abstract">
<el-input v-model="form.abstract" disabled></el-input>
</el-form-item>
</el-col>
@ -100,8 +100,8 @@
<script>
import { mapState } from 'vuex'
import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername, verrate } from '@/utils/verify.js'
import { myValidate, ismoney, checkHanzi, checkName } from '@/utils/utilFunction.js'
import { vercustomer } from '@/utils/verify.js'
export default {
name: 'index',
components:{},
@ -125,7 +125,35 @@ export default {
abstract: '', // 摘要
},
rules: {
customerName: vername
customerName: vercustomer,
transoutNum: [
{
required: true,
message: '请输入转出账号',
trigger: 'blur'
}
],
certificateNum: [
{
required: true,
message: '请输入凭证号码',
trigger: 'blur'
}
],
transinNum: [
{
required: true,
message: '请输入转入账号',
trigger: 'blur'
}
],
money: [
{
required: true,
message: '请输入金额',
trigger: 'blur'
}
],
},
second:[// 二级卡数组
@ -147,23 +175,17 @@ export default {
},
methods: {
submitForm() {
const requiredField = {
transoutNum: '转出账号', //
certificateNum: '凭证号码', //
customerName: '客户姓名', //
transinNum: '转入账号', //
transinName: '转入户名', //
money: '金额 ', //
}
const judgeRef = checkRequired(this.form, requiredField)
if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
}
this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这
this.$message({
message: '验证成功',
center: true
});
}, this.$refs));
},
ismoney: ismoney
ismoney: ismoney,
checkHanzi: checkHanzi,
checkName: checkName
}
};
</script>

81
src/pages/manage/list/business/withdrawal.vue
Unescape View File

@ -10,35 +10,35 @@
<!-- 开户 -->
<div class="body">
<el-row :gutter="20" style="margin: 0">
<el-form ref="form" :model="form" label-width="120px">
<el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-col :span="10" :offset="2">
<el-form-item label="账号">
<el-input v-model="form.username" ref="username"></el-input>
<el-form-item label="账号" prop="username">
<el-input :value="form.username" @input="(val) => checkHanzi(val, form, 'username')" ref="username"></el-input>
</el-form-item>
<el-form-item label="凭证号码">
<el-input v-model="form.voucherNum"></el-input>
<el-form-item label="凭证号码" prop="voucherNum">
<el-input :value="form.voucherNum" @input="(val) => checkHanzi(val, form, 'voucherNum')" ref="voucherNum"></el-input>
</el-form-item>
<el-form-item label="币种" required>
<el-form-item label="币种" prop="currency">
<el-select disabled v-model="form.currency" placeholder="请选择" ref="currency">
<el-option label="CYN人民币" value="CYN人民币"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="凭证类型" required>
<el-form-item label="凭证类型" prop="certificateType">
<el-select disabled v-model="form.certificateType" placeholder="请选择" ref="certificateType">
<el-option label="存单" value="存单"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="支取方式" required>
<el-form-item label="支取方式" prop="payWay">
<el-select v-model="form.payWay" placeholder="请选择" ref="payWay">
<el-option label="印签" value="印签"> </el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required prop="customerName" :rules="rules.customerName">
<el-form-item label="客户姓名" prop="customerName">
<el-input v-model="form.customerName" ref="customerName"></el-input>
</el-form-item>
<el-form-item label="签发日期" required>
<el-form-item label="签发日期" prop="issueDate">
<el-date-picker
v-model="issueDate"
type="date"
@ -46,18 +46,18 @@
ref="issueDate">
</el-date-picker>
</el-form-item>
<el-form-item label="钞汇标识" required>
<el-form-item label="钞汇标识" prop="currencyMark">
<el-select v-model="form.currencyMark" placeholder="请选择" ref="currencyMark">
<el-option label="钞户" value="钞户"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="金额" required>
<el-form-item label="金额" prop="money">
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input>
</el-form-item>
</el-col>
<el-col :span="21" :offset="1">
<el-col :span="21" :offset="1" prop='textarea'>
<el-form-item label="摘要">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.abstract"></el-input>
<el-input type="textarea" :rows="3" placeholder="请输入内容" ref="abstract" v-model="form.abstract"></el-input>
</el-form-item>
</el-col>
</el-form>
@ -90,8 +90,8 @@
<script>
import { mapState } from 'vuex'
import { checkRequired, ismoney } from '@/utils/utilFunction.js'
import { vername, verrate } from '@/utils/verify.js'
import { myValidate, ismoney, checkName, checkHanzi } from '@/utils/utilFunction.js'
import { vercustomer, verrate } from '@/utils/verify.js'
export default {
name: 'index',
components:{},
@ -113,7 +113,28 @@ export default {
abstract: '', // 摘要
},
rules: {
customerName: vername
customerName: vercustomer,
username: [
{
required: true,
message: '请输入账号',
trigger: 'blur'
}
],
voucherNum: [
{
required: true,
message: '请输入凭证号码',
trigger: 'blur'
}
],
money: [
{
required: true,
message: '请输入金额',
trigger: 'blur'
}
]
},
second:[// 二级卡数组
@ -135,24 +156,18 @@ export default {
},
methods: {
submitForm() {
const requiredField = {
customerName: '客户姓名', //
currency: '币种', //
currencyMark: '钞汇标识', //
voucherType: '凭证类型', //
// voucherNumber: '凭证号码', //
// paymentCode: '支付密码', //
customerManage: '客户经理', //
}
const judgeRef = checkRequired(this.form, requiredField)
if(judgeRef === '') {
console.log('submit success')
}else {
this.$refs[judgeRef].focus();
}
this.$refs.form.validate(myValidate(() => {
// 验证通过逻辑写在这
this.$message({
message: '验证成功',
center: true
});
}, this.$refs));
},
ismoney: ismoney
ismoney: ismoney,
checkName: checkName,
checkHanzi: checkHanzi
}
};
</script>

8
src/pages/manage/list/client/consumerClient.vue
Unescape View File

@ -21,7 +21,7 @@
</el-select>
</el-form-item>
<el-form-item label="客户姓名" prop="userName">
<el-input v-model="form.userName" ref="userName"></el-input>
<el-input ref="userName" :value="form.userName" @input="(val) => checkName(val, form, 'userName')"></el-input>
</el-form-item>
<el-form-item label="出生日期" prop="birthday">
<el-date-picker
@ -111,7 +111,7 @@ import { mapState, mapMutations } from 'vuex'
import { vername, vermob } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http';
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { phoneListen, mailBoxListen, checkRequired, myValidate } from '@/utils/utilFunction.js'
import { phoneListen, mailBoxListen, checkRequired, myValidate, checkName } from '@/utils/utilFunction.js'
export default {
name: 'index',
@ -344,7 +344,8 @@ export default {
}
},
phoneListen: phoneListen,
mailBoxListen: mailBoxListen
mailBoxListen: mailBoxListen,
checkName: checkName
}
// watch: {
// 'form.phone'(newVal) {
@ -355,6 +356,7 @@ export default {
</script>
<style lang="scss" scoped>
.wrap{
width: 100%;
display: flex;

5
src/pages/manage/list/client/corporateClient.vue
Unescape View File

@ -88,8 +88,8 @@
<script>
import { mapState, mapMutations } from 'vuex'
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { phoneListen, checkRequired, myValidate, checkHanzi } from '@/utils/utilFunction.js'
import { addOperation, getOperation } from '@/api/http';
import { phoneListen, checkRequired, myValidate, checkHanzi, checkName } from '@/utils/utilFunction.js'
export default {
name: 'index',
@ -233,7 +233,8 @@ export default {
}, this.$refs));
},
phoneListen: phoneListen,
checkHanzi: checkHanzi
checkHanzi: checkHanzi,
checkName: checkName
}
};
</script>

7
src/pages/manage/list/personal/currentAccount/accountCancellation.vue
Unescape View File

@ -22,7 +22,7 @@
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" prop="userName">
<el-input ref="userName" :value="form.userName" @input="(val) => checkHanzi(val, form, 'userName')"></el-input>
<el-input ref="userName" :value="form.userName" @input="(val) => checkName(val, form, 'userName')"></el-input>
</el-form-item>
<el-form-item label="证件号码" required>
<div class="idCard" @click="popUp('身份证扫描器')">
@ -37,7 +37,7 @@
</template>
<script>
import { vercustomer } from '@/utils/verify.js'
import { myValidate, checkHanzi } from '@/utils/utilFunction.js'
import { myValidate, checkHanzi, checkName } from '@/utils/utilFunction.js'
export default{
name:'',
props:{},
@ -94,7 +94,8 @@ export default{
popUp(text) {
this.$store.commit('system/changePop',{show:true,text})
},
checkHanzi: checkHanzi
checkHanzi: checkHanzi,
checkName: checkName
},
}
</script>

10
src/pages/manage/list/personal/currentAccount/deposit.vue
Unescape View File

@ -20,7 +20,7 @@
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" prop="userName">
<el-input v-model="form.userName" ref="userName"></el-input>
<el-input ref="userName" :value="form.userName" @input="(val) => checkName(val, form, 'userName')"></el-input>
</el-form-item>
<el-form-item label="钞汇标识" prop="goldLogo">
<el-select v-model="form.goldLogo" ref="goldLogo" placeholder="请选择">
@ -28,7 +28,7 @@
</el-select>
</el-form-item>
<el-form-item label="年利率" prop="annualInterest">
<el-input v-model="form.annualInterest" ref="annualInterest"></el-input>
<el-input :value="form.annualInterest" @input="(val) => rateListen(val, form, 'annualInterest')" ref="annualInterest"></el-input>
</el-form-item>
</el-col>
<el-col :span="21" :offset="1">
@ -44,7 +44,7 @@
<script>
import { mapMutations } from 'vuex'
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { ismoney, myValidate } from '@/utils/utilFunction.js'
import { ismoney, myValidate, checkName, rateListen } from '@/utils/utilFunction.js'
import { addOperation, getOperation } from '@/api/http';
export default{
name:'',
@ -159,7 +159,9 @@ export default{
popUp(text) {
this.$store.commit('system/changePop',{show:true,text:'刷卡器',id:'63'})
},
ismoney: ismoney
ismoney: ismoney,
checkName: checkName,
rateListen: rateListen
},
}
</script>

23
src/pages/manage/list/personal/currentAccount/transferAccounts.vue
Unescape View File

@ -18,12 +18,12 @@
<el-input :value="form.money" @input="val => ismoney(val, form, 'money')" ref="money"></el-input>
</el-form-item>
<el-form-item label="收款卡号" prop="shroffAccount">
<el-input v-model="form.shroffAccount" ref="shroffAccount"></el-input>
<el-input :value="form.shroffAccount" @input="(val) => checkHanzi(val, form, 'shroffAccount')" ref="shroffAccount"></el-input>
</el-form-item>
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" prop="username" :rules="rules.userName">
<el-input v-model="form.userName" disabled></el-input>
<el-form-item label="客户姓名" prop="username">
<el-input :value="form.userName" @input="(val) => checkName(val, form, 'userName')" disabled></el-input>
</el-form-item>
<el-form-item label="钞汇标识" prop="goldLogo">
<el-select disabled v-model="form.goldLogo" placeholder="请选择" ref="goldLogo">
@ -35,8 +35,8 @@
<p>请输入密码</p>
</div>
</el-form-item>
<el-form-item label="收款人名称" prop="payeeName" :rules="rules.payeeName" >
<el-input v-model="form.payeeName" ref="payeeName"></el-input>
<el-form-item label="收款人名称" prop="payeeName" >
<el-input :value="form.payeeName" @input="(val) => checkName(val, form, 'payeeName')" ref="payeeName"></el-input>
</el-form-item>
</el-col>
<el-col :span="21" :offset="1">
@ -51,7 +51,7 @@
</template>
<script>
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { myValidate, checkHanzi, ismoney } from '@/utils/utilFunction.js'
import { myValidate, checkHanzi, ismoney, checkName } from '@/utils/utilFunction.js'
export default{
name:'',
props:{},
@ -86,13 +86,6 @@ export default{
trigger: 'blur'
}
],
payeeName: [
{
required: true,
message: '请输入收款卡号',
trigger: 'blur'
}
],
money: [
{
required: true,
@ -150,7 +143,9 @@ export default{
popUp(text) {
this.$store.commit('system/changePop',{show:true,text})
},
ismoney: ismoney
ismoney: ismoney,
checkHanzi: checkHanzi,
checkName: checkName
},
}
</script>

8
src/pages/manage/list/personal/currentAccount/withdrawal.vue
Unescape View File

@ -25,7 +25,7 @@
</el-col>
<el-col :span="10" :offset="1">
<el-form-item label="客户姓名" prop="userName">
<el-input v-model="form.userName" ref="userName"></el-input>
<el-input ref="userName" :value="form.userName" @input="(val) => checkName(val, form, 'userName')"></el-input>
</el-form-item>
<el-form-item label="钞汇标识" prop="goldLogo">
<el-select v-model="form.goldLogo" placeholder="请选择" ref="goldLogo">
@ -53,7 +53,7 @@
</template>
<script>
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { myValidate, ismoney } from '@/utils/utilFunction.js'
import { myValidate, ismoney, checkName, checkHanzi } from '@/utils/utilFunction.js'
export default{
name:'',
props:{
@ -150,7 +150,9 @@ export default{
popUp(text) {
this.$store.commit('system/changePop',{show:true,text})
},
ismoney: ismoney
ismoney: ismoney,
checkName: checkName,
checkHanzi: checkHanzi
},
}
</script>

8
src/pages/manage/navbar/index.vue
Unescape View File

@ -280,4 +280,12 @@ export default {
/deep/.el-menu{
border: 0;
}
// 改变menu的字体大小
/deep/ .el-submenu__title span {
font-size: 18px;
}
/deep/.el-menu-item {
font-size: 18px!important;
}
</style>

26
src/utils/utilFunction.js
Unescape View File

@ -23,6 +23,28 @@ const checkHanzi = function(val, form, prop) {
form[prop] = val;
}
const checkName = function(val, form, prop) {
// 检查符号
const charReg = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘'，。、]/im;
// 检查空格
if(charReg.test(val) || /[\u4E00-\u9FA5]/i.test(val)) {
return;
}
form[prop] = val;
}
// 监听年利率
const rateListen = function(val, form, prop) {
// 检查符号 允许%
const charReg = /[`~!@#$^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥……&*（）——\-+={}|《》？：“”【】、；‘'，。、]/im;
// 检查空格
if(charReg.test(val) || /[\u4E00-\u9FA5]/i.test(val)) {
return;
}
form[prop] = val;
}
// 监听数字
const inputListen = function(val, row, prop) {
// 检查空格
@ -94,5 +116,7 @@ const myValidate = (callback, refs) => {
inputListen,
ismoney,
checkHanzi,
myValidate
myValidate,
checkName,
rateListen
}

7
src/utils/verify.js
Unescape View File

@ -38,8 +38,11 @@ const vername = [
]
const verrate = [
{
// pattern: /\d{1,2}(\.\d{1,2})?/,
// pattern: /^(([1-9]\\d{0,9})|0)(\\.\\d{1,2})?%$/,
// 带%的形式
// /^(\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: '请输入正确的年利率'
},{

Write Preview
Loading…
Cancel
Save