From c8fe05eb089226a8f1f36e403f25f99f99831954 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期一, 07 四月 2025 18:05:27 +0800 Subject: [PATCH] feat: init --- src/views/MaterialReview/MaterialReview.vue | 7 ++ src/components/commonView/DetailView.vue | 8 -- src/hooks/useEvent.ts | 1 src/components/commonView/DeclareEnterpriseTableView.vue | 17 +++-- src/views/Reward/RewardDeclareDetail.vue | 22 +++---- src/views/MaterialReview/MaterialReviewDetail.vue | 26 +++----- src/views/MaterialReview/MaterialReviewAudit.vue | 51 ++++++++++------- 7 files changed, 70 insertions(+), 62 deletions(-) diff --git a/src/components/commonView/DeclareEnterpriseTableView.vue b/src/components/commonView/DeclareEnterpriseTableView.vue index d05884c..0a675de 100644 --- a/src/components/commonView/DeclareEnterpriseTableView.vue +++ b/src/components/commonView/DeclareEnterpriseTableView.vue @@ -53,32 +53,37 @@ { id: '1', enCode: 'accDateTime', - name: '浜ゆ槗鏃堕棿', + name: '甯愬彿', }, { id: '2', enCode: 'income', - name: '鏀跺叆', + name: '浼佷笟鍚嶇О', }, { id: '3', enCode: 'outcome', - name: '鏀嚭', + name: '淇$敤浠g爜', }, { id: '4', enCode: 'acctBalance', - name: '璐︽埛浣欓', + name: '鐢佃瘽', }, { id: '5', enCode: 'counterpartyAcctNoAndName', - name: '瀵规柟璐﹀彿/鎴峰悕', + name: '浼佷笟绫诲瀷', }, { id: '6', enCode: 'purpose', - name: '鐢ㄩ��', + name: '钀ヤ笟鎵х収', + }, + { + id: '7', + enCode: 'purpose', + name: '鍩烘湰鎴蜂俊鎭�', }, ]); diff --git a/src/components/commonView/DetailView.vue b/src/components/commonView/DetailView.vue index a473325..07ae905 100644 --- a/src/components/commonView/DetailView.vue +++ b/src/components/commonView/DetailView.vue @@ -9,12 +9,7 @@ <ChunkCellV2 title="姹囩畻鏉愭枡"> <SettlementMaterialInfoView :form="form"></SettlementMaterialInfoView> </ChunkCellV2> - <ChunkCellV2 title="鐢虫姤浼佷笟鍚嶅崟" class="chunk-cell-table"> - <slot name="table"> </slot> - </ChunkCellV2> - <ChunkCell v-if="hasForm"> - <slot name="form"></slot> - </ChunkCell> + <slot></slot> </ProForm> </template> @@ -24,7 +19,6 @@ import BatchInfoView from './BatchInfoView.vue'; import MaterialInfoView from './MaterialInfoView.vue'; import SettlementMaterialInfoView from './SettlementMaterialInfoView.vue'; -import DeclareEnterpriseTableView from './DeclareEnterpriseTableView.vue'; defineOptions({ name: 'DetailView', diff --git a/src/hooks/useEvent.ts b/src/hooks/useEvent.ts index 02746ec..c8f0351 100644 --- a/src/hooks/useEvent.ts +++ b/src/hooks/useEvent.ts @@ -3,6 +3,7 @@ export type GlobalEvent = { updateInsuranceClaim: any; + 'materialReviewAudit:audit'; }; export type GlobalEventListener<T extends keyof GlobalEvent> = (payload: GlobalEvent[T]) => any; diff --git a/src/views/MaterialReview/MaterialReview.vue b/src/views/MaterialReview/MaterialReview.vue index eae7f02..c3e7ca4 100644 --- a/src/views/MaterialReview/MaterialReview.vue +++ b/src/views/MaterialReview/MaterialReview.vue @@ -71,6 +71,7 @@ import * as informationServices from '@/services/api/Information'; import _ from 'lodash'; import { ModelValueType } from 'element-plus'; +import { useGlobalEventContext } from '@/hooks'; defineOptions({ name: 'MaterialReview', @@ -147,6 +148,12 @@ const state = reactive({ ...BaseState }); +const eventContext = useGlobalEventContext(); + +eventContext.addEvent('materialReviewAudit:audit', () => { + getList(paginationState.pageIndex); +}); + onMounted(async () => { await getList(); state.loading = false; diff --git a/src/views/MaterialReview/MaterialReviewAudit.vue b/src/views/MaterialReview/MaterialReviewAudit.vue index 5039c84..b23bdec 100644 --- a/src/views/MaterialReview/MaterialReviewAudit.vue +++ b/src/views/MaterialReview/MaterialReviewAudit.vue @@ -2,12 +2,12 @@ <LoadingLayout> <AppContainer> <PageFormLayout title="鏉愭枡瀹℃牳"> - <DetailView :form="state.detail" :has-form="true"> - <template #table> + <DetailView :form="form" :has-form="true"> + <ChunkCellV2 title="鐢虫姤浼佷笟鍚嶅崟" class="chunk-cell-table"> <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView> - </template> - <template #form> - <ProForm :model="state.form" ref="formRef" label-width="120px"> + </ChunkCellV2> + <ChunkCell> + <ProForm :model="form" ref="formRef" label-width="120px"> <ProFormCol> <ProFormColItem :span="12"> <ProFormItemV2 @@ -15,7 +15,7 @@ prop="status" :check-rules="[{ message: '璇烽�夋嫨瀹℃牳鐘舵��' }]" > - <ProFormRadio v-model="state.form.status" :value-enum="DataRangeEnumText" /> + <ProFormRadio v-model="form.status" :value-enum="DataRangeEnumText" /> </ProFormItemV2> </ProFormColItem> </ProFormCol> @@ -23,7 +23,7 @@ <ProFormColItem> <ProFormItemV2 label="椹冲洖鍘熷洜:" prop="remark"> <ProFormTextArea - v-model="state.form.remark" + v-model="form.remark" placeholder="璇疯緭鍏�" show-word-limit :maxlength="200" @@ -32,7 +32,7 @@ </ProFormColItem> </ProFormCol> </ProForm> - </template> + </ChunkCell> </DetailView> <template #footer> <el-button @click="handleBack">鍏抽棴</el-button> @@ -47,6 +47,7 @@ import { AppContainer, ProForm, + ChunkCell, ProFormCol, ProFormColItem, ProFormItemV2, @@ -57,6 +58,7 @@ PageFormLayout, } from '@bole-core/components'; import { DataRangeEnum, DataRangeEnumText } from '@/constants'; +import ChunkCellV2 from '@/components/Layout/ChunkCellV2.vue'; import DetailView from '@/components/commonView/DetailView.vue'; import DeclareEnterpriseTableView from '@/components/commonView/DeclareEnterpriseTableView.vue'; import { useQuery } from '@tanstack/vue-query'; @@ -72,17 +74,24 @@ const route = useRoute(); const { closeViewPush } = useRouteView(); const id = route.params?.id as string; -const state = reactive({ - detail: { - categoryName: '', - amount: 0, - url: [] as UploadUserFile[], - }, - form: { - status: '' as any as DataRangeEnum, - remark: '', - }, +const form = reactive({ + categoryName: '', + amount: 0, + url: [] as UploadUserFile[], + status: '' as any as DataRangeEnum, + remark: '', }); +// const state = reactive({ +// detail: { +// categoryName: '', +// amount: 0, +// url: [] as UploadUserFile[], +// }, +// form: { +// status: '' as any as DataRangeEnum, +// remark: '', +// }, +// }); const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>(); @@ -98,9 +107,9 @@ }, placeholderData: () => ({} as API.InformationShowDetailDto), onSuccess(data) { - state.detail.categoryName = data.categoryName; - state.detail.amount = data.attentionCount; - state.detail.url = convertApi2FormUrlOnlyOne(data.avatarUrl); + form.categoryName = data.categoryName; + form.amount = data.attentionCount; + form.url = convertApi2FormUrlOnlyOne(data.avatarUrl); tableRef.value?.getList(); }, diff --git a/src/views/MaterialReview/MaterialReviewDetail.vue b/src/views/MaterialReview/MaterialReviewDetail.vue index 7eee540..f78fc8f 100644 --- a/src/views/MaterialReview/MaterialReviewDetail.vue +++ b/src/views/MaterialReview/MaterialReviewDetail.vue @@ -7,18 +7,16 @@ <div> 鐢虫姤璇︽儏 <span class="page-form-layout-title-item status"> - {{ `瀹℃牳鐘舵��:${state.detail.categoryName}` }} + {{ `瀹℃牳鐘舵��:${form.categoryName}` }} </span> <span class="page-form-layout-title-item remark"> - {{ `瀹℃牳鏈�氳繃鍘熷洜:${state.detail.categoryName}` }} + {{ `瀹℃牳鏈�氳繃鍘熷洜:${form.categoryName}` }} </span> </div> </div> </template> - <DetailView :form="state.detail"> - <template #table> - <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView> - </template> + <DetailView :form="form"> + <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView> </DetailView> <template #footer> <el-button @click="handleBack">鍏抽棴</el-button> @@ -45,12 +43,10 @@ const route = useRoute(); const { closeViewPush } = useRouteView(); const id = route.params?.id as string; -const state = reactive({ - detail: { - categoryName: '', - amount: 0, - url: [] as UploadUserFile[], - }, +const form = reactive({ + categoryName: '', + amount: 0, + url: [] as UploadUserFile[], }); const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>(); @@ -67,9 +63,9 @@ }, placeholderData: () => ({} as API.InformationShowDetailDto), onSuccess(data) { - state.detail.categoryName = data.categoryName; - state.detail.amount = data.attentionCount; - state.detail.url = convertApi2FormUrlOnlyOne(data.avatarUrl); + form.categoryName = data.categoryName; + form.amount = data.attentionCount; + form.url = convertApi2FormUrlOnlyOne(data.avatarUrl); tableRef.value?.getList(); }, diff --git a/src/views/Reward/RewardDeclareDetail.vue b/src/views/Reward/RewardDeclareDetail.vue index e3c47c4..5bf7266 100644 --- a/src/views/Reward/RewardDeclareDetail.vue +++ b/src/views/Reward/RewardDeclareDetail.vue @@ -2,10 +2,8 @@ <LoadingLayout> <AppContainer> <PageFormLayout title="鐢虫姤璇︽儏"> - <DetailView :form="state.detail"> - <template #table> - <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView> - </template> + <DetailView :form="form"> + <DeclareEnterpriseTableView ref="tableRef"></DeclareEnterpriseTableView> </DetailView> <template #footer> <el-button @click="handleBack">鍏抽棴</el-button> @@ -31,12 +29,10 @@ const route = useRoute(); const { closeViewPush } = useRouteView(); const id = route.params?.id as string; -const state = reactive({ - detail: { - categoryName: '', - amount: 0, - url: [] as UploadUserFile[], - }, +const form = reactive({ + categoryName: '', + amount: 0, + url: [] as UploadUserFile[], }); const tableRef = ref<InstanceType<typeof DeclareEnterpriseTableView>>(); @@ -53,9 +49,9 @@ }, placeholderData: () => ({} as API.InformationShowDetailDto), onSuccess(data) { - state.detail.categoryName = data.categoryName; - state.detail.amount = data.attentionCount; - state.detail.url = convertApi2FormUrlOnlyOne(data.avatarUrl); + form.categoryName = data.categoryName; + form.amount = data.attentionCount; + form.url = convertApi2FormUrlOnlyOne(data.avatarUrl); tableRef.value?.getList(); }, -- Gitblit v1.9.1