feat(dealer): 添加客户列表功能并优化邀请流程

- 新增客户列表页面，实现客户数据获取和筛选功能
- 添加客户状态管理工具函数
- 优化邀请流程，支持绑定推荐关系
- 调整提现功能，增加调试组件
- 修复申请经销商功能中的推荐人ID逻辑

src/dealer/orders/index.tsx

@@ -1,161 +1,63 @@
-import React, { useState, useEffect, useCallback } from 'react'
-import { View, Text } from '@tarojs/components'
-import { Empty, Tabs, Tag, PullToRefresh, Loading } from '@nutui/nutui-react-taro'
+import React, {useState, useEffect, useCallback} from 'react'
+import {View, Text, ScrollView} from '@tarojs/components'
+import {Empty, Tag, PullToRefresh, Loading} from '@nutui/nutui-react-taro'
 import Taro from '@tarojs/taro'
-import { pageShopDealerOrder } from '@/api/shop/shopDealerOrder'
-import { useDealerUser } from '@/hooks/useDealerUser'
-import type { ShopDealerOrder } from '@/api/shop/shopDealerOrder/model'
+import {pageShopDealerOrder} from '@/api/shop/shopDealerOrder'
+import {useDealerUser} from '@/hooks/useDealerUser'
+import type {ShopDealerOrder} from '@/api/shop/shopDealerOrder/model'
 
 interface OrderWithDetails extends ShopDealerOrder {
   orderNo?: string
   customerName?: string
-  totalCommission?: string
-  // 当前用户在此订单中的层级和佣金
-  userLevel?: 1 | 2 | 3
   userCommission?: string
 }
 
 const DealerOrders: React.FC = () => {
-  const [activeTab, setActiveTab] = useState<string>('0')
   const [loading, setLoading] = useState<boolean>(false)
+  const [refreshing, setRefreshing] = useState<boolean>(false)
+  const [loadingMore, setLoadingMore] = useState<boolean>(false)
   const [orders, setOrders] = useState<OrderWithDetails[]>([])
-  const [statistics, setStatistics] = useState({
-    totalOrders: 0,
-    totalCommission: '0.00',
-    pendingCommission: '0.00',
-    // 分层统计
-    level1: { orders: 0, commission: '0.00' },
-    level2: { orders: 0, commission: '0.00' },
-    level3: { orders: 0, commission: '0.00' }
-  })
+  const [currentPage, setCurrentPage] = useState<number>(1)
+  const [hasMore, setHasMore] = useState<boolean>(true)
 
-  const { dealerUser } = useDealerUser()
+  const {dealerUser} = useDealerUser()
 
-  // 获取订单数据 - 查询当前用户作为各层级分销商的所有订单
-  const fetchOrders = useCallback(async () => {
+  // 获取订单数据
+  const fetchOrders = useCallback(async (page: number = 1, isRefresh: boolean = false) => {
     if (!dealerUser?.userId) return
 
     try {
-      setLoading(true)
-
-      // 并行查询三个层级的订单
-      const [level1Result, level2Result, level3Result] = await Promise.all([
-        // 一级分销商订单
-        pageShopDealerOrder({
-          page: 1,
-          limit: 100,
-          firstUserId: dealerUser.userId
-        }),
-        // 二级分销商订单
-        pageShopDealerOrder({
-          page: 1,
-          limit: 100,
-          secondUserId: dealerUser.userId
-        }),
-        // 三级分销商订单
-        pageShopDealerOrder({
-          page: 1,
-          limit: 100,
-          thirdUserId: dealerUser.userId
-        })
-      ])
-
-      const allOrders: OrderWithDetails[] = []
-      const stats = {
-        totalOrders: 0,
-        totalCommission: '0.00',
-        pendingCommission: '0.00',
-        level1: { orders: 0, commission: '0.00' },
-        level2: { orders: 0, commission: '0.00' },
-        level3: { orders: 0, commission: '0.00' }
+      if (isRefresh) {
+        setRefreshing(true)
+      } else if (page === 1) {
+        setLoading(true)
+      } else {
+        setLoadingMore(true)
       }
 
-      // 处理一级分销订单
-      if (level1Result?.list) {
-        const level1Orders = level1Result.list.map(order => ({
+      const result = await pageShopDealerOrder({
+        page,
+        limit: 10
+      })
+
+      if (result?.list) {
+        const newOrders = result.list.map(order => ({
           ...order,
-          orderNo: `DD${order.orderId}`,
+          orderNo: `${order.orderId}`,
           customerName: `用户${order.userId}`,
-          userLevel: 1 as const,
-          userCommission: order.firstMoney || '0.00',
-          totalCommission: (
-            parseFloat(order.firstMoney || '0') +
-            parseFloat(order.secondMoney || '0') +
-            parseFloat(order.thirdMoney || '0')
-          ).toFixed(2)
+          userCommission: order.firstMoney || '0.00'
         }))
 
-        allOrders.push(...level1Orders)
-        stats.level1.orders = level1Orders.length
-        stats.level1.commission = level1Orders.reduce((sum, order) =>
-          sum + parseFloat(order.userCommission || '0'), 0
-        ).toFixed(2)
+        if (page === 1) {
+          setOrders(newOrders)
+        } else {
+          setOrders(prev => [...prev, ...newOrders])
+        }
+
+        setHasMore(newOrders.length === 10)
+        setCurrentPage(page)
       }
 
-      // 处理二级分销订单
-      if (level2Result?.list) {
-        const level2Orders = level2Result.list.map(order => ({
-          ...order,
-          orderNo: `DD${order.orderId}`,
-          customerName: `用户${order.userId}`,
-          userLevel: 2 as const,
-          userCommission: order.secondMoney || '0.00',
-          totalCommission: (
-            parseFloat(order.firstMoney || '0') +
-            parseFloat(order.secondMoney || '0') +
-            parseFloat(order.thirdMoney || '0')
-          ).toFixed(2)
-        }))
-
-        allOrders.push(...level2Orders)
-        stats.level2.orders = level2Orders.length
-        stats.level2.commission = level2Orders.reduce((sum, order) =>
-          sum + parseFloat(order.userCommission || '0'), 0
-        ).toFixed(2)
-      }
-
-      // 处理三级分销订单
-      if (level3Result?.list) {
-        const level3Orders = level3Result.list.map(order => ({
-          ...order,
-          orderNo: `DD${order.orderId}`,
-          customerName: `用户${order.userId}`,
-          userLevel: 3 as const,
-          userCommission: order.thirdMoney || '0.00',
-          totalCommission: (
-            parseFloat(order.firstMoney || '0') +
-            parseFloat(order.secondMoney || '0') +
-            parseFloat(order.thirdMoney || '0')
-          ).toFixed(2)
-        }))
-
-        allOrders.push(...level3Orders)
-        stats.level3.orders = level3Orders.length
-        stats.level3.commission = level3Orders.reduce((sum, order) =>
-          sum + parseFloat(order.userCommission || '0'), 0
-        ).toFixed(2)
-      }
-
-      // 去重（同一个订单可能在多个层级中出现）
-      const uniqueOrders = allOrders.filter((order, index, self) =>
-        index === self.findIndex(o => o.orderId === order.orderId)
-      )
-
-      // 计算总统计
-      stats.totalOrders = uniqueOrders.length
-      stats.totalCommission = (
-        parseFloat(stats.level1.commission) +
-        parseFloat(stats.level2.commission) +
-        parseFloat(stats.level3.commission)
-      ).toFixed(2)
-      stats.pendingCommission = allOrders
-        .filter(order => order.isSettled === 0)
-        .reduce((sum, order) => sum + parseFloat(order.userCommission || '0'), 0)
-        .toFixed(2)
-
-      setOrders(uniqueOrders)
-      setStatistics(stats)
-
     } catch (error) {
       console.error('获取分销订单失败:', error)
       Taro.showToast({
@@ -164,18 +66,27 @@ const DealerOrders: React.FC = () => {
       })
     } finally {
       setLoading(false)
+      setRefreshing(false)
+      setLoadingMore(false)
     }
   }, [dealerUser?.userId])
 
-  // 刷新数据
+  // 下拉刷新
   const handleRefresh = async () => {
-    await fetchOrders()
+    await fetchOrders(1, true)
+  }
+
+  // 加载更多
+  const handleLoadMore = async () => {
+    if (!loadingMore && hasMore) {
+      await fetchOrders(currentPage + 1)
+    }
   }
 
   // 初始化加载数据
   useEffect(() => {
     if (dealerUser?.userId) {
-      fetchOrders().then()
+      fetchOrders(1)
     }
   }, [fetchOrders])
 
@@ -193,198 +104,87 @@ const DealerOrders: React.FC = () => {
 
   const renderOrderItem = (order: OrderWithDetails) => (
     <View key={order.id} className="bg-white rounded-lg p-4 mb-3 shadow-sm">
-      <View className="flex justify-between items-start mb-3">
-        <View>
-          <Text className="font-semibold text-gray-800 mb-1">
-            订单号：{order.orderNo}
-          </Text>
-          <Text className="text-sm text-gray-500">
-            客户：{order.customerName}
-          </Text>
-          {/* 显示用户在此订单中的层级 */}
-          <Text className="text-xs text-blue-500">
-            {order.userLevel === 1 && '一级分销'}
-            {order.userLevel === 2 && '二级分销'}
-            {order.userLevel === 3 && '三级分销'}
-          </Text>
-        </View>
+      <View className="flex justify-between items-start mb-1">
+        <Text className="font-semibold text-gray-800">
+          订单号：{order.orderNo}
+        </Text>
         <Tag type={getStatusColor(order.isSettled, order.isInvalid)}>
           {getStatusText(order.isSettled, order.isInvalid)}
         </Tag>
       </View>
 
+      <View className="flex justify-between items-center mb-1">
+        <Text className="text-sm text-gray-400">
+          订单金额：¥{order.orderPrice || '0.00'}
+        </Text>
+        <Text className="text-sm text-orange-500 font-semibold">
+          我的佣金：¥{order.userCommission}
+        </Text>
+      </View>
+
       <View className="flex justify-between items-center">
-        <View>
-          <Text className="text-sm text-gray-600">
-            订单金额：¥{order.orderPrice || '0.00'}
-          </Text>
-          <Text className="text-sm text-orange-500 font-semibold">
-            我的佣金：¥{order.userCommission}
-          </Text>
-          <Text className="text-xs text-gray-400">
-            总佣金：¥{order.totalCommission}
-          </Text>
-        </View>
-        <Text className="text-xs text-gray-400">
+        <Text className="text-sm text-gray-400">
+          客户：{order.customerName}
+        </Text>
+        <Text className="text-sm text-gray-400">
           {order.createTime}
         </Text>
       </View>
     </View>
   )
 
-  // 根据状态和层级过滤订单
-  const getFilteredOrders = (filter: string) => {
-    switch (filter) {
-      case '1': // 一级分销
-        return orders.filter(order => order.userLevel === 1)
-      case '2': // 二级分销
-        return orders.filter(order => order.userLevel === 2)
-      case '3': // 三级分销
-        return orders.filter(order => order.userLevel === 3)
-      case '4': // 待结算
-        return orders.filter(order => order.isSettled === 0 && order.isInvalid === 0)
-      case '5': // 已结算
-        return orders.filter(order => order.isSettled === 1)
-      case '6': // 已失效
-        return orders.filter(order => order.isInvalid === 1)
-      default: // 全部
-        return orders
-    }
-  }
-
   if (!dealerUser) {
     return (
       <View className="bg-gray-50 min-h-screen flex items-center justify-center">
-        <Loading />
+        <Loading/>
         <Text className="text-gray-500 mt-2">加载中...</Text>
       </View>
     )
   }
 
   return (
-    <View className="bg-gray-50 min-h-screen">
-      {/* 统计卡片 */}
-      <View className="bg-white p-4 mb-4">
-        {/* 总体统计 */}
-        <View className="grid grid-cols-3 gap-4 mb-4">
-          <View className="text-center">
-            <Text className="text-lg font-bold text-blue-500">{statistics.totalOrders}</Text>
-            <Text className="text-xs text-gray-500">总订单</Text>
-          </View>
-          <View className="text-center">
-            <Text className="text-lg font-bold text-green-500">¥{statistics.totalCommission}</Text>
-            <Text className="text-xs text-gray-500">总佣金</Text>
-          </View>
-          <View className="text-center">
-            <Text className="text-lg font-bold text-orange-500">¥{statistics.pendingCommission}</Text>
-            <Text className="text-xs text-gray-500">待结算</Text>
-          </View>
-        </View>
-
-        {/* 分层统计 */}
-        <View className="border-t pt-3">
-          <Text className="text-sm text-gray-600 mb-2">分层统计</Text>
-          <View className="grid grid-cols-3 gap-2">
-            <View className="text-center bg-gray-50 rounded p-2">
-              <Text className="text-sm font-semibold text-red-500">{statistics.level1.orders}</Text>
-              <Text className="text-xs text-gray-500">一级订单</Text>
-              <Text className="text-xs text-red-500">¥{statistics.level1.commission}</Text>
-            </View>
-            <View className="text-center bg-gray-50 rounded p-2">
-              <Text className="text-sm font-semibold text-blue-500">{statistics.level2.orders}</Text>
-              <Text className="text-xs text-gray-500">二级订单</Text>
-              <Text className="text-xs text-blue-500">¥{statistics.level2.commission}</Text>
-            </View>
-            <View className="text-center bg-gray-50 rounded p-2">
-              <Text className="text-sm font-semibold text-purple-500">{statistics.level3.orders}</Text>
-              <Text className="text-xs text-gray-500">三级订单</Text>
-              <Text className="text-xs text-purple-500">¥{statistics.level3.commission}</Text>
-            </View>
-          </View>
-        </View>
-      </View>
-
-      {/* 订单列表 */}
-      <Tabs value={activeTab} onChange={() => setActiveTab}>
-        <Tabs.TabPane title="全部" value="0">
-          <PullToRefresh
-            onRefresh={handleRefresh}
-          >
-            <View className="p-4">
-              {loading ? (
-                <View className="text-center py-8">
-                  <Loading />
-                  <Text className="text-gray-500 mt-2">加载中...</Text>
-                </View>
-              ) : getFilteredOrders('0').length > 0 ? (
-                getFilteredOrders('0').map(renderOrderItem)
-              ) : (
-                <Empty description="暂无分销订单" />
-              )}
-            </View>
-          </PullToRefresh>
-        </Tabs.TabPane>
-
-        <Tabs.TabPane title="一级分销" value="1">
+    <View className="min-h-screen bg-gray-50">
+      <PullToRefresh
+        onRefresh={handleRefresh}
+        disabled={refreshing}
+        pullingText="下拉刷新"
+        canReleaseText="释放刷新"
+        refreshingText="刷新中..."
+        completeText="刷新完成"
+      >
+        <ScrollView
+          scrollY
+          className="h-screen"
+          onScrollToLower={handleLoadMore}
+          lowerThreshold={50}
+        >
           <View className="p-4">
-            {getFilteredOrders('1').length > 0 ? (
-              getFilteredOrders('1').map(renderOrderItem)
+            {loading && orders.length === 0 ? (
+              <View className="text-center py-8">
+                <Loading/>
+                <Text className="text-gray-500 mt-2">加载中...</Text>
+              </View>
+            ) : orders.length > 0 ? (
+              <>
+                {orders.map(renderOrderItem)}
+                {loadingMore && (
+                  <View className="text-center py-4">
+                    <Loading/>
+                    <Text className="text-gray-500 mt-1 text-sm">加载更多...</Text>
+                  </View>
+                )}
+                {!hasMore && orders.length > 0 && (
+                  <View className="text-center py-4">
+                    <Text className="text-gray-400 text-sm">没有更多数据了</Text>
+                  </View>
+                )}
+              </>
             ) : (
-              <Empty description="暂无一级分销订单" />
+              <Empty description="暂无分销订单"/>
             )}
           </View>
-        </Tabs.TabPane>
-
-        <Tabs.TabPane title="二级分销" value="2">
-          <View className="p-4">
-            {getFilteredOrders('2').length > 0 ? (
-              getFilteredOrders('2').map(renderOrderItem)
-            ) : (
-              <Empty description="暂无二级分销订单" />
-            )}
-          </View>
-        </Tabs.TabPane>
-
-        <Tabs.TabPane title="三级分销" value="3">
-          <View className="p-4">
-            {getFilteredOrders('3').length > 0 ? (
-              getFilteredOrders('3').map(renderOrderItem)
-            ) : (
-              <Empty description="暂无三级分销订单" />
-            )}
-          </View>
-        </Tabs.TabPane>
-
-        <Tabs.TabPane title="待结算" value="4">
-          <View className="p-4">
-            {getFilteredOrders('4').length > 0 ? (
-              getFilteredOrders('4').map(renderOrderItem)
-            ) : (
-              <Empty description="暂无待结算订单" />
-            )}
-          </View>
-        </Tabs.TabPane>
-
-        <Tabs.TabPane title="已结算" value="5">
-          <View className="p-4">
-            {getFilteredOrders('5').length > 0 ? (
-              getFilteredOrders('5').map(renderOrderItem)
-            ) : (
-              <Empty description="暂无已结算订单" />
-            )}
-          </View>
-        </Tabs.TabPane>
-
-        <Tabs.TabPane title="已失效" value="6">
-          <View className="p-4">
-            {getFilteredOrders('6').length > 0 ? (
-              getFilteredOrders('6').map(renderOrderItem)
-            ) : (
-              <Empty description="暂无失效订单" />
-            )}
-          </View>
-        </Tabs.TabPane>
-      </Tabs>
+        </ScrollView>
+      </PullToRefresh>
     </View>
   )
 }