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

网上银行开户开发完成

Browse Source
20240205
yujialong 9 months ago
parent 8b768a0671
commit 8b9ac8c068
11 changed files with 2374 additions and 2671 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. 102
      src/components/dialog/index.vue
  2. 104
      src/components/dialogTwo/index.vue
  3. 3
      src/pages/counter/list/index.vue
  4. 2
      src/pages/counter/list/myConfig.js
  5. 88
      src/pages/manage/list/client/consumerClient.vue
  6. 406
      src/pages/manage/list/onlineBank/openAccount.vue
  7. 98
      src/pages/manage/list/personal/accountService/accountService.vue
  8. 394
      src/pages/manage/list/personal/currentAccount/openAccount.vue
  9. 93
      src/pages/manage/list/personal/timeDeposit/deposit.vue
  10. 109
      src/pages/manage/list/personal/timeDeposit/openAccount.vue
  11. 96
      src/pages/manage/list/personal/usefulPhrases/openAccount.vue

102
src/components/dialog/index.vue
Unescape View File

@ -4,69 +4,46 @@
<!-- 这个是自己封装的提示组件， 用于系统录入中弹出的授权弹框 业务需求是：有些业务需要授权，有些业务不需要授权。 --> <!-- 这个是自己封装的提示组件， 用于系统录入中弹出的授权弹框 业务需求是：有些业务需要授权，有些业务不需要授权。 -->
<el-dialog :visible="visible" <el-dialog :visible="visible" append-to-body style="z-index: 6000;" class="apple" :close-on-click-modal="true"
append-to-body :show-close="false" custom-class="w3w5 bgNone z6000">
style="z-index: 6000;" <div class="data-dia23 mx-auto w-9/12 rounded-3xl" :class="{ ['w-full']: flow === 3 }">
class="apple"
:close-on-click-modal="true"
:show-close="false"
custom-class="w3w5 bgNone z6000">
<div class="data-dia23 mx-auto w-9/12 rounded-3xl"
:class="{ ['w-full']: flow === 3 }">
<!-- 2xl:w-3/5 xl:w-4/5 lg:w-full --> <!-- 2xl:w-3/5 xl:w-4/5 lg:w-full -->
<div slot="title" <div slot="title" class="dia-header rounded-3xl">
class="dia-header rounded-3xl"> <div class="data-title" v-if="flow === 1 || flow === 2">提示</div>
<div class="data-title" <div class="data-title" v-else-if="flow === 4">提交</div>
v-if="flow === 1 || flow === 2">提示</div> <div class="data-title" v-else>{{ successName }}</div>
<div class="data-title"
v-else-if="flow === 4">提交</div>
<div class="data-title"
v-else>{{ successName }}</div>
</div> </div>
<!-- 需要授权时，父组件传进的flow为1 --> <!-- 需要授权时，父组件传进的flow为1 -->
<div class="popBody" <div class="popBody" v-if="flow === 1">
v-if="flow === 1">
<h2 class="text-red-500 text-2xl">本业务需要授权</h2> <h2 class="text-red-500 text-2xl">本业务需要授权</h2>
</div> </div>
<!-- 不需要授权时，父组件传进的flow为4 --> <!-- 不需要授权时，父组件传进的flow为4 -->
<div class="popBody" <div class="popBody" v-else-if="flow === 4">
v-else-if="flow === 4">
<h2 class="text-red-500 text-2xl">提交后将不可更改，您确定要提交吗？</h2> <h2 class="text-red-500 text-2xl">提交后将不可更改，您确定要提交吗？</h2>
</div> </div>
<!-- 上面说的需要授权的flow为1，点击确认后flow变为2，弹出授权柜员的账号和密码 --> <!-- 上面说的需要授权的flow为1，点击确认后flow变为2，弹出授权柜员的账号和密码 -->
<div class="popBody" <div class="popBody" v-else-if="flow === 2">
v-else-if="flow === 2"> <el-form ref="form2" :model="disForm" label-width="200px">
<el-form ref="form2"
:model="disForm"
label-width="200px">
<el-form-item label="授权柜员"> <el-form-item label="授权柜员">
<el-input disabled <el-input disabled v-model.trim="disForm.name"></el-input>
v-model.trim="disForm.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="授权柜员"> <el-form-item label="授权柜员">
<el-input type="password" <el-input type="password" disabled v-model.trim="disForm.pass"></el-input>
disabled
v-model.trim="disForm.pass"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<!-- 不管授权与否，最后一步都是展示提交的信息。 --> <!-- 不管授权与否，最后一步都是展示提交的信息。 -->
<div class="popBody w-full" <div class="popBody w-full" v-else>
v-else>
<el-row :gutter="20"> <el-row :gutter="20">
<el-form label-width="200px"> <el-form label-width="200px">
<el-col :span="12"> <el-col :span="12">
<el-form-item v-for="(val, key) in leftObj" <el-form-item v-for="(val, key) in leftObj" :key="key" :label="key + ':'">
:key="key"
:label="key + ':'">
<div>{{ val }}</div> <div>{{ val }}</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item v-for="(val, key) in rightObj" <el-form-item v-for="(val, key) in rightObj" :key="key" :label="key + ':'">
:key="key"
:label="key + ':'">
<div>{{ val }}</div> <div>{{ val }}</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -74,20 +51,13 @@
</el-row> </el-row>
</div> </div>
<!-- 不是最后的提交信息有取消按钮，只要点击取消就不会发送请求给后端 --> <!-- 不是最后的提交信息有取消按钮，只要点击取消就不会发送请求给后端 -->
<div class="popBtns" <div class="popBtns" v-if="flow === 1 || flow === 2 || flow === 4">
v-if="flow === 1 || flow === 2 || flow === 4"> <el-button class="close btn hover:bg-blue-100 " @click="cancelIt">取 消</el-button>
<el-button class="close btn hover:bg-blue-100 " <el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt">确 定</el-button>
@click="cancelIt">取 消</el-button>
<el-button class="sure btn hover:bg-blue-700 "
type="primary"
@click="sureIt">确 定</el-button>
</div> </div>
<!-- 展示信息的弹框没有取消按钮，此时已经发送请求给后端了 --> <!-- 展示信息的弹框没有取消按钮，此时已经发送请求给后端了 -->
<div class="myPopBtns" <div class="myPopBtns" v-else>
v-else> <el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt">确 定</el-button>
<el-button class="sure btn hover:bg-blue-700 "
type="primary"
@click="sureIt">确 定</el-button>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
@ -125,6 +95,7 @@ const obj = {
'controlCash/cashTransferInto': '现金上缴', 'controlCash/cashTransferInto': '现金上缴',
'business/deposit': '存款', 'business/deposit': '存款',
'business/withdrawal': '取款', 'business/withdrawal': '取款',
'onlineBank/openAccount': '网上银行开户',
'spacial': '提交' 'spacial': '提交'
} }
@ -304,6 +275,14 @@ const nameMap = {
112: '按月', 112: '按月',
113: '满页' 113: '满页'
}, },
openOnlineBanking: {
1: '是',
0: '否'
},
openPhoneBanking: {
1: '是',
0: '否'
},
} }
export default { export default {
props: { props: {
@ -469,15 +448,18 @@ export default {
transform: translateY(-100px); transform: translateY(-100px);
min-width: 1300px; min-width: 1300px;
} }
/deep/.w4w5 { /deep/.w4w5 {
min-width: 800px; min-width: 800px;
} }
/deep/.el-dialog { /deep/.el-dialog {
-webkit-box-shadow: 0; -webkit-box-shadow: 0;
box-shadow: 0 0 0 0 !important; box-shadow: 0 0 0 0 !important;
border: 0 !important; border: 0 !important;
// display: none; // display: none;
} }
/deep/.el-form-item { /deep/.el-form-item {
label { label {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
@ -486,6 +468,7 @@ export default {
letter-spacing: 0.21px; letter-spacing: 0.21px;
font-weight: 400; font-weight: 400;
} }
.el-form-item__content { .el-form-item__content {
padding-left: 30px; padding-left: 30px;
text-align: left; text-align: left;
@ -505,6 +488,7 @@ export default {
height: 0; height: 0;
z-index: 9899999; z-index: 9899999;
} }
.masking { .masking {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
@ -515,11 +499,13 @@ export default {
opacity: 0.5; opacity: 0.5;
background-color: rgba(51, 51, 51, 0.9); background-color: rgba(51, 51, 51, 0.9);
} }
.data-dia23 { .data-dia23 {
// position: absolute; // position: absolute;
min-width: 40%; min-width: 40%;
background-color: white; background-color: white;
z-index: 9999; z-index: 9999;
.popBody { .popBody {
// width: 100%; // width: 100%;
min-height: 30vh; min-height: 30vh;
@ -527,12 +513,15 @@ export default {
padding-bottom: 20px; padding-bottom: 20px;
display: flex; display: flex;
align-items: center; align-items: center;
/deep/ .el-form { /deep/ .el-form {
height: 100%; height: 100%;
} }
} }
.dia-header { .dia-header {
height: 100%; height: 100%;
// position: relative; // position: relative;
.data-title { .data-title {
width: 300px; width: 300px;
@ -550,6 +539,7 @@ export default {
width: 100%; width: 100%;
padding: 0 50px; padding: 0 50px;
} }
// /deep/.popbody { // /deep/.popbody {
// width: 100vw!important; // width: 100vw!important;
// height: 100%!important; // height: 100%!important;
@ -560,17 +550,20 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-bottom: 20px; padding-bottom: 20px;
& > .btn {
&>.btn {
width: 180px; width: 180px;
font-size: 18px; font-size: 18px;
} }
} }
.myPopBtns { .myPopBtns {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-bottom: 20px; padding-bottom: 20px;
& > .btn {
&>.btn {
width: 180px; width: 180px;
font-size: 18px; font-size: 18px;
} }
@ -589,12 +582,15 @@ export default {
/deep/.bgNone { /deep/.bgNone {
background-color: transparent; background-color: transparent;
} }
/deep/.myFull { /deep/.myFull {
width: 90%; width: 90%;
} }
/deep/.el-dialog { /deep/.el-dialog {
z-index: 9999 !important; z-index: 9999 !important;
} }
/deep/.el-dialog__wrapper { /deep/.el-dialog__wrapper {
z-index: 9999 !important; z-index: 9999 !important;
} }

104
src/components/dialogTwo/index.vue
Unescape View File

@ -1,82 +1,52 @@
<template> <template>
<!-- 这个组件原理和dialog一样！！！！！！！！！！！！！！ --> <!-- 这个组件原理和dialog一样！！！！！！！！！！！！！！ -->
<el-dialog :visible="visible" <el-dialog :visible="visible" append-to-body style="z-index: 6000;" class="apple" :close-on-click-modal="true"
append-to-body :show-close="false" custom-class="w4w5 bgNone z6000">
style="z-index: 6000;" <div class="data-dia23 mx-auto w-9/12 rounded-3xl" :class="{ ['w-full']: flow === 3 }">
class="apple"
:close-on-click-modal="true"
:show-close="false"
custom-class="w4w5 bgNone z6000">
<div class="data-dia23 mx-auto w-9/12 rounded-3xl"
:class="{ ['w-full']: flow === 3 }">
<!-- 2xl:w-3/5 xl:w-4/5 lg:w-full --> <!-- 2xl:w-3/5 xl:w-4/5 lg:w-full -->
<div slot="title" <div slot="title" class="dia-header rounded-3xl">
class="dia-header rounded-3xl"> <div class="data-title" v-if="flow === 1 || flow === 2">提示</div>
<div class="data-title" <div class="data-title" v-else-if="flow === 4">提交</div>
v-if="flow === 1 || flow === 2">提示</div> <div class="data-title" v-else>{{ successName }}</div>
<div class="data-title"
v-else-if="flow === 4">提交</div>
<div class="data-title"
v-else>{{ successName }}</div>
</div> </div>
<div class="popBody" <div class="popBody" v-if="flow === 1">
v-if="flow === 1">
<h2 class="text-red-500 text-2xl">本业务需要授权</h2> <h2 class="text-red-500 text-2xl">本业务需要授权</h2>
</div> </div>
<div class="popBody" <div class="popBody" v-else-if="flow === 4">
v-else-if="flow === 4">
<h2 class="text-red-500 text-2xl">提交后将不可更改，您确定要提交吗？</h2> <h2 class="text-red-500 text-2xl">提交后将不可更改，您确定要提交吗？</h2>
</div> </div>
<div class="popBody" <div class="popBody" v-else-if="flow === 2">
v-else-if="flow === 2"> <el-form ref="form2" :model="disForm" label-width="200px">
<el-form ref="form2"
:model="disForm"
label-width="200px">
<el-form-item label="授权柜员号"> <el-form-item label="授权柜员号">
<el-input disabled <el-input disabled v-model.trim="disForm.name"></el-input>
v-model.trim="disForm.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="授权柜员"> <el-form-item label="授权柜员">
<el-input type="password" <el-input type="password" disabled v-model.trim="disForm.pass"></el-input>
disabled
v-model.trim="disForm.pass"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div class="popBody w-full" <div class="popBody w-full" v-else>
v-else>
<el-row :gutter="20"> <el-row :gutter="20">
<el-form label-width="200px"> <el-form label-width="200px">
<el-col :span="12"> <el-col :span="12">
<el-form-item v-for="(val, key) in leftObj" <el-form-item v-for="(val, key) in leftObj" :key="key" :label="key + ':'">
:key="key"
:label="key + ':'">
<div>{{ val }}</div> <div>{{ val }}</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item v-for="(val, key) in rightObj" <el-form-item v-for="(val, key) in rightObj" :key="key" :label="key + ':'">
:key="key"
:label="key + ':'">
<div>{{ val }}</div> <div>{{ val }}</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
</el-row> </el-row>
</div> </div>
<div class="popBtns" <div class="popBtns" v-if="flow === 1 || flow === 2 || flow === 4">
v-if="flow === 1 || flow === 2 || flow === 4"> <el-button class="close btn hover:bg-blue-100 " @click="cancelIt">取 消</el-button>
<el-button class="close btn hover:bg-blue-100 " <el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt">确 定</el-button>
@click="cancelIt">取 消</el-button>
<el-button class="sure btn hover:bg-blue-700 "
type="primary"
@click="sureIt">确 定</el-button>
</div> </div>
<div class="myPopBtns" <div class="myPopBtns" v-else>
v-else> <el-button class="sure btn hover:bg-blue-700 " type="primary" @click="sureIt">确 定</el-button>
<el-button class="sure btn hover:bg-blue-700 "
type="primary"
@click="sureIt">确 定</el-button>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
@ -118,7 +88,7 @@ const obj = {
'spacial': '提交', 'spacial': '提交',
"cityWide/cityWideOut": '同城提出', "cityWide/cityWideOut": '同城提出',
"cityWide/cityWideIn": '同城提入', "cityWide/cityWideIn": '同城提入',
'acceptanceDraft/invoice': '承兑汇票开票' 'acceptanceDraft/invoice': '承兑汇票开票',
} }
const nameMap = { const nameMap = {
sex: { sex: {
@ -407,24 +377,29 @@ export default {
/deep/ .el-row { /deep/ .el-row {
width: 100%; width: 100%;
} }
/deep/.popbody { /deep/.popbody {
width: 100vw !important; width: 100vw !important;
} }
.popBtns { .popBtns {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
& > .btn {
&>.btn {
width: 180px; width: 180px;
border-radius: 10px; border-radius: 10px;
font-size: 18px; font-size: 18px;
} }
} }
.myPopBtns { .myPopBtns {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
& > .btn {
&>.btn {
width: 180px; width: 180px;
border-radius: 10px; border-radius: 10px;
font-size: 18px; font-size: 18px;
@ -438,14 +413,17 @@ export default {
/deep/.w3w5 { /deep/.w3w5 {
min-width: 1400px; min-width: 1400px;
} }
/deep/.w4w5 { /deep/.w4w5 {
min-width: 800px; min-width: 800px;
} }
/deep/.el-dialog { /deep/.el-dialog {
-webkit-box-shadow: 0; -webkit-box-shadow: 0;
box-shadow: 0 0 0 0 !important; box-shadow: 0 0 0 0 !important;
border: 0 !important; border: 0 !important;
} }
/deep/.el-form-item { /deep/.el-form-item {
label { label {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
@ -454,6 +432,7 @@ export default {
letter-spacing: 0.21px; letter-spacing: 0.21px;
font-weight: 400; font-weight: 400;
} }
.el-form-item__content { .el-form-item__content {
padding-left: 30px; padding-left: 30px;
text-align: left; text-align: left;
@ -473,6 +452,7 @@ export default {
height: 0; height: 0;
z-index: 9899999; z-index: 9899999;
} }
.masking { .masking {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
@ -483,11 +463,13 @@ export default {
opacity: 0.5; opacity: 0.5;
background-color: rgba(51, 51, 51, 0.9); background-color: rgba(51, 51, 51, 0.9);
} }
.data-dia23 { .data-dia23 {
// position: absolute; // position: absolute;
min-width: 40%; min-width: 40%;
background-color: white; background-color: white;
z-index: 9999; z-index: 9999;
.popBody { .popBody {
// width: 100%; // width: 100%;
min-height: 30vh; min-height: 30vh;
@ -495,12 +477,15 @@ export default {
padding-bottom: 20px; padding-bottom: 20px;
display: flex; display: flex;
align-items: center; align-items: center;
/deep/ .el-form { /deep/ .el-form {
height: 100%; height: 100%;
} }
} }
.dia-header { .dia-header {
height: 100%; height: 100%;
// position: relative; // position: relative;
.data-title { .data-title {
width: 300px; width: 300px;
@ -518,6 +503,7 @@ export default {
width: 100%; width: 100%;
padding: 0 50px; padding: 0 50px;
} }
// /deep/.popbody { // /deep/.popbody {
// width: 100vw!important; // width: 100vw!important;
// height: 100%!important; // height: 100%!important;
@ -528,17 +514,20 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-bottom: 20px; padding-bottom: 20px;
& > .btn {
&>.btn {
width: 180px; width: 180px;
font-size: 18px; font-size: 18px;
} }
} }
.myPopBtns { .myPopBtns {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-bottom: 20px; padding-bottom: 20px;
& > .btn {
&>.btn {
width: 180px; width: 180px;
font-size: 18px; font-size: 18px;
} }
@ -557,12 +546,15 @@ export default {
/deep/.bgNone { /deep/.bgNone {
background-color: transparent; background-color: transparent;
} }
/deep/.myFull { /deep/.myFull {
width: 90%; width: 90%;
} }
/deep/.el-dialog { /deep/.el-dialog {
z-index: 9999 !important; z-index: 9999 !important;
} }
/deep/.el-dialog__wrapper { /deep/.el-dialog__wrapper {
z-index: 9999 !important; z-index: 9999 !important;
} }

3
src/pages/counter/list/index.vue
Unescape View File

@ -1391,9 +1391,6 @@ export default {
} }
}) })
}, },
test () {
console.log('test---man')
},
voucherCardGetIt (number) { voucherCardGetIt (number) {
if (number === 2) { if (number === 2) {

2
src/pages/counter/list/myConfig.js
Unescape View File

@ -1,6 +1,4 @@
// 刷卡的配置文件，map结构，避免写太多if,else,配置更方便。有很多地方刷银行卡和身份证的。 // 刷卡的配置文件，map结构，避免写太多if,else,配置更方便。有很多地方刷银行卡和身份证的。
const myConfig = { const myConfig = {
'99': { '99': {
nbm: 118, nbm: 118,

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

@ -5,67 +5,39 @@
<div class="body"> <div class="body">
<el-row :gutter="20"> <el-row :gutter="20">
<el-form ref="form" <el-form ref="form" :model="form" label-width="140px" :rules="rules">
:model="form" <el-col :span="10" :offset="1">
label-width="140px"
:rules="rules">
<el-col :span="10"
:offset="1">
<el-form-item label="证件类型"> <el-form-item label="证件类型">
<el-select v-model.trim="form.idType" <el-select v-model.trim="form.idType" disabled placeholder="请选择" ref="idType">
disabled <el-option label="身份证" :value="83">
placeholder="请选择"
ref="idType">
<el-option label="身份证"
:value="83">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户姓名" <el-form-item label="客户姓名" prop="userName">
prop="userName"> <el-input ref="userName" disabled :value="form.userName"
<el-input ref="userName"
disabled
:value="form.userName"
@input="(val) => checkName(val, form, 'userName')"></el-input> @input="(val) => checkName(val, form, 'userName')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="出生日期" <el-form-item label="出生日期" prop="birthday">
prop="birthday"> <el-date-picker disabled v-model.trim="form.birthday" type="date" placeholder="选择日期" format="yyyy-MM-dd"
<el-date-picker disabled
v-model.trim="form.birthday"
type="date"
placeholder="选择日期"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"> value-format="yyyy-MM-dd">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="通讯地址"> <el-form-item label="通讯地址">
<el-input :value="form.mailbox" <el-input :value="form.mailbox" @input="val => mailBoxListen(val, form, 'mailbox')" maxlength="30"
@input="val => mailBoxListen(val, form, 'mailbox')"
maxlength="30"
ref="mailbox"></el-input> ref="mailbox"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" <el-col :span="10" :offset="1">
:offset="1"> <el-form-item label="证件号码" required>
<el-form-item label="证件号码" <div class="idCard" @click="popUp('身份证扫描仪')" v-if='!idNumberJudge'>
required>
<div class="idCard"
@click="popUp('身份证扫描仪')"
v-if='!idNumberJudge'>
<p>请刷身份证</p> <p>请刷身份证</p>
</div> </div>
<div v-else> <div v-else>
<el-input :value="form.idNumber" <el-input :value="form.idNumber" disabled ref="idNumber"></el-input>
disabled
ref="idNumber"></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="性别" <el-form-item label="性别" prop="sex">
prop="sex"> <el-select v-model.trim="form.sex" disabled placeholder="请选择" ref='sex'>
<el-select v-model.trim="form.sex"
disabled
placeholder="请选择"
ref='sex'>
<!-- <el-option <!-- <el-option
v-for="item in gender" v-for="item in gender"
:key="item.id" :key="item.id"
@ -73,46 +45,31 @@
:value="item.id" :value="item.id"
> >
</el-option> --> </el-option> -->
<el-option :key="1" <el-option :key="1" label="男" :value="1">
label="男"
:value="1">
</el-option> </el-option>
<el-option :key="2" <el-option :key="2" label="女" :value="2">
label="女"
:value="2">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" <el-form-item label="联系电话" :rules="rules.phone" prop="phone">
:rules="rules.phone" <el-input :value="form.phone" @input="(val) => phoneListen(val, form, 'phone')" maxlength="12"
prop="phone">
<el-input :value="form.phone"
@input="(val) => phoneListen(val, form, 'phone')"
maxlength="12"
ref='phone'></el-input> ref='phone'></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" <el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
type="primary"
class="submitBtn"
v-throttle>提交</el-button>
</div> </div>
<my-dialog :moduleName="moduleName" <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
v-if="visible"
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="submitForm2()" /> @submitIt="submitForm2()" />
</div> </div>
<!-- <need-before class='wrap' v-else :moduleName='needBefore' :unNeed="unNeed"> <!-- <need-before class='wrap' v-else :moduleName='needBefore' :unNeed="unNeed">
</need-before> --> </need-before> -->
</template> </template>
<script> // 模块标识: consumerClient <script>// 模块标识: consumerClient
import { mapState, mapMutations, mapGetters } from 'vuex' import { mapState, mapMutations, mapGetters } from 'vuex'
import { vername, vermob } from '@/utils/verify.js' import { vername, vermob } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http'; import { addOperation, getOperation } from '@/api/http';
@ -467,6 +424,7 @@ export default {
flex-direction: column; flex-direction: column;
overflow: auto; overflow: auto;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.body { .body {
margin-top: 50px; margin-top: 50px;
overflow-y: auto; overflow-y: auto;

406
src/pages/manage/list/onlineBank/openAccount.vue
Unescape View File

@ -5,224 +5,168 @@
<div class="body"> <div class="body">
<el-row :gutter="20"> <el-row :gutter="20">
<el-form ref="form" <el-form ref="form" :model="form" label-width="120px" :rules="rules">
:model="form" <el-col :span="10" :offset="1">
label-width="120px" <el-form-item label="证件类型">
:rules="rules"> <el-select v-model.trim="form.certificateType" placeholder="请选择">
<el-col :span="10" <el-option label="身份证" :value="83"> </el-option>
:offset="1">
<el-form-item label="证件类型"
prop="certificateType">
<el-select v-model.trim="form.certificateType"
placeholder="请选择"
ref="certificateType">
<el-option label="身份证"
:value="83"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户号" <el-form-item label="客户号">
prop="customerNumber"> <el-input ref="clientNumber" disabled maxlength="20" :value="form.clientNumber"
<el-input :value="form.customerNumber" @input="(val) => checkHanzi(val, form, 'clientNumber')"></el-input>
maxlength="20"
disabled
@input="(val) => checkHanzi(val, form, 'customerNumber')"
ref="customerNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" <el-form-item label="币种" prop="currency">
prop="currency"> <el-select v-model.trim="form.currency" placeholder="请选择" disabled ref="currency">
<el-select v-model.trim="form.currency" <el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId"
placeholder="请选择"
ref="currency">
<el-option v-for="item in getSelectList.currencySelectList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option> :key="item.itemId"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证类型" <el-form-item label="凭证类型" prop="voucherType">
prop="certificateType"> <el-select v-model.trim="form.voucherType" placeholder="请选择" disabled ref="voucherType">
<el-select v-model.trim="form.certificateType" <el-option label="IC卡" :value="15"> </el-option>
placeholder="请选择"
ref="certificateType">
<el-option label="转账支票"
:value="115"> </el-option>
<el-option label="现金支票"
:value="116"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="开通网上银行" <el-form-item label="开通网上银行" prop="openOnlineBanking">
prop="extendPeriod" <el-radio-group v-model.trim="form.openOnlineBanking">
required> <el-radio :label="1">是</el-radio>
<el-radio-group v-model.trim="form.extendPeriod" <el-radio :label="0">否</el-radio>
ref="extendPeriod">
<el-radio :label="90">是</el-radio>
<el-radio :label="91">否</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" <el-form-item label="支取密码" required>
required> <div v-if='!form.drawPassword' class="idCard" @click="popUp3('密码器')">
<div v-if='!form.drawPassword'
class="idCard"
@click="popUp3('密码器')">
<p>请输入密码</p> <p>请输入密码</p>
</div> </div>
<div v-else <div v-else @click="popUp3('密码器')">
@click="popUp3('密码器')"> <el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input>
<el-input :value="form.drawPassword"
ref="drawPassword"
type="password"></el-input>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" <el-col :span="10" :offset="1">
:offset="1"> <el-form-item label="证件号码" required>
<el-form-item label="证件号码" <div class="idCard" @click="popUp1('身份证扫描仪')" v-if='!idNumberJudge'>
required>
<div class="idCard"
@click="popUp1('身份证扫描仪')"
v-if='!idNumberJudge'>
<p>请刷身份证</p> <p>请刷身份证</p>
</div> </div>
<div v-else> <div v-else>
<el-input :value="form.idNumber" <el-input :value="form.idNumber" disabled ref="idNumber"></el-input>
disabled
ref="idNumber"></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="客户姓名" <el-form-item label="客户姓名" prop="customerName">
prop="customerName"> <el-input ref="customerName" disabled :value="form.customerName"
<el-input ref="customerName"
disabled
:value="form.customerName"
@input="(val) => checkName(val, form, 'customerName')"></el-input> @input="(val) => checkName(val, form, 'customerName')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" <el-form-item label="钞汇标识" prop="goldLogo">
prop="goldLogo"> <el-select v-model.trim="form.goldLogo" placeholder="请选择" disabled ref="goldLogo">
<el-select v-model.trim="form.goldLogo" <el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId"
placeholder="请选择"
ref="goldLogo">
<el-option v-for="item in getSelectList.goldLogoSelectList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option> :key="item.itemId"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证号码" <el-form-item label="凭证号码" required>
required> <div v-if='!cardNumberJudge' class="idCard" @click="popUp2('刷卡器')">
<div v-if='!cardNumberJudge'
class="idCard"
@click="popUp2('刷卡器')">
<p>请刷卡</p> <p>请刷卡</p>
</div> </div>
<div v-else> <div v-else>
<el-input @blur="getDataBlur" <el-input maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber"
maxlength="20"
ref="voucherNumber"
disabled
:value="form.voucherNumber"
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</div> </div>
<!-- <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> -->
</el-form-item> </el-form-item>
<el-form-item label="开通手机银行" <el-form-item label="开通手机银行" prop="openPhoneBanking">
prop="extendPeriod" <el-radio-group v-model.trim="form.openPhoneBanking">
required> <el-radio :label="1">是</el-radio>
<el-radio-group v-model.trim="form.extendPeriod" <el-radio :label="0">否</el-radio>
ref="extendPeriod">
<el-radio :label="90">是</el-radio>
<el-radio :label="91">否</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<my-dialog :moduleName="moduleName" <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form"
v-if="visible" :formName="formName" @submitIt="submitForm2" depositNumber='0816' />
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="submitForm2"
depositNumber='0816' />
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" <el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
type="primary"
class="submitBtn"
v-throttle>提交</el-button>
</div> </div>
<my-dialog :moduleName="moduleName" <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
v-if="visible"
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="submitForm2()" /> @submitIt="submitForm2()" />
</div> </div>
<!-- <need-before class='wrap' v-else :moduleName='needBefore' :unNeed="unNeed">
</need-before> -->
</template> </template>
<script> // 模块标识: consumerClient <script>
import { mapState, mapMutations, mapGetters } from 'vuex' import { mapState, mapMutations, mapGetters } from 'vuex'
import { vername, vermob } from '@/utils/verify.js' import { vername, vermob } from '@/utils/verify.js'
import { addOperation, getOperation } from '@/api/http'; import { addOperation, getOperation } from '@/api/http';
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { phoneListen, mailBoxListen, checkRequired, randomPeopleNumber, myValidate, checkName, messageIdCard } from '@/utils/utilFunction.js' import { phoneListen, mailBoxListen, checkHanzi, randomPeopleNumber, myValidate, checkName, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js'
import MyTitle from '@/components/myTitle' import MyTitle from '@/components/myTitle'
import TipsBefore from '@/mixins/tipsBefore' import TipsBefore from '@/mixins/tipsBefore'
import MyDialog from '@/components/dialog' import MyDialog from '@/components/dialog'
import NeedBefore from '@/components/needBefore' import NeedBefore from '@/components/needBefore'
const moduleName = 'consumerClient' const moduleName = 'onlineBank/openAccount'
export default { export default {
name: 'consumerClient',
data () { data () {
return { return {
moduleName: 'consumerClient', moduleName,
idNumberJudge: false, idNumberJudge: false,
visible: false,// 表单 visible: false,// 表单
cardNumberJudge: false,
form: { form: {
idType: 83,//证件类型 certificateType: 83, // 证件类型
idNumber: '',//证件号码 idNumber: '',//证件号码
userName: '',//客户名字 clientNumber: '', // 客户号
sex: '',//性别 customerName: '', // 客户姓名
birthday: null,//出生日期 currency: '', // 币种
nationality: '',//民族 goldLogo: '', // 钞汇标识
mailbox: '',//通讯地址 voucherType: 15, // 凭证类型
phone: '',//联系电话 voucherNumber: '', // 凭证号码
peopleNumber: '', openOnlineBanking: '',
openPhoneBanking: '',
drawPassword: '', // 支付密码
}, },
formName: { formName: {
idType: '证件类型', certificateType: '证件类型',
idNumber: '证件号码', idNumber: '证件号码',
userName: '客户名字', clientNumber: '客户号',
sex: '性别', customerName: '客户姓名',
birthday: '出生日期', currency: '币种',
nationality: '民族', goldLogo: '钞汇标识',
mailbox: '通讯地址', voucherType: '凭证类型',
phone: '联系电话', voucherNumber: '凭证号码',
peopleNumber: '客户号' openOnlineBanking: '开通网上银行',
openPhoneBanking: '开通手机银行',
drawPassword: '支付密码',
}, },
rules: { rules: {
userName: vercustomer, customerName: vercustomer,
phone: [ currency: [{
{
required: true, required: true,
message: '请输入联系电话', message: '请选择币种',
trigger: 'blur' trigger: 'blur'
},
{
pattern: mobPattern,
message: '联系电话格式有误'
} }
], ],
birthday: [ goldLogo: [{
{
required: true, required: true,
message: '请选择出生日期', message: '请选择钞汇标识',
trigger: 'blur'
}
],
voucherType: [{
required: true,
message: '请选择凭证类型',
trigger: 'blur'
}
],
openOnlineBanking: [{
required: true,
message: '请选择开通网上银行',
trigger: 'blur'
}
],
openPhoneBanking: [{
required: true,
message: '请选择开通手机银行',
trigger: 'blur' trigger: 'blur'
} }
], ],
}, },
authorization: false,// 切授权 authorization: false,// 切授权
@ -235,65 +179,6 @@ export default {
{ name: '男', id: 1 }, { name: '男', id: 1 },
{ name: '女', id: 2 }, { name: '女', id: 2 },
], ],
nations: [
{ "itemId": 24, "description": "汉族", "options": "汉族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:44", "updateTime": "2021-12-20 12:00:44" },
{ "itemId": 25, "description": "蒙古族", "options": "蒙古族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:44", "updateTime": "2021-12-20 12:00:44" },
{ "itemId": 26, "description": "回族", "options": "回族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 27, "description": "藏族", "options": "藏族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 28, "description": "维吾尔族", "options": "维吾尔族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 29, "description": "苗族", "options": "苗族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 30, "description": "彝族", "options": "彝族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 31, "description": "壮族", "options": "壮族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 32, "description": "布依族", "options": "布依族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 33, "description": "朝鲜族", "options": "朝鲜族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 34, "description": "满族", "options": "满族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 35, "description": "侗族", "options": "侗族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 36, "description": "瑶族", "options": "瑶族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 37, "description": "白族", "options": "白族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 38, "description": "土家族", "options": "土家族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 39, "description": "哈尼族", "options": "哈尼族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 40, "description": "哈萨克族", "options": "哈萨克族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 41, "description": "傣族", "options": "傣族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 42, "description": "黎族", "options": "黎族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 43, "description": "傈僳族", "options": "傈僳族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 44, "description": "佤族", "options": "佤族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 45, "description": "畲族", "options": "畲族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 46, "description": "高山族", "options": "高山族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 47, "description": "拉祜族", "options": "拉祜族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 48, "description": "水族", "options": "水族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 49, "description": "东乡族", "options": "东乡族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 50, "description": "纳西族", "options": "纳西族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 51, "description": "景颇族", "options": "景颇族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 52, "description": "柯尔克孜族", "options": "柯尔克孜族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 53, "description": "土族", "options": "土族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 54, "description": "达斡尔族", "options": "达斡尔族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 55, "description": "仫佬族", "options": "仫佬族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 56, "description": "羌族", "options": "羌族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 57, "description": " 布朗族", "options": " 布朗族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 58, "description": " 撒拉族", "options": " 撒拉族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 59, "description": " 毛难族", "options": " 毛难族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 60, "description": " 仡佬族", "options": " 仡佬族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:45", "updateTime": "2021-12-20 12:00:45" },
{ "itemId": 61, "description": " 锡伯族", "options": " 锡伯族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 62, "description": " 阿昌族", "options": " 阿昌族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 63, "description": " 普米族", "options": " 普米族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 64, "description": " 塔吉克族", "options": " 塔吉克族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 65, "description": " 怒族", "options": " 怒族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 66, "description": " 乌孜别克族", "options": " 乌孜别克族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 67, "description": " 俄罗斯族", "options": " 俄罗斯族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 68, "description": " 鄂温克族", "options": " 鄂温克族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 69, "description": " 崩龙族", "options": " 崩龙族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 70, "description": " 保安族", "options": " 保安族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 71, "description": " 裕固族", "options": " 裕固族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 72, "description": " 京族", "options": " 京族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 73, "description": " 塔塔尔族", "options": " 塔塔尔族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 74, "description": " 独龙族", "options": " 独龙族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 75, "description": " 鄂伦春族", "options": " 鄂伦春族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 76, "description": " 赫哲族", "options": " 赫哲族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 77, "description": " 门巴族", "options": " 门巴族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 78, "description": " 珞巴族", "options": " 珞巴族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 79, "description": " 基诺族", "options": " 基诺族", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" },
{ "itemId": 80, "description": " 其他", "options": " 其他", "subjectId": 3, "isDel": 0, "createTime": "2021-12-20 12:00:46", "updateTime": "2021-12-20 12:00:46" }
],
submited: 0 submited: 0
} }
}, },
@ -303,25 +188,31 @@ export default {
NeedBefore NeedBefore
}, },
created () { created () {
// if(this.isNeedBefore) { if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) {
// return this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword')
// } }
if (sessionStorage.getItem('nomClientIdentity')) { if (sessionStorage.getItem('nomClientIdentity')) {
this.idNumberJudge = true this.idNumberJudge = true
const { userName, sex, birthday, nationality, mailbox, idNumber } = this.dataFlow const { idNumber } = this.dataFlow
this.form.idNumber = idNumber this.form.idNumber = idNumber
this.form.idType = 83 this.form.certificateType = 83
this.form.userName = userName }
// let sexs = null if (sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) {
// if (sex == '男'){ this.idNumberJudge = true
// sexs = 1 // 身份证号码、客户姓名、币种（人民币）、钞汇标识（钞户）
// }else{ const { idNumber, userName, peopleNumber, currency, goldLogo } = this.dataFlow
// sexs = 2 this.form.clientNumber = peopleNumber
// } this.form.idNumber = idNumber
this.form.sex = sex this.form.customerName = userName
this.form.birthday = birthday this.form.currency = currency
// this.form.nationality = nationality this.form.goldLogo = goldLogo
// this.form.mailbox = mailbox this.form.voucherType = 15
}
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard')) {
this.cardNumberJudge = true
const { voucherNumber } = this.dataFlow
this.form.voucherNumber = voucherNumber
} }
this.getFormData() this.getFormData()
@ -333,7 +224,6 @@ export default {
// 授权提交后 // 授权提交后
submitIt () { submitIt () {
// this.setDataFlow({name: 'userName', val: ''})
// console.log(this.dataFlow) // console.log(this.dataFlow)
}, },
getFormData () { getFormData () {
@ -350,12 +240,6 @@ export default {
this.idNumberJudge = true this.idNumberJudge = true
this.form.idNumber = list[i].emptyTwo this.form.idNumber = list[i].emptyTwo
} }
if (list[i].answerId == '42') { this.form.userName = list[i].emptyTwo }
if (list[i].answerId == '43') { this.form.sex = +list[i].emptyTwo }
if (list[i].answerId == '44') { this.form.birthday = list[i].emptyTwo }
if (list[i].answerId == '45') { this.form.nationality = list[i].emptyTwo }
if (list[i].answerId == '46') { this.form.mailbox = list[i].emptyTwo }
if (list[i].answerId == '47') { this.form.phone = list[i].emptyTwo }
} }
} }
@ -399,6 +283,24 @@ export default {
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
popUp1 (text) { // 身份证扫描仪
this.setTipsOperate('请刷身份证');
this.setPopId('1399')
sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/')
},
popUp2 (text) {
this.setTipsOperate('请刷银行卡');
this.setPopId('166')
sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/')
},
popUp3 (text) {
this.setTipsOperate('请在密码器输入密码');
this.setPopId('167')
sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/')
},
//提交个人用户信息 //提交个人用户信息
submitForm () { submitForm () {
if (this.submited) return this.$message.error('已提交！') if (this.submited) return this.$message.error('已提交！')
@ -409,9 +311,15 @@ export default {
messageIdCard() messageIdCard()
return return
} }
if (!this.form.voucherNumber) {
messageCard('请填写凭证号码')
return
}
if (!this.form.drawPassword) {
messagePassword()
return
}
this.$refs.form.validate(myValidate(() => { this.$refs.form.validate(myValidate(() => {
// this.form.birthday = this.form.birthday.slice(0, 10)
this.form.peopleNumber = randomPeopleNumber()
this.visible = true; this.visible = true;
}, this.$refs)); }, this.$refs));
}, },
@ -425,38 +333,8 @@ export default {
let formList = []; let formList = [];
formList.push({ "answerId": '41', "emptyOne": "", "emptyTwo": this.form.idNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,41,13", "type": "" }) formList.push({ "answerId": '41', "emptyOne": "", "emptyTwo": this.form.idNumber, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,41,13", "type": "" })
if (this.form.sex) {
formList.push({
"answerId": '43',
"emptyOne": "1",
"emptyTwo": this.form.sex,
"operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,43",//性别
"type": "1"
})
}
if (this.form.nationality) {
formList.push({
"answerId": '45',
"emptyOne": "3",
"emptyTwo": this.form.nationality,
"operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,45",//民族
"type": "1"
})
}
if (this.form.mailbox) {
formList.push({
"answerId": '46',
"emptyOne": "4",
"emptyTwo": this.form.mailbox,
"operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,46",//通讯地址
"type": "3"
})
}
formList.push( formList.push(
{ "answerId": '40', "emptyOne": "19", "emptyTwo": this.form.idType, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,40", "type": "1" },//证件类型 { "answerId": '40', "emptyOne": "19", "emptyTwo": this.form.idType, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,40", "type": "1" },//证件类型
{ "answerId": '42', "emptyOne": "7", "emptyTwo": this.form.userName, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,42", "type": "3" },//客户姓名
{ "answerId": '44', "emptyOne": "2", "emptyTwo": this.form.birthday, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,44", "type": "3" },//出生日期
{ "answerId": '47', "emptyOne": "5", "emptyTwo": this.form.phone, "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ",287,5,25,33,47", "type": "3" }//联系电话
); );
let params = { let params = {
parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,25,33', parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,25,33',
@ -492,9 +370,10 @@ export default {
} }
} }
}, },
phoneListen: phoneListen, checkHanzi,
mailBoxListen: mailBoxListen, phoneListen,
checkName: checkName mailBoxListen,
checkName,
}, },
computed: { computed: {
...mapGetters({ ...mapGetters({
@ -516,6 +395,7 @@ export default {
flex-direction: column; flex-direction: column;
overflow: auto; overflow: auto;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.body { .body {
margin-top: 50px; margin-top: 50px;
overflow-y: auto; overflow-y: auto;

98
src/pages/manage/list/personal/accountService/accountService.vue
Unescape View File

@ -14,7 +14,7 @@
<i class="el-icon-arrow-right"></i> <i class="el-icon-arrow-right"></i>
<p>活期业务</p> <p>活期业务</p>
<i class="el-icon-arrow-right"></i> <i class="el-icon-arrow-right"></i>
<p>{{text}}</p> <p>{{ text }}</p>
</div> </div>
<!-- 修改密码 --> <!-- 修改密码 -->
@ -23,15 +23,8 @@
<!-- --> <!-- -->
<el-dialog <el-dialog style="margin-top:10vh" :visible.sync="visible" :modal="false" width="40%" :close-on-click-modal="false"
style="margin-top:10vh" :show-close="false" custom-class="data-dia">
:visible.sync="visible"
:modal="false"
width="40%"
:close-on-click-modal="false"
:show-close="false"
custom-class="data-dia"
>
<div slot="title" class="dia-header"> <div slot="title" class="dia-header">
<div class="data-title" v-throttle>提交</div> <div class="data-title" v-throttle>提交</div>
</div> </div>
@ -51,24 +44,24 @@ import { mapState } from 'vuex'
import changePassword from './changePassword.vue' import changePassword from './changePassword.vue'
export default { export default {
name: 'index', name: 'index',
components:{ components: {
changePassword, changePassword,
}, },
data() { data () {
return { return {
text:'修改密码',/* 顶部文字 */ text: '修改密码',/* 顶部文字 */
textObj:{ textObj: {
'1':'修改密码', '1': '修改密码',
'2':'账户服务', '2': '账户服务',
'3':'修改密码', '3': '修改密码',
}, },
form:{ form: {
}, },
visible:false, visible: false,
options:[], options: [],
activeIndex:'1', activeIndex: '1',
second:[// 二级卡数组 second: [// 二级卡数组
], ],
@ -76,11 +69,11 @@ export default {
} }
}, },
created() { created () {
}, },
methods: { methods: {
handleSelect(val){ handleSelect (val) {
this.text = this.textObj[val] this.text = this.textObj[val]
this.activeIndex = val this.activeIndex = val
}, },
@ -91,22 +84,25 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.wrap{ .wrap {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
padding: 24px 0 24px 24px; padding: 24px 0 24px 24px;
.nav{
/deep/ .el-menu.el-menu--horizontal{ .nav {
/deep/ .el-menu.el-menu--horizontal {
border: 0; border: 0;
} }
/deep/ .el-menu--horizontal > .el-menu-item.is-active{
border:2px solid #568DF2; /deep/ .el-menu--horizontal>.el-menu-item.is-active {
border: 2px solid #568DF2;
border-radius: 10px; border-radius: 10px;
color: #000; color: #000;
} }
/deep/ .el-menu--horizontal > .el-menu-item{
/deep/ .el-menu--horizontal>.el-menu-item {
border: 2px solid transparent; border: 2px solid transparent;
border-radius: 10px; border-radius: 10px;
margin-right: 10px; margin-right: 10px;
@ -114,7 +110,8 @@ export default {
line-height: 28px; line-height: 28px;
} }
} }
.title{
.title {
height: 60px; height: 60px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -122,10 +119,12 @@ export default {
padding-left: 0px; padding-left: 0px;
margin-top: 10px; margin-top: 10px;
} }
.body{
.body {
margin-top: 50px; margin-top: 50px;
overflow: auto; overflow: auto;
.idCard{
.idCard {
border-radius: 5px; border-radius: 5px;
background: #CFDDFF; background: #CFDDFF;
text-align: center; text-align: center;
@ -134,9 +133,11 @@ export default {
font-size: 18px; font-size: 18px;
color: #6191FF; color: #6191FF;
} }
.add{
.add {
position: relative; position: relative;
&::after{
&::after {
content: ''; content: '';
display: block; display: block;
position: absolute; position: absolute;
@ -146,16 +147,18 @@ export default {
width: 88%; width: 88%;
height: 268px; height: 268px;
} }
.addBtn{
.addBtn {
position: absolute; position: absolute;
left: 0; left: 0;
top: 50%; top: 50%;
transform: translate(50%,-50%); transform: translate(50%, -50%);
font-size: 22px; font-size: 22px;
} }
} }
} }
.submitBtn{
.submitBtn {
position: relative; position: relative;
width: 300px; width: 300px;
font-size: 18px; font-size: 18px;
@ -164,32 +167,37 @@ export default {
border-radius: 10px; border-radius: 10px;
bottom: 10px; bottom: 10px;
left: 50%; left: 50%;
transform: translate(-50%,-50%); transform: translate(-50%, -50%);
} }
.popBody{
.popBody {
min-height: 200px; min-height: 200px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
} }
.popBtns{
.popBtns {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.btn{
.btn {
width: 180px; width: 180px;
border-radius: 10px; border-radius: 10px;
font-size: 18px; font-size: 18px;
} }
.close{
.close {
background: #CFDEFF; background: #CFDEFF;
color: #6191FF; color: #6191FF;
} }
.sure{
.sure {
background: #6191FF; background: #6191FF;
color: #fff; color: #fff;
} }
} }
} }
</style> </style>

394
src/pages/manage/list/personal/currentAccount/openAccount.vue
Unescape View File

@ -3,49 +3,27 @@
<div> <div>
<div class="body"> <div class="body">
<div> <div>
<el-row :gutter="20" <el-row :gutter="20" style="margin: 0">
style="margin: 0"> <el-form ref="form" :model="form" label-width="120px" :rules="rules">
<el-form ref="form" <el-col :span="10" :offset="2">
:model="form"
label-width="120px"
:rules="rules">
<el-col :span="10"
:offset="2">
<el-form-item label="客户号"> <el-form-item label="客户号">
<el-input :value="form.userNumber" <el-input :value="form.userNumber" disabled @input="(val) => checkHanzi(val, form, 'userNumber')"
disabled
@input="(val) => checkHanzi(val, form, 'userNumber')"
ref="userNumber"></el-input> ref="userNumber"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" <el-form-item label="币种" prop="currency">
prop="currency"> <el-select v-model.trim="form.currency" placeholder="请选择" ref="currency">
<el-select v-model.trim="form.currency" <el-option label='CNY人民币' :value="12" :key="12">CNY人民币</el-option>
placeholder="请选择"
ref="currency">
<el-option label='CNY人民币'
:value="12"
:key="12">CNY人民币</el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" <el-col :span="10" :offset="1">
:offset="1"> <el-form-item label="客户姓名" prop="userName">
<el-form-item label="客户姓名" <el-input :value="form.userName" disabled @input="(val) => checkName(val, form, 'userName')"
prop="userName">
<el-input :value="form.userName"
disabled
@input="(val) => checkName(val, form, 'userName')"
ref="userName"></el-input> ref="userName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" <el-form-item label="钞汇标识" prop="goldLogo">
prop="goldLogo"> <el-select v-model.trim="form.goldLogo" disabled placeholder="请选择" ref="goldLogo">
<el-select v-model.trim="form.goldLogo" <el-option v-for="item in goldLogoSelectList" :label="item.options" :value="item.itemId"
disabled
placeholder="请选择"
ref="goldLogo">
<el-option v-for="item in goldLogoSelectList"
:label="item.options"
:value="item.itemId"
:key="item.itemId"> </el-option> :key="item.itemId"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -60,29 +38,18 @@
</el-form> </el-form>
</el-row> </el-row>
<div class="add"> <div class="add">
<el-row :gutter="20" <el-row :gutter="20" style="margin: 0;z-index:9">
style="margin: 0;z-index:9"> <el-form ref="form1" :model="form" label-width="120px">
<el-form ref="form1" <el-col :span="10" :offset="2">
:model="form"
label-width="120px">
<el-col :span="10"
:offset="2">
<el-form-item label="账户性质"> <el-form-item label="账户性质">
<el-select v-model.trim="form.accountQuality" <el-select v-model.trim="form.accountQuality" placeholder="请选择" ref="accountQuality">
placeholder="请选择"
ref="accountQuality">
<!-- <el-option v-for="item in accountQualitySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> <!-- <el-option v-for="item in accountQualitySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option>
--> -->
<el-option label="个人结算户" <el-option label="个人结算户" :value="14"> </el-option>
:value="14"> </el-option> <el-option label="基本户" :value="101"> </el-option>
<el-option label="基本户" <el-option label="一般户" :value="102"> </el-option>
:value="101"> </el-option> <el-option label="专用户" :value="103"> </el-option>
<el-option label="一般户" <el-option label="临时户" :value="104"> </el-option>
:value="102"> </el-option>
<el-option label="专用户"
:value="103"> </el-option>
<el-option label="临时户"
:value="104"> </el-option>
<!-- 14: '个人结算户', <!-- 14: '个人结算户',
101: '基本户', 101: '基本户',
102: '一般户', 102: '一般户',
@ -90,313 +57,192 @@
104: '临时户' --> 104: '临时户' -->
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="账户类型" <el-form-item label="账户类型" prop="accountType">
prop="accountType"> <el-select v-model.trim="form.accountType" placeholder="请选择" ref="accountType">
<el-select v-model.trim="form.accountType"
placeholder="请选择"
ref="accountType">
<!-- 16: '一类户', <!-- 16: '一类户',
17: '二类户', 17: '二类户',
97: '结算户', 97: '结算户',
98: '结算户', 98: '结算户',
99: '委托保障金户', 99: '委托保障金户',
100: '资本临时户' --> 100: '资本临时户' -->
<el-option label="一类户" <el-option label="一类户" :value="16"> </el-option>
:value="16"> </el-option> <el-option label="二类户" :value="17"> </el-option>
<el-option label="二类户"
:value="17"> </el-option>
<!-- <el-option label="结算户" :value="97"> </el-option> <!-- <el-option label="结算户" :value="97"> </el-option>
<el-option label="委托保障金户" :value="100"> </el-option> --> <el-option label="委托保障金户" :value="100"> </el-option> -->
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="支取方式" <el-form-item label="支取方式" prop="drawWay">
prop="drawWay"> <el-select v-model.trim="form.drawWay" placeholder="请选择" ref="drawWay">
<el-select v-model.trim="form.drawWay" <el-option label="密码" :value="18"> </el-option>
placeholder="请选择"
ref="drawWay">
<el-option label="密码"
:value="18"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" <el-col :span="10" :offset="1">
:offset="1"> <el-form-item label="凭证类型" prop="voucherType">
<el-form-item label="凭证类型" <el-select v-model.trim="form.voucherType" placeholder="请选择" ref="voucherType">
prop="voucherType"> <el-option label="IC卡" :value="15"> </el-option>
<el-select v-model.trim="form.voucherType" <el-option label="转账支票" :value="115"> </el-option>
placeholder="请选择" <el-option label="现金支票" :value="116"> </el-option>
ref="voucherType"> <el-option label="存单" :value="123"> </el-option>
<el-option label="IC卡" <el-option label="银行" :value="127"> </el-option>
:value="15"> </el-option>
<el-option label="转账支票"
:value="115"> </el-option>
<el-option label="现金支票"
:value="116"> </el-option>
<el-option label="存单"
:value="123"> </el-option>
<el-option label="银行"
:value="127"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证号码" <el-form-item label="凭证号码" required>
required> <div v-if='!cardNumberJudge' class="idCard" @click="popUp('刷卡器')">
<div v-if='!cardNumberJudge'
class="idCard"
@click="popUp('刷卡器')">
<p>请刷卡</p> <p>请刷卡</p>
</div> </div>
<div v-else> <div v-else>
<el-input ref="cardNumber" <el-input ref="cardNumber" :value="form.cardNumber" disabled
:value="form.cardNumber"
disabled
@input="(val) => inputListen(val, form, 'cardNumber')"></el-input> @input="(val) => inputListen(val, form, 'cardNumber')"></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" <el-form-item label="支取密码" required>
required> <div v-if='!form.drawPassword' class="idCard" @click="popUps('密码器')">
<div v-if='!form.drawPassword'
class="idCard"
@click="popUps('密码器')">
<p>请输入密码</p> <p>请输入密码</p>
</div> </div>
<div v-else <div v-else @click="popUps('密码器')">
@click="popUps('密码器')"> <el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input>
<el-input :value="form.drawPassword"
ref="drawPassword"
type="password"></el-input>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
<el-button @click="openAccount" <el-button @click="openAccount" type="primary" class="addBtn" circle icon="el-icon-plus"></el-button>
type="primary"
class="addBtn"
circle
icon="el-icon-plus"></el-button>
</el-row> </el-row>
</div> </div>
<!-- 二级证件,最多三张，逻辑：上一张二级为填完信息不可添加第三张 v-for="(item,index) in second" :key="index" --> <!-- 二级证件,最多三张，逻辑：上一张二级为填完信息不可添加第三张 v-for="(item,index) in second" :key="index" -->
<div class="add" <div class="add" v-if="formTwo">
v-if="formTwo"> <el-row :gutter="20" style="margin: 0;z-index:9">
<el-row :gutter="20" <el-form ref="form2" :model="form" label-width="120px">
style="margin: 0;z-index:9"> <el-col :span="10" :offset="2">
<el-form ref="form2"
:model="form"
label-width="120px">
<el-col :span="10"
:offset="2">
<el-form-item label="账户性质"> <el-form-item label="账户性质">
<el-select v-model.trim="form.accountQualitysTwo" <el-select v-model.trim="form.accountQualitysTwo" placeholder="请选择">
placeholder="请选择"> <el-option label="个人结算户" :value="14"> </el-option>
<el-option label="个人结算户" <el-option label="基本户" :value="101"> </el-option>
:value="14"> </el-option> <el-option label="一般户" :value="102"> </el-option>
<el-option label="基本户" <el-option label="专用户" :value="103"> </el-option>
:value="101"> </el-option> <el-option label="临时户" :value="104"> </el-option>
<el-option label="一般户"
:value="102"> </el-option>
<el-option label="专用户"
:value="103"> </el-option>
<el-option label="临时户"
:value="104"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="账户类型" <el-form-item label="账户类型" required>
required> <el-select v-model.trim="form.accountTypesTwo" placeholder="请选择">
<el-select v-model.trim="form.accountTypesTwo" <el-option label="一类户" :value="16"> </el-option>
placeholder="请选择"> <el-option label="二类户" :value="17"> </el-option>
<el-option label="一类户"
:value="16"> </el-option>
<el-option label="二类户"
:value="17"> </el-option>
<!-- <el-option label="结算户" :value="97"> </el-option> <!-- <el-option label="结算户" :value="97"> </el-option>
<el-option label="委托保障金户" :value="100"> </el-option> --> <el-option label="委托保障金户" :value="100"> </el-option> -->
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="支取方式" <el-form-item label="支取方式" required>
required> <el-select v-model.trim="form.drawWaysTwo" placeholder="请选择">
<el-select v-model.trim="form.drawWaysTwo"
placeholder="请选择">
<!-- <el-option v-for="item in drawWaySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> --> <!-- <el-option v-for="item in drawWaySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> -->
<el-option label="密码" <el-option label="密码" :value="18"> </el-option>
:value="18"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" <el-col :span="10" :offset="1">
:offset="1"> <el-form-item label="凭证类型" required>
<el-form-item label="凭证类型" <el-select v-model.trim="form.voucherTypesTwo" placeholder="请选择">
required> <el-option label="IC卡" :value="15"> </el-option>
<el-select v-model.trim="form.voucherTypesTwo" <el-option label="转账支票" :value="115"> </el-option>
placeholder="请选择"> <el-option label="现金支票" :value="116"> </el-option>
<el-option label="IC卡" <el-option label="存单" :value="123"> </el-option>
:value="15"> </el-option> <el-option label="银行" :value="127"> </el-option>
<el-option label="转账支票"
:value="115"> </el-option>
<el-option label="现金支票"
:value="116"> </el-option>
<el-option label="存单"
:value="123"> </el-option>
<el-option label="银行"
:value="127"> </el-option>
<!-- <el-option v-for="item in voucherTypeSelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> --> <!-- <el-option v-for="item in voucherTypeSelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> -->
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证号码" <el-form-item label="凭证号码" required>
required> <div v-if='!cardNumberJudge2' class="idCard" @click="popUpTwo('刷卡器')">
<div v-if='!cardNumberJudge2'
class="idCard"
@click="popUpTwo('刷卡器')">
<p>请刷卡</p> <p>请刷卡</p>
</div> </div>
<div v-else> <div v-else>
<el-input ref="cardNumber2" <el-input ref="cardNumber2" :value="form.cardNumber2" disabled
:value="form.cardNumber2"
disabled
@input="(val) => inputListen(val, form, 'cardNumber2')"></el-input> @input="(val) => inputListen(val, form, 'cardNumber2')"></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" <el-form-item label="支取密码" required>
required> <div v-if='!form.drawPassword2' class="idCard" @click="popUpsTwo('密码器')">
<div v-if='!form.drawPassword2'
class="idCard"
@click="popUpsTwo('密码器')">
<p>请输入密码</p> <p>请输入密码</p>
</div> </div>
<div v-else <div v-else @click="popUpsTwo('密码器')">
@click="popUpsTwo('密码器')"> <el-input :value="form.drawPassword2" ref="drawPassword2" type="password"></el-input>
<el-input :value="form.drawPassword2"
ref="drawPassword2"
type="password"></el-input>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
<el-button @click="deleteSecond()" <el-button @click="deleteSecond()" class="addBtn" circle icon="el-icon-close"></el-button>
class="addBtn"
circle
icon="el-icon-close"></el-button>
</el-row> </el-row>
</div> </div>
<div class="add" <div class="add" v-if="formThree">
v-if="formThree"> <el-row :gutter="20" style="margin: 0;z-index:9">
<el-row :gutter="20" <el-form ref="form3" :model="form" label-width="120px">
style="margin: 0;z-index:9"> <el-col :span="10" :offset="2">
<el-form ref="form3"
:model="form"
label-width="120px">
<el-col :span="10"
:offset="2">
<el-form-item label="账户性质"> <el-form-item label="账户性质">
<el-select v-model.trim="form.accountQualitysThree" <el-select v-model.trim="form.accountQualitysThree" placeholder="请选择">
placeholder="请选择"> <el-option label="个人结算户" :value="14"> </el-option>
<el-option label="个人结算户" <el-option label="基本户" :value="101"> </el-option>
:value="14"> </el-option> <el-option label="一般户" :value="102"> </el-option>
<el-option label="基本户" <el-option label="专用户" :value="103"> </el-option>
:value="101"> </el-option> <el-option label="临时户" :value="104"> </el-option>
<el-option label="一般户"
:value="102"> </el-option>
<el-option label="专用户"
:value="103"> </el-option>
<el-option label="临时户"
:value="104"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="账户类型" <el-form-item label="账户类型" required>
required> <el-select v-model.trim="form.accountTypesThree" placeholder="请选择">
<el-select v-model.trim="form.accountTypesThree" <el-option label="一类户" :value="16"> </el-option>
placeholder="请选择"> <el-option label="二类户" :value="17"> </el-option>
<el-option label="一类户"
:value="16"> </el-option>
<el-option label="二类户"
:value="17"> </el-option>
<!-- <el-option label="结算户" :value="97"> </el-option> <!-- <el-option label="结算户" :value="97"> </el-option>
<el-option label="委托保障金户" :value="100"> </el-option> --> <el-option label="委托保障金户" :value="100"> </el-option> -->
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="支取方式" <el-form-item label="支取方式" required>
required> <el-select v-model.trim="form.drawWaysThree" placeholder="请选择">
<el-select v-model.trim="form.drawWaysThree" <el-option label="密码" :value="18"> </el-option>
placeholder="请选择">
<el-option label="密码"
:value="18"> </el-option>
<!-- <el-option v-for="item in drawWaySelectList" :label="item.options" :value="item.options" :key="item.itemId"> </el-option> --> <!-- <el-option v-for="item in drawWaySelectList" :label="item.options" :value="item.options" :key="item.itemId"> </el-option> -->
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="10" <el-col :span="10" :offset="1">
:offset="1"> <el-form-item label="凭证类型" required>
<el-form-item label="凭证类型" <el-select v-model.trim="form.voucherTypesThree" placeholder="请选择">
required> <el-option label="IC卡" :value="15"> </el-option>
<el-select v-model.trim="form.voucherTypesThree" <el-option label="转账支票" :value="115"> </el-option>
placeholder="请选择"> <el-option label="现金支票" :value="116"> </el-option>
<el-option label="IC卡" <el-option label="存单" :value="123"> </el-option>
:value="15"> </el-option> <el-option label="银行" :value="127"> </el-option>
<el-option label="转账支票"
:value="115"> </el-option>
<el-option label="现金支票"
:value="116"> </el-option>
<el-option label="存单"
:value="123"> </el-option>
<el-option label="银行"
:value="127"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证号码" <el-form-item label="凭证号码" required>
required> <div v-if='!cardNumberJudge3' class="idCard" @click="popUpThree('刷卡器')">
<div v-if='!cardNumberJudge3'
class="idCard"
@click="popUpThree('刷卡器')">
<p>请刷卡</p> <p>请刷卡</p>
</div> </div>
<div v-else> <div v-else>
<el-input ref="cardNumber3" <el-input ref="cardNumber3" :value="form.cardNumber3" disabled
:value="form.cardNumber3"
disabled
@input="(val) => inputListen(val, form, 'cardNumber3')"></el-input> @input="(val) => inputListen(val, form, 'cardNumber3')"></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" <el-form-item label="支取密码" required>
required> <div v-if='!form.drawPassword3' class="idCard" @click="popUpsThree('密码器')">
<div v-if='!form.drawPassword3'
class="idCard"
@click="popUpsThree('密码器')">
<p>请输入密码</p> <p>请输入密码</p>
</div> </div>
<div v-else <div v-else @click="popUpsThree('密码器')">
@click="popUpsThree('密码器')"> <el-input :value="form.drawPassword3" ref="drawPassword3" type="password"></el-input>
<el-input :value="form.drawPassword3"
ref="drawPassword3"
type="password"></el-input>
</div> </div>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
<el-button @click="deleteSecond()" <el-button @click="deleteSecond()" class="addBtn" circle icon="el-icon-close"></el-button>
class="addBtn"
circle
icon="el-icon-close"></el-button>
</el-row> </el-row>
</div> </div>
</div> </div>
<el-button @click="formSubmit" <el-button @click="formSubmit" type="primary" class="submitBtn" v-throttle>提交</el-button>
type="primary"
class="submitBtn"
v-throttle>提交</el-button>
</div> </div>
<my-dialog :moduleName="moduleName" <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
v-if="visible" @submitIt="popSure" :needAuth="false" />
:visible.sync="visible"
:showForm="form"
:formName="formName"
@submitIt="popSure"
:needAuth="false" />
</div> </div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
</template> </template>
<script> // 模块标识：currentAccount/openAccount <script>// 模块标识：currentAccount/openAccount
import { getSubjectInfo, addOperation, getOperation } from "@/api/http.js"; import { getSubjectInfo, addOperation, getOperation } from "@/api/http.js";
import { mapMutations, mapGetters, mapState } from 'vuex' import { mapMutations, mapGetters, mapState } from 'vuex'
import { vercustomer } from '@/utils/verify.js' import { vercustomer } from '@/utils/verify.js'
@ -1094,6 +940,7 @@ export default {
.body { .body {
margin-top: 50px; margin-top: 50px;
overflow: auto; overflow: auto;
.idCard { .idCard {
border-radius: 5px; border-radius: 5px;
background: #cfddff; background: #cfddff;
@ -1104,11 +951,14 @@ export default {
color: #6191ff; color: #6191ff;
cursor: pointer; cursor: pointer;
} }
.add { .add {
position: relative; position: relative;
.el-col { .el-col {
padding: 10px 0; padding: 10px 0;
} }
&::after { &::after {
content: ''; content: '';
display: block; display: block;
@ -1119,6 +969,7 @@ export default {
width: 88%; width: 88%;
height: 200px; height: 200px;
} }
.addBtn { .addBtn {
position: absolute; position: absolute;
left: 0; left: 0;
@ -1128,6 +979,7 @@ export default {
} }
} }
} }
// .submitBtn{ // .submitBtn{
// position: relative; // position: relative;
// width: 300px; // width: 300px;
@ -1146,19 +998,23 @@ export default {
justify-content: center; justify-content: center;
text-align: center; text-align: center;
} }
.popBtns { .popBtns {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.btn { .btn {
width: 180px; width: 180px;
border-radius: 10px; border-radius: 10px;
font-size: 18px; font-size: 18px;
} }
.close { .close {
background: #cfdeff; background: #cfdeff;
color: #6191ff; color: #6191ff;
} }
.sure { .sure {
background: #6191ff; background: #6191ff;
color: #fff; color: #fff;

93
src/pages/manage/list/personal/timeDeposit/deposit.vue
Unescape View File

@ -11,15 +11,18 @@
<div v-else> <div v-else>
<el-input @blur="getDataBlur" ref="voucherNumber" disabled :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> <el-input @blur="getDataBlur" ref="voucherNumber" disabled :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</div> --> </div> -->
<el-input @blur="getDataBlur" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> <el-input @blur="getDataBlur" ref="voucherNumber" :value="form.voucherNumber"
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" prop="currency"> <el-form-item label="币种" prop="currency">
<el-select v-model.trim="form.currency" placeholder="请选择" ref="currency"> <el-select v-model.trim="form.currency" placeholder="请选择" ref="currency">
<el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> <el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId"
:key="item.itemId"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="金额" prop="money"> <el-form-item label="金额" prop="money">
<el-input :value="form.money" maxlength='15' @input="val => ismoney(val, form, 'money')" ref="money"></el-input> <el-input :value="form.money" maxlength='15' @input="val => ismoney(val, form, 'money')"
ref="money"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="利率（%）" prop="interestRate"> <el-form-item label="利率（%）" prop="interestRate">
<el-input v-model.trim="form.interestRate" disabled ref="interestRate"></el-input> <el-input v-model.trim="form.interestRate" disabled ref="interestRate"></el-input>
@ -37,11 +40,13 @@
</el-col> </el-col>
<el-col :span="10" :offset="1"> <el-col :span="10" :offset="1">
<el-form-item label="客户姓名" required prop="customerName"> <el-form-item label="客户姓名" required prop="customerName">
<el-input ref="customerName" disabled :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')"></el-input> <el-input ref="customerName" disabled :value="form.customerName"
@input="(val) => checkName(val, form, 'customerName')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" prop="goldLogo"> <el-form-item label="钞汇标识" prop="goldLogo">
<el-select v-model.trim="form.goldLogo" placeholder="请选择" ref="goldLogo"> <el-select v-model.trim="form.goldLogo" placeholder="请选择" ref="goldLogo">
<el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> <el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId"
:key="item.itemId"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="存期" prop="depositTerm"> <el-form-item label="存期" prop="depositTerm">
@ -69,23 +74,26 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="起息日" prop="valueDate"> <el-form-item label="起息日" prop="valueDate">
<el-input ref="valueDate" :value="form.valueDate" @input="(val) => checkHanzi(val, form, 'valueDate')" ></el-input> <el-input ref="valueDate" :value="form.valueDate"
@input="(val) => checkHanzi(val, form, '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">
<el-form-item label="摘要" prop="textarea"> <el-form-item label="摘要" prop="textarea">
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model.trim="form.abstract" ref="textarea"></el-input> <el-input type="textarea" :rows="3" placeholder="请输入内容" v-model.trim="form.abstract"
ref="textarea"></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button> <el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" :needAuth="false" /> <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
@submitIt="submitForm2" :needAuth="false" />
</div> </div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
</template> </template>
<script> <script>
import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen,messageCard, messagePassword } from '@/utils/utilFunction.js'; import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen, messageCard, messagePassword } from '@/utils/utilFunction.js';
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
const moduleName = 'timeDeposit/deposit' const moduleName = 'timeDeposit/deposit'
@ -93,20 +101,20 @@ import { mapMutations, mapGetters } from 'vuex'
import NeedBefore from '@/components/needBefore' import NeedBefore from '@/components/needBefore'
import MyDialog from '@/components/dialog' import MyDialog from '@/components/dialog'
import TipsBefore from '@/mixins/tipsBefore' import TipsBefore from '@/mixins/tipsBefore'
export default{ export default {
name:'', name: '',
props:{}, props: {},
mixins: [ TipsBefore ], mixins: [TipsBefore],
components: { components: {
NeedBefore, NeedBefore,
MyDialog MyDialog
}, },
data(){ data () {
return{ return {
moduleName: 'timeDeposit/deposit', moduleName: 'timeDeposit/deposit',
visible: false, visible: false,
cardNumberJudge: false, cardNumberJudge: false,
form:{ form: {
// 必填项 // 必填项
// identityCard: '', // 身份证 // identityCard: '', // 身份证
customerName: '', // 客户姓名 customerName: '', // 客户姓名
@ -124,7 +132,7 @@ export default{
drawWay: 18, // 支取方式 drawWay: 18, // 支取方式
abstract: '' // 摘要 abstract: '' // 摘要
}, },
formName:{ formName: {
// 必填项 // 必填项
customerName: '客户姓名', // customerName: '客户姓名', //
currency: '币种', // currency: '币种', //
@ -142,7 +150,7 @@ export default{
abstract: '摘要' // abstract: '摘要' //
}, },
rules: { rules: {
customerName: vercustomer , customerName: vercustomer,
currency: [ currency: [
{ {
required: true, required: true,
@ -278,8 +286,8 @@ export default{
submited: 0 submited: 0
} }
}, },
created() { created () {
if(sessionStorage.getItem('nomtimeDepositlPassword')) { if (sessionStorage.getItem('nomtimeDepositlPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomtimeDepositlPassword') this.form.drawPassword = sessionStorage.getItem('nomtimeDepositlPassword')
} }
// if(this.isNeedBefore) { // if(this.isNeedBefore) {
@ -290,7 +298,7 @@ export default{
// return // return
// } // }
if(sessionStorage.getItem('nomtimeDeposit1')) { if (sessionStorage.getItem('nomtimeDeposit1')) {
this.cardNumberJudge = true this.cardNumberJudge = true
const { userName, currency, goldLogo, voucherNumber } = this.dataFlow const { userName, currency, goldLogo, voucherNumber } = this.dataFlow
this.form.customerName = userName this.form.customerName = userName
@ -304,7 +312,7 @@ export default{
this.getFormData() this.getFormData()
}, },
mounted() { mounted () {
}, },
methods: { methods: {
@ -316,34 +324,34 @@ export default{
setPopId: 'system/setPopId', setPopId: 'system/setPopId',
setTipsOperate: 'system/setTipsOperate' setTipsOperate: 'system/setTipsOperate'
}), }),
getDataBlur() { getDataBlur () {
if(!this.form.voucherNumber) { if (!this.form.voucherNumber) {
return return
} }
if(this.form.voucherNumber) { if (this.form.voucherNumber) {
const { userName, currency, goldLogo } = this.dataFlow const { userName, currency, goldLogo } = this.dataFlow
this.form.customerName = userName this.form.customerName = userName
this.form.currency = currency this.form.currency = currency
this.form.goldLogo = goldLogo this.form.goldLogo = goldLogo
} }
}, },
getFormData(){ getFormData () {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,58,119' const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,58,119'
const cards = { const cards = {
// 131: 'nomtimeDeposit1', // 131: 'nomtimeDeposit1',
// 140: 'nomtimeDepositlPassword' // 140: 'nomtimeDepositlPassword'
} }
const callback = () => { const callback = () => {
if(this.form.voucherNumber) { if (this.form.voucherNumber) {
this.cardNumberJudge = true this.cardNumberJudge = true
} }
if(sessionStorage.getItem('nomtimeDepositlPassword')) { if (sessionStorage.getItem('nomtimeDepositlPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomtimeDepositlPassword') this.form.drawPassword = sessionStorage.getItem('nomtimeDepositlPassword')
} }
} }
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback) autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback)
}, },
popUp(text) { popUp (text) {
// this.$store.commit('system/changePop',{show:true,text, id: '131'}) // this.$store.commit('system/changePop',{show:true,text, id: '131'})
this.setTipsOperate('请刷银行卡'); this.setTipsOperate('请刷银行卡');
@ -351,7 +359,7 @@ export default{
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
popUp2(text) { popUp2 (text) {
// this.$store.commit('system/changePop',{show:true,text, id: '140'}) // this.$store.commit('system/changePop',{show:true,text, id: '140'})
this.setTipsOperate('请在密码器输入密码'); this.setTipsOperate('请在密码器输入密码');
@ -359,13 +367,13 @@ export default{
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
submitForm() { submitForm () {
if (this.submited) return this.$message.error('已提交！') if (this.submited) return this.$message.error('已提交！')
if(!this.form.voucherNumber) { if (!this.form.voucherNumber) {
messageCard('请填写凭证号码') messageCard('请填写凭证号码')
return return
} }
if(!this.form.drawPassword) { if (!this.form.drawPassword) {
messagePassword() messagePassword()
return return
} }
@ -376,7 +384,7 @@ export default{
}, this.$refs)); }, this.$refs));
}, },
submitForm2() { submitForm2 () {
// let nomtimeDeposit1 = sessionStorage.getItem('nomtimeDeposit1') // let nomtimeDeposit1 = sessionStorage.getItem('nomtimeDeposit1')
// let nomtimeDepositlPassword = sessionStorage.getItem('nomtimeDepositlPassword') // let nomtimeDepositlPassword = sessionStorage.getItem('nomtimeDepositlPassword')
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,58,119' const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,58,119'
@ -409,18 +417,18 @@ export default{
}) })
}, },
watch: { watch: {
'form.depositTerm'(newVal) { 'form.depositTerm' (newVal) {
if(newVal === 84) { if (newVal === 84) {
this.form.interestRate = 1.35 this.form.interestRate = 1.35
}else if(newVal === 85) { } else if (newVal === 85) {
this.form.interestRate = 1.55 this.form.interestRate = 1.55
}else if(newVal === 86) { } else if (newVal === 86) {
this.form.interestRate = 1.75 this.form.interestRate = 1.75
}else if(newVal === 87) { } else if (newVal === 87) {
this.form.interestRate = 2.25 this.form.interestRate = 2.25
}else if(newVal === 88) { } else if (newVal === 88) {
this.form.interestRate = 2.75 this.form.interestRate = 2.75
}else if(newVal === 89) { } else if (newVal === 89) {
this.form.interestRate = 2.75 this.form.interestRate = 2.75
} }
} }
@ -453,5 +461,4 @@ export default{
// left: 50%; // left: 50%;
// transform: translate(-50%,-20%); // transform: translate(-50%,-20%);
// } // }
// } // }</style>
</style>

109
src/pages/manage/list/personal/timeDeposit/openAccount.vue
Unescape View File

@ -10,11 +10,13 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户号"> <el-form-item label="客户号">
<el-input ref="clientNumber" disabled maxlength="20" :value="form.clientNumber" @input="(val) => checkHanzi(val, form, 'clientNumber')"></el-input> <el-input ref="clientNumber" disabled maxlength="20" :value="form.clientNumber"
@input="(val) => checkHanzi(val, form, 'clientNumber')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" prop="currency"> <el-form-item label="币种" prop="currency">
<el-select v-model.trim="form.currency" placeholder="请选择" ref="currency"> <el-select v-model.trim="form.currency" placeholder="请选择" ref="currency">
<el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> <el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId"
:key="item.itemId"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证类型" prop="voucherType"> <el-form-item label="凭证类型" prop="voucherType">
@ -41,11 +43,13 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="客户姓名" prop="customerName"> <el-form-item label="客户姓名" prop="customerName">
<el-input ref="customerName" maxlength="20" disabled :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')"></el-input> <el-input ref="customerName" maxlength="20" disabled :value="form.customerName"
@input="(val) => checkName(val, form, 'customerName')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" prop="goldLogo"> <el-form-item label="钞汇标识" prop="goldLogo">
<el-select v-model.trim="form.goldLogo" placeholder="请选择" ref="goldLogo"> <el-select v-model.trim="form.goldLogo" placeholder="请选择" ref="goldLogo">
<el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> <el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId"
:key="item.itemId"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证号码" required> <el-form-item label="凭证号码" required>
@ -55,7 +59,8 @@
<div v-else> <div v-else>
<el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</div> --> </div> -->
<el-input maxlength="18" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> <el-input maxlength="18" ref="voucherNumber" :value="form.voucherNumber"
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="支取密码" required> <el-form-item label="支取密码" required>
<div v-if='!form.drawPassword' class="idCard" @click="popUp3('密码器')"> <div v-if='!form.drawPassword' class="idCard" @click="popUp3('密码器')">
@ -65,20 +70,21 @@
<el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input> <el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input>
</div> </div>
</el-form-item> </el-form-item>
<!-- <el-form-item label="客户经理" prop="customerManage">--> <!-- <el-form-item label="客户经理" prop="customerManage">-->
<!-- <el-input ref="customerManage" :value="form.customerManage" @input="(val) => checkHanzi(val, form, 'customerManage')"></el-input>--> <!-- <el-input ref="customerManage" :value="form.customerManage" @input="(val) => checkHanzi(val, form, 'customerManage')"></el-input>-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
</el-col> </el-col>
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button> <el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" /> <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
@submitIt="submitForm2" />
</div> </div>
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
</template> </template>
<script> <script>
import { myValidate, checkHanzi, checkName, autoPlay, autoPlay2, inputListen, messageIdCard,messageCard, messagePassword } from '@/utils/utilFunction.js'; import { myValidate, checkHanzi, checkName, autoPlay, autoPlay2, inputListen, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js';
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
import { mapMutations, mapGetters } from 'vuex' import { mapMutations, mapGetters } from 'vuex'
@ -86,21 +92,21 @@ import NeedBefore from '@/components/needBefore'
import MyDialog from '@/components/dialog' import MyDialog from '@/components/dialog'
import TipsBefore from '@/mixins/tipsBefore' import TipsBefore from '@/mixins/tipsBefore'
const moduleName = 'timeDeposit/openAccount' const moduleName = 'timeDeposit/openAccount'
export default{ export default {
name:'', name: '',
props:{}, props: {},
mixins: [ TipsBefore ], mixins: [TipsBefore],
components: { components: {
NeedBefore, NeedBefore,
MyDialog MyDialog
}, },
data(){ data () {
return{ return {
moduleName: 'timeDeposit/openAccount', moduleName: 'timeDeposit/openAccount',
visible: false, visible: false,
idNumberJudge: false, idNumberJudge: false,
cardNumberJudge: false, cardNumberJudge: false,
form:{ form: {
// 必填项 // 必填项
idNumber: '', // 身份证 idNumber: '', // 身份证
customerName: '', // 客户姓名 customerName: '', // 客户姓名
@ -110,26 +116,26 @@ export default{
voucherNumber: '', // 凭证号码 voucherNumber: '', // 凭证号码
drawPassword: '', // 支付密码 drawPassword: '', // 支付密码
customerManage: '', // 客户经理 customerManage: '', // 客户经理
drawWay:18,//支取方式 drawWay: 18,//支取方式
// 非必填项 // 非必填项
certificateType: 83, // 证件类型 certificateType: 83, // 证件类型
clientNumber: '' // 客户号 clientNumber: '' // 客户号
}, },
formName: { formName: {
idNumber: '身份证', // idNumber: '身份证',
customerName: '客户姓名', // customerName: '客户姓名',
currency: '币种', // currency: '币种',
goldLogo: '钞汇标识', // goldLogo: '钞汇标识',
voucherType: '凭证类型', // voucherType: '凭证类型',
voucherNumber: '凭证号码', // voucherNumber: '凭证号码',
customerManage: '客户经理', // customerManage: '客户经理',
drawWay:'支取方式',// drawWay: '支取方式',//
certificateType: '证件类型', // certificateType: '证件类型',
drawPassword: '支付密码', // drawPassword: '支付密码',
clientNumber: '客户号' // clientNumber: '客户号'
}, },
rules: { rules: {
customerName: vercustomer , customerName: vercustomer,
customerManage: [{ customerManage: [{
required: true, required: true,
message: '请输入客户经理名称', message: '请输入客户经理名称',
@ -222,8 +228,8 @@ export default{
submited: 0 submited: 0
} }
}, },
created() { created () {
if(sessionStorage.getItem('nomtimeOpenAccountPassword')) { if (sessionStorage.getItem('nomtimeOpenAccountPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomtimeOpenAccountPassword') this.form.drawPassword = sessionStorage.getItem('nomtimeOpenAccountPassword')
} }
@ -241,7 +247,7 @@ export default{
// } // }
this.form.clientNumber = this.dataFlow.peopleNumber this.form.clientNumber = this.dataFlow.peopleNumber
if(sessionStorage.getItem('nomtimeOpenAccount1')) { if (sessionStorage.getItem('nomtimeOpenAccount1')) {
const { idNumber, userName, currency, goldLogo } = this.dataFlow const { idNumber, userName, currency, goldLogo } = this.dataFlow
this.form.idNumber = idNumber this.form.idNumber = idNumber
this.form.customerName = userName this.form.customerName = userName
@ -261,7 +267,7 @@ export default{
this.getFormData() this.getFormData()
}, },
mounted() { mounted () {
}, },
methods: { methods: {
@ -272,7 +278,7 @@ export default{
setPopId: 'system/setPopId', setPopId: 'system/setPopId',
setTipsOperate: 'system/setTipsOperate' setTipsOperate: 'system/setTipsOperate'
}), }),
getFormData(){ getFormData () {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,58,118' const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,58,118'
const cards = { const cards = {
// 13: 'nomtimeOpenAccount1', // 13: 'nomtimeOpenAccount1',
@ -280,26 +286,26 @@ export default{
// 129: 'nomtimeOpenAccountPassword' // 129: 'nomtimeOpenAccountPassword'
} }
const callback = () => { const callback = () => {
if(this.form.idNumber) { if (this.form.idNumber) {
this.idNumberJudge = true this.idNumberJudge = true
} }
if(this.form.voucherNumber) { if (this.form.voucherNumber) {
this.cardNumberJudge = true this.cardNumberJudge = true
} }
// 因为这个是非必填的，所以传上去的值有可能是空 // 因为这个是非必填的，所以传上去的值有可能是空
if(sessionStorage.getItem('nomtimeOpenAccount2')) { if (sessionStorage.getItem('nomtimeOpenAccount2')) {
const { voucherNumber } = this.dataFlow const { voucherNumber } = this.dataFlow
this.cardNumberJudge = true this.cardNumberJudge = true
this.form.voucherNumber = voucherNumber this.form.voucherNumber = voucherNumber
} }
if(sessionStorage.getItem('nomtimeOpenAccountPassword')) { if (sessionStorage.getItem('nomtimeOpenAccountPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomtimeOpenAccountPassword') this.form.drawPassword = sessionStorage.getItem('nomtimeOpenAccountPassword')
} }
} }
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback) autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback)
}, },
popUp1(text) { // 身份证扫描仪 popUp1 (text) { // 身份证扫描仪
// this.$store.commit('system/changePop',{show:true,text, id: '118,1'}) // this.$store.commit('system/changePop',{show:true,text, id: '118,1'})
this.setTipsOperate('请刷身份证'); this.setTipsOperate('请刷身份证');
@ -307,7 +313,7 @@ export default{
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
popUp2(text) { // 刷卡器 popUp2 (text) { // 刷卡器
// this.$store.commit('system/changePop',{show:true,text, id: '118,2'}) // this.$store.commit('system/changePop',{show:true,text, id: '118,2'})
this.setTipsOperate('请刷银行卡'); this.setTipsOperate('请刷银行卡');
@ -315,7 +321,7 @@ export default{
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
popUp3(text) { // 密码器 popUp3 (text) { // 密码器
// this.$store.commit('system/changePop',{show:true,text, id: '129'}) // this.$store.commit('system/changePop',{show:true,text, id: '129'})
this.setTipsOperate('请在密码器输入密码'); this.setTipsOperate('请在密码器输入密码');
@ -323,18 +329,18 @@ export default{
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
submitForm() { submitForm () {
if (this.submited) return this.$message.error('已提交！') if (this.submited) return this.$message.error('已提交！')
if(!this.form.idNumber) { if (!this.form.idNumber) {
messageIdCard() messageIdCard()
return return
} }
if(!this.form.voucherNumber) { if (!this.form.voucherNumber) {
messageCard() messageCard()
return return
} }
if(!this.form.drawPassword) { if (!this.form.drawPassword) {
messagePassword() messagePassword()
return return
} }
@ -345,7 +351,7 @@ export default{
}, this.$refs)); }, this.$refs));
}, },
submitForm2() { submitForm2 () {
let nomtimeOpenAccount1 = sessionStorage.getItem('nomtimeOpenAccount1') let nomtimeOpenAccount1 = sessionStorage.getItem('nomtimeOpenAccount1')
const cards = [ const cards = [
{ {
@ -357,9 +363,9 @@ export default{
this.setNeedsModule(moduleName) this.setNeedsModule(moduleName)
this.submited = 1 this.submited = 1
}, },
checkHanzi: checkHanzi, checkHanzi,
checkName: checkName, checkName,
inputListen: inputListen inputListen
}, },
computed: { computed: {
...mapGetters({ ...mapGetters({
@ -398,5 +404,4 @@ export default{
// left: 50%; // left: 50%;
// transform: translate(-50%,-20%); // transform: translate(-50%,-20%);
// } // }
// } // }</style>
</style>

96
src/pages/manage/list/personal/usefulPhrases/openAccount.vue
Unescape View File

@ -10,11 +10,13 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="客户号" prop="clientNumber"> <el-form-item label="客户号" prop="clientNumber">
<el-input ref="clientNumber" disabled :value="form.clientNumber" @input="(val) => checkHanzi(val, form, 'clientNumber')" ></el-input> <el-input ref="clientNumber" disabled :value="form.clientNumber"
@input="(val) => checkHanzi(val, form, 'clientNumber')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="币种" prop="currency"> <el-form-item label="币种" prop="currency">
<el-select v-model.trim="form.currency" placeholder="请选择" ref="currency"> <el-select v-model.trim="form.currency" placeholder="请选择" ref="currency">
<el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> <el-option v-for="item in getSelectList.currencySelectList" :label="item.options" :value="item.itemId"
:key="item.itemId"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证类型" prop="voucherType"> <el-form-item label="凭证类型" prop="voucherType">
@ -48,11 +50,13 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="客户姓名" prop="customerName"> <el-form-item label="客户姓名" prop="customerName">
<el-input ref="customerName" disabled :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')"></el-input> <el-input ref="customerName" disabled :value="form.customerName"
@input="(val) => checkName(val, form, 'customerName')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="钞汇标识" prop="goldLogo"> <el-form-item label="钞汇标识" prop="goldLogo">
<el-select v-model.trim="form.goldLogo" placeholder="请选择" ref="goldLogo"> <el-select v-model.trim="form.goldLogo" placeholder="请选择" ref="goldLogo">
<el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId" :key="item.itemId"> </el-option> <el-option v-for="item in getSelectList.goldLogoSelectList" :label="item.options" :value="item.itemId"
:key="item.itemId"> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="凭证号码" required> <el-form-item label="凭证号码" required>
@ -60,13 +64,15 @@
<p>请刷卡</p> <p>请刷卡</p>
</div> </div>
<div v-else> <div v-else>
<el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber"
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input>
</div> </div>
<!-- <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> --> <!-- <el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> -->
</el-form-item> </el-form-item>
<el-form-item label="月存金额" prop="monthDeposit"> <el-form-item label="月存金额" prop="monthDeposit">
<!-- :value="form.monthDeposit" --> <!-- :value="form.monthDeposit" -->
<el-input :value="form.monthDeposit" maxlength="15" @input="val => ismoney(val, form, 'monthDeposit')" ref="monthDeposit" ></el-input> <el-input :value="form.monthDeposit" maxlength="15" @input="val => ismoney(val, form, 'monthDeposit')"
ref="monthDeposit"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="续存标识" prop="extendDepositTarget"> <el-form-item label="续存标识" prop="extendDepositTarget">
<el-select v-model.trim="form.extendDepositTarget" placeholder="请选择" ref="extendDepositTarget"> <el-select v-model.trim="form.extendDepositTarget" placeholder="请选择" ref="extendDepositTarget">
@ -80,7 +86,8 @@
<el-input :value="form.customerManage" @input="val => checkHanzi(val, form, 'customerManage')" ref="customerManage" ></el-input> <el-input :value="form.customerManage" @input="val => checkHanzi(val, form, 'customerManage')" ref="customerManage" ></el-input>
</el-form-item> --> </el-form-item> -->
</el-col> </el-col>
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" depositNumber='0816' /> <my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName"
@submitIt="submitForm2" depositNumber='0816' />
</el-form> </el-form>
</el-row> </el-row>
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button> <el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button>
@ -88,7 +95,7 @@
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> <!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> -->
</template> </template>
<script> <script>
import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen, messageIdCard,messageCard, messagePassword } from '@/utils/utilFunction.js'; import { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js';
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js'
const moduleName = 'usefulPhrases/openAccount' const moduleName = 'usefulPhrases/openAccount'
@ -96,16 +103,16 @@ import { mapMutations, mapGetters } from 'vuex'
import NeedBefore from '@/components/needBefore' import NeedBefore from '@/components/needBefore'
import MyDialog from '@/components/dialog' import MyDialog from '@/components/dialog'
import TipsBefore from '@/mixins/tipsBefore' import TipsBefore from '@/mixins/tipsBefore'
export default{ export default {
name:'', name: '',
props:{}, props: {},
components: { components: {
NeedBefore, NeedBefore,
MyDialog MyDialog
}, },
mixins: [ TipsBefore ], mixins: [TipsBefore],
created() { created () {
if(sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword')
} }
@ -118,7 +125,7 @@ export default{
// this.form.voucherNumber = this.dataFlow.voucherNumber || '159753' // this.form.voucherNumber = this.dataFlow.voucherNumber || '159753'
// } // }
if(sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { if (sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) {
this.idNumberJudge = true this.idNumberJudge = true
// 身份证号码、客户姓名、币种（人民币）、钞汇标识（钞户） // 身份证号码、客户姓名、币种（人民币）、钞汇标识（钞户）
const { idNumber, userName, peopleNumber, currency, goldLogo } = this.dataFlow const { idNumber, userName, peopleNumber, currency, goldLogo } = this.dataFlow
@ -129,7 +136,7 @@ export default{
this.form.goldLogo = goldLogo this.form.goldLogo = goldLogo
this.form.voucherType = 127 this.form.voucherType = 127
} }
if(sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { if (sessionStorage.getItem('nomUsefulPhrasesOpenCard')) {
this.cardNumberJudge = true this.cardNumberJudge = true
const { voucherNumber } = this.dataFlow const { voucherNumber } = this.dataFlow
this.form.voucherNumber = voucherNumber this.form.voucherNumber = voucherNumber
@ -139,13 +146,13 @@ export default{
this.getFormData() this.getFormData()
}, },
data(){ data () {
return{ return {
moduleName: 'usefulPhrases/openAccount', moduleName: 'usefulPhrases/openAccount',
visible: false, visible: false,
cardNumberJudge: false, cardNumberJudge: false,
idNumberJudge: false, idNumberJudge: false,
form:{ form: {
// 必填项 // 必填项
// identityCard: '', // 身份证 // identityCard: '', // 身份证
idNumber: '', idNumber: '',
@ -162,19 +169,19 @@ export default{
clientNumber: '', // 客户号 clientNumber: '', // 客户号
certificateType: 83, // 证件类型 certificateType: 83, // 证件类型
}, },
formName:{ formName: {
// 必填项 // 必填项
// identityCard: '', // 身份证 // identityCard: '', // 身份证
idNumber: '身份证', idNumber: '身份证',
customerName: '客户姓名', // customerName: '客户姓名',
currency: '币种', // currency: '币种',
goldLogo: '钞汇标识', // goldLogo: '钞汇标识',
voucherType: '凭证类型', // voucherType: '凭证类型',
monthDeposit: '月存金额', // monthDeposit: '月存金额',
depositTerm: '存期', // depositTerm: '存期',
extendDepositTarget: '续存标识', // extendDepositTarget: '续存标识',
voucherNumber: '凭证号码', // voucherNumber: '凭证号码',
drawPassword: '支付密码', // drawPassword: '支付密码',
// 非必填项 // 非必填项
clientNumber: '客户号', // clientNumber: '客户号', //
certificateType: '证件类型', // certificateType: '证件类型', //
@ -290,7 +297,7 @@ export default{
submited: 0 submited: 0
} }
}, },
mounted() { mounted () {
}, },
methods: { methods: {
@ -306,28 +313,28 @@ export default{
setPopId: 'system/setPopId', setPopId: 'system/setPopId',
setTipsOperate: 'system/setTipsOperate' setTipsOperate: 'system/setTipsOperate'
}), }),
getDataBlur() { getDataBlur () {
// console.log('???') // console.log('???')
}, },
popUp1(text) { popUp1 (text) {
this.setTipsOperate('请刷身份证'); this.setTipsOperate('请刷身份证');
this.setPopId('1399') this.setPopId('1399')
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
popUp2(text) { popUp2 (text) {
this.setTipsOperate('请刷银行卡'); this.setTipsOperate('请刷银行卡');
this.setPopId('166') this.setPopId('166')
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
popUp3(text) { popUp3 (text) {
this.setTipsOperate('请在密码器输入密码'); this.setTipsOperate('请在密码器输入密码');
this.setPopId('167') this.setPopId('167')
sessionStorage.setItem('computerPath', this.$route.fullPath) sessionStorage.setItem('computerPath', this.$route.fullPath)
this.$router.push('/counter/list/') this.$router.push('/counter/list/')
}, },
getFormData(){ getFormData () {
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155'
const cards = { const cards = {
// 1399: 'nomUsefulPhrasesOpenCard2', // 1399: 'nomUsefulPhrasesOpenCard2',
@ -335,21 +342,21 @@ export default{
// 167: 'nomUsefulPhrasesOpenPassword' // 167: 'nomUsefulPhrasesOpenPassword'
} }
const callback = () => { const callback = () => {
if(this.form.idNumber) { if (this.form.idNumber) {
this.idNumberJudge = true this.idNumberJudge = true
} }
if(this.form.voucherNumber) { if (this.form.voucherNumber) {
this.cardNumberJudge = true this.cardNumberJudge = true
} }
if(sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) {
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword')
} }
} }
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback) autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback)
}, },
submitForm() { submitForm () {
if (this.submited) return this.$message.error('已提交！') if (this.submited) return this.$message.error('已提交！')
if(!this.form.idNumber) { if (!this.form.idNumber) {
messageIdCard() messageIdCard()
// let projectId = sessionStorage.getItem('projectId') // let projectId = sessionStorage.getItem('projectId')
// let startTime = sessionStorage.getItem('startTime') // let startTime = sessionStorage.getItem('startTime')
@ -377,12 +384,12 @@ export default{
// }) // })
return return
} }
if(!this.form.voucherNumber) { if (!this.form.voucherNumber) {
messageCard('请填写凭证号码') messageCard('请填写凭证号码')
return return
} }
if(!this.form.drawPassword) { if (!this.form.drawPassword) {
messagePassword() messagePassword()
return return
} }
@ -391,7 +398,7 @@ export default{
this.visible = true; this.visible = true;
}, this.$refs)); }, this.$refs));
}, },
submitForm2() { submitForm2 () {
// let nomUsefulPhrasesOpenCard = sessionStorage.getItem('nomUsefulPhrasesOpenCard') // let nomUsefulPhrasesOpenCard = sessionStorage.getItem('nomUsefulPhrasesOpenCard')
// let nomUsefulPhrasesOpenCard2 = sessionStorage.getItem('nomUsefulPhrasesOpenCard2') // let nomUsefulPhrasesOpenCard2 = sessionStorage.getItem('nomUsefulPhrasesOpenCard2')
// let nomUsefulPhrasesOpenPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') // let nomUsefulPhrasesOpenPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword')
@ -432,5 +439,4 @@ export default{
} }
} }
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped></style>
</style>
Write Preview
Loading…
Cancel
Save