|
|
|
@ -10,19 +10,19 @@
|
|
|
|
|
<div
|
|
|
|
|
class="bank-item"
|
|
|
|
|
v-for="item in bankList"
|
|
|
|
|
:key="item.accountId"
|
|
|
|
|
:key="item.bankNo"
|
|
|
|
|
:style="{
|
|
|
|
|
background: activeBank == item.accountId ? '#F5F9FC' : '',
|
|
|
|
|
color: activeBank == item.accountId ? '#257AFA' : '',
|
|
|
|
|
background: activeBank == item.bankNo ? '#F5F9FC' : '',
|
|
|
|
|
color: activeBank == item.bankNo ? '#257AFA' : '',
|
|
|
|
|
}"
|
|
|
|
|
@click="changeActiveBank(item.accountId)"
|
|
|
|
|
@click="changeActiveBank(item.bankNo)"
|
|
|
|
|
>
|
|
|
|
|
<i
|
|
|
|
|
class="iconfont icon-yinhangzhanghu"
|
|
|
|
|
:style="{ color: activeBank == item.accountId ? '#257AFA' : '#7A8798' }"
|
|
|
|
|
:style="{ color: activeBank == item.bankNo ? '#257AFA' : '#7A8798' }"
|
|
|
|
|
></i>
|
|
|
|
|
<span class="bank-name">{{ item.bankName }}</span>
|
|
|
|
|
<span>{{ bankNoFormat(item.accountId) }}</span>
|
|
|
|
|
<span>{{ bankNoFormat(item.bankNo) }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a-spin>
|
|
|
|
@ -32,12 +32,14 @@
|
|
|
|
|
<div class="module-title">流水详情</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:bodyCell="{ column, record }">
|
|
|
|
|
<template v-if="column.key === 'tradeAmount'">
|
|
|
|
|
<span v-if="record.transactionType == '来账'" class="success">
|
|
|
|
|
{{ record.tradeAmount }}
|
|
|
|
|
<template v-if="column.key === 'transactionType'">
|
|
|
|
|
<span :class="record.transactionType == '来账' ? 'success' : 'error'">
|
|
|
|
|
{{ record.transactionType }}
|
|
|
|
|
</span>
|
|
|
|
|
<span v-if="record.transactionType == '往账'" class="error">
|
|
|
|
|
{{ record.tradeAmount }}
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="column.key === 'tradeAmount'">
|
|
|
|
|
<span :class="record.transactionType == '来账' ? 'success' : 'error'">
|
|
|
|
|
{{ numberThousandFormat(record.tradeAmount) }}
|
|
|
|
|
</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-if="column.key === 'action'">
|
|
|
|
@ -58,6 +60,7 @@
|
|
|
|
|
|
|
|
|
|
import { ApiBankList, ApiBankFlowList } from './api'
|
|
|
|
|
import { formatParams } from '/@/hooks/web/common'
|
|
|
|
|
import { numberThousandFormat } from '/@/utils/commonUtil'
|
|
|
|
|
|
|
|
|
|
const [registerTable, { reload, getForm }] = useTable({
|
|
|
|
|
api: async (p) => {
|
|
|
|
@ -70,7 +73,14 @@
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
beforeFetch: (p) => {
|
|
|
|
|
return formatParams({ ...p, accountId: activeBank.value })
|
|
|
|
|
return {
|
|
|
|
|
...formatParams(p),
|
|
|
|
|
otherQueryCondition: {
|
|
|
|
|
payerOrPayeeName: p.payerOrPayeeName,
|
|
|
|
|
bankNo: activeBank.value,
|
|
|
|
|
bankName: p.bankName,
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
immediate: false,
|
|
|
|
|
columns,
|
|
|
|
@ -106,8 +116,7 @@
|
|
|
|
|
const getBankList = async () => {
|
|
|
|
|
bankLoading.value = true
|
|
|
|
|
const res: API.DataResult = await ApiBankList()
|
|
|
|
|
console.log(res)
|
|
|
|
|
activeBank.value = res.data?.[0]?.accountId || ''
|
|
|
|
|
activeBank.value = res.data?.[0]?.bankNo || ''
|
|
|
|
|
reload()
|
|
|
|
|
bankList.value = res.data
|
|
|
|
|
bankLoading.value = false
|
|
|
|
|