feat: 接口对接

wupengfei

2025-03-28 cc0e1bffc4fa5dc3f51405ef967e99c00997a18e

 src/views/Home/InsuranceOrderDetail.vue

@@ -5,7 +5,12 @@
        <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>
@@ -17,6 +22,9 @@
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';
import { InsurancePolicyStatusEnum } from '@/constants';

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

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

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

<style lang="scss" scoped>