<template>
|
<ProFormPaginationSelect
|
v-model="bank_alias"
|
:proTableProps="proTableProps"
|
@change="handleAccountBankChange"
|
enum-label-key="bank_alias"
|
enum-value-key="bank_alias"
|
>
|
</ProFormPaginationSelect>
|
</template>
|
|
<script setup lang="ts">
|
import { useTable } from '@bole-core/components';
|
import * as enterpriseWalletServices from '@/services/api/enterpriseWallet';
|
|
defineOptions({
|
name: 'WeChatPayWalletBanksSelect',
|
});
|
|
// type Props = {
|
// };
|
|
// const props = withDefaults(defineProps<Props>(), {});
|
|
const bank_alias = defineModel<string>('bank_alias');
|
const account_bank = defineModel<string>('account_bank');
|
const account_bank_code = defineModel<number>('account_bank_code');
|
const bank_alias_code = defineModel<string>('bank_alias_code');
|
const need_bank_branch = defineModel<boolean>('need_bank_branch');
|
|
onMounted(() => {
|
getList();
|
});
|
|
const {
|
getDataSource: getList,
|
proTableProps,
|
paginationState,
|
extraParamState,
|
reset,
|
} = useTable(
|
async ({ pageIndex, pageSize }, extraParamState) => {
|
try {
|
let params: API.GetEnterpriseWeChatPayWalletBanksQuery = {
|
pageModel: {
|
rows: 200,
|
page: pageIndex,
|
},
|
bank_account_type: 0,
|
};
|
|
let res = await enterpriseWalletServices.getEnterpriseWeChatPayWalletBanks(params, {
|
showLoading: true,
|
});
|
return res;
|
} catch (error) {
|
console.log('error: ', error);
|
}
|
},
|
{
|
defaultExtraParams: {
|
keywords: '',
|
},
|
queryKey: ['enterpriseWalletServices/getEnterpriseWeChatPayWalletBanks'],
|
}
|
);
|
|
function handleAccountBankChange(bank_alias: string) {
|
console.log('bank_alias: ', bank_alias);
|
const bank = proTableProps.value.tableData.find((item) => item.bank_alias === bank_alias);
|
if (bank) {
|
account_bank.value = bank.account_bank;
|
account_bank_code.value = bank.account_bank_code;
|
bank_alias_code.value = bank.bank_alias_code;
|
need_bank_branch.value = bank.need_bank_branch;
|
}
|
}
|
</script>
|
