| | |
| | | <script setup lang="ts"> |
| | | import { ProTableV2, LoadingLayout, AppContainer, useTable } from '@bole-core/components'; |
| | | import { ModelValueType } from 'element-plus'; |
| | | import * as enterpriseServices from '@/services/api/enterprise'; |
| | | import * as taskUserServices from '@/services/api/taskUser'; |
| | | import { useQuery } from '@tanstack/vue-query'; |
| | | import { SettlementReceiveStatusText } from '@/constants'; |
| | | import { paginateList } from '@/utils'; |
| | | |
| | | defineOptions({ |
| | | name: 'SelltementDetailView', |
| | |
| | | const [settleColumns] = useGroupColumns(column, ['settle-']); |
| | | const [settleOperationBtns] = useGroupOperationBtns(operationBtns, ['settle-']); |
| | | |
| | | const router = useRouter(); |
| | | const route = useRoute(); |
| | | const id = route.params?.id as string; |
| | | const BaseState = { |
| | | loading: true, |
| | | settlementTaskUsers: [] as API.GetSettlementTaskUsersQueryResultItem[], |
| | | }; |
| | | |
| | | const state = reactive({ ...BaseState }); |
| | |
| | | onMounted(async () => { |
| | | await getList(); |
| | | state.loading = false; |
| | | }); |
| | | |
| | | const { isLoading, data, refetch } = useQuery({ |
| | | queryKey: ['taskUserServices/getSettlementTaskUsers', id], |
| | | queryFn: async () => { |
| | | return await taskUserServices.getSettlementTaskUsers( |
| | | { taskInfoId: id }, |
| | | { |
| | | showLoading: false, |
| | | } |
| | | ); |
| | | }, |
| | | placeholderData: () => ({} as API.GetSettlementTaskUsersQueryResult), |
| | | onSuccess(res) { |
| | | state.settlementTaskUsers = res.data; |
| | | getList(); |
| | | }, |
| | | enabled: !!id, |
| | | }); |
| | | |
| | | const { |
| | |
| | | } = useTable( |
| | | async ({ pageIndex, pageSize }, extraParamState) => { |
| | | try { |
| | | let params: API.GetEnterprisesQuery = { |
| | | let list = [...state.settlementTaskUsers]; |
| | | |
| | | return Promise.resolve({ |
| | | pageModel: { |
| | | rows: pageSize, |
| | | page: pageIndex, |
| | | orderInput: extraParamState.orderInput, |
| | | totalCount: list.length, |
| | | }, |
| | | // searchKeys: extraParamState.keyword, |
| | | }; |
| | | let res = await enterpriseServices.getEnterprises(params, { |
| | | showLoading: !state.loading, |
| | | data: paginateList(list, pageIndex, pageSize), |
| | | }); |
| | | return res; |
| | | } catch (error) {} |
| | | } catch (error) { |
| | | console.log('error: ', error); |
| | | } |
| | | }, |
| | | { |
| | | defaultExtraParams: { |
| | | keyword: '', |
| | | pageType: '' as any as number, |
| | | status: '' as any as boolean, |
| | | beginDate: [] as unknown as ModelValueType, |
| | | endDate: [] as unknown as ModelValueType, |
| | | keywords: '', |
| | | orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }], |
| | | }, |
| | | columnsRenderProps: {}, |
| | | queryKey: ['taskUserServices/getSettlementTaskUsers'], |
| | | columnsRenderProps: { |
| | | settlementTime: { type: 'date' }, |
| | | createdTime: { type: 'date' }, |
| | | settlementAmount: { type: 'money' }, |
| | | actualSettlementAmount: { type: 'money' }, |
| | | settlementReceiveStatus: { type: 'enum', valueEnum: SettlementReceiveStatusText }, |
| | | }, |
| | | } |
| | | ); |
| | | |