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

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

src/dealer/qrcode/index.tsx

@@ -1,64 +1,69 @@
-import React, { useState, useEffect } from 'react'
-import { View, Text, Image } from '@tarojs/components'
-import { Button, Loading } from '@nutui/nutui-react-taro'
-import { Share, Download, Copy, QrCode } from '@nutui/icons-react-taro'
+import React, {useState, useEffect} from 'react'
+import {View, Text, Image} from '@tarojs/components'
+import {Button, Loading} from '@nutui/nutui-react-taro'
+import {Share, Download, Copy, QrCode} from '@nutui/icons-react-taro'
 import Taro from '@tarojs/taro'
-import { useDealerUser } from '@/hooks/useDealerUser'
-import { generateInviteCode, getInviteStats } from '@/api/invite'
-import type { InviteStats } from '@/api/invite'
-import { businessGradients } from '@/styles/gradients'
+import {useDealerUser} from '@/hooks/useDealerUser'
+import {generateInviteCode} from '@/api/invite'
+// import type {InviteStats} from '@/api/invite'
+import {businessGradients} from '@/styles/gradients'
 
 const DealerQrcode: React.FC = () => {
   const [miniProgramCodeUrl, setMiniProgramCodeUrl] = useState<string>('')
   const [loading, setLoading] = useState<boolean>(false)
-  const [inviteStats, setInviteStats] = useState<InviteStats | null>(null)
-  const [statsLoading, setStatsLoading] = useState<boolean>(false)
-  const { dealerUser } = useDealerUser()
+  // const [inviteStats, setInviteStats] = useState<InviteStats | null>(null)
+  // const [statsLoading, setStatsLoading] = useState<boolean>(false)
+  const {dealerUser} = useDealerUser()
 
   // 生成小程序码
   const generateMiniProgramCode = async () => {
-    if (!dealerUser?.userId) return
+    if (!dealerUser?.userId) {
+      return
+    }
 
     try {
       setLoading(true)
 
       // 生成邀请小程序码
-      const codeUrl = await generateInviteCode(dealerUser.userId, 'qrcode')
+      const codeUrl = await generateInviteCode(dealerUser.userId)
 
       if (codeUrl) {
         setMiniProgramCodeUrl(codeUrl)
+      } else {
+        throw new Error('返回的小程序码URL为空')
       }
-    } catch (error) {
-      console.error('生成小程序码失败:', error)
+    } catch (error: any) {
       Taro.showToast({
-        title: '生成小程序码失败',
+        title: error.message || '生成小程序码失败',
         icon: 'error'
       })
+      // 清空之前的二维码
+      setMiniProgramCodeUrl('')
     } finally {
       setLoading(false)
     }
   }
 
   // 获取邀请统计数据
-  const fetchInviteStats = async () => {
-    if (!dealerUser?.userId) return
-
-    try {
-      setStatsLoading(true)
-      const stats = await getInviteStats(dealerUser.userId)
-      stats && setInviteStats(stats)
-    } catch (error) {
-      console.error('获取邀请统计失败:', error)
-    } finally {
-      setStatsLoading(false)
-    }
-  }
+  // const fetchInviteStats = async () => {
+  //   if (!dealerUser?.userId) return
+  //
+  //   try {
+  //     setStatsLoading(true)
+  //     const stats = await getInviteStats(dealerUser.userId)
+  //     stats && setInviteStats(stats)
+  //   } catch (error) {
+  //     // 静默处理错误，不影响用户体验
+  //   } finally {
+  //     setStatsLoading(false)
+  //   }
+  // }
 
   // 初始化生成小程序码和获取统计数据
   useEffect(() => {
     if (dealerUser?.userId) {
       generateMiniProgramCode()
-      fetchInviteStats()
+      // fetchInviteStats()
     }
   }, [dealerUser?.userId])
 
@@ -121,9 +126,9 @@ const DealerQrcode: React.FC = () => {
 
     const inviteText = `🎉 邀请您加入我的团队！
 
-扫描小程序码或搜索"网宿小店"小程序，即可享受优质商品和服务！
+扫描小程序码或搜索"时里院子市集"小程序，即可享受优质商品和服务！
 
-💰 成为我的下级分销商，一起赚取丰厚佣金
+💰 成为我的团队成员，一起赚取丰厚佣金
 🎁 新用户专享优惠等你来拿
 
 邀请码：${dealerUser.userId}
@@ -153,14 +158,14 @@ const DealerQrcode: React.FC = () => {
     // 小程序分享
     Taro.showShareMenu({
       withShareTicket: true,
-      showShareItems: ['shareAppMessage', 'shareTimeline']
+      showShareItems: ['shareAppMessage']
     })
   }
 
   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>
     )
@@ -179,7 +184,7 @@ const DealerQrcode: React.FC = () => {
           right: '-16px'
         }}></View>
 
-        <View className="relative z-10">
+        <View className="relative z-10 flex flex-col">
           <Text className="text-2xl font-bold mb-2 text-white">我的邀请小程序码</Text>
           <Text className="text-white text-opacity-80">
             分享小程序码邀请好友，获得丰厚佣金奖励
@@ -193,7 +198,7 @@ const DealerQrcode: React.FC = () => {
           <View className="text-center">
             {loading ? (
               <View className="w-48 h-48 mx-auto mb-4 flex items-center justify-center bg-gray-50 rounded-xl">
-                <Loading />
+                <Loading/>
                 <Text className="text-gray-500 mt-2">生成中...</Text>
               </View>
             ) : miniProgramCodeUrl ? (
@@ -202,6 +207,20 @@ const DealerQrcode: React.FC = () => {
                   src={miniProgramCodeUrl}
                   className="w-full h-full"
                   mode="aspectFit"
+                  onError={() => {
+                    Taro.showModal({
+                      title: '二维码加载失败',
+                      content: '请检查网络连接或联系管理员',
+                      showCancel: true,
+                      confirmText: '重新生成',
+                      success: (res) => {
+                        if (res.confirm) {
+                          generateMiniProgramCode();
+                        }
+                      }
+                    });
+                  }}
+
                 />
               </View>
             ) : (
@@ -219,58 +238,64 @@ const DealerQrcode: React.FC = () => {
               </View>
             )}
 
-            <Text className="text-lg font-semibold text-gray-800 mb-2">
+            <View className="text-lg font-semibold text-gray-800 mb-2">
               扫码加入我的团队
-            </Text>
-            <Text className="text-sm text-gray-500 mb-6">
+            </View>
+            <View className="text-sm text-gray-500 mb-4">
               好友扫描小程序码即可直接进入小程序并建立邀请关系
-            </Text>
+            </View>
+
+
           </View>
         </View>
 
         {/* 操作按钮 */}
-        <View className="space-y-3">
-          <Button
-            type="primary"
-            size="large"
-            block
-            icon={<Download />}
-            onClick={saveMiniProgramCode}
-            disabled={!miniProgramCodeUrl || loading}
-          >
-            保存小程序码到相册
-          </Button>
-
-          <Button
-            size="large"
-            block
-            icon={<Copy />}
-            onClick={copyInviteInfo}
-            disabled={!dealerUser?.userId || loading}
-          >
-            复制邀请信息
-          </Button>
-
-          <Button
-            size="large"
-            block
-            fill="outline"
-            icon={<Share />}
-            onClick={shareMiniProgramCode}
-            disabled={!dealerUser?.userId || loading}
-          >
-            分享给好友
-          </Button>
+        <View className={'gap-2'}>
+          <View className={'my-2'}>
+            <Button
+              type="primary"
+              size="large"
+              block
+              icon={<Download/>}
+              onClick={saveMiniProgramCode}
+              disabled={!miniProgramCodeUrl || loading}
+            >
+              保存小程序码到相册
+            </Button>
+          </View>
+          <View className={'my-2 bg-white'}>
+            <Button
+              size="large"
+              block
+              icon={<Copy/>}
+              onClick={copyInviteInfo}
+              disabled={!dealerUser?.userId || loading}
+            >
+              复制邀请信息
+            </Button>
+          </View>
+          <View className={'my-2 bg-white'}>
+            <Button
+              size="large"
+              block
+              fill="outline"
+              icon={<Share/>}
+              onClick={shareMiniProgramCode}
+              disabled={!dealerUser?.userId || loading}
+            >
+              分享给好友
+            </Button>
+          </View>
         </View>
 
         {/* 推广说明 */}
-        <View className="bg-white rounded-2xl p-4 mt-6">
+        <View className="bg-white rounded-2xl p-4 mt-6 hidden">
           <Text className="font-semibold text-gray-800 mb-3">推广说明</Text>
           <View className="space-y-2">
             <View className="flex items-start">
               <View className="w-2 h-2 bg-blue-500 rounded-full mt-2 mr-3 flex-shrink-0"></View>
               <Text className="text-sm text-gray-600">
-                好友通过您的二维码或链接注册成为您的下级分销商
+                好友通过您的二维码或链接注册成为您的团队成员
               </Text>
             </View>
             <View className="flex items-start">
@@ -289,82 +314,82 @@ const DealerQrcode: React.FC = () => {
         </View>
 
         {/* 邀请统计数据 */}
-        <View className="bg-white rounded-2xl p-4 mt-4 mb-6">
-          <Text className="font-semibold text-gray-800 mb-3">我的邀请数据</Text>
-          {statsLoading ? (
-            <View className="flex items-center justify-center py-8">
-              <Loading />
-              <Text className="text-gray-500 mt-2">加载中...</Text>
-            </View>
-          ) : inviteStats ? (
-            <View className="space-y-4">
-              <View className="grid grid-cols-2 gap-4">
-                <View className="text-center">
-                  <Text className="text-2xl font-bold text-blue-500">
-                    {inviteStats.totalInvites || 0}
-                  </Text>
-                  <Text className="text-sm text-gray-500">总邀请数</Text>
-                </View>
-                <View className="text-center">
-                  <Text className="text-2xl font-bold text-green-500">
-                    {inviteStats.successfulRegistrations || 0}
-                  </Text>
-                  <Text className="text-sm text-gray-500">成功注册</Text>
-                </View>
-              </View>
+        {/*<View className="bg-white rounded-2xl p-4 mt-4 mb-6">*/}
+        {/*  <Text className="font-semibold text-gray-800 mb-3">我的邀请数据</Text>*/}
+        {/*  {statsLoading ? (*/}
+        {/*    <View className="flex items-center justify-center py-8">*/}
+        {/*      <Loading/>*/}
+        {/*      <Text className="text-gray-500 mt-2">加载中...</Text>*/}
+        {/*    </View>*/}
+        {/*  ) : inviteStats ? (*/}
+        {/*    <View className="space-y-4">*/}
+        {/*      <View className="grid grid-cols-2 gap-4">*/}
+        {/*        <View className="text-center">*/}
+        {/*          <Text className="text-2xl font-bold text-blue-500">*/}
+        {/*            {inviteStats.totalInvites || 0}*/}
+        {/*          </Text>*/}
+        {/*          <Text className="text-sm text-gray-500">总邀请数</Text>*/}
+        {/*        </View>*/}
+        {/*        <View className="text-center">*/}
+        {/*          <Text className="text-2xl font-bold text-green-500">*/}
+        {/*            {inviteStats.successfulRegistrations || 0}*/}
+        {/*          </Text>*/}
+        {/*          <Text className="text-sm text-gray-500">成功注册</Text>*/}
+        {/*        </View>*/}
+        {/*      </View>*/}
 
-              <View className="grid grid-cols-2 gap-4">
-                <View className="text-center">
-                  <Text className="text-2xl font-bold text-purple-500">
-                    {inviteStats.conversionRate ? `${(inviteStats.conversionRate * 100).toFixed(1)}%` : '0%'}
-                  </Text>
-                  <Text className="text-sm text-gray-500">转化率</Text>
-                </View>
-                <View className="text-center">
-                  <Text className="text-2xl font-bold text-orange-500">
-                    {inviteStats.todayInvites || 0}
-                  </Text>
-                  <Text className="text-sm text-gray-500">今日邀请</Text>
-                </View>
-              </View>
+        {/*      <View className="grid grid-cols-2 gap-4">*/}
+        {/*        <View className="text-center">*/}
+        {/*          <Text className="text-2xl font-bold text-purple-500">*/}
+        {/*            {inviteStats.conversionRate ? `${(inviteStats.conversionRate * 100).toFixed(1)}%` : '0%'}*/}
+        {/*          </Text>*/}
+        {/*          <Text className="text-sm text-gray-500">转化率</Text>*/}
+        {/*        </View>*/}
+        {/*        <View className="text-center">*/}
+        {/*          <Text className="text-2xl font-bold text-orange-500">*/}
+        {/*            {inviteStats.todayInvites || 0}*/}
+        {/*          </Text>*/}
+        {/*          <Text className="text-sm text-gray-500">今日邀请</Text>*/}
+        {/*        </View>*/}
+        {/*      </View>*/}
 
-              {/* 邀请来源统计 */}
-              {inviteStats.sourceStats && inviteStats.sourceStats.length > 0 && (
-                <View className="mt-4">
-                  <Text className="text-sm font-medium text-gray-700 mb-2">邀请来源分布</Text>
-                  <View className="space-y-2">
-                    {inviteStats.sourceStats.map((source, index) => (
-                      <View key={index} className="flex items-center justify-between py-2 px-3 bg-gray-50 rounded-lg">
-                        <View className="flex items-center">
-                          <View className="w-3 h-3 rounded-full bg-blue-500 mr-2"></View>
-                          <Text className="text-sm text-gray-700">{source.source}</Text>
-                        </View>
-                        <View className="text-right">
-                          <Text className="text-sm font-medium text-gray-800">{source.count}</Text>
-                          <Text className="text-xs text-gray-500">
-                            {source.conversionRate ? `${(source.conversionRate * 100).toFixed(1)}%` : '0%'}
-                          </Text>
-                        </View>
-                      </View>
-                    ))}
-                  </View>
-                </View>
-              )}
-            </View>
-          ) : (
-            <View className="text-center py-8">
-              <Text className="text-gray-500">暂无邀请数据</Text>
-              <Button
-                size="small"
-                type="primary"
-                className="mt-2"
-                onClick={fetchInviteStats}
-              >
-                刷新数据
-              </Button>
-            </View>
-          )}
-        </View>
+        {/*      /!* 邀请来源统计 *!/*/}
+        {/*      {inviteStats.sourceStats && inviteStats.sourceStats.length > 0 && (*/}
+        {/*        <View className="mt-4">*/}
+        {/*          <Text className="text-sm font-medium text-gray-700 mb-2">邀请来源分布</Text>*/}
+        {/*          <View className="space-y-2">*/}
+        {/*            {inviteStats.sourceStats.map((source, index) => (*/}
+        {/*              <View key={index} className="flex items-center justify-between py-2 px-3 bg-gray-50 rounded-lg">*/}
+        {/*                <View className="flex items-center">*/}
+        {/*                  <View className="w-3 h-3 rounded-full bg-blue-500 mr-2"></View>*/}
+        {/*                  <Text className="text-sm text-gray-700">{source.source}</Text>*/}
+        {/*                </View>*/}
+        {/*                <View className="text-right">*/}
+        {/*                  <Text className="text-sm font-medium text-gray-800">{source.count}</Text>*/}
+        {/*                  <Text className="text-xs text-gray-500">*/}
+        {/*                    {source.conversionRate ? `${(source.conversionRate * 100).toFixed(1)}%` : '0%'}*/}
+        {/*                  </Text>*/}
+        {/*                </View>*/}
+        {/*              </View>*/}
+        {/*            ))}*/}
+        {/*          </View>*/}
+        {/*        </View>*/}
+        {/*      )}*/}
+        {/*    </View>*/}
+        {/*  ) : (*/}
+        {/*    <View className="text-center py-8">*/}
+        {/*      <View className="text-gray-500">暂无邀请数据</View>*/}
+        {/*      <Button*/}
+        {/*        size="small"*/}
+        {/*        type="primary"*/}
+        {/*        className="mt-2"*/}
+        {/*        onClick={fetchInviteStats}*/}
+        {/*      >*/}
+        {/*        刷新数据*/}
+        {/*      </Button>*/}
+        {/*    </View>*/}
+        {/*  )}*/}
+        {/*</View>*/}
       </View>
     </View>
   )