Browse Source

♻️ refactor(expenses): 重构useQuery调用方式为对象参数形式

- 将费用列表查询的useQuery调用从数组参数形式改为对象参数形式
- 将客户列表查询的useQuery调用从数组参数形式改为对象参数形式
- 统一代码风格,提高可读性和维护性
yourname 9 months ago
parent
commit
63433ddad2
1 changed files with 18 additions and 22 deletions
  1. 18 22
      src/client/admin/pages/Expenses.tsx

+ 18 - 22
src/client/admin/pages/Expenses.tsx

@@ -23,34 +23,30 @@ const Expenses: React.FC = () => {
   const queryClient = useQueryClient();
   
   // 获取客户列表
-  const { data: clientsData } = useQuery(
-    ['clients'],
-    () => clientClient.$get({ query: { page: 1, pageSize: 1000 } }) as Promise<InferResponseType<typeof clientClient.$get, 200>>,
-    {
-      onSuccess: (result) => {
-        setClients(result.data);
-      },
-    }
-  );
+  const { data: clientsData } = useQuery({
+    queryKey: ['clients'],
+    queryFn: () => clientClient.$get({ query: { page: 1, pageSize: 1000 } }) as Promise<InferResponseType<typeof clientClient.$get, 200>>,
+    onSuccess: (result) => {
+      setClients(result.data);
+    },
+  });
   
   // 获取费用列表数据
   // 获取费用列表数据
   const fetchExpenses = ({ page, pageSize }: { page: number; pageSize: number }): Promise<ExpenseListResponse> =>
     expenseClient.$get({ query: { page, pageSize, keyword: searchText } });
   
-  const { data, isLoading: loading, refetch } = useQuery(
-    ['expenses', pagination.current, pagination.pageSize, searchText],
-    () => fetchExpenses({ page: pagination.current, pageSize: pagination.pageSize }) as Promise<ExpenseListResponse>,
-    {
-      onSuccess: (result) => {
-        setDataSource(result.data);
-        setPagination({
-          ...pagination,
-          total: result.pagination.total,
-        });
-      },
-    }
-  );
+  const { data, isLoading: loading, refetch } = useQuery({
+    queryKey: ['expenses', pagination.current, pagination.pageSize, searchText],
+    queryFn: () => fetchExpenses({ page: pagination.current, pageSize: pagination.pageSize }) as Promise<ExpenseListResponse>,
+    onSuccess: (result) => {
+      setDataSource(result.data);
+      setPagination({
+        ...pagination,
+        total: result.pagination.total,
+      });
+    },
+  });
   
   // 创建费用记录
   const createExpense = useMutation(