From babd7a49ba48c83334bbe9a4c992d784e062f6e3 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期五, 04 七月 2025 14:33:47 +0800 Subject: [PATCH] fix: 江佑保系统健壮性修复 --- src/views/Home/components/InsureOrderInfoView.vue | 338 ++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 254 insertions(+), 84 deletions(-) diff --git a/src/views/Home/components/InsureOrderInfoView.vue b/src/views/Home/components/InsureOrderInfoView.vue index 0da1dc1..4c31188 100644 --- a/src/views/Home/components/InsureOrderInfoView.vue +++ b/src/views/Home/components/InsureOrderInfoView.vue @@ -1,12 +1,21 @@ <template> <LoadingLayout :loading="state.loading"> - <AppScrollContainer> + <AppContainer> <ChunkCell title=""> <ProForm :model="detail" ref="formRef" label-width="120px" :is-read="true"> <ProFormCol> <ProFormColItem :span="8"> <ProFormItemV2 label="淇濆崟鍙�:" prop="insureBillNo"> - <ProFormText v-model.trim="detail.insureBillNo" /> + <div class="pro-from-item-read-content-wrapper" v-if="!!detail.insureBillNo"> + {{ detail.insureBillNo }} + <el-button + type="primary" + link + @click="handleGoStampFiles(id)" + v-if="detail.productOnline && detail.anyPayComplete" + >璇︽儏</el-button + > + </div> </ProFormItemV2> </ProFormColItem> <ProFormColItem :span="8"> @@ -65,8 +74,11 @@ </ProFormCol> </ProForm> </ChunkCell> - <ChunkCell title="浜哄憳淇℃伅"> - <template #titleRight v-if="detail.status !== InsurancePolicyStatusEnum.WaitEffect"> + <ChunkCell title="浜哄憳淇℃伅" class="full-table-chunk"> + <template + #titleRight + v-if="detail.status !== InsurancePolicyStatusEnum.WaitEffect && !detail.productOnline" + > <el-button type="primary" @click="handleBatchChange">鎵规敼鐢宠</el-button> </template> <ProTableQueryFilterBar @on-reset="reset"> @@ -82,42 +94,65 @@ </QueryFilterItem> </template> <template #btn> - <template v-if="detail.status === InsurancePolicyStatusEnum.WaitEffect"> - <el-button @click="handleTemplateDownload()" link type="primary">妯℃澘涓嬭浇</el-button> - <BlFileUpload - :limitFileSize="10" - accept="xls,xlsx" - :showTip="false" - :show-file-list="false" - :on-success="handleUploadSuccess" - style="margin-right: 10px; margin-left: 10px" + <template v-if="detail.productOnline"> + <el-button + v-if="detail.auditStatus === InsurancePolicyAuditStatusEnum.Pass" + @click="handleSupplySubmit()" + type="primary" + >琛ユ彁</el-button > - <template #default> - <el-button icon="Plus" type="primary">瀵煎叆</el-button> - </template> - </BlFileUpload> - <el-button @click="handleClear()" type="primary">娓呯┖鏁版嵁</el-button> + <template v-if="detail.status !== InsurancePolicyStatusEnum.WaitEffect"> + <el-button @click="handleExport(InsuranceDetailStatusEnum.Effecting)" type="primary" + >瀵煎嚭鍦ㄤ繚浜哄憳</el-button + > + <el-button @click="handleExport(InsuranceDetailStatusEnum.Fail)" type="primary" + >瀵煎嚭閿欒浜哄憳</el-button + > + <el-button @click="handleGoStampFiles(id)" type="primary">涓嬭浇淇濆崟</el-button> + <el-button @click="handleGoDownloadInvoice(id)" type="primary">涓嬭浇鍙戠エ</el-button> + </template> </template> <template v-else> - <el-button @click="handleDownloadPerson()" type="primary">涓嬭浇浜哄憳娓呭崟</el-button> - <el-button @click="handleDownloadOrder()" type="primary">涓嬭浇淇濆崟</el-button> + <template v-if="detail.status === InsurancePolicyStatusEnum.WaitEffect"> + <el-button @click="handleTemplateDownload()" link type="primary" + >妯℃澘涓嬭浇</el-button + > + <BlFileUpload + v-if="detail.auditStatus !== InsurancePolicyAuditStatusEnum.Pass" + :limitFileSize="10" + accept="xls,xlsx" + :showTip="false" + :show-file-list="false" + :on-success="handleUploadSuccess" + style="margin-right: 10px; margin-left: 10px" + > + <template #default> + <el-button icon="Plus" type="primary">瀵煎叆</el-button> + </template> + </BlFileUpload> + <el-button @click="handleClear()" type="primary">娓呯┖鏁版嵁</el-button> + </template> + <template v-else> + <el-button @click="handleExport(null)" type="primary">涓嬭浇浜哄憳娓呭崟</el-button> + <el-button @click="handleDownloadOrder()" type="primary">涓嬭浇淇濆崟</el-button> + </template> </template> </template> </ProTableQueryFilterBar> - <ProTableV2 - v-bind="proTableProps" - :columns="column" - :operationBtns="operationBtns" - :auto-height="false" - ref="proTable" - :tableProps="{ - maxHeight: '400px', - }" - > - </ProTableV2> + <div class="full-table-chunk-table"> + <ProTableV2 + v-bind="proTableProps" + :columns="column" + :operationBtns="operationBtns" + ref="proTable" + > + </ProTableV2> + </div> </ChunkCell> <ChangePersonInfoDialog v-bind="dialogProps"></ChangePersonInfoDialog> - </AppScrollContainer> + <InsureClaimDetailDialog v-bind="dialogInsureClaimProps"></InsureClaimDetailDialog> + <UploadInsurePersonDialog v-bind="dialogSupplyProps" isSupply /> + </AppContainer> </LoadingLayout> </template> @@ -143,20 +178,31 @@ useFormDialog, BlFileUpload, UploadUserFile, + XLSXUtils, } from '@bole-core/components'; import { InsuranceOrderTempPath, insuranceTypeText, - InsuredInstitutionEnum, - InsuranceSchemeEnum, InsurancePolicyStatusEnum, InsurancePolicyStatusEnumText, + InsurancePolicyAuditStatusEnum, + InsuranceDetailStatusEnumText, + InsuranceDetailStatusEnum, } from '@/constants'; import ChangePersonInfoDialog from './ChangePersonInfoDialog.vue'; +import InsureClaimDetailDialog from './InsureClaimDetailDialog.vue'; import * as insuranceOrderServices from '@/services/api/InsuranceOrder'; +import * as insuranceClaimServices from '@/services/api/InsuranceClaim'; import { useQuery, useQueryClient } from '@tanstack/vue-query'; import { downloadFile, downloadFileByUrl, Message, OrderInputType } from '@bole-core/core'; import { setOSSLink } from '@/utils'; +import dayjs from 'dayjs'; +import { + useInsureActions, + useInsureProductSchemeAllList, + useUserInsureProductSetting, +} from '@/hooks'; +import UploadInsurePersonDialog from './UploadInsurePersonDialog.vue'; defineOptions({ name: 'InsureOrderInfoView', @@ -192,6 +238,16 @@ name: '闆囧憳宸ョ', }, { + id: '51', + enCode: 'occupationType', + name: '鑱屼笟绫诲瀷', + }, + { + id: '52', + enCode: 'occupationCode', + name: '鑱屼笟鐮佸��', + }, + { id: '6', enCode: 'userEmploer', name: '鐢ㄥ伐鍗曚綅', @@ -220,8 +276,26 @@ width: 140, }, { + id: '101', + enCode: 'payOrder', + name: '鎵规鍙�', + width: 140, + }, + { + id: '102', + enCode: 'status', + name: '鎶曚繚鐘舵��', + width: 140, + }, + { + id: '103', + enCode: 'auditRemark', + name: '澶囨敞', + width: 140, + }, + { id: '11', - enCode: 'serialNumber', + enCode: 'claimCount', name: '鐞嗚禂', width: 100, }, @@ -238,7 +312,9 @@ }, extraProps: { hide: (row: API.GetInsuranceStaffPageTemplate) => - detail.value?.status !== InsurancePolicyStatusEnum.WaitEffect, + detail.value?.productOnline || + detail.value?.status !== InsurancePolicyStatusEnum.WaitEffect || + detail.value?.auditStatus === InsurancePolicyAuditStatusEnum.Pass, }, }, { @@ -247,11 +323,11 @@ name: '鐞嗚禂璇︽儏', }, emits: { - onClick: (role) => handleInsureClaimDetail(role), + onClick: (role) => handleDetail(role), }, extraProps: { hide: (row: API.GetInsuranceStaffPageTemplate) => - !(row.serialNumber && detail.value?.status !== InsurancePolicyStatusEnum.WaitEffect), + !(row.claimCount && detail.value?.status !== InsurancePolicyStatusEnum.WaitEffect), }, }, ]); @@ -318,7 +394,12 @@ keyWord: '', orderInput: [{ property: 'id', order: OrderInputType.Asc }], }, - columnsRenderProps: {}, + columnsRenderProps: { + status: { + type: 'enum', + valueEnum: InsuranceDetailStatusEnumText, + }, + }, } ); @@ -327,6 +408,10 @@ } async function handleClear() { try { + if (paginationState.total === 0) { + Message.warnMessage('娌℃湁闇�瑕佹竻绌虹殑鏁版嵁~'); + return; + } await Message.tipMessage('鏄惁娓呯┖浜哄憳淇℃伅'); let res = await insuranceOrderServices.clearInsuranceStaffData({ id: id, @@ -339,51 +424,48 @@ } async function handleUploadSuccess(response: UploadUserFile) { try { - let res = await insuranceOrderServices.importInsDetailStaffToList( - { - id: id, - url: response.url, - }, - { - getResponse: true, - responseType: 'blob', - } - ); - console.log('res: ', res); - // if (res?.data?.size) { - // await Message.tipMessage('瀛樺湪閿欒鏁版嵁锛屾槸鍚﹀鍑猴紵'); - // downloadFile(res.data, `閿欒浜哄憳鍚嶅崟`, 'xlsx'); - // } - // queryClient.invalidateQueries({ - // queryKey: ['insuranceOrderServices/getInsuranceStaffList'], - // }); - // getInsuranceStaffList(); + let res = await insuranceOrderServices.importInsDetailStaffToList({ + id: id, + url: response.url, + }); + if (res?.length > 0) { + await Message.tipMessage('瀛樺湪閿欒鏁版嵁锛屾槸鍚﹀鍑猴紵'); + XLSXUtils.exportToXLSX({ + workbookDataList: res, + fileName: '閿欒浜哄憳鍚嶅崟', + workbookHeaderMap: { + name: '闆囧憳濮撳悕', + sex: '鎬у埆', + certType: '璇佷欢绫诲瀷', + certNo: '璇佷欢鍙风爜', + jobName: '闆囧憳宸ョ', + useEmploer: '鐢ㄥ伐鍗曚綅', + address: '鐢ㄥ伐鍦扮偣', + note: '澶囨敞', + }, + }); + } + queryClient.invalidateQueries({ + queryKey: ['insuranceOrderServices/getInsuranceStaffList'], + }); + getInsuranceStaffList(); } catch (error) {} } -async function handleDownloadPerson() { - try { - if (paginationState.total === 0) { - Message.warnMessage('娌℃湁鏁版嵁鍙互瀵煎嚭鍝'); - return; - } - let res = await insuranceOrderServices.getInsuranceStaffListExport( - { id: id }, - { - responseType: 'blob', - getResponse: true, - } - ); - if (res) { - downloadFile(res.data, `浜哄憳娓呭崟`, 'xlsx'); - } - } catch (error) {} -} function handleDownloadOrder() { downloadFileByUrl(setOSSLink(detail.value?.insureBillUrl)); } +const { handleGoDownloadInvoice, handleGoStampFiles } = useInsureActions(); + function handleBatchChange() { + if ( + dayjs(detail.value?.effectEndTime).isBefore(dayjs()) || + dayjs(detail.value?.effectEndTime).isSame(dayjs(), 'day') + ) { + Message.errorMessage('淇濋櫓浠婂ぉ鍒版湡锛屾棤娉曟壒鏀�'); + return; + } router.push({ name: 'BatchChange', params: { @@ -392,6 +474,7 @@ query: { insurerName: detail.value?.insurerName ?? '', insureBillNo: detail.value?.insureBillNo ?? '', + effectEndTime: detail.value?.effectEndTime ?? '', }, }); } @@ -434,19 +517,106 @@ } catch (error) {} } -function handleInsureClaimDetail(row: API.GetInsuranceStaffPageTemplate) { - router.push({ - name: 'InsuranceClaimDetail', - params: { +const { dialogProps: dialogInsureClaimProps, handleEdit: handleInsureClaimEdit } = useFormDialog({ + defaultFormParams: { + id: '', + routeId: '', + staffList: [] as API.InsuranceClaimDetailOutput[], + }, +}); + +async function getInsuranceClaimDetailList(id: string) { + try { + return await insuranceClaimServices.getInsuranceClaimDetailList({ id: id }); + } catch (error) {} +} + +async function handleDetail(row: API.GetInsuranceStaffPageTemplate) { + try { + const res = await getInsuranceClaimDetailList(row.id); + handleInsureClaimEdit({ id: row.id, - }, - query: { - fromRoute: 'InsuranceOrderDetail', - }, + staffList: res, + routeId: id, + }); + } catch (error) {} +} + +async function handleExport(status: InsuranceDetailStatusEnum) { + try { + if (paginationState.total === 0) { + Message.warnMessage('娌℃湁鏁版嵁鍙互瀵煎嚭鍝'); + return; + } + let res = await insuranceOrderServices.getInsuranceStaffListExport( + { insurancePolicyId: id, status: status }, + { + responseType: 'blob', + getResponse: true, + } + ); + if (res) { + downloadFile(res.data, `浜哄憳娓呭崟`, 'xlsx'); + } + } catch (error) {} +} + +const { getInsureProductIdByIdNumber } = useUserInsureProductSetting(); +const { getInsureProductSchemeByCode } = useInsureProductSchemeAllList({ + insureProductId: computed(() => getInsureProductIdByIdNumber(detail.value.productIdNumber)), +}); + +function handleSupplySubmit() { + handleSupplyAdd({ + serialNum: detail.value.serialNum, + productIdNumber: detail.value.productIdNumber, + productSchemeIdNumber: getInsureProductSchemeByCode(detail.value.productSchemeCode)?.idNumber, + effectStartTime: dayjs().add(1, 'day').format('YYYY-MM-DD'), }); } + +const { + dialogProps: dialogSupplyProps, + handleAdd: handleSupplyAdd, + editForm: supplyForm, +} = useFormDialog({ + onConfirm: supplySubmit, + defaultFormParams: { + serialNum: '', + url: [] as UploadUserFile[], + productIdNumber: '', + productSchemeIdNumber: '', + effectStartTime: dayjs().add(1, 'day').format('YYYY-MM-DD'), + }, +}); + +// TODO 琛ユ彁 +async function supplySubmit() {} </script> <style lang="scss" scoped> @use '@/style/common.scss' as *; + +.full-table-chunk { + display: flex; + min-height: 0; + flex: 1; + flex-direction: column; + + :deep() { + .chunk-cell-content { + display: flex; + flex-direction: column; + flex: 1; + min-height: 0; + } + } + + .full-table-chunk-table { + display: flex; + flex-direction: column; + flex: 1; + min-height: 0; + } +} </style> -- Gitblit v1.9.1