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