From 80dd2bebbe3d204cc7833a4793aba67bba356b1d Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期一, 24 三月 2025 19:19:20 +0800
Subject: [PATCH] feat: 页面
---
src/views/Home/BatchChange.vue | 6 ++-
src/views/Home/InsuranceOrderDetail.vue | 14 +++++++
src/views/Home/components/UploadInsurePersonDialog.vue | 2
src/views/Home/components/ChangePersonInfoDialog.vue | 69 +++++++++++++++++++++++-----------
src/views/Home/components/UploadStampFileDialog.vue | 2
src/views/Home/components/InsureOrderInfoView.vue | 20 +++++++---
6 files changed, 80 insertions(+), 33 deletions(-)
diff --git a/src/views/Home/BatchChange.vue b/src/views/Home/BatchChange.vue
index b1b8aef..b5f5172 100644
--- a/src/views/Home/BatchChange.vue
+++ b/src/views/Home/BatchChange.vue
@@ -3,8 +3,10 @@
<AppScrollContainer>
<ChunkCell title="1">
<template #title>
- <el-text>{{ `淇濆崟鍙凤細${'958585860689'}` }}</el-text>
- <el-text>{{ `鎶曚繚浜猴細${'浜哄姏鏃犲咖'}` }}</el-text>
+ <div class="batch-change-title">
+ <el-text style="margin-right: 20px">{{ `淇濆崟鍙凤細${'958585860689'}` }}</el-text>
+ <el-text>{{ `鎶曚繚浜猴細${'浜哄姏鏃犲咖'}` }}</el-text>
+ </div>
</template>
<ProForm :model="state.form" ref="formRef" label-width="120px">
<ProFormCol>
diff --git a/src/views/Home/InsuranceOrderDetail.vue b/src/views/Home/InsuranceOrderDetail.vue
index 5027481..a2b7a04 100644
--- a/src/views/Home/InsuranceOrderDetail.vue
+++ b/src/views/Home/InsuranceOrderDetail.vue
@@ -17,6 +17,8 @@
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';
defineOptions({
name: 'InsuranceOrderDetail',
@@ -30,6 +32,18 @@
const state = reactive({
tabType: InsureOrderTabType.InsureOrderInfo,
});
+
+const route = useRoute();
+const id = route.params.id as string;
+
+const { data: detail, isLoading } = useQuery({
+ queryKey: ['insuranceOrderServices/getInsuranceOrderDetail', id],
+ queryFn: async () => {
+ return await insuranceOrderServices.getInsuranceOrderDetail({ id: id });
+ },
+ placeholderData: () => ({} as API.InsuranceOrderListOutput),
+ enabled: !!id,
+});
</script>
<style lang="scss" scoped>
diff --git a/src/views/Home/components/ChangePersonInfoDialog.vue b/src/views/Home/components/ChangePersonInfoDialog.vue
index 7fc6898..1eb53f0 100644
--- a/src/views/Home/components/ChangePersonInfoDialog.vue
+++ b/src/views/Home/components/ChangePersonInfoDialog.vue
@@ -6,33 +6,49 @@
draggable
bodyNoPaddingBottom
@close="onDialogClose"
- width="700px"
+ width="800px"
>
<el-text type="danger"
>*韬唤璇佸彿涓庝繚闄╀汉濮撳悕涓嶈兘鍚屾椂鍙樻洿锛屽彧鑳戒慨鏀瑰叾涓竴椤癸紝涓斾粎鑳戒慨鏀逛竴娆�</el-text
>
<ProForm :model="innerForm" ref="dialogForm" label-width="100px" style="margin-top: 20px">
- <ProFormItemV2 label="濮撳悕锛�" prop="name" :check-rules="[{ message: '璇疯緭鍏ュ鍚�' }]">
- <ProFormText
- placeholder="璇疯緭鍏ュ鍚�"
- v-model.trim="innerForm.name"
- :maxlength="30"
- ></ProFormText>
- </ProFormItemV2>
- <ProFormItemV2 label="韬唤璇佸彿锛�" prop="name" :check-rules="[{ message: '璇疯緭鍏ヨ韩浠借瘉鍙�' }]">
- <ProFormText
- placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�"
- v-model.trim="innerForm.name"
- :maxlength="30"
- ></ProFormText>
- </ProFormItemV2>
- <ProFormItemV2 label="鎵嬫満鍙凤細" prop="name" :check-rules="[{ message: '璇疯緭鍏ユ墜鏈哄彿' }]">
- <ProFormText
- placeholder="璇疯緭鍏ユ墜鏈哄彿"
- v-model.trim="innerForm.name"
- :maxlength="30"
- ></ProFormText>
- </ProFormItemV2>
+ <ProFormCol>
+ <ProFormColItem :span="16">
+ <ProFormItemV2 label="濮撳悕锛�" prop="name" :check-rules="[{ message: '璇疯緭鍏ュ鍚�' }]">
+ <ProFormText
+ placeholder="璇疯緭鍏ュ鍚�"
+ v-model.trim="innerForm.name"
+ :maxlength="30"
+ ></ProFormText>
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
+ <ProFormCol>
+ <ProFormColItem :span="16">
+ <ProFormItemV2
+ label="韬唤璇佸彿锛�"
+ prop="name"
+ :check-rules="[{ message: '璇疯緭鍏ヨ韩浠借瘉鍙�' }]"
+ >
+ <ProFormText
+ placeholder="璇疯緭鍏ヨ韩浠借瘉鍙�"
+ v-model.trim="innerForm.name"
+ :maxlength="30"
+ ></ProFormText>
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
+ <ProFormCol>
+ <ProFormColItem :span="16">
+ <ProFormItemV2 label="鎵嬫満鍙凤細" prop="name" :check-rules="[{ message: '璇疯緭鍏ユ墜鏈哄彿' }]">
+ <ProFormText
+ placeholder="璇疯緭鍏ユ墜鏈哄彿"
+ v-model.trim="innerForm.name"
+ :maxlength="30"
+ ></ProFormText>
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
</ProForm>
<template #footer>
<span class="dialog-footer">
@@ -44,7 +60,14 @@
</template>
<script setup lang="ts">
-import { ProDialog, ProForm, ProFormItemV2, ProFormText } from '@bole-core/components';
+import {
+ ProDialog,
+ ProForm,
+ ProFormCol,
+ ProFormColItem,
+ ProFormItemV2,
+ ProFormText,
+} from '@bole-core/components';
import { FormInstance } from 'element-plus';
defineOptions({
diff --git a/src/views/Home/components/InsureOrderInfoView.vue b/src/views/Home/components/InsureOrderInfoView.vue
index 7656760..a8cf6e4 100644
--- a/src/views/Home/components/InsureOrderInfoView.vue
+++ b/src/views/Home/components/InsureOrderInfoView.vue
@@ -34,13 +34,16 @@
</ProFormCol>
<ProFormCol>
<ProFormColItem :span="8">
- <ProFormItemV2 label="鍙備繚鏈烘瀯:" prop="applyTime">
- <ProFormText v-model.trim="detail.orderNo" />
+ <ProFormItemV2 label="鍙備繚鏈烘瀯:" prop="insuredInstitution">
+ <ProFormRadio
+ v-model="detail.insuredInstitution"
+ :value-enum="InsuredInstitutionEnum"
+ />
</ProFormItemV2>
</ProFormColItem>
<ProFormColItem :span="8">
- <ProFormItemV2 label="鎶曚繚鏂规:" prop="applyTime">
- <ProFormText v-model.trim="detail.orderNo" />
+ <ProFormItemV2 label="鎶曚繚鏂规:" prop="insuranceScheme">
+ <ProFormRadio v-model="detail.insuranceScheme" :value-enum="InsuranceSchemeEnum" />
</ProFormItemV2>
</ProFormColItem>
<ProFormColItem :span="8">
@@ -73,7 +76,7 @@
<SearchInput
v-model="extraParamState.keyWord"
style="width: 300px"
- placeholder="浜哄憳濮撳悕/韬唤璇佸彿/鎵嬫満鍙�"
+ placeholder="濮撳悕/韬唤璇佸彿/鎵嬫満鍙�"
@on-click-search="getBatchRefundInfoDetail"
>
</SearchInput>
@@ -125,7 +128,12 @@
defineOperationBtns,
useFormDialog,
} from '@bole-core/components';
-import { InsuranceOrderTempPath, insuranceTypeText } from '@/constants';
+import {
+ InsuranceOrderTempPath,
+ insuranceTypeText,
+ InsuredInstitutionEnum,
+ InsuranceSchemeEnum,
+} from '@/constants';
import ChangePersonInfoDialog from './ChangePersonInfoDialog.vue';
import * as insuranceOrderServices from '@/services/api/InsuranceOrder';
import { useQuery, useQueryClient } from '@tanstack/vue-query';
diff --git a/src/views/Home/components/UploadInsurePersonDialog.vue b/src/views/Home/components/UploadInsurePersonDialog.vue
index ba9bc53..b5c4241 100644
--- a/src/views/Home/components/UploadInsurePersonDialog.vue
+++ b/src/views/Home/components/UploadInsurePersonDialog.vue
@@ -8,7 +8,7 @@
@close="onDialogClose"
width="600px"
>
- <ProForm :model="innerForm" ref="dialogForm" label-width="120px">
+ <ProForm :model="innerForm" ref="dialogForm" label-width="100px">
<ProFormItemV2
label="鎵规鍙凤細"
prop="materialName"
diff --git a/src/views/Home/components/UploadStampFileDialog.vue b/src/views/Home/components/UploadStampFileDialog.vue
index 9ff782f..eac7812 100644
--- a/src/views/Home/components/UploadStampFileDialog.vue
+++ b/src/views/Home/components/UploadStampFileDialog.vue
@@ -8,7 +8,7 @@
@close="onDialogClose"
width="600px"
>
- <ProForm :model="innerForm" ref="dialogForm" label-width="120px">
+ <ProForm :model="innerForm" ref="dialogForm" label-width="100px">
<ProFormItemV2
label="涓婁紶鏂囦欢锛�"
prop="url"
--
Gitblit v1.9.1