From a8651ec657fd2ef85cacc6660916dc847a932e1f Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期一, 10 十一月 2025 16:36:05 +0800
Subject: [PATCH] fix: bug
---
src/views/FinanceManage/components/RechargeRecordialog.vue | 102 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 102 insertions(+), 0 deletions(-)
diff --git a/src/views/FinanceManage/components/RechargeRecordialog.vue b/src/views/FinanceManage/components/RechargeRecordialog.vue
new file mode 100644
index 0000000..215f7a2
--- /dev/null
+++ b/src/views/FinanceManage/components/RechargeRecordialog.vue
@@ -0,0 +1,102 @@
+<template>
+ <ProDialog title="鍏呭�艰鎯�" v-model="visible" @close="onDialogClose" destroy-on-close draggable>
+ <PortraitTableWithAttachment v-bind="portraitTableWithAttachmentProps" />
+ <template #footer>
+ <span class="dialog-footer">
+ <el-button @click="emit('onCancel')">鍙� 娑�</el-button>
+ <el-button type="primary" @click="emit('onCancel')">纭� 瀹�</el-button>
+ </span>
+ </template>
+ </ProDialog>
+</template>
+
+<script setup lang="ts">
+import { FormInstance } from 'element-plus';
+import { ProDialog } from '@bole-core/components';
+import { usePortraitTableWithAttachment } from '@/hooks';
+import { useQuery } from '@tanstack/vue-query';
+import { EnumEnterpriseCooperationWalletTransactionStatusText } from '@/constants';
+import * as enterpriseCooperationWalletServices from '@/services/api/enterpriseCooperationWallet';
+import { convertApi2FormUrl } from '@/utils';
+
+defineOptions({
+ name: 'RechargeRecordialog',
+});
+
+const visible = defineModel({ type: Boolean });
+
+type Form = {
+ title?: string;
+ id: string;
+};
+
+const form = defineModel<Form>('form');
+
+const emit = defineEmits<{
+ (e: 'onConfirm'): void;
+ (e: 'onCancel'): void;
+}>();
+
+watch(
+ () => visible.value,
+ (val) => {
+ if (val) {
+ refetch();
+ }
+ }
+);
+
+const { data: detail, refetch } = useQuery({
+ queryKey: [
+ 'enterpriseCooperationWalletServices/getCooperationWalletRechargeTransaction',
+ form.value.id,
+ ],
+ queryFn: async () => {
+ return await enterpriseCooperationWalletServices.getCooperationWalletRechargeTransaction({
+ id: form.value.id,
+ });
+ },
+ placeholderData: () => ({} as API.GetCooperationWalletRechargeTransactionQueryResult),
+ enabled: computed(() => !!form.value.id),
+});
+
+const { portraitTableWithAttachmentProps } = usePortraitTableWithAttachment({
+ data: detail,
+ annexList: computed(() =>
+ detail.value?.files ? detail.value?.files.map((item) => convertApi2FormUrl(item)) : []
+ ),
+ columns: [
+ {
+ label: '鍏呭�煎崟浣�',
+ key: 'receiveUnit',
+ },
+ {
+ label: '寮�鎴疯处鍙�',
+ key: 'receiveAccount',
+ },
+ {
+ label: '鍏呭�奸噾棰�',
+ key: 'amount',
+ type: 'money',
+ },
+ {
+ label: '鍏呭�兼椂闂�',
+ key: 'createdTime',
+ type: 'date',
+ },
+ {
+ label: '鍏呭�肩姸鎬�',
+ key: 'transactionStatus',
+ type: 'enum',
+ valueEnum: EnumEnterpriseCooperationWalletTransactionStatusText,
+ },
+ ],
+});
+
+const dialogForm = ref<FormInstance>();
+
+function onDialogClose() {
+ if (!dialogForm.value) return;
+ dialogForm.value.resetFields();
+}
+</script>
--
Gitblit v1.9.1