<template>
|
<div class="claimedFunds">
|
<p class="title">
|
<span></span>
|
已认领资金
|
</p>
|
<el-table
|
stripe
|
:data="acctBankRecord"
|
style="margin-top:30px"
|
highlight-current-row
|
:header-cell-style="{background:'#f5f5f5',color:'#222222'}"
|
>
|
<el-table-column type="index" width="40" label=" "></el-table-column>
|
<el-table-column label="认领批次号" width="145" v-if="operationType==0">
|
<template slot-scope="{row}">
|
<span>{{row.serialno?row.serialno:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="认领日期" width="150">
|
<template slot-scope="{row}">
|
<span>{{row.inputdate?row.inputdate:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="收付金额" width="110">
|
<template slot-scope="{row}">
|
<span>{{row.crtamt?getMoney(row.crtamt):'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="认领金额" width="110">
|
<template slot-scope="{row}">
|
<span v-if="operationType==0">{{row.receivablesum?row.receivablesum = formatMoney(row.receivablesum):'--'}}</span>
|
<span v-else>{{row.amt?row.amt = formatMoney(row.amt):'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="回款日期" width="145" v-if="operationType==0">
|
<template slot-scope="{row}">
|
<span>{{row.receivabletime?row.receivabletime:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="回款类型" width="145" v-if="operationType==0">
|
<template slot-scope="{row}">
|
<span>{{row.receivabletype?row.receivabletype:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="回款金额" width="145" v-if="operationType==0">
|
<template slot-scope="{row}">
|
<span>{{row.transactionamt?row.transactionamt = formatMoney(row.transactionamt):'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="回款备注" width="145" show-overflow-tooltip v-if="operationType==0">
|
<template slot-scope="{row}">
|
<span>{{row.trxtxt?row.trxtxt:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="银行交易流水号" width="176">
|
<template slot-scope="{row}">
|
<span>{{row.trxnbr?row.trxnbr:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="对公结算户账号" width="150">
|
<template slot-scope="{row}">
|
<span>{{row.acctno?row.acctno:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="对公结算户户名" width="230">
|
<template slot-scope="{row}">
|
<span>{{row.acctname?row.acctname:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="转账付方银行账号" width="170">
|
<template slot-scope="{row}">
|
<span>{{row.rpyacc?row.rpyacc:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="转账付方名称" width="120">
|
<template slot-scope="{row}">
|
<span>{{row.rpynam?row.rpynam:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="客户结算虚拟号" width="170">
|
<template slot-scope="{row}">
|
<span>{{row.psbnbr?row.psbnbr:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="绑定客户名称" width="170">
|
<template slot-scope="{row}">
|
<span>{{row.cltnam?row.cltnam:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="转账备注" width="200" show-overflow-tooltip>
|
<template slot-scope="{row}">
|
<span>{{row.remark?row.remark:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="收款日期" width="120">
|
<template slot-scope="{row}">
|
<span>{{row.etydat?row.etydat:'--'}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="项目名称" width="180" v-if="operationType!=1">
|
<template slot-scope="{row}">
|
<span>{{row.projectname?row.projectname:'--'}}</span>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
</template>
|
<script>
|
export default {
|
props: ['claimedFunds','operationType'],
|
data () {
|
return {
|
acctBankRecord:[]
|
}
|
},
|
watch: {
|
claimedFunds: {
|
immediate:true,
|
handler(val){
|
this.acctBankRecord = val
|
}
|
}
|
},
|
methods: {
|
getMoney(money){
|
return this.formatMoney(Number(money))
|
},
|
// 金额格式化
|
formatMoney(money) {
|
if (money && money != null) {
|
money = String(money);
|
let left = money.split(".")[0];
|
let right = money.split(".")[1];
|
right = right
|
? right.length >= 2
|
? "." + right.substr(0, 2)
|
: "." + right + "0"
|
: ".00";
|
var temp = left
|
.split("")
|
.reverse()
|
.join("")
|
.match(/(\d{1,3})/g);
|
return (
|
(Number(money) < 0 ? "-" : "") +
|
temp
|
.join(",")
|
.split("")
|
.reverse()
|
.join("") +
|
right
|
);
|
} else if (Number(money) === 0) {
|
// 注意===在这里的使用，如果传入的money为0,if中会将其判定为boolean类型，故而要另外做===判断
|
return "0.00";
|
} else {
|
return "";
|
}
|
},
|
}
|
}
|
</script>
|
<style lang="stylus">
|
.claimedFunds
|
margin 0 0 60px 10px
|
</style>
|
