From 94e941341c4e2ac704f70c5ae61be2d6a61fcef4 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期二, 02 九月 2025 16:47:32 +0800 Subject: [PATCH] feat: 页面 --- src/views/ServiceChargeManage/ServiceChargeDetail.vue | 47 ++++++++++++++++++++++++++++------------------- 1 files changed, 28 insertions(+), 19 deletions(-) diff --git a/src/views/ServiceChargeManage/ServiceChargeDetail.vue b/src/views/ServiceChargeManage/ServiceChargeDetail.vue index f73a96f..0f4c891 100644 --- a/src/views/ServiceChargeManage/ServiceChargeDetail.vue +++ b/src/views/ServiceChargeManage/ServiceChargeDetail.vue @@ -2,11 +2,6 @@ <LoadingLayout :loading="isLoading"> <AppScrollContainer> <ChunkCell title="缁撶畻鍗曡鎯�"> - <template #titleRight> - <el-button type="primary" icon="Download" @click="handleDownloadTemplate()" - >鐢靛瓙鍥炲崟涓嬭浇</el-button - > - </template> <ProForm :model="form" ref="formRef" label-width="120px" :is-read="true"> <ProFormCol> <ProFormColItem :span="8"> @@ -36,7 +31,6 @@ ></ProFormDatePicker> </ProFormItemV2> </ProFormColItem> - <ProFormColItem :span="8"></ProFormColItem> </ProFormCol> <ProFormCol> <ProFormColItem :span="8"> @@ -49,16 +43,10 @@ <ProFormInputNumber v-model="form.money"> </ProFormInputNumber> </ProFormItemV2> </ProFormColItem> - <ProFormColItem :span="8"> - <ProFormItemV2 label="鐘舵��:" prop="status"> - <ProFormRadio v-model="form.status" :value-enum="[{ label: '鏄�', value: 1 }]"> - </ProFormRadio> - </ProFormItemV2> - </ProFormColItem> </ProFormCol> </ProForm> </ChunkCell> - <ChunkCell title="缁撶畻娴佺▼"> + <!-- <ChunkCell title="缁撶畻娴佺▼"> <div class="step-wrapper"> <el-steps :active="1" align-center finish-status="process"> <el-step title="缁撶畻鍗曚笂浼�" :icon="Edit"> @@ -79,7 +67,7 @@ </el-step> </el-steps> </div> - </ChunkCell> + </ChunkCell> --> <ChunkCell title="缁撶畻鍚嶅崟"> <ProTableQueryFilterBar @on-reset="reset"> <template #query> @@ -87,7 +75,7 @@ <SearchInput v-model="extraParamState.keywords" style="width: 300px" - placeholder="浜哄憳濮撳悕/韬唤璇佸彿/鎵嬫満鍙�" + placeholder="濮撳悕/鎵嬫満/韬唤璇佸彿/瀹㈡埛" @on-click-search="getList" > </SearchInput> @@ -107,6 +95,7 @@ </ProTableV2> </ChunkCell> </AppScrollContainer> + <EditAccountInfoDialog v-bind="dialogProps"></EditAccountInfoDialog> </LoadingLayout> </template> <script setup lang="ts"> @@ -129,12 +118,14 @@ QueryFilterItem, ProTableQueryFilterBar, TextOverTooltip, + useFormDialog, } from '@bole-core/components'; import { Edit, Upload } from '@element-plus/icons-vue'; import { SettlementListColumns } from './constants'; import { useQuery } from '@tanstack/vue-query'; import { downloadFileByUrl } from '@bole-core/core'; import * as taskServices from '@/services/api/task'; +import EditAccountInfoDialog from './components/EditAccountInfoDialog.vue'; defineOptions({ name: 'ServiceChargeDetail', @@ -143,8 +134,11 @@ const operationBtns = defineOperationBtns([ { data: { - enCode: 'downloadBtn', - name: '涓嬭浇鍥炲崟', + enCode: 'editBtn', + name: '缂栬緫', + }, + emits: { + onClick: (role) => openDialog(role), }, }, ]); @@ -209,10 +203,25 @@ } ); -function handleDownloadTemplate() { - downloadFileByUrl('', '鐢靛瓙鍥炲崟'); +const { dialogProps, handleAdd, handleEdit, editForm } = useFormDialog({ + onConfirm: handleAddOrEdit, + defaultFormParams: { + id: '', + name: '', + }, +}); + +function openDialog(row?) { + if (row) { + handleEdit({ + id: row?.id, + name: row?.name, + }); + } } +async function handleAddOrEdit() {} + onMounted(() => { getList(); }); -- Gitblit v1.9.1