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 |   70 ++++++++++++++++++++--------------
 1 files changed, 41 insertions(+), 29 deletions(-)

diff --git a/src/views/ServiceChargeManage/ServiceChargeDetail.vue b/src/views/ServiceChargeManage/ServiceChargeDetail.vue
index 97cf434..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,15 +67,15 @@
             </el-step>
           </el-steps>
         </div>
-      </ChunkCell>
+      </ChunkCell> -->
       <ChunkCell title="缁撶畻鍚嶅崟">
         <ProTableQueryFilterBar @on-reset="reset">
           <template #query>
             <QueryFilterItem>
               <SearchInput
-                v-model="extraParamState.searchWord"
+                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,11 +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',
@@ -142,8 +134,11 @@
 const operationBtns = defineOperationBtns([
   {
     data: {
-      enCode: 'downloadBtn',
-      name: '涓嬭浇鍥炲崟',
+      enCode: 'editBtn',
+      name: '缂栬緫',
+    },
+    emits: {
+      onClick: (role) => openDialog(role),
     },
   },
 ]);
@@ -158,17 +153,19 @@
 });
 
 const { isLoading } = useQuery({
-  queryKey: ['flexTaskServices/getFlexTaskDetail', id],
+  queryKey: ['taskServices/getTaskInfo', id],
   queryFn: async () => {
-    return await flexTaskServices.getFlexTaskDetail(
+    return await taskServices.getTaskInfo(
       { id: id },
       {
         showLoading: false,
       }
     );
   },
-  placeholderData: () => ({} as API.GetFlexTaskDetailForBackOutput),
-  onSuccess(data) {},
+  placeholderData: () => ({} as API.GetTaskInfoQueryResult),
+  onSuccess(data) {
+    form.name = data.name;
+  },
   enabled: !!id,
 });
 
@@ -181,16 +178,16 @@
 } = useTable(
   async ({ pageIndex, pageSize }, extraParamState) => {
     try {
-      let params: API.GetFlexEnterpriseInput = {
+      let params: API.GetOpenTaskInfosQuery = {
         pageModel: {
           rows: pageSize,
           page: pageIndex,
           orderInput: extraParamState.orderInput,
         },
-        searchWord: extraParamState.searchWord,
+        keywords: extraParamState.keywords,
       };
 
-      let res = await flexEnterpriseServices.getFlexEnterpriseList(params);
+      let res = await taskServices.getOpenTaskInfos(params);
       return res;
     } catch (error) {
       console.log('error: ', error);
@@ -198,18 +195,33 @@
   },
   {
     defaultExtraParams: {
-      searchWord: '',
+      keywords: '',
       orderInput: [{ property: 'id', order: EnumPagedListOrder.Desc }],
     },
-    queryKey: ['flexEnterpriseServices/getFlexEnterpriseList'],
+    queryKey: ['taskServices/getOpenTaskInfos'],
     columnsRenderProps: {},
   }
 );
 
-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