e
3 years ago
parent
27991ef931
commit
75438c6215
17 changed files with 1018 additions and 306 deletions
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
@ -0,0 +1,23 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<h1>销户</h1> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
</template> |
||||||
|
<script> |
||||||
|
export default{ |
||||||
|
name:'', |
||||||
|
props:{}, |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
|
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang='scss' scoped> |
||||||
|
</style> |
||||||
@ -0,0 +1,75 @@ |
|||||||
|
<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="2"> |
||||||
|
<el-form-item label="卡号"> |
||||||
|
<el-input v-model="form.name"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="币种" required> |
||||||
|
<el-select v-model="form.x" placeholder="请选择"> |
||||||
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.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-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-col> |
||||||
|
<el-col :span="21" :offset="2"> |
||||||
|
<el-form-item label="摘要" required> |
||||||
|
<el-input type="textarea" :rows="2" 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; |
||||||
|
overflow: auto; |
||||||
|
.idCard{ |
||||||
|
border-radius: 5px; |
||||||
|
background: #CFDDFF; |
||||||
|
text-align: center; |
||||||
|
height: 68px; |
||||||
|
line-height: 68px; |
||||||
|
font-size: 18px; |
||||||
|
color: #6191FF; |
||||||
|
} |
||||||
|
.submitBtn{ |
||||||
|
position: relative; |
||||||
|
width: 300px; |
||||||
|
font-size: 18px; |
||||||
|
height: 68px; |
||||||
|
margin-top: 50px; |
||||||
|
border-radius: 10px; |
||||||
|
bottom: 10px; |
||||||
|
left: 50%; |
||||||
|
transform: translate(-50%,-50%); |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,228 @@ |
|||||||
|
<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="2"> |
||||||
|
<el-form-item label="客户号"> |
||||||
|
<el-input v-model="form.name"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="币种" required> |
||||||
|
<el-select v-model="form.x" placeholder="请选择"> |
||||||
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.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-input v-model="form.name"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-form> |
||||||
|
</el-row> |
||||||
|
<div class="add"> |
||||||
|
<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.name"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="账户类型" required> |
||||||
|
<el-select v-model="form.x" placeholder="请选择"> |
||||||
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="支取方式" required> |
||||||
|
<el-select v-model="form.x" placeholder="请选择"> |
||||||
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" :offset="1"> |
||||||
|
<el-form-item label="凭证类型" required> |
||||||
|
<el-select v-model="form.x" placeholder="请选择"> |
||||||
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.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-input v-model="form.name"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-form> |
||||||
|
<el-button @click="openAccount" type="primary" class="addBtn" circle icon="el-icon-plus"></el-button> |
||||||
|
</el-row> |
||||||
|
</div> |
||||||
|
<!-- 二级证件,最多三张，逻辑：上一张二级为填完信息不可添加第三张 v-for="(item,index) in second" :key="index" --> |
||||||
|
<div class="add" v-for="(item, index) in second" :key="index"> |
||||||
|
<el-row :gutter="20" style="margin: 0; margin-top: 10px"> |
||||||
|
<el-form ref="form" :model="form" label-width="120px"> |
||||||
|
<el-col :span="10" :offset="2"> |
||||||
|
<el-form-item label="账户性质"> |
||||||
|
<el-input v-model="form.name"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="账户类型" required> |
||||||
|
<el-select v-model="form.x" placeholder="请选择"> |
||||||
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="支取方式" required> |
||||||
|
<el-select v-model="form.x" placeholder="请选择"> |
||||||
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
<el-col :span="10" :offset="1"> |
||||||
|
<el-form-item label="凭证类型" required> |
||||||
|
<el-select v-model="form.x" placeholder="请选择"> |
||||||
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.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-input v-model="form.name"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-col> |
||||||
|
</el-form> |
||||||
|
</el-row> |
||||||
|
<el-button @click="deleteSecond(index)" class="addBtn" circle icon="el-icon-close"></el-button> |
||||||
|
</div> |
||||||
|
<el-button @click="visible = true" type="primary" class="submitBtn">提交</el-button> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
export default { |
||||||
|
|
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
form:{ |
||||||
|
|
||||||
|
}, |
||||||
|
second:[// 二级卡数组 |
||||||
|
|
||||||
|
], |
||||||
|
options:[] |
||||||
|
} |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
detectionObjKeys(obj,keys){/* obj-传入对象，keys-传入检测的key值 */ |
||||||
|
let boolean = true |
||||||
|
keys.map(e=>{ |
||||||
|
if(!obj[e]){ |
||||||
|
boolean = false |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
openAccount(){ |
||||||
|
if(this.second.length){/* 检测已有二级卡是否填写完整 */ |
||||||
|
return this.$message('请把已有的二级卡填写完整再执行新增操作！') |
||||||
|
|
||||||
|
for (let i= 0; i< this.second.length; i++) { |
||||||
|
if(!this.detectionObjKeys(e,[])){/* 写入定义的二级卡字段 */ |
||||||
|
return this.$message('请把已有的二级卡填写完整再执行新增操作！') |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
let obj = {/* 二级卡定义空属性 */ |
||||||
|
|
||||||
|
} |
||||||
|
this.second.push(obj)`` |
||||||
|
}, |
||||||
|
deleteSecond(index){ |
||||||
|
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning' |
||||||
|
}).then(() => { |
||||||
|
this.second.splice(index,1) |
||||||
|
this.$message({ |
||||||
|
type: 'success', |
||||||
|
message: '删除成功!' |
||||||
|
}); |
||||||
|
}).catch(() => { |
||||||
|
this.$message({ |
||||||
|
type: 'info', |
||||||
|
message: '已取消删除' |
||||||
|
}); |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</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; |
||||||
|
} |
||||||
|
.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,23 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<h1>结清</h1> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
</template> |
||||||
|
<script> |
||||||
|
export default{ |
||||||
|
name:'', |
||||||
|
props:{}, |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
|
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang='scss' scoped> |
||||||
|
</style> |
||||||
@ -0,0 +1,23 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<h1>取款</h1> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
</template> |
||||||
|
<script> |
||||||
|
export default{ |
||||||
|
name:'', |
||||||
|
props:{}, |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
|
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang='scss' scoped> |
||||||
|
</style> |
||||||
@ -0,0 +1,23 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<h1>取款</h1> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
</template> |
||||||
|
<script> |
||||||
|
export default{ |
||||||
|
name:'', |
||||||
|
props:{}, |
||||||
|
data(){ |
||||||
|
return{ |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
methods:{ |
||||||
|
|
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
<style lang='scss' scoped> |
||||||
|
</style> |
||||||
Loading…
Reference in new issue