|  |  |  | 
|---|
|  |  |  | <ProFormColItem :span="6"> | 
|---|
|  |  |  | <ProFormItemV2 | 
|---|
|  |  |  | label="保单号:" | 
|---|
|  |  |  | prop="name" | 
|---|
|  |  |  | prop="orderNo" | 
|---|
|  |  |  | :check-rules="[{ message: '请输入保单号' }]" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <ProFormText v-model.trim="form.name" placeholder="请输入保单号" :maxlength="30" /> | 
|---|
|  |  |  | <ProFormText | 
|---|
|  |  |  | v-model.trim="form.orderNo" | 
|---|
|  |  |  | placeholder="请输入保单号" | 
|---|
|  |  |  | :maxlength="30" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | </ProFormCol> | 
|---|
|  |  |  | 
|---|
|  |  |  | <ProFormColItem :span="6"> | 
|---|
|  |  |  | <ProFormItemV2 | 
|---|
|  |  |  | label="参保机构:" | 
|---|
|  |  |  | prop="insuredInstitution" | 
|---|
|  |  |  | :check-rules="[{ message: '请选择参保机构' }]" | 
|---|
|  |  |  | prop="insuranceOrg" | 
|---|
|  |  |  | :check-rules="[{ message: '请输入参保机构' }]" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <ProFormSelect | 
|---|
|  |  |  | <!-- <ProFormSelect | 
|---|
|  |  |  | placeholder="请选择参保机构" | 
|---|
|  |  |  | :value-enum="InsuredInstitutionEnum" | 
|---|
|  |  |  | clearable | 
|---|
|  |  |  | v-model="form.insuredInstitution" | 
|---|
|  |  |  | ></ProFormSelect> | 
|---|
|  |  |  | ></ProFormSelect> --> | 
|---|
|  |  |  | <ProFormText | 
|---|
|  |  |  | v-model.trim="form.insuranceOrg" | 
|---|
|  |  |  | :maxlength="30" | 
|---|
|  |  |  | placeholder="请输入参保机构" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | <ProFormColItem :span="6"> | 
|---|
|  |  |  | <ProFormItemV2 | 
|---|
|  |  |  | label="投保方案:" | 
|---|
|  |  |  | prop="insuranceScheme" | 
|---|
|  |  |  | :check-rules="[{ message: '请选择投保方案' }]" | 
|---|
|  |  |  | :check-rules="[{ message: '请输入投保方案' }]" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <ProFormSelect | 
|---|
|  |  |  | <!-- <ProFormSelect | 
|---|
|  |  |  | placeholder="请选择投保方案" | 
|---|
|  |  |  | :value-enum="InsuranceSchemeEnum" | 
|---|
|  |  |  | clearable | 
|---|
|  |  |  | v-model="form.insuranceScheme" | 
|---|
|  |  |  | ></ProFormSelect> | 
|---|
|  |  |  | ></ProFormSelect> --> | 
|---|
|  |  |  | <ProFormText | 
|---|
|  |  |  | v-model.trim="form.insuranceScheme" | 
|---|
|  |  |  | :maxlength="30" | 
|---|
|  |  |  | placeholder="请输入投保方案" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | </ProFormCol> | 
|---|
|  |  |  | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | <ProFormColItem :span="6"> | 
|---|
|  |  |  | <ProFormItemV2 label="投保人:" prop="laborContractEnterprise" mode="read"> | 
|---|
|  |  |  | <ProFormText | 
|---|
|  |  |  | v-model.trim="form.laborContractEnterprise" | 
|---|
|  |  |  | placeholder="请输入投保人" | 
|---|
|  |  |  | /> | 
|---|
|  |  |  | <ProFormItemV2 label="投保人:" prop="enterpriseName" mode="read"> | 
|---|
|  |  |  | <ProFormText v-model.trim="form.enterpriseName" placeholder="请输入投保人" /> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | <ProFormColItem :span="6"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | <ProFormColItem :span="6"> | 
|---|
|  |  |  | <ProFormItemV2 label="被保人:" prop="workEnterprise" mode="read"> | 
|---|
|  |  |  | <ProFormText v-model.trim="form.workEnterprise" placeholder="请输入被保人" /> | 
|---|
|  |  |  | <ProFormItemV2 label="被保人:" prop="enterpriseName" mode="read"> | 
|---|
|  |  |  | <ProFormText v-model.trim="form.enterpriseName" placeholder="请输入被保人" /> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | </ProFormCol> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <ClaimPicDemoView /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="chuck-add-or-edit-actions"> | 
|---|
|  |  |  | <div class="chuck-add-or-edit-actions" v-if="!isDetail"> | 
|---|
|  |  |  | <el-button @click="handleBack">关闭</el-button> | 
|---|
|  |  |  | <el-button v-if="!isDetail" type="primary" @click="handleSubmit">提交</el-button> | 
|---|
|  |  |  | <el-button type="primary" @click="handleSubmit">提交</el-button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </ProForm> | 
|---|
|  |  |  | </ChunkCell> | 
|---|
|  |  |  | <!-- <ChunkCell title="理赔结果"> | 
|---|
|  |  |  | <ProForm :model="form" ref="claimFormRef" label-width="120px"> | 
|---|
|  |  |  | <ProFormCol> | 
|---|
|  |  |  | <ProFormColItem :span="6"> | 
|---|
|  |  |  | <ProFormItemV2 label="理赔结果:" prop="claimResult"> | 
|---|
|  |  |  | <ProFormSelect | 
|---|
|  |  |  | placeholder="请选择理赔结果" | 
|---|
|  |  |  | :value-enum="InsuranceClaimResultEnumText" | 
|---|
|  |  |  | clearable | 
|---|
|  |  |  | v-model="form.claimResult" | 
|---|
|  |  |  | ></ProFormSelect> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | <ProFormColItem :span="6"> | 
|---|
|  |  |  | <ProFormItemV2 label="结/撤案时间:" prop="claimResultTime"> | 
|---|
|  |  |  | <ProFormDatePicker | 
|---|
|  |  |  | v-model="form.claimResultTime" | 
|---|
|  |  |  | type="datetime" | 
|---|
|  |  |  | format="YYYY-MM-DD" | 
|---|
|  |  |  | value-format="YYYY-MM-DD" | 
|---|
|  |  |  | placeholder="请选择结/撤案时间" | 
|---|
|  |  |  | ></ProFormDatePicker> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | </ProFormCol> | 
|---|
|  |  |  | <ProFormItemV2 label="下款金额:" prop="downPaymentAmount"> | 
|---|
|  |  |  | <ProFormInputNumber | 
|---|
|  |  |  | v-model="form.downPaymentAmount" | 
|---|
|  |  |  | :controls="false" | 
|---|
|  |  |  | :min="0" | 
|---|
|  |  |  | :precision="2" | 
|---|
|  |  |  | ></ProFormInputNumber> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | <div class="chuck-add-or-edit-actions"> | 
|---|
|  |  |  | <el-button @click="handleBack">关闭</el-button> | 
|---|
|  |  |  | <el-button type="primary" @click="handleSubmit">提交</el-button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </ProForm> | 
|---|
|  |  |  | </ChunkCell> --> | 
|---|
|  |  |  | <ChunkCell title="理赔结果" v-if="isDetail"> | 
|---|
|  |  |  | <ProForm :model="form" ref="claimFormRef" label-width="120px" :is-read="isDetail"> | 
|---|
|  |  |  | <ProFormCol> | 
|---|
|  |  |  | <ProFormColItem :span="6"> | 
|---|
|  |  |  | <ProFormItemV2 label="理赔结果:" prop="claimResult"> | 
|---|
|  |  |  | <ProFormSelect | 
|---|
|  |  |  | placeholder="请选择理赔结果" | 
|---|
|  |  |  | :value-enum="InsuranceClaimResultEnumText" | 
|---|
|  |  |  | clearable | 
|---|
|  |  |  | v-model="form.claimResult" | 
|---|
|  |  |  | ></ProFormSelect> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | <ProFormColItem :span="6"> | 
|---|
|  |  |  | <ProFormItemV2 label="结/撤案时间:" prop="claimResultTime"> | 
|---|
|  |  |  | <ProFormDatePicker | 
|---|
|  |  |  | v-model="form.claimResultTime" | 
|---|
|  |  |  | type="datetime" | 
|---|
|  |  |  | format="YYYY-MM-DD" | 
|---|
|  |  |  | value-format="YYYY-MM-DD" | 
|---|
|  |  |  | placeholder="请选择结/撤案时间" | 
|---|
|  |  |  | ></ProFormDatePicker> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | </ProFormColItem> | 
|---|
|  |  |  | </ProFormCol> | 
|---|
|  |  |  | <ProFormItemV2 label="下款金额:" prop="downPaymentAmount"> | 
|---|
|  |  |  | <ProFormInputNumber | 
|---|
|  |  |  | v-model="form.downPaymentAmount" | 
|---|
|  |  |  | :controls="false" | 
|---|
|  |  |  | :min="0" | 
|---|
|  |  |  | :precision="2" | 
|---|
|  |  |  | ></ProFormInputNumber> | 
|---|
|  |  |  | </ProFormItemV2> | 
|---|
|  |  |  | <div class="chuck-add-or-edit-actions"> | 
|---|
|  |  |  | <el-button @click="handleBack">关闭</el-button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </ProForm> | 
|---|
|  |  |  | </ChunkCell> | 
|---|
|  |  |  | </AppScrollContainer> | 
|---|
|  |  |  | <SelectOrderDialog v-bind="dialogProps" /> | 
|---|
|  |  |  | </LoadingLayout> | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const route = useRoute(); | 
|---|
|  |  |  | const insuranceOrderId = (route.params.id as string) ?? ''; | 
|---|
|  |  |  | const routeId = (route.query.routeId as string) ?? ''; | 
|---|
|  |  |  | const fromRoute = route.query.fromRoute as string; | 
|---|
|  |  |  | const { closeViewPush } = useRouteView(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const datePickerKey = ref(1); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const { form, isLoading, claimDetail, disabledReportedDate, queryClaimDetailByOrderId, resetForm } = | 
|---|
|  |  |  | useInsuranceClaimDetail({ | 
|---|
|  |  |  | insuranceOrderId, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | const { | 
|---|
|  |  |  | form, | 
|---|
|  |  |  | isLoading, | 
|---|
|  |  |  | claimDetail, | 
|---|
|  |  |  | disabledReportedDate, | 
|---|
|  |  |  | queryClaimDetailByOrderId, | 
|---|
|  |  |  | resetForm, | 
|---|
|  |  |  | resetFormWithNotOrder, | 
|---|
|  |  |  | } = useInsuranceClaimDetail({ | 
|---|
|  |  |  | insuranceOrderId, | 
|---|
|  |  |  | fromRoute, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // const { existedInsuranceOrderList } = useInsuranceOrderListByOrderRelevance({ | 
|---|
|  |  |  | //   params: computed(() => ({ | 
|---|
|  |  |  | 
|---|
|  |  |  | idIdNumber: form.idNumber, | 
|---|
|  |  |  | reportedTime: form.reportedTime, | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | let existedInsuranceOrderList = await queryClient.ensureQueryData({ | 
|---|
|  |  |  | queryKey: ['insuranceOrderServices/getInsuranceOrderListByOrderRelevance', params], | 
|---|
|  |  |  | queryFn: async () => { | 
|---|
|  |  |  | return await insuranceOrderServices.getInsuranceOrderListByOrderRelevance(params, { | 
|---|
|  |  |  | showLoading: false, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | let existedInsuranceOrderList = | 
|---|
|  |  |  | await insuranceOrderServices.getInsuranceOrderListByOrderRelevance(params, { | 
|---|
|  |  |  | showLoading: false, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | if (existedInsuranceOrderList.length == 1) { | 
|---|
|  |  |  | form.insuranceOrderId = existedInsuranceOrderList[0].id; | 
|---|
|  |  |  | } else if (existedInsuranceOrderList.length > 1) { | 
|---|
|  |  |  | 
|---|
|  |  |  | insuranceOrderList: existedInsuranceOrderList, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | resetFormWithNotOrder(); | 
|---|
|  |  |  | Message.errorMessage('未找到匹配的保单信息'); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | 
|---|
|  |  |  | name: form.name, | 
|---|
|  |  |  | idNumber: form.idNumber, | 
|---|
|  |  |  | workType: form.workType, | 
|---|
|  |  |  | laborContractEnterprise: form.laborContractEnterprise, | 
|---|
|  |  |  | workEnterprise: form.workEnterprise, | 
|---|
|  |  |  | laborContractEnterprise: form.enterpriseName, | 
|---|
|  |  |  | workEnterprise: form.enterpriseName, | 
|---|
|  |  |  | insuranceBeginTime: format(form.insuranceBeginTime), | 
|---|
|  |  |  | insuranceEndTime: format(form.insuranceEndTime), | 
|---|
|  |  |  | insuredInstitution: form.insuredInstitution, | 
|---|
|  |  |  | insuredInstitution: form.insuranceOrg, | 
|---|
|  |  |  | orderNo: form.orderNo, | 
|---|
|  |  |  | insuranceScheme: form.insuranceScheme, | 
|---|
|  |  |  | onJobFlag: form.onJobFlag, | 
|---|
|  |  |  | gender: form.gender, | 
|---|
|  |  |  | 
|---|
|  |  |  | function handleBack() { | 
|---|
|  |  |  | closeViewPush(route, { | 
|---|
|  |  |  | name: fromRoute ?? 'Home', | 
|---|
|  |  |  | params: { | 
|---|
|  |  |  | id: routeId, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|