From cd4a07141ec97ff6c51dd7137462e506d8d0881f Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期五, 21 三月 2025 16:56:03 +0800
Subject: [PATCH] feat: init
---
src/views/Home/components/InsureOrderInfoView.vue | 232 +++++++++++++++++++++++++++++----------------------------
1 files changed, 117 insertions(+), 115 deletions(-)
diff --git a/src/views/Home/components/InsureOrderInfoView.vue b/src/views/Home/components/InsureOrderInfoView.vue
index fba6353..57ab2cf 100644
--- a/src/views/Home/components/InsureOrderInfoView.vue
+++ b/src/views/Home/components/InsureOrderInfoView.vue
@@ -1,111 +1,113 @@
<template>
- <AppScrollContainer>
- <ChunkCell title="">
- <ProForm :model="detail" ref="formRef" label-width="120px" :is-read="true">
- <ProFormCol>
- <ProFormColItem :span="8">
- <ProFormItemV2 label="淇濆崟鍙�:" prop="orderNo">
- <ProFormText v-model.trim="detail.orderNo" />
- </ProFormItemV2>
- </ProFormColItem>
- <ProFormColItem :span="8">
- <ProFormItemV2 label="鐢熸晥鐘舵��:" prop="insuranceTypeCode">
- <ProFormRadio v-model="detail.insuranceType" :value-enum="insuranceTypeText" />
- </ProFormItemV2>
- </ProFormColItem>
- </ProFormCol>
- <ProFormCol>
- <ProFormColItem :span="8">
- <ProFormItemV2 label="淇濋櫓璧锋湡:" prop="applyTime">
- <ProFormDatePicker v-model.trim="detail.createTime" format="YYYY-MM-DD HH:mm" />
- </ProFormItemV2>
- </ProFormColItem>
- <ProFormColItem :span="8">
- <ProFormItemV2 label="淇濋櫓姝㈡湡:" prop="insuranceTypeCode">
- <ProFormDatePicker v-model.trim="detail.createTime" format="YYYY-MM-DD HH:mm" />
- </ProFormItemV2>
- </ProFormColItem>
- <ProFormColItem :span="8">
- <ProFormItemV2 label="鎶曚繚鏂瑰紡:" prop="insureWay">
- <ProFormRadio v-model="detail.insuranceType" :value-enum="insuranceTypeText" />
- </ProFormItemV2>
- </ProFormColItem>
- </ProFormCol>
- <ProFormCol>
- <ProFormColItem :span="8">
- <ProFormItemV2 label="鍙備繚鏈烘瀯:" prop="applyTime">
- <ProFormText v-model.trim="detail.orderNo" />
- </ProFormItemV2>
- </ProFormColItem>
- <ProFormColItem :span="8">
- <ProFormItemV2 label="鎶曚繚鏂规:" prop="applyTime">
- <ProFormText v-model.trim="detail.orderNo" />
- </ProFormItemV2>
- </ProFormColItem>
- <ProFormColItem :span="8">
- <ProFormItemV2 label="鎶曚繚浜烘暟:" prop="numberOfFailed">
- <ProFormInputNumber v-model.trim="detail.incDecAmount" unit="浜�" />
- </ProFormItemV2>
- </ProFormColItem>
- </ProFormCol>
- <ProFormCol>
- <ProFormColItem :span="8">
- <ProFormItemV2 label="鎶曚繚浜�:" prop="companyName">
- <ProFormText v-model.trim="detail.orderNo" />
- </ProFormItemV2>
- </ProFormColItem>
- <ProFormColItem :span="8">
- <ProFormItemV2 label="琚繚浜�:" prop="insuranceTypeCode">
- <ProFormText v-model.trim="detail.orderNo" />
- </ProFormItemV2>
- </ProFormColItem>
- </ProFormCol>
- </ProForm>
- </ChunkCell>
- <ChunkCell title="浜哄憳淇℃伅">
- <template #titleRight>
- <el-button type="primary" @click="handleBatchChange">鎵规敼鐢宠</el-button>
- </template>
- <ProTableQueryFilterBar @on-reset="reset">
- <template #query>
- <QueryFilterItem>
- <SearchInput
- v-model="extraParamState.keyWord"
- style="width: 300px"
- placeholder="浜哄憳濮撳悕/韬唤璇佸彿/鎵嬫満鍙�"
- @on-click-search="getBatchRefundInfoDetail"
+ <LoadingLayout :loading="state.loading">
+ <AppScrollContainer>
+ <ChunkCell title="">
+ <ProForm :model="detail" ref="formRef" label-width="120px" :is-read="true">
+ <ProFormCol>
+ <ProFormColItem :span="8">
+ <ProFormItemV2 label="淇濆崟鍙�:" prop="orderNo">
+ <ProFormText v-model.trim="detail.orderNo" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ <ProFormColItem :span="8">
+ <ProFormItemV2 label="鐢熸晥鐘舵��:" prop="insuranceTypeCode">
+ <ProFormRadio v-model="detail.insuranceType" :value-enum="insuranceTypeText" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
+ <ProFormCol>
+ <ProFormColItem :span="8">
+ <ProFormItemV2 label="淇濋櫓璧锋湡:" prop="applyTime">
+ <ProFormDatePicker v-model.trim="detail.createTime" format="YYYY-MM-DD HH:mm" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ <ProFormColItem :span="8">
+ <ProFormItemV2 label="淇濋櫓姝㈡湡:" prop="insuranceTypeCode">
+ <ProFormDatePicker v-model.trim="detail.createTime" format="YYYY-MM-DD HH:mm" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ <ProFormColItem :span="8">
+ <ProFormItemV2 label="鎶曚繚鏂瑰紡:" prop="insureWay">
+ <ProFormRadio v-model="detail.insuranceType" :value-enum="insuranceTypeText" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
+ <ProFormCol>
+ <ProFormColItem :span="8">
+ <ProFormItemV2 label="鍙備繚鏈烘瀯:" prop="applyTime">
+ <ProFormText v-model.trim="detail.orderNo" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ <ProFormColItem :span="8">
+ <ProFormItemV2 label="鎶曚繚鏂规:" prop="applyTime">
+ <ProFormText v-model.trim="detail.orderNo" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ <ProFormColItem :span="8">
+ <ProFormItemV2 label="鎶曚繚浜烘暟:" prop="numberOfFailed">
+ <ProFormInputNumber v-model.trim="detail.incDecAmount" unit="浜�" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
+ <ProFormCol>
+ <ProFormColItem :span="8">
+ <ProFormItemV2 label="鎶曚繚浜�:" prop="companyName">
+ <ProFormText v-model.trim="detail.orderNo" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ <ProFormColItem :span="8">
+ <ProFormItemV2 label="琚繚浜�:" prop="insuranceTypeCode">
+ <ProFormText v-model.trim="detail.orderNo" />
+ </ProFormItemV2>
+ </ProFormColItem>
+ </ProFormCol>
+ </ProForm>
+ </ChunkCell>
+ <ChunkCell title="浜哄憳淇℃伅">
+ <template #titleRight>
+ <el-button type="primary" @click="handleBatchChange">鎵规敼鐢宠</el-button>
+ </template>
+ <ProTableQueryFilterBar @on-reset="reset">
+ <template #query>
+ <QueryFilterItem>
+ <SearchInput
+ v-model="extraParamState.keyWord"
+ style="width: 300px"
+ placeholder="浜哄憳濮撳悕/韬唤璇佸彿/鎵嬫満鍙�"
+ @on-click-search="getBatchRefundInfoDetail"
+ >
+ </SearchInput>
+ </QueryFilterItem>
+ </template>
+ <template #btn>
+ <el-button @click="handleTemplateDownload()" icon="Download" type="primary"
+ >妯℃澘涓嬭浇</el-button
>
- </SearchInput>
- </QueryFilterItem>
- </template>
- <template #btn>
- <el-button @click="handleTemplateDownload()" icon="Download" type="primary"
- >妯℃澘涓嬭浇</el-button
- >
- <el-button @click="handleImport()" icon="Download" type="primary">瀵煎叆</el-button>
- <el-button @click="handleClear()" icon="Download" type="primary">娓呯┖鏁版嵁</el-button>
- <el-button @click="handleDownloadPerson()" icon="Download" type="primary"
- >浜哄憳娓呭崟涓嬭浇</el-button
- >
- <el-button @click="handleDownloadOrder()" icon="Download" type="primary"
- >淇濆崟涓嬭浇</el-button
- >
- </template>
- </ProTableQueryFilterBar>
- <ProTableV2
- v-bind="proTableProps"
- :columns="column"
- :operationBtns="operationBtns"
- :auto-height="false"
- ref="proTable"
- :tableProps="{
- maxHeight: '400px',
- }"
- >
- </ProTableV2>
- </ChunkCell>
- <ChangePersonInfoDialog v-bind="dialogProps"></ChangePersonInfoDialog>
- </AppScrollContainer>
+ <el-button @click="handleImport()" icon="Download" type="primary">瀵煎叆</el-button>
+ <el-button @click="handleClear()" icon="Download" type="primary">娓呯┖鏁版嵁</el-button>
+ <el-button @click="handleDownloadPerson()" icon="Download" type="primary"
+ >浜哄憳娓呭崟涓嬭浇</el-button
+ >
+ <el-button @click="handleDownloadOrder()" icon="Download" type="primary"
+ >淇濆崟涓嬭浇</el-button
+ >
+ </template>
+ </ProTableQueryFilterBar>
+ <ProTableV2
+ v-bind="proTableProps"
+ :columns="column"
+ :operationBtns="operationBtns"
+ :auto-height="false"
+ ref="proTable"
+ :tableProps="{
+ maxHeight: '400px',
+ }"
+ >
+ </ProTableV2>
+ </ChunkCell>
+ <ChangePersonInfoDialog v-bind="dialogProps"></ChangePersonInfoDialog>
+ </AppScrollContainer>
+ </LoadingLayout>
</template>
<script setup lang="ts">
@@ -126,7 +128,6 @@
useTable,
ProTableV2,
ProFormRadio,
- FieldSelect,
defineOperationBtns,
useFormDialog,
} from '@bole-core/components';
@@ -240,7 +241,7 @@
return await insuranceOrderServices.getInsuranceOrderDetail(
{ id: id },
{
- showLoading: false,
+ showLoading: !state.loading,
}
);
},
@@ -254,7 +255,8 @@
await queryClient.ensureQueryData({
queryKey: ['insuranceOrderServices/getInsuranceOrderDetail', id],
});
- getBatchRefundInfoDetail();
+ await getBatchRefundInfoDetail();
+ state.loading = false;
});
const {
@@ -297,12 +299,12 @@
function handleDownloadPerson() {}
function handleDownloadOrder() {}
function handleBatchChange() {
- router.push({
- name: 'BatchChange',
- params: {
- id: id,
- },
- });
+ // router.push({
+ // name: 'BatchChange',
+ // params: {
+ // id: id,
+ // },
+ // });
}
const { dialogProps, handleEdit, editForm } = useFormDialog({
--
Gitblit v1.9.1