parent
8b768a0671
commit
8b9ac8c068
11 changed files with 2374 additions and 2671 deletions
@ -1,360 +1,358 @@ |
||||
// 刷卡的配置文件，map结构，避免写太多if,else,配置更方便。有很多地方刷银行卡和身份证的。
|
||||
|
||||
|
||||
const myConfig = { |
||||
'99': { |
||||
nbm: 118, |
||||
name: 'nomCurrentTransferPassword', |
||||
|
||||
parentId: '5,26,57,65', |
||||
|
||||
isPassword: true, |
||||
}, |
||||
'117': { |
||||
nbm: 117, |
||||
name: 'nomCurrentCancellPassword', |
||||
|
||||
parentId: '5,26,57,67', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'118,1': { |
||||
nbm: 118, |
||||
name: 'nomtimeOpenAccount1', |
||||
|
||||
parentId: '5,26,58,118', |
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'118,2': { |
||||
nbm: 118, |
||||
name: 'nomtimeOpenAccount2', |
||||
|
||||
parentId: '5,26,58,118', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'129': { |
||||
nbm: 129, |
||||
name: 'nomtimeOpenAccountPassword', |
||||
|
||||
parentId: '5,26,58,118', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'131': { |
||||
nbm: 131, |
||||
name: 'nomtimeDeposit1', |
||||
|
||||
parentId: '5,26,58,119', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'140': { |
||||
nbm: 140, |
||||
name: 'nomtimeDepositlPassword', |
||||
|
||||
parentId: '5,26,58,119', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'154': { |
||||
nbm: 154, |
||||
name: 'nomtimeDepositWithdrawalPassword', |
||||
|
||||
parentId: '5,26,58,120', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'154,2': { |
||||
nbm: 154, |
||||
name: 'nomtimeDepositWithdrawalPassword2', |
||||
|
||||
parentId: '5,26,58,120', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'144,1': { |
||||
nbm: 144, |
||||
name: 'nomtimeDepositWithdrawal1', |
||||
|
||||
parentId: '5,26,58,120', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'144,2': { |
||||
nbm: 144, |
||||
name: 'nomtimeDepositWithdrawal2', |
||||
|
||||
parentId: '5,26,58,120', |
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'156': { |
||||
nbm: 156, |
||||
name: 'nomtimeDepositContinue', |
||||
|
||||
parentId: '5,26,59,156', |
||||
|
||||
isPassword: false |
||||
}, |
||||
'157,2': { |
||||
nbm: 157, |
||||
name: 'nomtimeDepositContinue2', |
||||
|
||||
parentId: '5,26,59,157', |
||||
|
||||
isPassword: false |
||||
}, |
||||
'166': { |
||||
nbm: 166, |
||||
name: 'nomUsefulPhrasesOpenCard', |
||||
|
||||
parentId: '5,26,59,155', |
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'167': { |
||||
nbm: 167, |
||||
name: 'nomUsefulPhrasesOpenPassword', |
||||
|
||||
parentId: '5,26,59,155', |
||||
isPassword: true |
||||
}, |
||||
'171': { |
||||
nbm: 171, |
||||
name: 'nomUsefulPhrasesContinueCard', |
||||
|
||||
parentId: '5,26,59,156', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'178': { |
||||
nbm: 178, |
||||
name: 'nomUsefulPhrasesContinuePassword', |
||||
|
||||
parentId: '5,26,59,156', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'181': { |
||||
nbm: 181, |
||||
name: 'nomUsefulPhrasesClosed2', |
||||
|
||||
parentId: '5,26,59,157', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'192': { |
||||
nbm: 192, |
||||
name: 'nomUsefulPhrasesClosedPassword', |
||||
|
||||
parentId: '5,26,59,157', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'193,1': { |
||||
nbm: 193, |
||||
name: 'nomCallDepositOpen2', |
||||
|
||||
parentId: '5,26,60,193', |
||||
|
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'203': { |
||||
nbm: 203, |
||||
name: 'nomCallDepositOpenPassword', |
||||
|
||||
parentId: '5,26,60,193', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'220': { |
||||
nbm: 220, |
||||
name: 'nomCallDepositClosedPassword', |
||||
|
||||
parentId: '5,26,60,194', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'320': { |
||||
nbm: 320, |
||||
name: 'servicesPasswordChange', |
||||
|
||||
parentId: '5,28,316', |
||||
|
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'323': { |
||||
nbm: 323, |
||||
name: 'servicesPasswordChange2', |
||||
|
||||
parentId: '5,28,316', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'325': { |
||||
nbm: 325, |
||||
name: 'servicesPasswordChange3', |
||||
|
||||
parentId: '5,28,316', |
||||
|
||||
isPassword: true, |
||||
}, |
||||
'326': { |
||||
nbm: 326, |
||||
name: 'servicesPasswordChange4', |
||||
|
||||
parentId: '5,28,316', |
||||
|
||||
isPassword: true, |
||||
}, |
||||
'329': { |
||||
nbm: 329, |
||||
name: 'servicesPasswordLost', |
||||
|
||||
parentId: '5,28,328', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'333': { |
||||
nbm: 333, |
||||
name: 'servicesPasswordLost2', |
||||
|
||||
parentId: '5,28,328', |
||||
|
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'341': { |
||||
nbm: 341, |
||||
name: 'servicesPasswordRelieveLost', |
||||
|
||||
parentId: '5,28,336', |
||||
machine: '身份证扫描仪', |
||||
isPassword: false |
||||
}, |
||||
'337': { |
||||
nbm: 337, |
||||
name: 'servicesPasswordRelieveLost2', |
||||
|
||||
parentId: '5,28,336', |
||||
machine: '刷卡器', |
||||
|
||||
isPassword: false |
||||
}, |
||||
'343': { |
||||
nbm: 343, |
||||
name: 'servicesPasswordRelievePassword', |
||||
|
||||
parentId: '5,28,336', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'291': { |
||||
nbm: 291, |
||||
name: 'nomCallDepositOpen2', |
||||
|
||||
parentId: '5,26,38,288', |
||||
|
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'297': { |
||||
nbm: 297, |
||||
name: 'nomCallDepositOpen3', |
||||
|
||||
parentId: '5,26,38,288', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'301': { |
||||
nbm: 301, |
||||
name: 'nomCallDepositOpenPassword', |
||||
|
||||
parentId: '5,26,38,288', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'303': { |
||||
nbm: 303, |
||||
name: 'nomCallDepositCard', |
||||
|
||||
parentId: '5,26,38,289', |
||||
|
||||
isPassword: false |
||||
}, |
||||
'304': { |
||||
nbm: 304, |
||||
name: 'nomCallDepositCard2', |
||||
|
||||
parentId: '5,26,38,289', |
||||
|
||||
isPassword: false |
||||
}, |
||||
'315': { |
||||
nbm: 303, |
||||
name: 'nomCallDepositClosedPassword', |
||||
|
||||
parentId: '5,26,38,289', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'1399': { |
||||
nbm: 1399, |
||||
name: 'nomUsefulPhrasesOpenCard2', |
||||
|
||||
parentId: '5,26,59,155', |
||||
|
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'180': { |
||||
nbm: 180, |
||||
name: 'nomUsefulPhrasesClosed', |
||||
|
||||
parentId: '5,26,59,157', |
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'302': { |
||||
nbm: 302, |
||||
name: 'nomCallDepositClosedCard', |
||||
|
||||
parentId: '5,26,38,289', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'392': { |
||||
nbm: 180, |
||||
name: 'nomCallDepositClosedCard2', |
||||
|
||||
parentId: '5,26,38,289', |
||||
|
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'394': { |
||||
nbm: 180, |
||||
name: 'nomCallDepositClosedPassword', |
||||
|
||||
parentId: '5,26,38,289', |
||||
|
||||
isPassword: true, |
||||
}, |
||||
'99': { |
||||
nbm: 118, |
||||
name: 'nomCurrentTransferPassword', |
||||
|
||||
parentId: '5,26,57,65', |
||||
|
||||
isPassword: true, |
||||
}, |
||||
'117': { |
||||
nbm: 117, |
||||
name: 'nomCurrentCancellPassword', |
||||
|
||||
parentId: '5,26,57,67', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'118,1': { |
||||
nbm: 118, |
||||
name: 'nomtimeOpenAccount1', |
||||
|
||||
parentId: '5,26,58,118', |
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'118,2': { |
||||
nbm: 118, |
||||
name: 'nomtimeOpenAccount2', |
||||
|
||||
parentId: '5,26,58,118', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'129': { |
||||
nbm: 129, |
||||
name: 'nomtimeOpenAccountPassword', |
||||
|
||||
parentId: '5,26,58,118', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'131': { |
||||
nbm: 131, |
||||
name: 'nomtimeDeposit1', |
||||
|
||||
parentId: '5,26,58,119', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'140': { |
||||
nbm: 140, |
||||
name: 'nomtimeDepositlPassword', |
||||
|
||||
parentId: '5,26,58,119', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'154': { |
||||
nbm: 154, |
||||
name: 'nomtimeDepositWithdrawalPassword', |
||||
|
||||
parentId: '5,26,58,120', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'154,2': { |
||||
nbm: 154, |
||||
name: 'nomtimeDepositWithdrawalPassword2', |
||||
|
||||
parentId: '5,26,58,120', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'144,1': { |
||||
nbm: 144, |
||||
name: 'nomtimeDepositWithdrawal1', |
||||
|
||||
parentId: '5,26,58,120', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'144,2': { |
||||
nbm: 144, |
||||
name: 'nomtimeDepositWithdrawal2', |
||||
|
||||
parentId: '5,26,58,120', |
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'156': { |
||||
nbm: 156, |
||||
name: 'nomtimeDepositContinue', |
||||
|
||||
parentId: '5,26,59,156', |
||||
|
||||
isPassword: false |
||||
}, |
||||
'157,2': { |
||||
nbm: 157, |
||||
name: 'nomtimeDepositContinue2', |
||||
|
||||
parentId: '5,26,59,157', |
||||
|
||||
isPassword: false |
||||
}, |
||||
'166': { |
||||
nbm: 166, |
||||
name: 'nomUsefulPhrasesOpenCard', |
||||
|
||||
parentId: '5,26,59,155', |
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'167': { |
||||
nbm: 167, |
||||
name: 'nomUsefulPhrasesOpenPassword', |
||||
|
||||
parentId: '5,26,59,155', |
||||
isPassword: true |
||||
}, |
||||
'171': { |
||||
nbm: 171, |
||||
name: 'nomUsefulPhrasesContinueCard', |
||||
|
||||
parentId: '5,26,59,156', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'178': { |
||||
nbm: 178, |
||||
name: 'nomUsefulPhrasesContinuePassword', |
||||
|
||||
parentId: '5,26,59,156', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'181': { |
||||
nbm: 181, |
||||
name: 'nomUsefulPhrasesClosed2', |
||||
|
||||
parentId: '5,26,59,157', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'192': { |
||||
nbm: 192, |
||||
name: 'nomUsefulPhrasesClosedPassword', |
||||
|
||||
parentId: '5,26,59,157', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'193,1': { |
||||
nbm: 193, |
||||
name: 'nomCallDepositOpen2', |
||||
|
||||
parentId: '5,26,60,193', |
||||
|
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'203': { |
||||
nbm: 203, |
||||
name: 'nomCallDepositOpenPassword', |
||||
|
||||
parentId: '5,26,60,193', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'220': { |
||||
nbm: 220, |
||||
name: 'nomCallDepositClosedPassword', |
||||
|
||||
parentId: '5,26,60,194', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'320': { |
||||
nbm: 320, |
||||
name: 'servicesPasswordChange', |
||||
|
||||
parentId: '5,28,316', |
||||
|
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'323': { |
||||
nbm: 323, |
||||
name: 'servicesPasswordChange2', |
||||
|
||||
parentId: '5,28,316', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'325': { |
||||
nbm: 325, |
||||
name: 'servicesPasswordChange3', |
||||
|
||||
parentId: '5,28,316', |
||||
|
||||
isPassword: true, |
||||
}, |
||||
'326': { |
||||
nbm: 326, |
||||
name: 'servicesPasswordChange4', |
||||
|
||||
parentId: '5,28,316', |
||||
|
||||
isPassword: true, |
||||
}, |
||||
'329': { |
||||
nbm: 329, |
||||
name: 'servicesPasswordLost', |
||||
|
||||
parentId: '5,28,328', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'333': { |
||||
nbm: 333, |
||||
name: 'servicesPasswordLost2', |
||||
|
||||
parentId: '5,28,328', |
||||
|
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'341': { |
||||
nbm: 341, |
||||
name: 'servicesPasswordRelieveLost', |
||||
|
||||
parentId: '5,28,336', |
||||
machine: '身份证扫描仪', |
||||
isPassword: false |
||||
}, |
||||
'337': { |
||||
nbm: 337, |
||||
name: 'servicesPasswordRelieveLost2', |
||||
|
||||
parentId: '5,28,336', |
||||
machine: '刷卡器', |
||||
|
||||
isPassword: false |
||||
}, |
||||
'343': { |
||||
nbm: 343, |
||||
name: 'servicesPasswordRelievePassword', |
||||
|
||||
parentId: '5,28,336', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'291': { |
||||
nbm: 291, |
||||
name: 'nomCallDepositOpen2', |
||||
|
||||
parentId: '5,26,38,288', |
||||
|
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'297': { |
||||
nbm: 297, |
||||
name: 'nomCallDepositOpen3', |
||||
|
||||
parentId: '5,26,38,288', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'301': { |
||||
nbm: 301, |
||||
name: 'nomCallDepositOpenPassword', |
||||
|
||||
parentId: '5,26,38,288', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'303': { |
||||
nbm: 303, |
||||
name: 'nomCallDepositCard', |
||||
|
||||
parentId: '5,26,38,289', |
||||
|
||||
isPassword: false |
||||
}, |
||||
'304': { |
||||
nbm: 304, |
||||
name: 'nomCallDepositCard2', |
||||
|
||||
parentId: '5,26,38,289', |
||||
|
||||
isPassword: false |
||||
}, |
||||
'315': { |
||||
nbm: 303, |
||||
name: 'nomCallDepositClosedPassword', |
||||
|
||||
parentId: '5,26,38,289', |
||||
|
||||
isPassword: true |
||||
}, |
||||
'1399': { |
||||
nbm: 1399, |
||||
name: 'nomUsefulPhrasesOpenCard2', |
||||
|
||||
parentId: '5,26,59,155', |
||||
|
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'180': { |
||||
nbm: 180, |
||||
name: 'nomUsefulPhrasesClosed', |
||||
|
||||
parentId: '5,26,59,157', |
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'302': { |
||||
nbm: 302, |
||||
name: 'nomCallDepositClosedCard', |
||||
|
||||
parentId: '5,26,38,289', |
||||
|
||||
isPassword: false, |
||||
machine: '刷卡器' |
||||
}, |
||||
'392': { |
||||
nbm: 180, |
||||
name: 'nomCallDepositClosedCard2', |
||||
|
||||
parentId: '5,26,38,289', |
||||
|
||||
isPassword: false, |
||||
machine: '身份证扫描仪' |
||||
}, |
||||
'394': { |
||||
nbm: 180, |
||||
name: 'nomCallDepositClosedPassword', |
||||
|
||||
parentId: '5,26,38,289', |
||||
|
||||
isPassword: true, |
||||
}, |
||||
} |
||||
|
||||
export { |
||||
myConfig |
||||
myConfig |
||||
} |
||||
@ -1,195 +1,203 @@ |
||||
// 账户服务 |
||||
<template> |
||||
<!-- 账户服务 --> |
||||
<div class="wrap"> |
||||
<div class="nav"> |
||||
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> |
||||
<el-menu-item index="1">修改密码</el-menu-item> |
||||
<el-menu-item index="2">账户服务</el-menu-item> |
||||
<el-menu-item index="3">修改密码</el-menu-item> |
||||
</el-menu> |
||||
</div> |
||||
<div class="title"> |
||||
<p>个人业务</p> |
||||
<i class="el-icon-arrow-right"></i> |
||||
<p>活期业务</p> |
||||
<i class="el-icon-arrow-right"></i> |
||||
<p>{{text}}</p> |
||||
</div> |
||||
|
||||
<!-- 修改密码 --> |
||||
<change-password></change-password> |
||||
<!-- --> |
||||
|
||||
<!-- --> |
||||
|
||||
<el-dialog |
||||
style="margin-top:10vh" |
||||
:visible.sync="visible" |
||||
:modal="false" |
||||
width="40%" |
||||
:close-on-click-modal="false" |
||||
:show-close="false" |
||||
custom-class="data-dia" |
||||
> |
||||
<div slot="title" class="dia-header"> |
||||
<div class="data-title" v-throttle>提交</div> |
||||
</div> |
||||
<div class="popBody"> |
||||
<h2>本业务需要授权</h2> |
||||
</div> |
||||
<div class="popBtns"> |
||||
<el-button class="close btn" @click="visible = false">取 消</el-button> |
||||
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button> |
||||
</div> |
||||
</el-dialog> |
||||
<!-- 账户服务 --> |
||||
<div class="wrap"> |
||||
<div class="nav"> |
||||
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> |
||||
<el-menu-item index="1">修改密码</el-menu-item> |
||||
<el-menu-item index="2">账户服务</el-menu-item> |
||||
<el-menu-item index="3">修改密码</el-menu-item> |
||||
</el-menu> |
||||
</div> |
||||
<div class="title"> |
||||
<p>个人业务</p> |
||||
<i class="el-icon-arrow-right"></i> |
||||
<p>活期业务</p> |
||||
<i class="el-icon-arrow-right"></i> |
||||
<p>{{ text }}</p> |
||||
</div> |
||||
|
||||
<!-- 修改密码 --> |
||||
<change-password></change-password> |
||||
<!-- --> |
||||
|
||||
<!-- --> |
||||
|
||||
<el-dialog style="margin-top:10vh" :visible.sync="visible" :modal="false" width="40%" :close-on-click-modal="false" |
||||
:show-close="false" custom-class="data-dia"> |
||||
<div slot="title" class="dia-header"> |
||||
<div class="data-title" v-throttle>提交</div> |
||||
</div> |
||||
<div class="popBody"> |
||||
<h2>本业务需要授权</h2> |
||||
</div> |
||||
<div class="popBtns"> |
||||
<el-button class="close btn" @click="visible = false">取 消</el-button> |
||||
<el-button class="sure btn" type="primary" @click="visible = false">确 定</el-button> |
||||
</div> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { mapState } from 'vuex' |
||||
import changePassword from './changePassword.vue' |
||||
export default { |
||||
name: 'index', |
||||
components:{ |
||||
changePassword, |
||||
}, |
||||
data() { |
||||
return { |
||||
text:'修改密码',/* 顶部文字 */ |
||||
textObj:{ |
||||
'1':'修改密码', |
||||
'2':'账户服务', |
||||
'3':'修改密码', |
||||
}, |
||||
form:{ |
||||
|
||||
}, |
||||
visible:false, |
||||
options:[], |
||||
activeIndex:'1', |
||||
second:[// 二级卡数组 |
||||
|
||||
], |
||||
|
||||
|
||||
|
||||
} |
||||
}, |
||||
created() { |
||||
|
||||
}, |
||||
methods: { |
||||
handleSelect(val){ |
||||
this.text = this.textObj[val] |
||||
this.activeIndex = val |
||||
}, |
||||
|
||||
name: 'index', |
||||
components: { |
||||
changePassword, |
||||
}, |
||||
data () { |
||||
return { |
||||
text: '修改密码',/* 顶部文字 */ |
||||
textObj: { |
||||
'1': '修改密码', |
||||
'2': '账户服务', |
||||
'3': '修改密码', |
||||
}, |
||||
form: { |
||||
|
||||
}, |
||||
visible: false, |
||||
options: [], |
||||
activeIndex: '1', |
||||
second: [// 二级卡数组 |
||||
|
||||
], |
||||
|
||||
|
||||
|
||||
} |
||||
}, |
||||
created () { |
||||
|
||||
}, |
||||
methods: { |
||||
handleSelect (val) { |
||||
this.text = this.textObj[val] |
||||
this.activeIndex = val |
||||
}, |
||||
|
||||
|
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.wrap{ |
||||
width: 100%; |
||||
display: flex; |
||||
flex-direction: column; |
||||
overflow: hidden; |
||||
padding: 24px 0 24px 24px; |
||||
.nav{ |
||||
/deep/ .el-menu.el-menu--horizontal{ |
||||
border: 0; |
||||
} |
||||
/deep/ .el-menu--horizontal > .el-menu-item.is-active{ |
||||
border:2px solid #568DF2; |
||||
border-radius: 10px; |
||||
color: #000; |
||||
} |
||||
/deep/ .el-menu--horizontal > .el-menu-item{ |
||||
border: 2px solid transparent; |
||||
border-radius: 10px; |
||||
margin-right: 10px; |
||||
height: 30px; |
||||
line-height: 28px; |
||||
} |
||||
} |
||||
.title{ |
||||
height: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
font-size: 20px; |
||||
padding-left: 0px; |
||||
margin-top: 10px; |
||||
} |
||||
.body{ |
||||
margin-top: 50px; |
||||
overflow: auto; |
||||
.idCard{ |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 40px; |
||||
line-height: 40px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
} |
||||
.add{ |
||||
position: relative; |
||||
&::after{ |
||||
content: ''; |
||||
display: block; |
||||
position: absolute; |
||||
right: 3%; |
||||
top: -4%; |
||||
border: 1px dashed #CFDDFF; |
||||
width: 88%; |
||||
height: 268px; |
||||
} |
||||
.addBtn{ |
||||
position: absolute; |
||||
left: 0; |
||||
top: 50%; |
||||
transform: translate(50%,-50%); |
||||
font-size: 22px; |
||||
} |
||||
} |
||||
} |
||||
.submitBtn{ |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 45px; |
||||
margin-top: 50px; |
||||
border-radius: 10px; |
||||
bottom: 10px; |
||||
left: 50%; |
||||
transform: translate(-50%,-50%); |
||||
} |
||||
.popBody{ |
||||
min-height: 200px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
text-align: center; |
||||
} |
||||
.popBtns{ |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
.btn{ |
||||
width: 180px; |
||||
border-radius: 10px; |
||||
font-size: 18px; |
||||
} |
||||
.close{ |
||||
background: #CFDEFF; |
||||
color: #6191FF; |
||||
} |
||||
.sure{ |
||||
background: #6191FF; |
||||
color: #fff; |
||||
} |
||||
} |
||||
.wrap { |
||||
width: 100%; |
||||
display: flex; |
||||
flex-direction: column; |
||||
overflow: hidden; |
||||
padding: 24px 0 24px 24px; |
||||
|
||||
.nav { |
||||
/deep/ .el-menu.el-menu--horizontal { |
||||
border: 0; |
||||
} |
||||
|
||||
/deep/ .el-menu--horizontal>.el-menu-item.is-active { |
||||
border: 2px solid #568DF2; |
||||
border-radius: 10px; |
||||
color: #000; |
||||
} |
||||
|
||||
/deep/ .el-menu--horizontal>.el-menu-item { |
||||
border: 2px solid transparent; |
||||
border-radius: 10px; |
||||
margin-right: 10px; |
||||
height: 30px; |
||||
line-height: 28px; |
||||
} |
||||
} |
||||
|
||||
.title { |
||||
height: 60px; |
||||
display: flex; |
||||
align-items: center; |
||||
font-size: 20px; |
||||
padding-left: 0px; |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
.body { |
||||
margin-top: 50px; |
||||
overflow: auto; |
||||
|
||||
.idCard { |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 40px; |
||||
line-height: 40px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
} |
||||
|
||||
.add { |
||||
position: relative; |
||||
|
||||
&::after { |
||||
content: ''; |
||||
display: block; |
||||
position: absolute; |
||||
right: 3%; |
||||
top: -4%; |
||||
border: 1px dashed #CFDDFF; |
||||
width: 88%; |
||||
height: 268px; |
||||
} |
||||
|
||||
.addBtn { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 50%; |
||||
transform: translate(50%, -50%); |
||||
font-size: 22px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.submitBtn { |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 45px; |
||||
margin-top: 50px; |
||||
border-radius: 10px; |
||||
bottom: 10px; |
||||
left: 50%; |
||||
transform: translate(-50%, -50%); |
||||
} |
||||
|
||||
.popBody { |
||||
min-height: 200px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
text-align: center; |
||||
} |
||||
|
||||
.popBtns { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
|
||||
.btn { |
||||
width: 180px; |
||||
border-radius: 10px; |
||||
font-size: 18px; |
||||
} |
||||
|
||||
.close { |
||||
background: #CFDEFF; |
||||
color: #6191FF; |
||||
} |
||||
|
||||
.sure { |
||||
background: #6191FF; |
||||
color: #fff; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
|
||||
@ -1,436 +1,442 @@ |
||||
// 开户 |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> |
||||
<el-col :span="10" :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-form-item> |
||||
<el-form-item label="客户号" prop="clientNumber"> |
||||
<el-input ref="clientNumber" disabled :value="form.clientNumber" @input="(val) => checkHanzi(val, form, 'clientNumber')" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="币种" prop="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-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证类型" prop="voucherType"> |
||||
<el-select v-model.trim="form.voucherType" placeholder="请选择" ref="voucherType"> |
||||
<el-option label="银行卡" :value="127"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" required> |
||||
<div v-if='!form.drawPassword' class="idCard" @click="popUp3('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
<div v-else @click="popUp3('密码器')"> |
||||
<el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="存期" prop="depositTerm"> |
||||
<el-select v-model.trim="form.depositTerm" placeholder="请选择" ref="depositTerm"> |
||||
<el-option label="1年" :value="86"> </el-option> |
||||
<el-option label="3年" :value="88"> </el-option> |
||||
<el-option label="5年" :value="89"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="证件号码" required> |
||||
<div class="idCard" @click="popUp1('身份证扫描仪')" v-if='!idNumberJudge'> |
||||
<p>请刷身份证</p> |
||||
</div> |
||||
<div v-else> |
||||
<el-input :value="form.idNumber" disabled ref="idNumber"></el-input> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="客户姓名" prop="customerName"> |
||||
<el-input ref="customerName" disabled :value="form.customerName" @input="(val) => checkName(val, form, 'customerName')"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识" prop="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-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证号码" required> |
||||
<div v-if='!cardNumberJudge' class="idCard" @click="popUp2('刷卡器')"> |
||||
<p>请刷卡</p> |
||||
</div> |
||||
<div v-else> |
||||
<el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber" @input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> |
||||
</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 label="月存金额" prop="monthDeposit"> |
||||
<!-- :value="form.monthDeposit" --> |
||||
<el-input :value="form.monthDeposit" maxlength="15" @input="val => ismoney(val, form, 'monthDeposit')" ref="monthDeposit" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="续存标识" prop="extendDepositTarget"> |
||||
<el-select v-model.trim="form.extendDepositTarget" placeholder="请选择" ref="extendDepositTarget"> |
||||
<el-option label="不续存" :value="128"> </el-option> |
||||
<el-option label="续存1年" :value="129"> </el-option> |
||||
<el-option label="续存3年" :value="130"> </el-option> |
||||
<el-option label="续存5年" :value="131"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<!-- <el-form-item label="客户经理" prop="customerManage"> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px" :rules="rules"> |
||||
<el-col :span="10" :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-form-item> |
||||
<el-form-item label="客户号" prop="clientNumber"> |
||||
<el-input ref="clientNumber" disabled :value="form.clientNumber" |
||||
@input="(val) => checkHanzi(val, form, 'clientNumber')"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="币种" prop="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-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证类型" prop="voucherType"> |
||||
<el-select v-model.trim="form.voucherType" placeholder="请选择" ref="voucherType"> |
||||
<el-option label="银行卡" :value="127"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" required> |
||||
<div v-if='!form.drawPassword' class="idCard" @click="popUp3('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
<div v-else @click="popUp3('密码器')"> |
||||
<el-input :value="form.drawPassword" ref="drawPassword" type="password"></el-input> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="存期" prop="depositTerm"> |
||||
<el-select v-model.trim="form.depositTerm" placeholder="请选择" ref="depositTerm"> |
||||
<el-option label="1年" :value="86"> </el-option> |
||||
<el-option label="3年" :value="88"> </el-option> |
||||
<el-option label="5年" :value="89"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="证件号码" required> |
||||
<div class="idCard" @click="popUp1('身份证扫描仪')" v-if='!idNumberJudge'> |
||||
<p>请刷身份证</p> |
||||
</div> |
||||
<div v-else> |
||||
<el-input :value="form.idNumber" disabled ref="idNumber"></el-input> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="客户姓名" prop="customerName"> |
||||
<el-input ref="customerName" disabled :value="form.customerName" |
||||
@input="(val) => checkName(val, form, 'customerName')"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识" prop="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-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证号码" required> |
||||
<div v-if='!cardNumberJudge' class="idCard" @click="popUp2('刷卡器')"> |
||||
<p>请刷卡</p> |
||||
</div> |
||||
<div v-else> |
||||
<el-input @blur="getDataBlur" maxlength="20" ref="voucherNumber" disabled :value="form.voucherNumber" |
||||
@input="(val) => inputListen(val, form, 'voucherNumber')"></el-input> |
||||
</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 label="月存金额" prop="monthDeposit"> |
||||
<!-- :value="form.monthDeposit" --> |
||||
<el-input :value="form.monthDeposit" maxlength="15" @input="val => ismoney(val, form, 'monthDeposit')" |
||||
ref="monthDeposit"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="续存标识" prop="extendDepositTarget"> |
||||
<el-select v-model.trim="form.extendDepositTarget" placeholder="请选择" ref="extendDepositTarget"> |
||||
<el-option label="不续存" :value="128"> </el-option> |
||||
<el-option label="续存1年" :value="129"> </el-option> |
||||
<el-option label="续存3年" :value="130"> </el-option> |
||||
<el-option label="续存5年" :value="131"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<!-- <el-form-item label="客户经理" prop="customerManage"> |
||||
<el-input :value="form.customerManage" @input="val => checkHanzi(val, form, 'customerManage')" ref="customerManage" ></el-input> |
||||
</el-form-item> --> |
||||
</el-col> |
||||
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" @submitIt="submitForm2" depositNumber='0816' /> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button> |
||||
</div> |
||||
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
||||
</el-col> |
||||
<my-dialog :moduleName="moduleName" v-if="visible" :visible.sync="visible" :showForm="form" :formName="formName" |
||||
@submitIt="submitForm2" depositNumber='0816' /> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="submitForm" type="primary" class="submitBtn" v-throttle>提交</el-button> |
||||
</div> |
||||
<!-- <need-before v-else :moduleName='needBefore' :unNeed="unNeed" /> --> |
||||
</template> |
||||
<script> |
||||
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 { myValidate, checkHanzi, checkName, ismoney, autoPlay, autoPlay2, inputListen, messageIdCard, messageCard, messagePassword } from '@/utils/utilFunction.js'; |
||||
import { mobPattern, namePattern, ratePattern, vercustomer } from '@/utils/verify.js' |
||||
|
||||
const moduleName = 'usefulPhrases/openAccount' |
||||
import { mapMutations, mapGetters } from 'vuex' |
||||
import NeedBefore from '@/components/needBefore' |
||||
import MyDialog from '@/components/dialog' |
||||
import TipsBefore from '@/mixins/tipsBefore' |
||||
export default{ |
||||
name:'', |
||||
props:{}, |
||||
components: { |
||||
NeedBefore, |
||||
MyDialog |
||||
}, |
||||
mixins: [ TipsBefore ], |
||||
created() { |
||||
if(sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
} |
||||
export default { |
||||
name: '', |
||||
props: {}, |
||||
components: { |
||||
NeedBefore, |
||||
MyDialog |
||||
}, |
||||
mixins: [TipsBefore], |
||||
created () { |
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
} |
||||
|
||||
// if(sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
||||
// this.idNumberJudge = true |
||||
// this.form.idNumber = this.dataFlow.idNumber || '441515199812064569' |
||||
// } |
||||
// if(sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
||||
// this.cardNumberJudge = true |
||||
// this.form.voucherNumber = this.dataFlow.voucherNumber || '159753' |
||||
// } |
||||
// if(sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
||||
// this.idNumberJudge = true |
||||
// this.form.idNumber = this.dataFlow.idNumber || '441515199812064569' |
||||
// } |
||||
// if(sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
||||
// this.cardNumberJudge = true |
||||
// this.form.voucherNumber = this.dataFlow.voucherNumber || '159753' |
||||
// } |
||||
|
||||
if(sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
||||
this.idNumberJudge = true |
||||
// 身份证号码、客户姓名、币种（人民币）、钞汇标识（钞户） |
||||
const { idNumber, userName, peopleNumber, currency, goldLogo } = this.dataFlow |
||||
this.form.clientNumber = peopleNumber |
||||
this.form.idNumber = idNumber |
||||
this.form.customerName = userName |
||||
this.form.currency = currency |
||||
this.form.goldLogo = goldLogo |
||||
this.form.voucherType = 127 |
||||
} |
||||
if(sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
||||
this.cardNumberJudge = true |
||||
const { voucherNumber } = this.dataFlow |
||||
this.form.voucherNumber = voucherNumber |
||||
} |
||||
|
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard2')) { |
||||
this.idNumberJudge = true |
||||
// 身份证号码、客户姓名、币种（人民币）、钞汇标识（钞户） |
||||
const { idNumber, userName, peopleNumber, currency, goldLogo } = this.dataFlow |
||||
this.form.clientNumber = peopleNumber |
||||
this.form.idNumber = idNumber |
||||
this.form.customerName = userName |
||||
this.form.currency = currency |
||||
this.form.goldLogo = goldLogo |
||||
this.form.voucherType = 127 |
||||
} |
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenCard')) { |
||||
this.cardNumberJudge = true |
||||
const { voucherNumber } = this.dataFlow |
||||
this.form.voucherNumber = voucherNumber |
||||
} |
||||
|
||||
this.getFormData() |
||||
|
||||
}, |
||||
data(){ |
||||
return{ |
||||
moduleName: 'usefulPhrases/openAccount', |
||||
visible: false, |
||||
cardNumberJudge: false, |
||||
idNumberJudge: false, |
||||
form:{ |
||||
// 必填项 |
||||
// identityCard: '', // 身份证 |
||||
idNumber: '', |
||||
customerName: '', // 客户姓名 |
||||
currency: '', // 币种 |
||||
goldLogo: '', // 钞汇标识 |
||||
voucherType: '', // 凭证类型 |
||||
monthDeposit: '', // 月存金额 |
||||
depositTerm: '', // 存期 |
||||
extendDepositTarget: '', // 续存标识 |
||||
voucherNumber: '', // 凭证号码 |
||||
drawPassword: '', // 支付密码 |
||||
// 非必填项 |
||||
clientNumber: '', // 客户号 |
||||
certificateType: 83, // 证件类型 |
||||
}, |
||||
formName:{ |
||||
// 必填项 |
||||
// identityCard: '', // 身份证 |
||||
idNumber: '身份证', |
||||
customerName: '客户姓名', // |
||||
currency: '币种', // |
||||
goldLogo: '钞汇标识', // |
||||
voucherType: '凭证类型', // |
||||
monthDeposit: '月存金额', // |
||||
depositTerm: '存期', // |
||||
extendDepositTarget: '续存标识', // |
||||
voucherNumber: '凭证号码', // |
||||
drawPassword: '支付密码', // |
||||
// 非必填项 |
||||
clientNumber: '客户号', // |
||||
certificateType: '证件类型', // |
||||
}, |
||||
rules: { |
||||
customerName: vercustomer, |
||||
currency: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择币种', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
goldLogo: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择钞汇标识', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
voucherType: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择凭证类型', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
monthDeposit: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入月存金额', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
depositTerm: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择存期', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
extendDepositTarget: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择续存标识', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
}, |
||||
myTable2: { |
||||
158: { |
||||
prop: 'certificateType',//证件类型 |
||||
type: '1', |
||||
"subjectId": 19, |
||||
}, |
||||
// 169: { |
||||
// prop: 'customerManage',//客户经理 |
||||
// type: '3', |
||||
// "subjectId": 27, |
||||
// }, |
||||
160: { |
||||
prop: 'clientNumber',//客户号 |
||||
type: '3', |
||||
"subjectId": 6, |
||||
} |
||||
}, |
||||
myTable: { |
||||
159: { |
||||
prop: 'idNumber',// 身份证号码 |
||||
type: '3', |
||||
}, |
||||
161: { |
||||
prop: 'customerName',//客户姓名 |
||||
type: '3', |
||||
"subjectId": 7, |
||||
}, |
||||
162: { |
||||
prop: 'currency',//币种 |
||||
type: '1', |
||||
"subjectId": 8, |
||||
}, |
||||
163: { |
||||
prop: 'goldLogo',//钞汇标识 |
||||
type: '1', |
||||
"subjectId": 9, |
||||
}, |
||||
164: { |
||||
prop: 'voucherType',//凭证类型 |
||||
type: '1', |
||||
"subjectId": 11, |
||||
}, |
||||
166: { |
||||
prop: 'voucherNumber',//凭证号码 |
||||
type: '3', |
||||
"subjectId": 44, |
||||
}, |
||||
167: { |
||||
prop: 'drawPassword', |
||||
type: '3', |
||||
"subjectId": 17, |
||||
}, |
||||
168: { |
||||
prop: 'monthDeposit',//月存金额 |
||||
type: '3', |
||||
"subjectId": 31, |
||||
}, |
||||
170: { |
||||
prop: 'extendDepositTarget',//续存标识 |
||||
type: '1', |
||||
"subjectId": 37, |
||||
}, |
||||
}, |
||||
submited: 0 |
||||
|
||||
this.getFormData() |
||||
|
||||
}, |
||||
data () { |
||||
return { |
||||
moduleName: 'usefulPhrases/openAccount', |
||||
visible: false, |
||||
cardNumberJudge: false, |
||||
idNumberJudge: false, |
||||
form: { |
||||
// 必填项 |
||||
// identityCard: '', // 身份证 |
||||
idNumber: '', |
||||
customerName: '', // 客户姓名 |
||||
currency: '', // 币种 |
||||
goldLogo: '', // 钞汇标识 |
||||
voucherType: '', // 凭证类型 |
||||
monthDeposit: '', // 月存金额 |
||||
depositTerm: '', // 存期 |
||||
extendDepositTarget: '', // 续存标识 |
||||
voucherNumber: '', // 凭证号码 |
||||
drawPassword: '', // 支付密码 |
||||
// 非必填项 |
||||
clientNumber: '', // 客户号 |
||||
certificateType: 83, // 证件类型 |
||||
}, |
||||
formName: { |
||||
// 必填项 |
||||
// identityCard: '', // 身份证 |
||||
idNumber: '身份证', |
||||
customerName: '客户姓名', |
||||
currency: '币种', |
||||
goldLogo: '钞汇标识', |
||||
voucherType: '凭证类型', |
||||
monthDeposit: '月存金额', |
||||
depositTerm: '存期', |
||||
extendDepositTarget: '续存标识', |
||||
voucherNumber: '凭证号码', |
||||
drawPassword: '支付密码', |
||||
// 非必填项 |
||||
clientNumber: '客户号', // |
||||
certificateType: '证件类型', // |
||||
}, |
||||
rules: { |
||||
customerName: vercustomer, |
||||
currency: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择币种', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
goldLogo: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择钞汇标识', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
voucherType: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择凭证类型', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
monthDeposit: [ |
||||
{ |
||||
required: true, |
||||
message: '请输入月存金额', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
depositTerm: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择存期', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
extendDepositTarget: [ |
||||
{ |
||||
required: true, |
||||
message: '请选择续存标识', |
||||
trigger: 'blur' |
||||
} |
||||
], |
||||
}, |
||||
myTable2: { |
||||
158: { |
||||
prop: 'certificateType',//证件类型 |
||||
type: '1', |
||||
"subjectId": 19, |
||||
}, |
||||
// 169: { |
||||
// prop: 'customerManage',//客户经理 |
||||
// type: '3', |
||||
// "subjectId": 27, |
||||
// }, |
||||
160: { |
||||
prop: 'clientNumber',//客户号 |
||||
type: '3', |
||||
"subjectId": 6, |
||||
} |
||||
}, |
||||
mounted() { |
||||
|
||||
}, |
||||
methods: { |
||||
// userName, |
||||
// peopleNumber, |
||||
// idNumber, |
||||
// currency:'CNY人民币', |
||||
// goldLogo:'钞户', |
||||
...mapMutations({ |
||||
changeShowGoods: 'system/changeShowGoods', |
||||
setDataFlow: 'system/setDataFlow', |
||||
setNeedsModule: 'system/setNeedsModule', |
||||
setPopId: 'system/setPopId', |
||||
setTipsOperate: 'system/setTipsOperate' |
||||
}), |
||||
getDataBlur() { |
||||
// console.log('???') |
||||
}, |
||||
myTable: { |
||||
159: { |
||||
prop: 'idNumber',// 身份证号码 |
||||
type: '3', |
||||
}, |
||||
popUp1(text) { |
||||
this.setTipsOperate('请刷身份证'); |
||||
this.setPopId('1399') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
161: { |
||||
prop: 'customerName',//客户姓名 |
||||
type: '3', |
||||
"subjectId": 7, |
||||
}, |
||||
popUp2(text) { |
||||
this.setTipsOperate('请刷银行卡'); |
||||
this.setPopId('166') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
162: { |
||||
prop: 'currency',//币种 |
||||
type: '1', |
||||
"subjectId": 8, |
||||
}, |
||||
popUp3(text) { |
||||
this.setTipsOperate('请在密码器输入密码'); |
||||
this.setPopId('167') |
||||
sessionStorage.setItem('computerPath', this.$route.fullPath) |
||||
this.$router.push('/counter/list/') |
||||
163: { |
||||
prop: 'goldLogo',//钞汇标识 |
||||
type: '1', |
||||
"subjectId": 9, |
||||
}, |
||||
getFormData(){ |
||||
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
||||
const cards = { |
||||
// 1399: 'nomUsefulPhrasesOpenCard2', |
||||
// 166: 'nomUsefulPhrasesOpenCard', |
||||
// 167: 'nomUsefulPhrasesOpenPassword' |
||||
} |
||||
const callback = () => { |
||||
if(this.form.idNumber) { |
||||
this.idNumberJudge = true |
||||
} |
||||
if(this.form.voucherNumber) { |
||||
this.cardNumberJudge = true |
||||
} |
||||
if(sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
} |
||||
} |
||||
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback) |
||||
164: { |
||||
prop: 'voucherType',//凭证类型 |
||||
type: '1', |
||||
"subjectId": 11, |
||||
}, |
||||
submitForm() { |
||||
if (this.submited) return this.$message.error('已提交！') |
||||
if(!this.form.idNumber) { |
||||
messageIdCard() |
||||
// let projectId = sessionStorage.getItem('projectId') |
||||
// let startTime = sessionStorage.getItem('startTime') |
||||
// let formList = [ |
||||
// { |
||||
// "answerId":'159', |
||||
// "emptyOne": "", |
||||
// "emptyTwo": "", |
||||
// "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,59,155,159,13", |
||||
// "type": "" |
||||
// } |
||||
// ] |
||||
// let params= { |
||||
// parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155,159', |
||||
// lcJudgmentRuleReq:formList, |
||||
// projectId:+projectId, |
||||
// startTime:startTime, |
||||
// } |
||||
// addOperation(params).then((data)=>{ |
||||
// this.$message({ |
||||
// message: '提交成功', |
||||
// type: 'success' |
||||
// }); |
||||
// }).catch((error)=>{ |
||||
// }) |
||||
return |
||||
} |
||||
if(!this.form.voucherNumber) { |
||||
messageCard('请填写凭证号码') |
||||
return |
||||
} |
||||
|
||||
if(!this.form.drawPassword) { |
||||
messagePassword() |
||||
return |
||||
} |
||||
this.$refs.form.validate(myValidate(() => { |
||||
// 验证通过逻辑写在这 |
||||
this.visible = true; |
||||
}, this.$refs)); |
||||
166: { |
||||
prop: 'voucherNumber',//凭证号码 |
||||
type: '3', |
||||
"subjectId": 44, |
||||
}, |
||||
submitForm2() { |
||||
// let nomUsefulPhrasesOpenCard = sessionStorage.getItem('nomUsefulPhrasesOpenCard') |
||||
// let nomUsefulPhrasesOpenCard2 = sessionStorage.getItem('nomUsefulPhrasesOpenCard2') |
||||
// let nomUsefulPhrasesOpenPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
||||
const cards = [ |
||||
{ |
||||
key: '159,13' |
||||
} |
||||
|
||||
// { |
||||
// 1399: nomUsefulPhrasesOpenCard2 |
||||
// }, |
||||
// { |
||||
// 166: nomUsefulPhrasesOpenCard |
||||
// }, |
||||
// { |
||||
// 167: nomUsefulPhrasesOpenPassword, |
||||
// "subjectId": 17, |
||||
// } |
||||
] |
||||
this.setDataFlow(this.form) |
||||
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
||||
this.submited = 1 |
||||
167: { |
||||
prop: 'drawPassword', |
||||
type: '3', |
||||
"subjectId": 17, |
||||
}, |
||||
ismoney: ismoney, |
||||
checkHanzi: checkHanzi, |
||||
checkName: checkName, |
||||
inputListen: inputListen |
||||
}, |
||||
computed: { |
||||
...mapGetters({ |
||||
dataFlow: 'system/dataFlow', |
||||
needsModule: 'system/needsModule', |
||||
idCardNumber: 'system/idCardNumber', |
||||
inMyWork: 'system/inMyWork', |
||||
getSelectList: 'system/getSelectList' |
||||
}) |
||||
168: { |
||||
prop: 'monthDeposit',//月存金额 |
||||
type: '3', |
||||
"subjectId": 31, |
||||
}, |
||||
170: { |
||||
prop: 'extendDepositTarget',//续存标识 |
||||
type: '1', |
||||
"subjectId": 37, |
||||
}, |
||||
}, |
||||
submited: 0 |
||||
} |
||||
}, |
||||
mounted () { |
||||
|
||||
}, |
||||
methods: { |
||||
// userName, |
||||
// peopleNumber, |
||||
// idNumber, |
||||
// currency:'CNY人民币', |
||||
// goldLogo:'钞户', |
||||
...mapMutations({ |
||||
changeShowGoods: 'system/changeShowGoods', |
||||
setDataFlow: 'system/setDataFlow', |
||||
setNeedsModule: 'system/setNeedsModule', |
||||
setPopId: 'system/setPopId', |
||||
setTipsOperate: 'system/setTipsOperate' |
||||
}), |
||||
getDataBlur () { |
||||
// console.log('???') |
||||
}, |
||||
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/') |
||||
}, |
||||
getFormData () { |
||||
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
||||
const cards = { |
||||
// 1399: 'nomUsefulPhrasesOpenCard2', |
||||
// 166: 'nomUsefulPhrasesOpenCard', |
||||
// 167: 'nomUsefulPhrasesOpenPassword' |
||||
} |
||||
const callback = () => { |
||||
if (this.form.idNumber) { |
||||
this.idNumberJudge = true |
||||
} |
||||
if (this.form.voucherNumber) { |
||||
this.cardNumberJudge = true |
||||
} |
||||
if (sessionStorage.getItem('nomUsefulPhrasesOpenPassword')) { |
||||
this.form.drawPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
} |
||||
} |
||||
autoPlay2(parentId, this.form, this.myTable2, this.myTable, cards, callback) |
||||
}, |
||||
submitForm () { |
||||
if (this.submited) return this.$message.error('已提交！') |
||||
if (!this.form.idNumber) { |
||||
messageIdCard() |
||||
// let projectId = sessionStorage.getItem('projectId') |
||||
// let startTime = sessionStorage.getItem('startTime') |
||||
// let formList = [ |
||||
// { |
||||
// "answerId":'159', |
||||
// "emptyOne": "", |
||||
// "emptyTwo": "", |
||||
// "operationIds": "285," + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id +",287,5,26,59,155,159,13", |
||||
// "type": "" |
||||
// } |
||||
// ] |
||||
// let params= { |
||||
// parentId: '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155,159', |
||||
// lcJudgmentRuleReq:formList, |
||||
// projectId:+projectId, |
||||
// startTime:startTime, |
||||
// } |
||||
// addOperation(params).then((data)=>{ |
||||
// this.$message({ |
||||
// message: '提交成功', |
||||
// type: 'success' |
||||
// }); |
||||
// }).catch((error)=>{ |
||||
// }) |
||||
return |
||||
} |
||||
if (!this.form.voucherNumber) { |
||||
messageCard('请填写凭证号码') |
||||
return |
||||
} |
||||
|
||||
if (!this.form.drawPassword) { |
||||
messagePassword() |
||||
return |
||||
} |
||||
this.$refs.form.validate(myValidate(() => { |
||||
// 验证通过逻辑写在这 |
||||
this.visible = true; |
||||
}, this.$refs)); |
||||
}, |
||||
submitForm2 () { |
||||
// let nomUsefulPhrasesOpenCard = sessionStorage.getItem('nomUsefulPhrasesOpenCard') |
||||
// let nomUsefulPhrasesOpenCard2 = sessionStorage.getItem('nomUsefulPhrasesOpenCard2') |
||||
// let nomUsefulPhrasesOpenPassword = sessionStorage.getItem('nomUsefulPhrasesOpenPassword') |
||||
const parentId = '285,' + this.$store.state.system.businessSelect[this.$store.state.system.businessKey].id + ',287,5,26,59,155' |
||||
const cards = [ |
||||
{ |
||||
key: '159,13' |
||||
} |
||||
|
||||
// { |
||||
// 1399: nomUsefulPhrasesOpenCard2 |
||||
// }, |
||||
// { |
||||
// 166: nomUsefulPhrasesOpenCard |
||||
// }, |
||||
// { |
||||
// 167: nomUsefulPhrasesOpenPassword, |
||||
// "subjectId": 17, |
||||
// } |
||||
] |
||||
this.setDataFlow(this.form) |
||||
autoPlay(parentId, this.form, this.myTable2, this.myTable, cards) |
||||
this.submited = 1 |
||||
}, |
||||
ismoney: ismoney, |
||||
checkHanzi: checkHanzi, |
||||
checkName: checkName, |
||||
inputListen: inputListen |
||||
}, |
||||
computed: { |
||||
...mapGetters({ |
||||
dataFlow: 'system/dataFlow', |
||||
needsModule: 'system/needsModule', |
||||
idCardNumber: 'system/idCardNumber', |
||||
inMyWork: 'system/inMyWork', |
||||
getSelectList: 'system/getSelectList' |
||||
}) |
||||
} |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
</style> |
||||
<style lang='scss' scoped></style> |
||||
Loading…
Reference in new issue