feat: 接口

wupengfei

2025-04-08 9e63ed4533fe6fbb5e81a096c9f5949c7ccf58f2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<template>
  <LoadingLayout>
    <AppContainer>
      <PageFormLayout title="申报详情">
        <DetailView :form="form">
          <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView>
        </DetailView>
        <template #footer>
          <el-button @click="handleBack">关闭</el-button>
        </template>
      </PageFormLayout>
    </AppContainer>
  </LoadingLayout>
</template>
 
<script setup lang="ts">
import { AppContainer, LoadingLayout, UploadUserFile, PageFormLayout } from '@bole-core/components';
import DetailView from '@/components/commonView/DetailView.vue';
import DeclareEnterpriseTableView from '@/components/commonView/DeclareEnterpriseTableView.vue';
import { useQuery } from '@tanstack/vue-query';
import * as parkBountyApplyServices from '@/services/api/ParkBountyApply';
import { convertApi2FormUrlOnlyOne } from '@/utils';
import { useRouteView } from '@/hooks';
 
defineOptions({
  name: 'RewardDeclareDetail',
});
 
const route = useRoute();
const { closeViewPush } = useRouteView();
const id = route.params?.id as string;
const form = reactive({
  searchKeyWord: '',
  batchNo: '',
  parkName: '',
  parkTypeName: '',
  applyMonth: '',
  applySumAmount: 0,
  enterpriseTaxSubFileUrl: [] as UploadUserFile[],
  enterpriseOperateFileUrl: [] as UploadUserFile[],
  bountyAssignFileUlr: [] as UploadUserFile[],
  bountyCollectFileUrl: [] as UploadUserFile[],
});
 
const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>();
 
const { data: detail, isLoading } = useQuery({
  queryKey: ['parkBountyApplyServices/getParkBountyApplyDetail', id],
  queryFn: async () => {
    return await parkBountyApplyServices.getParkBountyApplyDetail(
      { parkBountyApplyId: id, searchKeyWord: form.searchKeyWord },
      {
        showLoading: false,
      }
    );
  },
  placeholderData: () => ({} as API.GetParkBountyApplyInfoOutput),
  onSuccess(data) {
    form.batchNo = data.parkBountyApplyBaseInfo.batchNo;
    form.parkName = data.parkBountyApplyBaseInfo.parkName;
    form.parkTypeName = data.parkBountyApplyBaseInfo.parkTypeName;
    form.applyMonth = data.parkBountyApplyBaseInfo.applyMonth;
    form.applySumAmount = data.parkBountyApplyBaseInfo.applySumAmount;
    form.enterpriseTaxSubFileUrl = convertApi2FormUrlOnlyOne(
      data.parkBountyApplyBaseInfo?.enterpriseTaxSubFileUrl
    );
    form.enterpriseOperateFileUrl = convertApi2FormUrlOnlyOne(
      data.parkBountyApplyBaseInfo?.enterpriseOperateFileUrl
    );
    form.bountyAssignFileUlr = convertApi2FormUrlOnlyOne(
      data.parkBountyApplyBaseInfo?.bountyAssignFileUlr
    );
    form.bountyCollectFileUrl = convertApi2FormUrlOnlyOne(
      data.parkBountyApplyBaseInfo?.bountyCollectFileUrl
    );
 
    tableRef.value?.getList();
  },
});
 
function handleBack() {
  closeViewPush(route, {
    name: 'RewardGrant',
  });
}
</script>
 
<style lang="scss" scoped>
@use '@/style/common.scss' as *;
</style>