feat(dealer): 更新分销商页面功能与UI优化- 修改分享标题从"网宿小店"为"唐九运售电云"

- 调整商品列表内边距从 py-3 到 py-1- 在购物车页面更新分享标题为"唐九运售电云"
- 扩展网站字段模型增加 NoticeBar 字段
-为经销商用户模型添加 dealerName、dealerPhone 和 dealerAvatar 字段- 引入二维码图标替换原有图标- 新增获取推荐人信息逻辑并展示推荐人详情
- 首页新增公告栏组件显示配置的通知内容
- 商品详情页分享标题同步更新为"唐九运售电云"

src/dealer/index.tsx

@@ -1,18 +1,20 @@
-import React from 'react'
+import React, {useState, useEffect} from 'react'
 import {View, Text} from '@tarojs/components'
 import {ConfigProvider, Button, Grid, Avatar} from '@nutui/nutui-react-taro'
 import {
   User,
   Shopping,
-  Dongdong,
+  QrCode,
   ArrowRight,
   Purse,
   People
 } from '@nutui/icons-react-taro'
 import {useDealerUser} from '@/hooks/useDealerUser'
-import { useThemeStyles } from '@/hooks/useTheme'
+import {useThemeStyles} from '@/hooks/useTheme'
 import {businessGradients, cardGradients, gradientUtils} from '@/styles/gradients'
 import Taro from '@tarojs/taro'
+import {getShopDealerRefereeByUserId} from "@/api/shop/shopDealerReferee";
+import {ShopDealerUser} from "@/api/shop/shopDealerUser/model";
 
 const DealerIndex: React.FC = () => {
   const {
@@ -20,6 +22,7 @@ const DealerIndex: React.FC = () => {
     error,
     refresh,
   } = useDealerUser()
+  const [dealer, setDealer] = useState<ShopDealerUser>()
 
   // 使用主题样式
   const themeStyles = useThemeStyles()
@@ -53,7 +56,16 @@ const DealerIndex: React.FC = () => {
     return userTheme.background
   }
 
-  console.log(getGradientBackground(),'getGradientBackground()')
+
+  // 初始化当前用户名称
+  useEffect(() => {
+    getShopDealerRefereeByUserId(Taro.getStorageSync('UserId')).then((data) => {
+      setDealer(data);
+    })
+  }, [dealerUser])
+
+
+  console.log(getGradientBackground(), 'getGradientBackground()')
 
   if (error) {
     return (
@@ -101,8 +113,7 @@ const DealerIndex: React.FC = () => {
                 }}
               />
               <View className="flex-1 flex-col">
-                <View className="text-white text-lg font-bold mb-1" style={{
-                }}>
+                <View className="text-white text-lg font-bold mb-1" style={{}}>
                   {dealerUser?.realName || '分销商'}
                 </View>
                 <View className="text-sm" style={{
@@ -138,7 +149,7 @@ const DealerIndex: React.FC = () => {
                 <Text className="text-lg font-bold mb-1 text-white">
                   {formatMoney(dealerUser.money)}
                 </Text>
-                <Text className="text-xs" style={{ color: 'rgba(255, 255, 255, 0.9)' }}>可提现</Text>
+                <Text className="text-xs" style={{color: 'rgba(255, 255, 255, 0.9)'}}>可提现</Text>
               </View>
               <View className="text-center p-3 rounded-lg flex flex-col" style={{
                 background: businessGradients.money.frozen
@@ -146,7 +157,7 @@ const DealerIndex: React.FC = () => {
                 <Text className="text-lg font-bold mb-1 text-white">
                   {formatMoney(dealerUser.freezeMoney)}
                 </Text>
-                <Text className="text-xs" style={{ color: 'rgba(255, 255, 255, 0.9)' }}>冻结中</Text>
+                <Text className="text-xs" style={{color: 'rgba(255, 255, 255, 0.9)'}}>冻结中</Text>
               </View>
               <View className="text-center p-3 rounded-lg flex flex-col" style={{
                 background: businessGradients.money.total
@@ -154,7 +165,7 @@ const DealerIndex: React.FC = () => {
                 <Text className="text-lg font-bold mb-1 text-white">
                   {formatMoney(dealerUser.totalMoney)}
                 </Text>
-                <Text className="text-xs" style={{ color: 'rgba(255, 255, 255, 0.9)' }}>累计收益</Text>
+                <Text className="text-xs" style={{color: 'rgba(255, 255, 255, 0.9)'}}>累计收益</Text>
               </View>
             </View>
           </View>
@@ -225,7 +236,7 @@ const DealerIndex: React.FC = () => {
                 </View>
               </Grid.Item>
 
-              <Grid.Item text={'我的邀请'} onClick={() => navigateToPage('/dealer/team/index')}>
+              <Grid.Item text={'会员中心'} onClick={() => navigateToPage('/pages/user/user')}>
                 <View className="text-center">
                   <View className="w-12 h-12 bg-purple-50 rounded-xl flex items-center justify-center mx-auto mb-2">
                     <People color="#8b5cf6" size="20"/>
@@ -236,7 +247,7 @@ const DealerIndex: React.FC = () => {
               <Grid.Item text={'我的邀请码'} onClick={() => navigateToPage('/dealer/qrcode/index')}>
                 <View className="text-center">
                   <View className="w-12 h-12 bg-orange-50 rounded-xl flex items-center justify-center mx-auto mb-2">
-                    <Dongdong color="#f59e0b" size="20"/>
+                    <QrCode color="#f59e0b" size="20"/>
                   </View>
                 </View>
               </Grid.Item>
@@ -284,6 +295,17 @@ const DealerIndex: React.FC = () => {
             {/*</Grid>*/}
           </ConfigProvider>
         </View>
+        <View className="bg-white mx-4 mt-4 rounded-xl p-4">
+          <View className="font-semibold mb-4 text-gray-800">我的推荐人</View>
+          <View className={'flex items-center gap-2'}>
+            <Avatar src={dealer?.dealerAvatar}/>
+            <View className={'flex flex-col'}>
+              <Text className="text-lg font-semibold">{dealer?.dealerName}</Text>
+              <Text className="text-gray-500"
+                    onClick={() => Taro.makePhoneCall({phoneNumber: `${dealer?.dealerPhone}`})}>{dealer?.dealerPhone}</Text>
+            </View>
+          </View>
+        </View>
       </View>
 
       {/* 底部安全区域 */}