From 5664a1a616df498cba58b9a8e63a91ac0ba96bab Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 01 七月 2025 13:44:55 +0800
Subject: [PATCH] feat: add rrweb
---
src/views/Home/Home.vue | 171 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 168 insertions(+), 3 deletions(-)
diff --git a/src/views/Home/Home.vue b/src/views/Home/Home.vue
index e566cc1..3bc4ade 100644
--- a/src/views/Home/Home.vue
+++ b/src/views/Home/Home.vue
@@ -26,6 +26,15 @@
</QueryFilterItem>
<QueryFilterItem>
<FieldRadio
+ v-model="extraParamState.auditStatus"
+ :value-enum="InsurancePolicyAuditStatusEnumText"
+ buttonStyle
+ showAllBtn
+ @change="getList()"
+ />
+ </QueryFilterItem>
+ <QueryFilterItem>
+ <FieldRadio
v-model="extraParamState.status"
:value-enum="InsurancePolicyStatusEnumText"
buttonStyle
@@ -44,6 +53,13 @@
</QueryFilterItem>
</template>
<template #btn>
+ <el-button
+ @click="handleDownloadOccupationType()"
+ type="primary"
+ style="margin-right: 10px"
+ link
+ >鑱屼笟绫诲瀷瀵圭収琛�</el-button
+ >
<el-button @click="handleDownload()" type="primary" style="margin-right: 10px" link
>妯℃澘涓嬭浇</el-button
>
@@ -73,10 +89,29 @@
rowKey: 'id',
}"
>
+ <template #auditStatus="{ row }">
+ <el-tooltip
+ class="box-item"
+ effect="dark"
+ :content="row.auditRemark"
+ placement="top"
+ v-if="row.auditStatus === InsurancePolicyAuditStatusEnum.Reject && row.auditRemark"
+ popper-class="max-width-popper"
+ >
+ <div style="display: inline-flex; align-items: center; color: inherit">
+ {{ InsurancePolicyAuditStatusEnumText[row.auditStatus] }}
+ <el-icon size="16" color="#3a71ff"><QuestionFilled /></el-icon>
+ </div>
+ </el-tooltip>
+ <el-text v-else style="color: inherit">
+ {{ InsurancePolicyAuditStatusEnumText[row.auditStatus] }}
+ </el-text>
+ </template>
</ProTableV2>
</AppContainer>
<UploadInsurePersonDialog v-bind="dialogProps" />
<UploadStampFileDialog v-bind="dialogStampFileProps" />
+ <InsureInstructionsDialog v-bind="dialogInstructionsProps" />
</LoadingLayout>
</template>
@@ -95,6 +130,7 @@
SearchInput,
FieldRadio,
XLSXUtils,
+ useDialog,
} from '@bole-core/components';
import * as insuranceOrderServices from '@/services/api/InsuranceOrder';
import { Message, OrderInputType, downloadFileByUrl } from '@bole-core/core';
@@ -109,9 +145,17 @@
InsurancePolicyStatusEnumText,
InsurancePolicyStatusEnum,
AppType,
+ InsurancePolicyAuditStatusEnumText,
+ InsurancePolicyAuditStatusEnum,
+ InsurancePolicyProductIdNumberEnum,
+ InsurancePolicyListPayStatusEnum,
+ InsurancePolicyListPayStatusEnumText,
+ InsuranceOccupationTypeTempPath,
} from '@/constants';
import dayjs from 'dayjs';
import _ from 'lodash';
+import InsureInstructionsDialog from './components/InsureInstructionsDialog.vue';
+// import { Recorder } from '@/utils/record';
defineOptions({
name: 'Home',
@@ -136,7 +180,8 @@
onClick: (role) => handleBatch(role),
},
extraProps: {
- hide: (row: API.GetInsurancePageOutput) => row.status !== InsurancePolicyStatusEnum.Effecting,
+ hide: (row: API.GetInsurancePageOutput) =>
+ row.productOnline || row.status !== InsurancePolicyStatusEnum.Effecting,
},
},
{
@@ -161,10 +206,56 @@
onClick: (role) => handleDownloadInsureFile(role),
},
extraProps: {
- hide: (row: API.GetInsurancePageOutput) =>
- row.status === InsurancePolicyStatusEnum.WaitEffect,
+ hide: (row: API.GetInsurancePageOutput) => row.productOnline || !row.insureBillUrl,
},
},
+ {
+ data: {
+ enCode: 'payBtn',
+ name: '鏀粯',
+ },
+ emits: {
+ onClick: (role) => handlePay(role),
+ },
+ extraProps: {
+ hide: (row: API.GetInsurancePageOutput) =>
+ row.payStatus != InsurancePolicyListPayStatusEnum.WaitPay,
+ },
+ },
+ {
+ data: {
+ enCode: 'stampFilesBtn',
+ name: '淇濆崟涓嬭浇',
+ },
+ emits: {
+ onClick: (role) => handleGoStampFiles(role),
+ },
+ extraProps: {
+ hide: (row: API.GetInsurancePageOutput) => !(row.productOnline && row.anyPayComplete),
+ },
+ },
+ {
+ data: {
+ enCode: 'downloadInvoiceBtn',
+ name: '鍙戠エ涓嬭浇',
+ },
+ emits: {
+ onClick: (role) => handleGoDownloadInvoice(role),
+ },
+ extraProps: {
+ hide: (row: API.GetInsurancePageOutput) => !(row.productOnline && row.anyPayComplete),
+ },
+ },
+
+ // {
+ // data: {
+ // enCode: 'standarEndoBtn',
+ // name: '鐢宠閫�淇�',
+ // },
+ // emits: {
+ // onClick: (role) => handleStandarEndo(role),
+ // },
+ // },
]).filter(Boolean);
const BaseState = {
@@ -172,11 +263,22 @@
};
const state = reactive({ ...BaseState });
+// const recorder = ref(new Recorder());
onMounted(async () => {
await getList();
state.loading = false;
+ handleOpenInstructions();
+
+ // setTimeout(() => {
+ // // recorder.value.init();
+ // recorder.value.replaySession('9cb24e5a-0423-4dcd-abd5-fa7a4117cadc');
+ // }, 3000);
});
+
+// onUnmounted(() => {
+// recorder.value.stopRecordingAndSave();
+// });
const {
getDataSource: getList,
@@ -200,6 +302,7 @@
creationDate: [] as unknown as ModelValueType,
condition: '',
status: '' as any as InsurancePolicyStatusEnum,
+ auditStatus: '' as any as InsurancePolicyAuditStatusEnum,
insurancePeriod: '',
},
columnsRenderProps: {
@@ -218,6 +321,7 @@
formatter: (row: API.GetInsurancePageOutput) =>
row.amount == null ? '' : toThousand(row.amount),
},
+ payStatus: { type: 'enum', valueEnum: InsurancePolicyListPayStatusEnumText },
},
}
);
@@ -234,6 +338,7 @@
condition: extraParamState.condition,
insurancePeriod: extraParamState.insurancePeriod,
status: extraParamState.status,
+ auditStatus: extraParamState.auditStatus,
};
return params;
}
@@ -243,6 +348,8 @@
defaultFormParams: {
serialNum: '',
url: [] as UploadUserFile[],
+ productIdNumber: '',
+ productSchemeIdNumber: '',
},
closeAfterConfirm: false,
});
@@ -272,6 +379,8 @@
let params: API.APIimportInsStaffToListParams = {
serialNum: editForm.serialNum,
url: editForm.url?.[0]?.path,
+ productIdNumber: editForm.productIdNumber,
+ productSchemeIdNumber: editForm.productSchemeIdNumber,
};
let res = await insuranceOrderServices.importInsStaffToList(params);
if (res.length > 0) {
@@ -294,6 +403,12 @@
dialogState.dialogVisible = false;
getList(paginationState.pageIndex);
} catch (error) {}
+}
+
+const { dialogProps: dialogInstructionsProps, dialogState: dialogInstructionsState } = useDialog();
+
+function handleOpenInstructions() {
+ dialogInstructionsState.dialogVisible = true;
}
function handleUpload() {
@@ -337,6 +452,10 @@
downloadFile(res.data, `鍦ㄤ繚浜哄憳瀵煎嚭`, 'xlsx');
}
} catch (error) {}
+}
+
+function handleDownloadOccupationType() {
+ downloadFileByUrl(InsuranceOccupationTypeTempPath, '鑱屼笟绫诲瀷瀵圭収琛�');
}
function handleDownload() {
@@ -428,4 +547,50 @@
},
});
}
+
+async function handleStandarEndo(row: API.GetInsurancePageOutput) {
+ try {
+ await Message.deleteMessage('鏄惁鐢宠閫�淇�?');
+ let params = {
+ id: row.id,
+ };
+ // let res = await userServices.deleteRole(params);
+ // if (res) {
+ // Message.successMessage('鎿嶄綔鎴愬姛');
+ // getList(paginationState.pageIndex);
+ // }
+ } catch (error) {}
+}
+
+async function handleGoStampFiles(row: API.GetInsurancePageOutput) {
+ try {
+ router.push({
+ name: 'InsurancePolicyStampFiles',
+ params: {
+ id: row.id,
+ },
+ });
+ } catch (error) {}
+}
+
+function handlePay(row: API.GetInsurancePageOutput) {
+ router.push({
+ name: 'InsurePayDetail',
+ params: {
+ id: row.id,
+ },
+ });
+}
+
+async function handleGoDownloadInvoice(row: API.GetInsurancePageOutput) {
+ try {
+ await insuranceOrderServices.getInvoiceId({ id: row.id });
+ router.push({
+ name: 'InsureDownloadInvoice',
+ params: {
+ id: row.id,
+ },
+ });
+ } catch (error) {}
+}
</script>
--
Gitblit v1.9.1