优化：任务订单结算

src/pages/orderManage/demandOrder/orderList/index.tsx

@@ -15,8 +15,57 @@ type demandOrderListType = InterDataType<serviceOrderFormListType>['list'];
 type demandOrderListParameterType = InterListType<serviceOrderFormListType>;
 
 const DemandOrderList = () => {
+  // 路由钩子
   const navigate = useNavigate();
-
+  // 表格数据
+  const [tableData, setTableData] = useState<demandOrderListType>([]);
+  // 翻页数据
+  const [pagination, setPagination] = useState<PaginationProps & { totalCount: number }>({
+    pageNo: 1,
+    pageSize: 10,
+    totalCount: 0,
+  });
+  // 搜索数据
+  const [query, setQuery] = useState<demandOrderListParameterType>();
+  // 刷新子组件
+  // const [refresh, setRefresh] = useState<boolean>(true);
+  // 获取需求订单列表
+  const getServiceOrderFormList = (query?: demandOrderListParameterType) => {
+    OrderManageAPI.getServiceOrderFormList({
+      pageNo: pagination.pageNo,
+      pageSize: pagination.pageSize,
+      ...query,
+    }).then(({ result }) => {
+      const list = (result.list || [])?.map((i) => ({
+        ...i,
+        childrenRequire: i.childrenRequire?.length ? i.childrenRequire : undefined,
+      }));
+      setTableData(list);
+      pagination.totalCount = result.totalCount;
+      setPagination({ ...pagination });
+    });
+  };
+  // 订单详情
+  const toOrderDetail = (record: demandOrderListType[0]) => {
+    navigate({ pathname: '/serviceManage/demandOrderDetail', search: `id=${record.id}` });
+  };
+  //分页
+  const paginationChange = (pageNo: number, pageSize: number) => {
+    pagination.pageNo = pageNo;
+    pagination.pageSize = pageSize;
+    getServiceOrderFormList(query);
+  };
+  // 筛选成功事件
+  const searchSuccessEvent = (value: any) => {
+    setQuery(value);
+    pagination.pageNo = 1;
+    pagination.pageSize = 10;
+    getServiceOrderFormList(value);
+  };
+  // 组件挂载
+  useEffect(() => {
+    getServiceOrderFormList();
+  }, []);
   const searchColumns: searchColumnsType[] = [
     {
       label: '发单手机号',
@@ -122,54 +171,6 @@ const DemandOrderList = () => {
         ),
     },
   ];
-
-  const [tableData, setTableData] = useState<demandOrderListType>([]);
-  const [pagination, setPagination] = useState<PaginationProps & { totalCount: number }>({
-    pageNo: 1,
-    pageSize: 10,
-    totalCount: 0,
-  });
-  const [query, setQuery] = useState<demandOrderListParameterType>();
-  // 刷新子组件
-  // const [refresh, setRefresh] = useState<boolean>(true);
-  // 获取需求订单列表
-  const getServiceOrderFormList = (query?: demandOrderListParameterType) => {
-    OrderManageAPI.getServiceOrderFormList({
-      pageNo: pagination.pageNo,
-      pageSize: pagination.pageSize,
-      ...query,
-    }).then(({ result }) => {
-      const list = (result.list || [])?.map((i) => ({
-        ...i,
-        childrenRequire: i.childrenRequire?.length ? i.childrenRequire : undefined,
-      }));
-      setTableData(list);
-      pagination.totalCount = result.totalCount;
-      setPagination({ ...pagination });
-    });
-  };
-  // 订单详情
-  const toOrderDetail = (record: demandOrderListType[0]) => {
-    navigate({ pathname: '/serviceManage/demandOrderDetail', search: `id=${record.id}` });
-  };
-  //分页
-  const paginationChange = (pageNo: number, pageSize: number) => {
-    pagination.pageNo = pageNo;
-    pagination.pageSize = pageSize;
-    getServiceOrderFormList(query);
-  };
-  // 筛选成功事件
-  const searchSuccessEvent = (value: any) => {
-    setQuery(value);
-    pagination.pageNo = 1;
-    pagination.pageSize = 10;
-    getServiceOrderFormList(value);
-  };
-
-  useEffect(() => {
-    getServiceOrderFormList();
-  }, []);
-
   return (
     <div className='demand-order'>
       <SearchBox search={searchColumns} searchData={searchSuccessEvent} />