luoJunYong.123
3 years ago
parent
15e5f4b47a
commit
5e20f89f92
22 changed files with 1159 additions and 268 deletions
@ -0,0 +1,33 @@ |
|||||||
|
<template> |
||||||
|
<div class="sth guide" @click="toPart" alt=""> |
||||||
|
返回 |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
methods: { |
||||||
|
toPart() { |
||||||
|
this.$router.push('/index') |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.sth { |
||||||
|
position: absolute; |
||||||
|
&.cp { |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
.guide { |
||||||
|
top: 90px; |
||||||
|
left: 0; |
||||||
|
width: 222px; |
||||||
|
cursor: pointer; |
||||||
|
&:hover { |
||||||
|
opacity: 0.9; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,43 @@ |
|||||||
|
<template> |
||||||
|
<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 v-if='dialogChange'>本业务需要授权</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> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
props: { |
||||||
|
text: String, |
||||||
|
default: '本业务需要授权' |
||||||
|
}, |
||||||
|
data() { |
||||||
|
visible: false |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
cancel() { |
||||||
|
this.visible = false; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
|
||||||
|
</style> |
||||||
@ -1,15 +1,185 @@ |
|||||||
|
// 存款 |
||||||
<template> |
<template> |
||||||
<div> |
<div> |
||||||
<p>test</p> |
<el-table |
||||||
</div> |
ref="filterTable" |
||||||
|
:data="tableData" |
||||||
|
height="450" |
||||||
|
:row-class-name="tableRowClassName" |
||||||
|
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="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> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
export default { |
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) |
||||||
|
}, |
||||||
|
tableRowClassName({row, rowIndex}) { |
||||||
|
if (rowIndex === 1) { |
||||||
|
return 'warning-row'; |
||||||
|
} else if (rowIndex === 3) { |
||||||
|
return 'success-row'; |
||||||
|
} |
||||||
|
return ''; |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style> |
<style lang="scss" scoped> |
||||||
|
.wrap{ |
||||||
|
width: 100%; |
||||||
|
// padding: 24px 0 24px 24px; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-input input { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-input input { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .blueText{ |
||||||
|
color: blue; |
||||||
|
} |
||||||
|
/deep/.el-table .warning-row { |
||||||
|
background: oldlace; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-table .success-row { |
||||||
|
background: #f0f9eb; |
||||||
|
} |
||||||
</style> |
</style> |
||||||
@ -1,15 +1,192 @@ |
|||||||
|
// 存款 |
||||||
<template> |
<template> |
||||||
<div> |
<div> |
||||||
<p>test</p> |
<el-table |
||||||
</div> |
ref="filterTable" |
||||||
|
:data="tableData" |
||||||
|
height="450" |
||||||
|
:row-class-name="tableRowClassName" |
||||||
|
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="blueText" |
||||||
|
align="center" |
||||||
|
> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column |
||||||
|
prop="t3" |
||||||
|
label="调入柜员号" |
||||||
|
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> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
export default { |
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) |
||||||
|
}, |
||||||
|
tableRowClassName({row, rowIndex}) { |
||||||
|
if (rowIndex === 1) { |
||||||
|
return 'warning-row'; |
||||||
|
} else if (rowIndex === 3) { |
||||||
|
return 'success-row'; |
||||||
|
} |
||||||
|
return ''; |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style> |
<style lang="scss" scoped> |
||||||
|
.wrap{ |
||||||
|
width: 100%; |
||||||
|
// padding: 24px 0 24px 24px; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-input input { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-input input { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/ .blueText{ |
||||||
|
color: blue; |
||||||
|
} |
||||||
|
/deep/.el-table .warning-row { |
||||||
|
background: oldlace; |
||||||
|
} |
||||||
|
|
||||||
|
/deep/.el-table .success-row { |
||||||
|
background: #f0f9eb; |
||||||
|
} |
||||||
</style> |
</style> |
||||||
Loading…
Reference in new issue