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