e
3 years ago
parent
1464b5300d
commit
e032f0a6c0
42 changed files with 3116 additions and 117 deletions
@ -0,0 +1,194 @@ |
||||
<!-- 现金管理 --> |
||||
<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-item index="4">现金调出</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> |
||||
|
||||
<!-- 开户 --> |
||||
<!-- <open-account v-if="activeIndex==='1'"></open-account> --> |
||||
|
||||
<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">提交</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 openAccount from './openAccount.vue' |
||||
export default { |
||||
name: 'index', |
||||
components:{ |
||||
|
||||
}, |
||||
data() { |
||||
return { |
||||
text:'',/* 顶部文字 */ |
||||
textObj:{ |
||||
'1':'现金领用', |
||||
'2':'现金上缴', |
||||
'3':'现金调入', |
||||
'4':'现金调出', |
||||
}, |
||||
form:{ |
||||
|
||||
}, |
||||
visible:false, |
||||
options:[], |
||||
activeIndex:'1', |
||||
second:[// 二级卡数组 |
||||
|
||||
], |
||||
|
||||
|
||||
|
||||
} |
||||
}, |
||||
created() { |
||||
|
||||
}, |
||||
methods: { |
||||
handleSelect(val){ |
||||
console.log(typeof(val),this.activeIndex,'xuanze'); |
||||
|
||||
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: 68px; |
||||
line-height: 68px; |
||||
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: 68px; |
||||
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> |
||||
@ -0,0 +1,200 @@ |
||||
// 存款 |
||||
<template> |
||||
<div class="wrap"> |
||||
<div class="title"> |
||||
<p>公司业务</p> |
||||
<i class="el-icon-arrow-right"></i> |
||||
<p>{{text}}</p> |
||||
</div> |
||||
|
||||
<!-- 存款 --> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="账号" required> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="币种" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="CYN人民币" value="CYN人民币"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="存款金额" required> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="客户姓名" required> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="钞户" value="钞户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="利率（%）" required> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="21" :offset="1"> |
||||
<el-form-item label="摘要"> |
||||
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
|
||||
<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">提交</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' |
||||
export default { |
||||
name: 'index', |
||||
components:{}, |
||||
data() { |
||||
return { |
||||
text:'存款',/* 顶部文字 */ |
||||
form:{ |
||||
|
||||
}, |
||||
second:[// 二级卡数组 |
||||
|
||||
], |
||||
options:[], |
||||
visible:false, |
||||
options:[], |
||||
activeIndex:'1', |
||||
second:[// 二级卡数组 |
||||
|
||||
], |
||||
} |
||||
}, |
||||
created() { |
||||
|
||||
}, |
||||
methods: { |
||||
|
||||
} |
||||
}; |
||||
</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; |
||||
} |
||||
} |
||||
|
||||
.body{ |
||||
margin-top: 50px; |
||||
overflow: auto; |
||||
.idCard{ |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 68px; |
||||
line-height: 68px; |
||||
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: 68px; |
||||
margin-top: 50px; |
||||
border-radius: 10px; |
||||
bottom: 10px; |
||||
left: 50%; |
||||
transform: translate(-50%,-0%); |
||||
} |
||||
.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> |
||||
@ -0,0 +1,247 @@ |
||||
// 开户 |
||||
<template> |
||||
<div class="wrap"> |
||||
<div class="title"> |
||||
<p>公司业务</p> |
||||
<i class="el-icon-arrow-right"></i> |
||||
<p>{{text}}</p> |
||||
</div> |
||||
|
||||
<!-- 开户 --> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="2"> |
||||
<el-form-item label="客户号"> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="账户类型" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="结算户" value="结算户"> </el-option> |
||||
<el-option label="活期保障金户" value="活期保障金户"> </el-option> |
||||
<el-option label="委托保障金户" value="委托保障金户"> </el-option> |
||||
<el-option label="资本临时户" value="资本临时户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="账户科目" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="工业存款" value="工业存款"> </el-option> |
||||
<el-option label="商业存款" value="商业存款"> </el-option> |
||||
<el-option label="外贸存款" value="外贸存款"> </el-option> |
||||
<el-option label="其他" value="其他"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="钞户" value="钞户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="出账页标志" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="按月" value="按月"> </el-option> |
||||
<el-option label="满页" value="满页"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="统计代码"> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="外汇证号"> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
|
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="客户姓名" required> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="账户性质" required> |
||||
<el-select v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="基本户" value="基本户"> </el-option> |
||||
<el-option label="一般户" value="一般户"> </el-option> |
||||
<el-option label="转用户" value="转用户"> </el-option> |
||||
<el-option label="临时户" value="临时户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="币种" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="CYN人民币" value="CYN人民币"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="计息方式" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="季度" value="季度"> </el-option> |
||||
<el-option label="半年" value="半年"> </el-option> |
||||
<el-option label="一年" value="一年"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="支取方式" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="印签" value="印签"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="外汇核准号"> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
|
||||
<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">提交</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' |
||||
export default { |
||||
name: 'index', |
||||
components:{}, |
||||
data() { |
||||
return { |
||||
text:'开户',/* 顶部文字 */ |
||||
form:{ |
||||
|
||||
}, |
||||
second:[// 二级卡数组 |
||||
|
||||
], |
||||
options:[], |
||||
visible:false, |
||||
options:[], |
||||
activeIndex:'1', |
||||
second:[// 二级卡数组 |
||||
|
||||
], |
||||
} |
||||
}, |
||||
created() { |
||||
}, |
||||
methods: { |
||||
|
||||
} |
||||
}; |
||||
</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: 68px; |
||||
line-height: 68px; |
||||
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: 68px; |
||||
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> |
||||
@ -0,0 +1,235 @@ |
||||
// 转账 |
||||
<template> |
||||
<div class="wrap"> |
||||
<div class="title"> |
||||
<p>公司业务</p> |
||||
<i class="el-icon-arrow-right"></i> |
||||
<p>{{text}}</p> |
||||
</div> |
||||
|
||||
<!-- 开户 --> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="2"> |
||||
<el-form-item label="客户号"> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="账户类型" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="结算户" value="结算户"> </el-option> |
||||
<el-option label="活期保障金户" value="活期保障金户"> </el-option> |
||||
<el-option label="委托保障金户" value="委托保障金户"> </el-option> |
||||
<el-option label="资本临时户" value="资本临时户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="账户科目" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="工业存款" value="工业存款"> </el-option> |
||||
<el-option label="商业存款" value="商业存款"> </el-option> |
||||
<el-option label="外贸存款" value="外贸存款"> </el-option> |
||||
<el-option label="其他" value="其他"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="钞户" value="钞户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="出账页标志" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="按月" value="按月"> </el-option> |
||||
<el-option label="满页" value="满页"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="统计代码"> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="外汇证号"> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
|
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="客户姓名" required> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="账户性质" required> |
||||
<el-select v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="基本户" value="基本户"> </el-option> |
||||
<el-option label="一般户" value="一般户"> </el-option> |
||||
<el-option label="转用户" value="转用户"> </el-option> |
||||
<el-option label="临时户" value="临时户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="计息方式" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="季度" value="季度"> </el-option> |
||||
<el-option label="半年" value="半年"> </el-option> |
||||
<el-option label="一年" value="一年"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="支取方式" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="印签" value="印签"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="外汇核准号"> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
|
||||
<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">提交</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' |
||||
export default { |
||||
name: 'index', |
||||
components:{}, |
||||
data() { |
||||
return { |
||||
text:'转账',/* 顶部文字 */ |
||||
form:{ |
||||
|
||||
}, |
||||
second:[// 二级卡数组 |
||||
|
||||
], |
||||
options:[], |
||||
visible:false, |
||||
options:[], |
||||
activeIndex:'1', |
||||
second:[// 二级卡数组 |
||||
|
||||
], |
||||
} |
||||
}, |
||||
created() { |
||||
|
||||
}, |
||||
methods: { |
||||
|
||||
} |
||||
}; |
||||
</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; |
||||
} |
||||
} |
||||
.body{ |
||||
margin-top: 50px; |
||||
overflow: auto; |
||||
.idCard{ |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 68px; |
||||
line-height: 68px; |
||||
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: 68px; |
||||
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> |
||||
@ -0,0 +1,224 @@ |
||||
// 取款 |
||||
<template> |
||||
<div class="wrap"> |
||||
<div class="title"> |
||||
<p>公司业务</p> |
||||
<i class="el-icon-arrow-right"></i> |
||||
<p>{{text}}</p> |
||||
</div> |
||||
|
||||
<!-- 开户 --> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="2"> |
||||
<el-form-item label="账号"> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="凭证号码"> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="币种" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="CYN人民币" value="CYN人民币"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证类型" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="存单" value="存单"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="支取方式" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="印签" value="印签"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="客户姓名" required> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="签发日期" required> |
||||
<el-date-picker |
||||
v-model="value1" |
||||
type="date" |
||||
placeholder="选择日期"> |
||||
</el-date-picker> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识" required> |
||||
<el-select v-model="form.currency" placeholder="请选择"> |
||||
<el-option label="钞户" value="钞户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="金额" required> |
||||
<el-input v-model="form.num"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="21" :offset="1"> |
||||
<el-form-item label="摘要"> |
||||
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
|
||||
<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">提交</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' |
||||
export default { |
||||
name: 'index', |
||||
components:{}, |
||||
data() { |
||||
return { |
||||
text:'取款',/* 顶部文字 */ |
||||
form:{ |
||||
|
||||
}, |
||||
second:[// 二级卡数组 |
||||
|
||||
], |
||||
options:[], |
||||
visible:false, |
||||
options:[], |
||||
activeIndex:'1', |
||||
second:[// 二级卡数组 |
||||
|
||||
], |
||||
} |
||||
}, |
||||
created() { |
||||
|
||||
}, |
||||
methods: { |
||||
|
||||
} |
||||
}; |
||||
</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: 68px; |
||||
line-height: 68px; |
||||
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: 68px; |
||||
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 +0,0 @@ |
||||
// 账户服务 |
||||
@ -0,0 +1,195 @@ |
||||
// 账户服务 |
||||
<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">提交</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 |
||||
}, |
||||
|
||||
|
||||
} |
||||
}; |
||||
</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: 68px; |
||||
line-height: 68px; |
||||
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: 68px; |
||||
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> |
||||
@ -0,0 +1,86 @@ |
||||
/*修改密码 */ |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="卡号" required> |
||||
<div class="idCard" @click="popUp('刷卡器')"> |
||||
<p>请刷银行卡</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="证件类型"> |
||||
<el-select v-model="form.x" disabled placeholder="请选择"> |
||||
<el-option label="身份证" value="身份证"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="原密码" required> |
||||
<div class="idCard" @click="popUp('刷卡器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="客户姓名"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="身份证" required> |
||||
<div class="idCard" @click="popUp('刷卡器')"> |
||||
<p>请刷身份证</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="新密码" required> |
||||
<div class="idCard" @click="popUp('刷卡器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default{ |
||||
name:'', |
||||
props:{}, |
||||
data(){ |
||||
return{ |
||||
form:{} |
||||
} |
||||
}, |
||||
created() { |
||||
|
||||
}, |
||||
methods: { |
||||
|
||||
}, |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.body{ |
||||
margin-top: 50px; |
||||
overflow: auto; |
||||
.idCard{ |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 68px; |
||||
line-height: 68px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
cursor: pointer; |
||||
} |
||||
.submitBtn{ |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 68px; |
||||
margin-top: 50px; |
||||
border-radius: 10px; |
||||
bottom: 10px; |
||||
left: 50%; |
||||
transform: translate(-50%,-20%); |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,123 @@ |
||||
// 销户 |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="证件类型"> |
||||
<el-select disabled v-model="form.x" placeholder="请选择"> |
||||
<el-option label="身份证" value="身份证"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证号码" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="存单" value="存单"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="币种" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="CYN人民币" value="CYN人民币"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="定存编号"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="利率（%）"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="利息"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="起息日期" required> |
||||
<div class="idCard" @click="popUp('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
</el-form-item> |
||||
|
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="身份证" required> |
||||
<div class="idCard" @click="popUp('身份证扫描器')"> |
||||
<p>请刷身份证</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="客户姓名"> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识"> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="钞户" value="钞户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="本金"> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="存期"> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="1年" value="1年"> </el-option> |
||||
<el-option label="3年" value="3年"> </el-option> |
||||
<el-option label="5年" value="5年"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="总金额"> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" required> |
||||
<div class="idCard" @click="popUp('输入器')"> |
||||
<p>请填凭证号码</p> |
||||
</div> |
||||
</el-form-item> |
||||
<!-- <el-form-item label="续存标识" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="不续存" value="不续存"> </el-option> |
||||
<el-option label="续存1年" value="续存1年"> </el-option> |
||||
<el-option label="续存3年" value="续存3年"> </el-option> |
||||
<el-option label="续存5年" value="续存5年"> </el-option> |
||||
</el-select> |
||||
</el-form-item> --> |
||||
</el-col> |
||||
|
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default{ |
||||
name:'', |
||||
props:{}, |
||||
data(){ |
||||
return{ |
||||
form:{} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.body{ |
||||
margin-top: 50px; |
||||
padding-bottom: 50px; |
||||
overflow: auto; |
||||
.idCard{ |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 68px; |
||||
line-height: 68px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
cursor: pointer; |
||||
} |
||||
.submitBtn{ |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 68px; |
||||
margin-top: 50px; |
||||
border-radius: 10px; |
||||
bottom: 10px; |
||||
left: 50%; |
||||
transform: translate(-50%,-20%); |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,192 @@ |
||||
<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> |
||||
</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> |
||||
|
||||
<!-- 开户 --> |
||||
<open-account v-if="activeIndex==='1'"></open-account> |
||||
<!-- 销户 --> |
||||
<account-closed v-if="activeIndex==='2'"></account-closed> |
||||
|
||||
<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">提交</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 openAccount from './openAccount.vue' |
||||
import accountClosed from './accountClosed.vue' |
||||
|
||||
export default { |
||||
name: 'index', |
||||
components:{ |
||||
openAccount,accountClosed, |
||||
}, |
||||
data() { |
||||
return { |
||||
text:'',/* 顶部文字 */ |
||||
textObj:{ |
||||
'1':'开户', |
||||
'2':'支取销户', |
||||
}, |
||||
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: 68px; |
||||
line-height: 68px; |
||||
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: 68px; |
||||
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> |
||||
@ -0,0 +1,113 @@ |
||||
// 开户 |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="证件类型"> |
||||
<el-select disabled v-model="form.x" placeholder="请选择"> |
||||
<el-option label="身份证" value="身份证"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="客户号"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="币种" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="CYN人民币" value="CYN人民币"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证类型" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="存单" value="存单"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" required> |
||||
<div class="idCard" @click="popUp('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="存期" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="1年" value="1年"> </el-option> |
||||
<el-option label="3年" value="3年"> </el-option> |
||||
<el-option label="5年" value="5年"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="身份证" required> |
||||
<div class="idCard" @click="popUp('身份证扫描器')"> |
||||
<p>请刷身份证</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="客户姓名" required> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="钞户" value="钞户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证号码" required> |
||||
<div class="idCard" @click="popUp('输入器')"> |
||||
<p>请填凭证号码</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="月存金额" required> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="续存标识" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="不续存" value="不续存"> </el-option> |
||||
<el-option label="续存1年" value="续存1年"> </el-option> |
||||
<el-option label="续存3年" value="续存3年"> </el-option> |
||||
<el-option label="续存5年" value="续存5年"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
|
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default{ |
||||
name:'', |
||||
props:{}, |
||||
data(){ |
||||
return{ |
||||
form:{} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.body{ |
||||
margin-top: 50px; |
||||
padding-bottom: 50px; |
||||
overflow: auto; |
||||
.idCard{ |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 68px; |
||||
line-height: 68px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
cursor: pointer; |
||||
} |
||||
.submitBtn{ |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 68px; |
||||
border-radius: 10px; |
||||
bottom: 10px; |
||||
margin-top: 50px; |
||||
left: 50%; |
||||
transform: translate(-50%,0%); |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,28 +0,0 @@ |
||||
// 整存整取 |
||||
<template> |
||||
<div class="wrap"> |
||||
|
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { mapState } from 'vuex' |
||||
export default { |
||||
name: 'index', |
||||
data() { |
||||
return { |
||||
|
||||
} |
||||
}, |
||||
mounted() { |
||||
|
||||
}, |
||||
methods: { |
||||
|
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
|
||||
</style> |
||||
@ -0,0 +1,114 @@ |
||||
// 整存整取 > 存款 |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="凭证号码" required> |
||||
<div class="idCard" @click="popUp('输入器')"> |
||||
<p>请输入凭证号</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="币种" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="CYN人民币" value="CYN人民币"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="金额"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="利率（%）"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="支取方式"> |
||||
<el-select disabled v-model="form.x" placeholder="请选择"> |
||||
<el-option label="密码" value="密码"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="存款类别" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="现金" value="现金"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="客户姓名" required> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="钞户" value="钞户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="存期" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="3个月" value="3个月"> </el-option> |
||||
<el-option label="6个月" value="6个月"> </el-option> |
||||
<el-option label="1年" value="1年"> </el-option> |
||||
<el-option label="2年" value="2年"> </el-option> |
||||
<el-option label="3年" value="3年"> </el-option> |
||||
<el-option label="五年" value="五年"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="续存" required> |
||||
<el-radio v-model="radio" label="1">备选项</el-radio> |
||||
<el-radio v-model="radio" label="2">备选项</el-radio> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" required> |
||||
<div class="idCard" @click="popUp('输入器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="起息日" required> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="21" :offset="1"> |
||||
<el-form-item label="摘要"> |
||||
<el-input type="textarea" :rows="3" placeholder="请输入内容" v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default{ |
||||
name:'', |
||||
props:{}, |
||||
data(){ |
||||
return{ |
||||
form:{} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.body{ |
||||
margin-top: 50px; |
||||
padding-bottom: 50px; |
||||
overflow: auto; |
||||
.idCard{ |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 68px; |
||||
line-height: 68px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
cursor: pointer; |
||||
} |
||||
.submitBtn{ |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 68px; |
||||
border-radius: 10px; |
||||
margin-top: 50px; |
||||
bottom: 10px; |
||||
left: 50%; |
||||
transform: translate(-50%,-20%); |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,97 @@ |
||||
// 整存整取 > 开户 |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="证件类型"> |
||||
<el-select disabled v-model="form.x" placeholder="请选择"> |
||||
<el-option label="身份证" value="身份证"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="客户号"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="币种" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="CYN人民币" value="CYN人民币"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证类型" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="存单" value="存单"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" required> |
||||
<div class="idCard" @click="popUp('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="身份证" required> |
||||
<div class="idCard" @click="popUp('身份证扫描器')"> |
||||
<p>请刷身份证</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="客户姓名" required> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="钞户" value="钞户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证号码" required> |
||||
<div class="idCard" @click="popUp('输入器')"> |
||||
<p>请填凭证号码</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="客户经理" required> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
|
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default{ |
||||
name:'', |
||||
props:{}, |
||||
data(){ |
||||
return{ |
||||
form:{} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.body{ |
||||
margin-top: 50px; |
||||
padding-bottom: 50px; |
||||
overflow: auto; |
||||
.idCard{ |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 68px; |
||||
line-height: 68px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
cursor: pointer; |
||||
} |
||||
.submitBtn{ |
||||
position: absolute; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 68px; |
||||
border-radius: 10px; |
||||
bottom: 10px; |
||||
left: 50%; |
||||
transform: translate(-50%,-20%); |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,205 @@ |
||||
// 整存整取 |
||||
<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> |
||||
<!-- 开户 --> |
||||
<open-account v-if="activeIndex==='1'"></open-account> |
||||
<!-- 存款 --> |
||||
<deposit v-if="activeIndex==='2'"></deposit> |
||||
<!-- 取款 --> |
||||
<withdrawal v-if="activeIndex==='3'"></withdrawal> |
||||
|
||||
<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">提交</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 openAccount from './openAccount.vue' |
||||
import deposit from './deposit.vue' |
||||
import withdrawal from './withdrawal.vue' |
||||
|
||||
export default { |
||||
name: 'index', |
||||
components:{ |
||||
openAccount, |
||||
deposit, |
||||
withdrawal, |
||||
}, |
||||
data() { |
||||
return { |
||||
text:'',/* 顶部文字 */ |
||||
textObj:{ |
||||
'1':'开户', |
||||
'2':'存款', |
||||
'3':'取款', |
||||
'4':'转账', |
||||
'5':'结清', |
||||
'6':'销户', |
||||
}, |
||||
form:{ |
||||
|
||||
}, |
||||
visible:false, |
||||
options:[], |
||||
activeIndex:'1', |
||||
second:[// 二级卡数组 |
||||
|
||||
], |
||||
|
||||
|
||||
|
||||
} |
||||
}, |
||||
created() { |
||||
|
||||
}, |
||||
methods: { |
||||
handleSelect(val){ |
||||
console.log(typeof(val),this.activeIndex,'xuanze'); |
||||
|
||||
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: 68px; |
||||
line-height: 68px; |
||||
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: 68px; |
||||
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> |
||||
@ -0,0 +1,100 @@ |
||||
// 整存整取 > 取款 |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="凭证号码" required> |
||||
<div class="idCard" @click="popUp('刷卡器')"> |
||||
<p>请填凭证号码</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="币种"> |
||||
<el-select disabled v-model="form.x" placeholder="请选择"> |
||||
<el-option label="CNY人民币" value="CNY人民币"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="定存编号"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="支取金额" required> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="利息（%）" required> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" required> |
||||
<div class="idCard" @click="popUp('刷卡器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="客户姓名"> |
||||
<el-input v-model="form.name" disabled></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="钞户" value="钞户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="本金" required> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="支取类别" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="现金" value="现金"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="支取方式" required> |
||||
<el-radio v-model="form.radio" label="1">部分支取</el-radio> |
||||
<el-radio v-model="form.radio" label="2">全部支取</el-radio> |
||||
</el-form-item> |
||||
</el-col> |
||||
|
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default{ |
||||
name:'', |
||||
props:{}, |
||||
data(){ |
||||
return{ |
||||
form:{ |
||||
radio:'1' |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.body{ |
||||
margin-top: 50px; |
||||
padding-bottom: 50px; |
||||
overflow: auto; |
||||
.idCard{ |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 68px; |
||||
line-height: 68px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
cursor: pointer; |
||||
} |
||||
.submitBtn{ |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 68px; |
||||
border-radius: 10px; |
||||
margin-top: 50px; |
||||
bottom: 0px; |
||||
left: 50%; |
||||
transform: translate(-50%,-20%); |
||||
} |
||||
} |
||||
</style> |
||||
@ -1 +0,0 @@ |
||||
零存整取 |
||||
@ -0,0 +1,123 @@ |
||||
// 销户 |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="证件类型"> |
||||
<el-select disabled v-model="form.x" placeholder="请选择"> |
||||
<el-option label="身份证" value="身份证"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证号码" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="存单" value="存单"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="币种" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="CYN人民币" value="CYN人民币"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="定存编号"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="利率（%）"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="利息"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="起息日期" required> |
||||
<div class="idCard" @click="popUp('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
</el-form-item> |
||||
|
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="身份证" required> |
||||
<div class="idCard" @click="popUp('身份证扫描器')"> |
||||
<p>请刷身份证</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="客户姓名"> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识"> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="钞户" value="钞户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="本金"> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="存期"> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="1年" value="1年"> </el-option> |
||||
<el-option label="3年" value="3年"> </el-option> |
||||
<el-option label="5年" value="5年"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="总金额"> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" required> |
||||
<div class="idCard" @click="popUp('输入器')"> |
||||
<p>请填凭证号码</p> |
||||
</div> |
||||
</el-form-item> |
||||
<!-- <el-form-item label="续存标识" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="不续存" value="不续存"> </el-option> |
||||
<el-option label="续存1年" value="续存1年"> </el-option> |
||||
<el-option label="续存3年" value="续存3年"> </el-option> |
||||
<el-option label="续存5年" value="续存5年"> </el-option> |
||||
</el-select> |
||||
</el-form-item> --> |
||||
</el-col> |
||||
|
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default{ |
||||
name:'', |
||||
props:{}, |
||||
data(){ |
||||
return{ |
||||
form:{} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.body{ |
||||
margin-top: 50px; |
||||
padding-bottom: 50px; |
||||
overflow: auto; |
||||
.idCard{ |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 68px; |
||||
line-height: 68px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
cursor: pointer; |
||||
} |
||||
.submitBtn{ |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 68px; |
||||
margin-top: 50px; |
||||
border-radius: 10px; |
||||
bottom: 10px; |
||||
left: 50%; |
||||
transform: translate(-50%,-20%); |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,89 @@ |
||||
// 续存 |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="凭证号码" required> |
||||
<div class="idCard" @click="popUp('输入器')"> |
||||
<p>请输入凭证号</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="定存编号"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识"> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="钞户" value="钞户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="月存金额"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="客户姓名" required> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="币种" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="CYN人民币" value="CYN人民币"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="存期" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="1年" value="1年"> </el-option> |
||||
<el-option label="3年" value="3年"> </el-option> |
||||
<el-option label="5年" value="5年"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" required> |
||||
<div class="idCard" @click="popUp('输入器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default{ |
||||
name:'', |
||||
props:{}, |
||||
data(){ |
||||
return{ |
||||
form:{} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.body{ |
||||
margin-top: 50px; |
||||
padding-bottom: 50px; |
||||
overflow: auto; |
||||
.idCard{ |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 68px; |
||||
line-height: 68px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
cursor: pointer; |
||||
} |
||||
.submitBtn{ |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 68px; |
||||
border-radius: 10px; |
||||
margin-top: 50px; |
||||
bottom: 10px; |
||||
left: 50%; |
||||
transform: translate(-50%,-20%); |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,112 @@ |
||||
// 开户 |
||||
<template> |
||||
<div class="body"> |
||||
<el-row :gutter="20" style="margin: 0"> |
||||
<el-form ref="form" :model="form" label-width="120px"> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="证件类型"> |
||||
<el-select disabled v-model="form.x" placeholder="请选择"> |
||||
<el-option label="身份证" value="身份证"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="客户号"> |
||||
<el-input v-model="form.name"></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="币种" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="CYN人民币" value="CYN人民币"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证类型" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="存单" value="存单"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="支取密码" required> |
||||
<div class="idCard" @click="popUp('密码器')"> |
||||
<p>请输入密码</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="存期" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="1年" value="1年"> </el-option> |
||||
<el-option label="3年" value="3年"> </el-option> |
||||
<el-option label="5年" value="5年"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="10" :offset="1"> |
||||
<el-form-item label="身份证" required> |
||||
<div class="idCard" @click="popUp('身份证扫描器')"> |
||||
<p>请刷身份证</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="客户姓名" required> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="钞汇标识" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="钞户" value="钞户"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="凭证号码" required> |
||||
<div class="idCard" @click="popUp('输入器')"> |
||||
<p>请填凭证号码</p> |
||||
</div> |
||||
</el-form-item> |
||||
<el-form-item label="月存金额" required> |
||||
<el-input v-model="form.name" ></el-input> |
||||
</el-form-item> |
||||
<el-form-item label="续存标识" required> |
||||
<el-select disabled v-model="form.identification" placeholder="请选择"> |
||||
<el-option label="不续存" value="不续存"> </el-option> |
||||
<el-option label="续存1年" value="续存1年"> </el-option> |
||||
<el-option label="续存3年" value="续存3年"> </el-option> |
||||
<el-option label="续存5年" value="续存5年"> </el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
|
||||
</el-form> |
||||
</el-row> |
||||
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default{ |
||||
name:'', |
||||
props:{}, |
||||
data(){ |
||||
return{ |
||||
form:{} |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.body{ |
||||
margin-top: 50px; |
||||
padding-bottom: 50px; |
||||
overflow: auto; |
||||
.idCard{ |
||||
border-radius: 5px; |
||||
background: #CFDDFF; |
||||
text-align: center; |
||||
height: 68px; |
||||
line-height: 68px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
cursor: pointer; |
||||
} |
||||
.submitBtn{ |
||||
position: absolute; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 68px; |
||||
border-radius: 10px; |
||||
bottom: 10px; |
||||
left: 50%; |
||||
transform: translate(-50%,-20%); |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,199 @@ |
||||
<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> |
||||
|
||||
<!-- 开户 --> |
||||
<open-account v-if="activeIndex==='1'"></open-account> |
||||
<!-- 存款 --> |
||||
<continue-deposit v-if="activeIndex==='2'"></continue-deposit> |
||||
<!-- 销户 --> |
||||
<account-closed v-if="activeIndex==='3'"></account-closed> |
||||
|
||||
<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">提交</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 openAccount from './openAccount.vue' |
||||
import continueDeposit from './continueDeposit.vue' |
||||
import accountClosed from './accountClosed.vue' |
||||
export default { |
||||
name: 'index', |
||||
components:{ |
||||
openAccount, |
||||
continueDeposit, |
||||
accountClosed, |
||||
}, |
||||
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: 68px; |
||||
line-height: 68px; |
||||
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: 68px; |
||||
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,57 +0,0 @@ |
||||
/* 银行系统 */ |
||||
export default { |
||||
namespaced: true, |
||||
state: {/* 管理柜台状态 */ |
||||
showPop: false,// 弹框
|
||||
popText:'钱箱', |
||||
fullScreen:false,// 银行系统是否全屏
|
||||
goods:[// 物品栏的物品
|
||||
{ |
||||
name:'身份证', |
||||
src:require('@/assets/img/goods/idcard.png'), |
||||
id:'a' |
||||
}, |
||||
{ |
||||
name:'身份证复印件', |
||||
src:require('@/assets/img/idCard-copy-sm.png'), |
||||
id:'b' |
||||
}, |
||||
{ |
||||
name:'开户申请书', |
||||
src:require('@/assets/img/goods/khsqs.png'), |
||||
id:'c' |
||||
}, |
||||
{ |
||||
name:'现金', |
||||
src:require('@/assets/img/goods/cash-sm.png'), |
||||
id:'d' |
||||
}, |
||||
{ |
||||
name:'存款凭条', |
||||
src:require('@/assets/img/goods/ckpt.png'), |
||||
id:'e' |
||||
}, |
||||
], |
||||
}, |
||||
mutations: { |
||||
changeFullscreen:(state,val) => { |
||||
state.fullScreen = val |
||||
}, |
||||
changePop:(state,val)=>{ |
||||
state.showPop = val.show |
||||
state.popText = val.text |
||||
}, |
||||
changeGoods:(state,obj)=>{/* 赋值/push/删除 */ |
||||
if(obj.goods&&obj.goods.length>0){ |
||||
state.goods = obj.goods |
||||
}else if(obj.push&&obj.push.length>0){ |
||||
state.goods.push(...obj.push) |
||||
}else if(typeof(obj.splice)===Number ){ |
||||
state.goods.splice(obj.splice,1) |
||||
} |
||||
} |
||||
}, |
||||
actions: { |
||||
|
||||
} |
||||
} |
||||
@ -1 +1 @@ |
||||
.submitBtn{position:absolute;width:300px;font-size:18px;height:68px;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}.popBtns .btn{width:180px;border-radius:10px;font-size:18px}.popBtns .close{background:#CFDEFF;color:#6191FF}.popBtns .sure{background:#6191FF;color:#fff}.idCard{cursor:pointer;border-radius:5px;background:#CFDDFF;text-align:center;height:68px;line-height:68px;font-size:18px;color:#6191FF} |
||||
.submitBtn{position:absolute;width:300px;font-size:18px;height:68px;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}.popBtns .btn{width:180px;border-radius:10px;font-size:18px}.popBtns .close{background:#CFDEFF;color:#6191FF}.popBtns .sure{background:#6191FF;color:#fff}.idCard{cursor:pointer;border-radius:5px;background:#CFDDFF;text-align:center;height:68px;line-height:68px;font-size:18px;color:#6191FF}.title{height:60px;display:flex;align-items:center;font-size:20px;padding-left:0px;margin-top:10px;flex-shrink:0} |
||||
|
||||
Loading…
Reference in new issue