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