wupengfei
6 天以前 a4bb5626dcf18a1893792eeeca75e9139c744ad0
src/views/EnterpriseManage/components/WeChatPayWalletBanksSelect.vue
New file
@@ -0,0 +1,78 @@
<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: pageSize,
          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>