luoJunYong.123
3 years ago
parent
e911ed922a
commit
4fd860cf8c
18 changed files with 1108 additions and 343 deletions
@ -0,0 +1,5 @@ |
|||||||
|
.numrule input { |
||||||
|
appearance: textField!important; |
||||||
|
-webkit-appearance: textField!important; |
||||||
|
background-color: aliceblue; |
||||||
|
} |
||||||
@ -0,0 +1,157 @@ |
|||||||
|
// 存款 |
||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-table |
||||||
|
ref="filterTable" |
||||||
|
:data="tableData" |
||||||
|
height="450" |
||||||
|
style="width: 95%"> |
||||||
|
<el-table-column |
||||||
|
prop="t1" |
||||||
|
label="下发日期" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t2" |
||||||
|
label="机构号" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t3" |
||||||
|
label="下发柜员号" |
||||||
|
class-name="blueText" |
||||||
|
class="blueText" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t4" |
||||||
|
label="领用柜员号" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t5" |
||||||
|
label="币种" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="金额" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
{{ scope.row.t6 | cashRule }} |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="操作" |
||||||
|
align="center" |
||||||
|
width="150" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button @click="sure(scope.row)" size="small">确认</el-button> |
||||||
|
<el-button @click="back(scope.row)" size="small">退回</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'index', |
||||||
|
components:{}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
text:'柜员现金轧账',/* 顶部文字 */ |
||||||
|
form:{ |
||||||
|
date: '', |
||||||
|
counterNumber: '' |
||||||
|
}, |
||||||
|
tableData: [ |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2 |
||||||
|
} |
||||||
|
], |
||||||
|
visible:false, |
||||||
|
} |
||||||
|
}, |
||||||
|
filters: { |
||||||
|
cashRule(cash) { |
||||||
|
const arr = (cash + '').split('.') |
||||||
|
if(arr.length===1) { |
||||||
|
return arr[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',') + '.' + '00' |
||||||
|
}else { |
||||||
|
return arr[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',') + '.' + arr[1]; |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
sure(row) { |
||||||
|
console.log(row) |
||||||
|
}, |
||||||
|
back(row) { |
||||||
|
console.log(row) |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.wrap{ |
||||||
|
width: 100%; |
||||||
|
// padding: 24px 0 24px 24px; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-input input { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .blueText{ |
||||||
|
color: blue; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,15 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<p>test</p> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
|
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,15 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<p>test</p> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
|
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,162 @@ |
|||||||
|
// 存款 |
||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-table |
||||||
|
ref="filterTable" |
||||||
|
:data="tableData" |
||||||
|
height="450" |
||||||
|
style="width: 95%"> |
||||||
|
<el-table-column |
||||||
|
prop="t1" |
||||||
|
label="下发日期" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t2" |
||||||
|
label="机构号" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t3" |
||||||
|
label="下发柜员号" |
||||||
|
class-name="blueText" |
||||||
|
class="blueText" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t4" |
||||||
|
label="凭证类型" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t5" |
||||||
|
label="起始号" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t6" |
||||||
|
label="结束号" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t7" |
||||||
|
label="数量" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
label="操作" |
||||||
|
align="center" |
||||||
|
width="180" |
||||||
|
> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<el-button @click="sure(scope.row)" size="small">确认</el-button> |
||||||
|
<el-button @click="back(scope.row)" size="small">退回</el-button> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
|
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'index', |
||||||
|
components:{}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
text:'柜员现金轧账',/* 顶部文字 */ |
||||||
|
form:{ |
||||||
|
date: '', |
||||||
|
counterNumber: '' |
||||||
|
}, |
||||||
|
tableData: [ |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2, |
||||||
|
t7: 4 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2, |
||||||
|
t7: 4 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2, |
||||||
|
t7: 4 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2, |
||||||
|
t7: 4 |
||||||
|
}, |
||||||
|
{ |
||||||
|
t1: 1, |
||||||
|
t2: 2, |
||||||
|
t3: 1, |
||||||
|
t4: 2, |
||||||
|
t5: 1, |
||||||
|
t6: 2, |
||||||
|
t7: 4 |
||||||
|
} |
||||||
|
], |
||||||
|
visible:false, |
||||||
|
} |
||||||
|
}, |
||||||
|
filters: { |
||||||
|
cashRule(cash) { |
||||||
|
const arr = (cash + '').split('.') |
||||||
|
if(arr.length===1) { |
||||||
|
return arr[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',') + '.' + '00' |
||||||
|
}else { |
||||||
|
return arr[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',') + '.' + arr[1]; |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
sure(row) { |
||||||
|
console.log(row) |
||||||
|
}, |
||||||
|
back(row) { |
||||||
|
console.log(row) |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.wrap{ |
||||||
|
width: 100%; |
||||||
|
// padding: 24px 0 24px 24px; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-input input { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,15 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<p>test</p> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
|
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
|
||||||
|
</style> |
||||||
@ -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> |
||||||
|
|
||||||
|
<!-- 开户 --> |
||||||
|
<cash-recipients v-if="activeIndex==='1'"></cash-recipients> |
||||||
|
|
||||||
|
<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 cashRecipients from './cashRecipients.vue' |
||||||
|
export default { |
||||||
|
name: 'index', |
||||||
|
components:{ |
||||||
|
cashRecipients |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
text:'',/* 顶部文字 */ |
||||||
|
textObj:{ |
||||||
|
'1':'凭证领用', |
||||||
|
'2':'凭证上缴', |
||||||
|
'3':'凭证调入', |
||||||
|
'4':'凭证调出', |
||||||
|
}, |
||||||
|
form:{ |
||||||
|
|
||||||
|
}, |
||||||
|
visible:false, |
||||||
|
options:[], |
||||||
|
activeIndex:'1', |
||||||
|
second:[// 二级卡数组 |
||||||
|
|
||||||
|
], |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
this.handleSelect('1') |
||||||
|
}, |
||||||
|
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: 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%,-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,172 @@ |
|||||||
|
<!-- 现金管理 --> |
||||||
|
<template> |
||||||
|
<div class="wrap"> |
||||||
|
<div class="title"> |
||||||
|
<p>重空现金</p> |
||||||
|
<i class="el-icon-arrow-right"></i> |
||||||
|
<p>支票管理</p> |
||||||
|
<i class="el-icon-arrow-right"></i> |
||||||
|
<p>支票出售</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<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.t1"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="凭证类型"> |
||||||
|
<el-select v-model="form.t2" placeholder="请选择"> |
||||||
|
<el-option label="身份证" value="身份证"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="凭证起始号" required> |
||||||
|
<el-input v-model="form.t3"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="收费类型"> |
||||||
|
<el-select v-model="form.t4" placeholder="请选择"> |
||||||
|
<el-option label="现金" value="现金"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="手续费"> |
||||||
|
<el-input disabled v-model="form.t5"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" :offset="1"> |
||||||
|
<el-form-item label="客户名称"> |
||||||
|
<el-input disabled v-model="form.t6" ></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="数量"> |
||||||
|
<el-input disabled v-model="form.t7" ></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="工本费"> |
||||||
|
<el-input disabled v-model="form.t8" ></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="摘要"> |
||||||
|
<el-input disabled v-model="form.t9" ></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
|
||||||
|
</el-form> |
||||||
|
</el-row> |
||||||
|
<el-button @click="submitIt()" type="primary" class="submitBtn">提交</el-button> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
name: 'index', |
||||||
|
components:{ |
||||||
|
}, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
form:{ |
||||||
|
t1: '', |
||||||
|
t2: '', |
||||||
|
t3: '', |
||||||
|
t4: '', |
||||||
|
t5: '', |
||||||
|
t6: '', |
||||||
|
t7: '', |
||||||
|
t8: '', |
||||||
|
t9: '', |
||||||
|
t10: '' |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
// this.handleSelect(1) |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
submitIt() { |
||||||
|
console.log('test_submit') |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.wrap{ |
||||||
|
width: 100%; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
overflow: hidden; |
||||||
|
padding: 24px 0 24px 24px; |
||||||
|
.nav{ |
||||||
|
/deep/ .el-menu.el-menu--horizontal{ |
||||||
|
border: 0; |
||||||
|
} |
||||||
|
/deep/ .el-menu--horizontal > .el-menu-item.is-active{ |
||||||
|
border:2px solid #568DF2; |
||||||
|
border-radius: 10px; |
||||||
|
color: #000; |
||||||
|
} |
||||||
|
/deep/ .el-menu--horizontal > .el-menu-item{ |
||||||
|
border: 2px solid transparent; |
||||||
|
border-radius: 10px; |
||||||
|
margin-right: 10px; |
||||||
|
height: 30px; |
||||||
|
line-height: 28px; |
||||||
|
} |
||||||
|
} |
||||||
|
.title{ |
||||||
|
height: 60px; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
font-size: 20px; |
||||||
|
padding-left: 0px; |
||||||
|
margin-top: 10px; |
||||||
|
} |
||||||
|
.body{ |
||||||
|
margin-top: 50px; |
||||||
|
overflow: auto; |
||||||
|
.idCard{ |
||||||
|
border-radius: 5px; |
||||||
|
background: #CFDDFF; |
||||||
|
text-align: center; |
||||||
|
height: 40px; |
||||||
|
line-height: 40px; |
||||||
|
font-size: 18px; |
||||||
|
color: #6191FF; |
||||||
|
} |
||||||
|
.add{ |
||||||
|
position: relative; |
||||||
|
&::after{ |
||||||
|
content: ''; |
||||||
|
display: block; |
||||||
|
position: absolute; |
||||||
|
right: 3%; |
||||||
|
top: -4%; |
||||||
|
border: 1px dashed #CFDDFF; |
||||||
|
width: 88%; |
||||||
|
height: 268px; |
||||||
|
} |
||||||
|
.addBtn{ |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
top: 50%; |
||||||
|
transform: translate(50%,-50%); |
||||||
|
font-size: 22px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.submitBtn{ |
||||||
|
position: absolute; |
||||||
|
width: 300px; |
||||||
|
font-size: 18px; |
||||||
|
height: 68px; |
||||||
|
margin-top: 50px; |
||||||
|
border-radius: 10px; |
||||||
|
bottom: 100px; |
||||||
|
left: 50%; |
||||||
|
transform: translate(-50%,-50%); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.el-select { |
||||||
|
width: 279.17px; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,117 @@ |
|||||||
|
// 整存整取 > 开户 |
||||||
|
<template> |
||||||
|
<div class="changePassword"> |
||||||
|
<div class="title"> |
||||||
|
<p>重空现金</p> |
||||||
|
<i class="el-icon-arrow-right"></i> |
||||||
|
<p>支票管理</p> |
||||||
|
<i class="el-icon-arrow-right"></i> |
||||||
|
<p>支票出售</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="证件类型"> |
||||||
|
<el-select v-model="form.t" placeholder="请选择"> |
||||||
|
<el-option label="身份证" value="身份证"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="客户姓名" required> |
||||||
|
<el-input v-model="form.t"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="原支付密码" required> |
||||||
|
<el-input v-model="form.t" placeholder="请输入密码"></el-input> |
||||||
|
</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> |
||||||
|
<div class="idCard" @click="popUp('银行扫描器')"> |
||||||
|
<p>请刷银行卡</p> |
||||||
|
</div> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="新支付密码"> |
||||||
|
<el-input v-model="form.t" placeholder="请输入密码"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="20" :offset="2"> |
||||||
|
<el-form-item label="通讯地址" label-width="85px"> |
||||||
|
<el-input v-model="form.t"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-form> |
||||||
|
</el-row> |
||||||
|
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import { EventBus } from "@/utils/event-bus.js"; |
||||||
|
|
||||||
|
export default{ |
||||||
|
name:'', |
||||||
|
props:{}, |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
form:{ |
||||||
|
t: ',', |
||||||
|
t1: '', |
||||||
|
t2: '', |
||||||
|
t3: '', |
||||||
|
t4: '', |
||||||
|
t5: '', |
||||||
|
t6: '' |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
popUp(text) { |
||||||
|
this.$store.commit('system/changePop',{show:true,id:'test66',id: 'test'}) |
||||||
|
EventBus.$emit("changeShowGoods", true); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang='scss' scoped> |
||||||
|
.changePassword{ |
||||||
|
width: 100%; |
||||||
|
.title{ |
||||||
|
margin-left: 80px; |
||||||
|
height: 60px; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
font-size: 20px; |
||||||
|
padding-left: 0px; |
||||||
|
margin-top: 10px; |
||||||
|
} |
||||||
|
.body{ |
||||||
|
margin-top: 70px; |
||||||
|
.idCard{ |
||||||
|
border-radius: 5px; |
||||||
|
background: #CFDDFF; |
||||||
|
text-align: center; |
||||||
|
height: 40px; |
||||||
|
line-height: 40px; |
||||||
|
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> |
||||||
Loading…
Reference in new issue