feat: 页面

wupengfei

2025-03-24 80dd2bebbe3d204cc7833a4793aba67bba356b1d

 src/views/Home/InsuranceOrderDetail.vue

@@ -17,6 +17,8 @@
import { AppScrollContainer, ProTabs, ProTabPane } from '@bole-core/components';
import InsureOrderInfoView from './components/InsureOrderInfoView.vue';
import BatchChangeRecordView from './components/BatchChangeRecordView.vue';
import * as insuranceOrderServices from '@/services/api/InsuranceOrder';
import { useQuery } from '@tanstack/vue-query';

defineOptions({
  name: 'InsuranceOrderDetail',
@@ -30,6 +32,18 @@
const state = reactive({
  tabType: InsureOrderTabType.InsureOrderInfo,
});

const route = useRoute();
const id = route.params.id as string;

const { data: detail, isLoading } = useQuery({
  queryKey: ['insuranceOrderServices/getInsuranceOrderDetail', id],
  queryFn: async () => {
    return await insuranceOrderServices.getInsuranceOrderDetail({ id: id });
  },
  placeholderData: () => ({} as API.InsuranceOrderListOutput),
  enabled: !!id,
});
</script>

<style lang="scss" scoped>