| | |
| | | <template> |
| | | <LoadingLayout :loading="isLoading"> |
| | | <LoadingLayout :loading="state.loading"> |
| | | <AppContainer> |
| | | <ChunkCell title="结算单详情"> |
| | | <ProForm :model="form" ref="formRef" label-width="120px" :is-read="true"> |
| | |
| | | settlementOrderTime: '', |
| | | }); |
| | | |
| | | const { isLoading } = useQuery({ |
| | | queryKey: ['taskServices/getSettlementTask', id], |
| | | queryFn: async () => { |
| | | return await taskServices.getSettlementTask( |
| | | { id: id }, |
| | | { |
| | | showLoading: false, |
| | | } |
| | | ); |
| | | }, |
| | | placeholderData: () => ({} as API.GetSettlementTaskQueryResult), |
| | | onSuccess(data) { |
| | | form.name = data.name; |
| | | form.settlementAmount = data.settlementAmount ?? 0; |
| | | form.actualSettlementAmount = data.actualSettlementAmount ?? 0; |
| | | form.code = data.code; |
| | | form.settlementOrderName = setOssFileName(data.settlementOrderName); |
| | | form.settlementOrderTime = data.settlementOrderTime ?? ''; |
| | | }, |
| | | enabled: !!id, |
| | | const BaseState = { |
| | | loading: true, |
| | | }; |
| | | |
| | | const state = reactive({ ...BaseState }); |
| | | |
| | | onMounted(async () => { |
| | | await getList(); |
| | | state.loading = false; |
| | | }); |
| | | |
| | | // const { isLoading } = useQuery({ |
| | | // queryKey: ['taskServices/getSettlementTask', id], |
| | | // queryFn: async () => { |
| | | // return await taskServices.getSettlementTask( |
| | | // { id: id }, |
| | | // { |
| | | // showLoading: false, |
| | | // } |
| | | // ); |
| | | // }, |
| | | // placeholderData: () => ({} as API.GetSettlementTaskQueryResult), |
| | | // onSuccess(data) { |
| | | // form.name = data.name; |
| | | // form.settlementAmount = data.settlementAmount ?? 0; |
| | | // form.actualSettlementAmount = data.actualSettlementAmount ?? 0; |
| | | // form.code = data.code; |
| | | // form.settlementOrderName = setOssFileName(data.settlementOrderName); |
| | | // form.settlementOrderTime = data.settlementOrderTime ?? ''; |
| | | // }, |
| | | // enabled: !!id, |
| | | // }); |
| | | |
| | | const { |
| | | getDataSource: getList, |
| | |
| | | item.identity.includes(extraParamState.keywords) |
| | | ); |
| | | }); |
| | | } |
| | | if (res?.detail) { |
| | | form.name = res?.detail?.name; |
| | | form.settlementAmount = res?.detail?.settlementAmount ?? 0; |
| | | form.actualSettlementAmount = res?.detail?.actualSettlementAmount ?? 0; |
| | | form.code = res?.detail?.code; |
| | | form.settlementOrderName = setOssFileName(res?.detail?.settlementOrderName); |
| | | form.settlementOrderTime = res?.detail?.settlementOrderTime ?? ''; |
| | | } |
| | | return Promise.resolve({ |
| | | pageModel: { |
| | |
| | | name: 'ServiceChargeManageList', |
| | | }); |
| | | } |
| | | |
| | | onMounted(() => { |
| | | getList(); |
| | | }); |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |