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> |
||||
<div> |
||||
<p>test</p> |
||||
</div> |
||||
<div> |
||||
<el-table |
||||
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> |
||||
|
||||
<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) |
||||
}, |
||||
tableRowClassName({row, rowIndex}) { |
||||
if (rowIndex === 1) { |
||||
return 'warning-row'; |
||||
} else if (rowIndex === 3) { |
||||
return 'success-row'; |
||||
} |
||||
return ''; |
||||
} |
||||
} |
||||
}; |
||||
</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> |
||||
@ -1,15 +1,192 @@ |
||||
// 存款 |
||||
<template> |
||||
<div> |
||||
<p>test</p> |
||||
</div> |
||||
<div> |
||||
<el-table |
||||
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> |
||||
|
||||
<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) |
||||
}, |
||||
tableRowClassName({row, rowIndex}) { |
||||
if (rowIndex === 1) { |
||||
return 'warning-row'; |
||||
} else if (rowIndex === 3) { |
||||
return 'success-row'; |
||||
} |
||||
return ''; |
||||
} |
||||
} |
||||
}; |
||||
</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> |
||||
Loading…
Reference in new issue