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

update

Browse Source
20240205
luoJunYong.123 3 years ago
parent 75fc4045ad
commit 2063528db7
6 changed files with 127 additions and 82 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      src/assets/css/tablebg.scss
  2. 17
      src/components/case/index.vue
  3. 17
      src/pages/manage/index/index.vue
  4. 137
      src/pages/manage/list/client/consumerClient.vue
  5. 21
      src/pages/manage/list/personal/callDeposits/openAccount.vue
  6. 16
      src/utils/verify.js

1
src/assets/css/tablebg.scss
Unescape View File

@ -24,6 +24,7 @@ $inputHeight: 38px;
.el-input { .el-input {
max-height: $mfFontSize!important; max-height: $mfFontSize!important;
line-height: $mfFontSize; line-height: $mfFontSize;
max-width: $mfFontSize+20px;
input { input {
max-height: $inputHeight; max-height: $inputHeight;
max-width: $inputHeight+40px; max-width: $inputHeight+40px;

17
src/components/case/index.vue
Unescape View File

@ -208,7 +208,7 @@ export default {
type: 'warning' type: 'warning'
}); });
// 提交 // 提交
this.sureSubmit(false) this.sureSubmit(true)
}else { }else {
} }
}) })
@ -552,12 +552,6 @@ export default {
type: 'success', type: 'success',
message: '提交成功' message: '提交成功'
}); });
}else {
this.$confirm('考试已结束，已自动为您提交。', '提示', {
confirmButtonText: '确定',
type: 'info',
center: true
})
} }
this.requires = list this.requires = list
} }
@ -604,11 +598,10 @@ export default {
this.minutes = `${m > 9 ? m : `0${m}`}`; this.minutes = `${m > 9 ? m : `0${m}`}`;
this.seconds = `${s > 9 ? s : `0${s}`}`; this.seconds = `${s > 9 ? s : `0${s}`}`;
} else { } else {
this.$confirm('考试已结束，已自动为您提交。', '提示', { this.$alert('考试已结束，已自动为您提交。', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
type: 'info', type: 'warning'
center: true });
})
this.sss = 0 this.sss = 0
this.sureSubmit(true) this.sureSubmit(true)
this.day = '00'; this.day = '00';

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

@ -126,14 +126,21 @@ export default {
// el-input变红 // el-input变红
/deep/ .el-input input{ /deep/ .el-input input{
&:focus { &:focus {
border-color: skyblue!important;; border-color: skyblue;
} }
} }
/deep/ .el-input.need input.need{
&:focus { // 校验错误变红
border-color: #f40; /deep/ .is-error input {
} border-color: #f40!important;;
} }
// /deep/ .el-form-item__error {
// top: 105%;
// left: auto;
// right: 0;
// color: #FFA94E;
// }
@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;

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

@ -8,7 +8,7 @@
</div> </div>
<div class="body"> <div class="body">
<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" :rules="rules">
<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.idType" disabled placeholder="请选择"> <el-select v-model="form.idType" disabled placeholder="请选择">
@ -20,10 +20,10 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :rules="rules.username" label="客户姓名" required> <el-form-item label="客户姓名" prop="userName">
<el-input v-model="form.userName" ref="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="出生日期" prop="birthday">
<el-date-picker <el-date-picker
v-model="form.birthday" v-model="form.birthday"
type="date" type="date"
@ -41,7 +41,7 @@
<p>请刷身份证</p> <p>请刷身份证</p>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="性别" required> <el-form-item label="性别" prop="sex">
<el-select v-model="form.sex" placeholder="请选择" ref='sex'> <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"
@ -62,7 +62,7 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" :rules="rules.phone" required> <el-form-item label="联系电话" :rules="rules.phone" prop="phone">
<el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')" maxlength="12" ref='phone'></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>
@ -126,8 +126,30 @@ export default {
phone:'',//联系电话 phone:'',//联系电话
}, },
rules: { rules: {
username: vername, userName: [
phone: vermob {
required: true,
message: '请输入客户姓名',
trigger: 'blur'
},
...vername
],
phone: [
{
required: true,
message: '请输入联系电话',
trigger: 'blur'
},
...vermob
],
birthday: [
{
required: true,
message: '请输入出生日期',
trigger: 'blur'
}
],
}, },
disForm:{name:'002009' ,pass:'123456'}, disForm:{name:'002009' ,pass:'123456'},
visible:false,// 表单 visible:false,// 表单
@ -157,47 +179,72 @@ export default {
}, },
//提交个人用户信息 //提交个人用户信息
submitForm(){ submitForm(){
this.$refs.form.validate((valid, obj) => {
console.log(valid)
console.log(obj)
let tmpObj = {};
for(const key in obj) {
console.log(key)
tmpObj = {
key: obj[key]
}
return;
}
console.log(tmpObj)
if (valid) {
this.visible = true;
let formList = [];
if(this.form.nationality){
formList.push({
"emptyOne": "",
"emptyTwo": "",
"operationIds": "0,5,25,33,45",
"type": ""
})
}
if(this.form.mailbox){
formList.push({
"emptyOne": "",
"emptyTwo": "",
"operationIds": "0,5,25,33,46",
"type": ""
})
}
formList.push(
{"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,40", "type": ""},
{"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,41,13", "type": ""},
{"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,42", "type": ""},
{"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,44", "type": ""},
{"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,47", "type": ""}
);
sessionStorage.setItem('ruleReqs', JSON.stringify(formList))
} else {
// 获取所有校验错误结果的第一项
let tmpObj = {};
for(const key in obj) {
tmpObj = {
[key]: obj[key]
}
return;
}
console.log(tmpObj)
// const requiredField = {
// // idNumber:'证件号码',
// userName:'客户姓名',
// sex:'性别',
// birthday:'出生日期',
// phone:'联系电话'
// }
// const judgeRef = checkRequired(this.form, requiredField)
// if(judgeRef !== '') {
// this.$refs[judgeRef].focus();
// }
}
});
return false
let formExternalData = sessionStorage.getItem('formExternalData') let formExternalData = sessionStorage.getItem('formExternalData')
let consumerClientDragList = JSON.parse(formExternalData); let consumerClientDragList = JSON.parse(formExternalData);
// //
const requiredField = {
// idNumber:'证件号码',
userName:'客户姓名',
sex:'性别',
birthday:'出生日期',
phone:'联系电话'
}
const judgeRef = checkRequired(this.form, requiredField)
if(judgeRef === '') {
this.visible = true;
let formList = [];
if(this.form.nationality){
formList.push({
"emptyOne": "",
"emptyTwo": "",
"operationIds": "0,5,25,33,45",
"type": ""
})
}
if(this.form.mailbox){
formList.push({
"emptyOne": "",
"emptyTwo": "",
"operationIds": "0,5,25,33,46",
"type": ""
})
}
formList.push(
{"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,40", "type": ""},
{"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,41,13", "type": ""},
{"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,42", "type": ""},
{"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,44", "type": ""},
{"emptyOne": "", "emptyTwo": "", "operationIds": "0,5,25,33,47", "type": ""}
);
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 = [];

21
src/pages/manage/list/personal/callDeposits/openAccount.vue
Unescape View File

@ -13,22 +13,22 @@
<el-input v-model="form.clientNumber" ref="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>
<el-form-item label="通知类型" required> <el-form-item label="通知类型" required>
<el-select disabled v-model="form.noticeType" placeholder="请选择"> <el-select disabled v-model="form.noticeType" placeholder="请选择" ref="noticeType">
<el-option label="1年" value="1年"> </el-option> <el-option label="1年" value="1年"> </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="10" :offset="1"> <el-col :span="10" :offset="1">
@ -38,10 +38,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>
@ -51,7 +51,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.depositType" placeholder="请选择"> <el-select disabled v-model="form.depositType" placeholder="请选择" ref="depositType">
<el-option label="现金" value="现金"> </el-option> <el-option label="现金" value="现金"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -112,8 +112,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();
} }
}, },

16
src/utils/verify.js
Unescape View File

@ -6,14 +6,10 @@ const vermail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})
const vermob = [ const vermob = [
{ {
pattern: /^1[3456789][0-9]{9}$/, pattern: /^1[3456789][0-9]{9}$/,
message: '请输入正确的手机号', message: '号码格式有误'
trigger: 'blur'
}, { }, {
message: '请输入12位以下数字', message: '请输入12位以下数字',
max: 11 max: 11
},{
required: true,
message: '请输入号码'
} }
] ]
const vername = [ const vername = [
@ -21,12 +17,9 @@ const vername = [
// pattern: /^[\u4e00-\u9fa5]{2,4}$/, // pattern: /^[\u4e00-\u9fa5]{2,4}$/,
// 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 = [
{ {
// pattern: /\d{1,2}(\.\d{1,2})?/, // pattern: /\d{1,2}(\.\d{1,2})?/,
@ -35,7 +28,8 @@ const verrate = [
message: '请输入正确的年利率' message: '请输入正确的年利率'
},{ },{
required: true, required: true,
message: '请输入年利率' message: '请输入年利率',
trigger: blur
} }
] ]
const requiremoney = [ const requiremoney = [

Write Preview
Loading…
Cancel
Save