luoJunYong.123
3 years ago
parent
c8d8f658c0
commit
5a76db9ce2
5 changed files with 687 additions and 97 deletions
@ -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: 40px; |
||||
line-height: 40px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
} |
||||
.add{ |
||||
position: relative; |
||||
&::after{ |
||||
content: ''; |
||||
display: block; |
||||
position: absolute; |
||||
right: 3%; |
||||
top: -4%; |
||||
border: 1px dashed #CFDDFF; |
||||
width: 88%; |
||||
height: 268px; |
||||
} |
||||
.addBtn{ |
||||
position: absolute; |
||||
left: 0; |
||||
top: 50%; |
||||
transform: translate(50%,-50%); |
||||
font-size: 22px; |
||||
} |
||||
} |
||||
} |
||||
.submitBtn{ |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 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,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: 40px; |
||||
line-height: 40px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
} |
||||
.add{ |
||||
position: relative; |
||||
&::after{ |
||||
content: ''; |
||||
display: block; |
||||
position: absolute; |
||||
right: 3%; |
||||
top: -4%; |
||||
border: 1px dashed #CFDDFF; |
||||
width: 88%; |
||||
height: 268px; |
||||
} |
||||
.addBtn{ |
||||
position: absolute; |
||||
left: 0; |
||||
top: 50%; |
||||
transform: translate(50%,-50%); |
||||
font-size: 22px; |
||||
} |
||||
} |
||||
} |
||||
.submitBtn{ |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 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,199 @@ |
||||
// 存款 |
||||
<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: 40px; |
||||
line-height: 40px; |
||||
font-size: 18px; |
||||
color: #6191FF; |
||||
} |
||||
.add{ |
||||
position: relative; |
||||
&::after{ |
||||
content: ''; |
||||
display: block; |
||||
position: absolute; |
||||
right: 3%; |
||||
top: -4%; |
||||
border: 1px dashed #CFDDFF; |
||||
width: 88%; |
||||
height: 268px; |
||||
} |
||||
.addBtn{ |
||||
position: absolute; |
||||
left: 0; |
||||
top: 50%; |
||||
transform: translate(50%,-50%); |
||||
font-size: 22px; |
||||
} |
||||
} |
||||
} |
||||
.submitBtn{ |
||||
position: relative; |
||||
width: 300px; |
||||
font-size: 18px; |
||||
height: 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> |
||||
Loading…
Reference in new issue