|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <LoadingLayout> | 
|---|
|  |  |  | <AppScrollContainer> | 
|---|
|  |  |  | <AppContainer> | 
|---|
|  |  |  | <ProTabs v-model="state.tabType" hasBorder> | 
|---|
|  |  |  | <ProTabPane lazy label="保单信息" :name="InsureOrderTabType.InsureOrderInfo"> | 
|---|
|  |  |  | <InsureOrderInfoView /> | 
|---|
|  |  |  | </ProTabPane> | 
|---|
|  |  |  | <ProTabPane lazy label="批改记录" :name="InsureOrderTabType.BatchOrder"> | 
|---|
|  |  |  | <ProTabPane | 
|---|
|  |  |  | v-if="detail?.status !== InsurancePolicyStatusEnum.WaitEffect" | 
|---|
|  |  |  | lazy | 
|---|
|  |  |  | label="批改记录" | 
|---|
|  |  |  | :name="InsureOrderTabType.BatchOrder" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <BatchChangeRecordView /> | 
|---|
|  |  |  | </ProTabPane> | 
|---|
|  |  |  | </ProTabs> | 
|---|
|  |  |  | </AppScrollContainer> | 
|---|
|  |  |  | </AppContainer> | 
|---|
|  |  |  | </LoadingLayout> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | import BatchChangeRecordView from './components/BatchChangeRecordView.vue'; | 
|---|
|  |  |  | import * as insuranceOrderServices from '@/services/api/InsuranceOrder'; | 
|---|
|  |  |  | import { useQuery } from '@tanstack/vue-query'; | 
|---|
|  |  |  | import { InsurancePolicyStatusEnum } from '@/constants'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | defineOptions({ | 
|---|
|  |  |  | name: 'InsuranceOrderDetail', | 
|---|
|  |  |  | 
|---|
|  |  |  | const id = route.params.id as string; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { data: detail, isLoading } = useQuery({ | 
|---|
|  |  |  | queryKey: ['insuranceOrderServices/getInsuranceOrderDetail', id], | 
|---|
|  |  |  | queryKey: ['insuranceOrderServices/getInsurancePolicyHeadDto', id], | 
|---|
|  |  |  | queryFn: async () => { | 
|---|
|  |  |  | return await insuranceOrderServices.getInsuranceOrderDetail({ id: id }); | 
|---|
|  |  |  | return await insuranceOrderServices.getInsurancePolicyHeadDto({ id: id }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | placeholderData: () => ({} as API.InsuranceOrderListOutput), | 
|---|
|  |  |  | placeholderData: () => ({} as API.GetInsurancePageOutput), | 
|---|
|  |  |  | enabled: !!id, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | </script> | 
|---|