diff --git a/src/app.config.ts b/src/app.config.ts index 054e82b..977a1ad 100644 --- a/src/app.config.ts +++ b/src/app.config.ts @@ -42,6 +42,16 @@ export default defineAppConfig({ "points/points" ] }, + { + "root": "dealer", + "pages": [ + "index", + "withdraw/index", + "orders/index", + "team/index", + "qrcode/index" + ] + }, { "root": "shop", "pages": [ diff --git a/src/dealer/components/EarningsCard.tsx b/src/dealer/components/EarningsCard.tsx new file mode 100644 index 0000000..d6305dd --- /dev/null +++ b/src/dealer/components/EarningsCard.tsx @@ -0,0 +1,75 @@ +import { View, Button } from '@tarojs/components' +import { useState, useEffect } from 'react' + +interface EarningsCardProps { + availableAmount?: number + pendingAmount?: number + onWithdraw?: () => void +} + +function EarningsCard({ + availableAmount = 0.00, + pendingAmount = 0.00, + onWithdraw +}: EarningsCardProps) { + + const handleWithdraw = () => { + if (onWithdraw) { + onWithdraw() + } + } + + return ( + + + {/* 装饰性背景元素 */} + + + + + {/* 可提现金额 */} + + + 可提现 {availableAmount.toFixed(2)} 元 + + + 待提现 {pendingAmount.toFixed(2)} 元 + + + + {/* 提现按钮 */} + + + + + + + ) +} + +export default EarningsCard diff --git a/src/dealer/components/FunctionMenu.tsx b/src/dealer/components/FunctionMenu.tsx new file mode 100644 index 0000000..ba12f5b --- /dev/null +++ b/src/dealer/components/FunctionMenu.tsx @@ -0,0 +1,102 @@ +import { View } from '@tarojs/components' +import Taro from '@tarojs/taro' + +interface MenuItem { + id: string + title: string + icon: string + color: string + bgColor: string + onClick?: () => void +} + +function FunctionMenu() { + const menuItems: MenuItem[] = [ + { + id: 'withdraw-detail', + title: '提现明细', + icon: '💰', + color: '#F59E0B', + bgColor: '#FEF3C7', + onClick: () => { + Taro.navigateTo({ + url: '/dealer/withdraw/index' + }) + } + }, + { + id: 'distribution-orders', + title: '分销订单', + icon: '📋', + color: '#EF4444', + bgColor: '#FEE2E2', + onClick: () => { + Taro.navigateTo({ + url: '/dealer/orders/index' + }) + } + }, + { + id: 'my-team', + title: '我的团队', + icon: '👥', + color: '#10B981', + bgColor: '#D1FAE5', + onClick: () => { + Taro.navigateTo({ + url: '/dealer/team/index' + }) + } + }, + { + id: 'promotion-qr', + title: '推广二维码', + icon: '📱', + color: '#3B82F6', + bgColor: '#DBEAFE', + onClick: () => { + Taro.navigateTo({ + url: '/dealer/qrcode/index' + }) + } + } + ] + + const handleMenuClick = (item: MenuItem) => { + if (item.onClick) { + item.onClick() + } + } + + return ( + + + + {menuItems.map((item) => ( + handleMenuClick(item)} + > + + {item.icon} + + + {item.title} + + + ))} + + + + ) +} + +export default FunctionMenu diff --git a/src/dealer/components/NavigationBar.tsx b/src/dealer/components/NavigationBar.tsx new file mode 100644 index 0000000..e1b1acb --- /dev/null +++ b/src/dealer/components/NavigationBar.tsx @@ -0,0 +1,78 @@ +import { View } from '@tarojs/components' +import Taro from '@tarojs/taro' + +interface NavigationBarProps { + title?: string + showBack?: boolean + showMore?: boolean + onBack?: () => void + onMore?: () => void +} + +function NavigationBar({ + title = '分销中心', + showBack = true, + showMore = true, + onBack, + onMore +}: NavigationBarProps) { + + const handleBack = () => { + if (onBack) { + onBack() + } else { + Taro.navigateBack() + } + } + + const handleMore = () => { + if (onMore) { + onMore() + } else { + Taro.showActionSheet({ + itemList: ['分享', '设置', '帮助'] + }) + } + } + + return ( + + {/* 状态栏占位 */} + + + {/* 导航栏 */} + + {/* 左侧返回按钮 */} + + {showBack && ( + + ‹ + + )} + + + {/* 中间标题 */} + + {title} + + + {/* 右侧更多按钮 */} + + {showMore && ( + + ⋯ + + )} + + + + ) +} + +export default NavigationBar diff --git a/src/dealer/components/OrderIcon.tsx b/src/dealer/components/OrderIcon.tsx new file mode 100644 index 0000000..9cc9a61 --- /dev/null +++ b/src/dealer/components/OrderIcon.tsx @@ -0,0 +1,211 @@ +import {useEffect, useState} from 'react' +import {navigateTo} from '@tarojs/taro' +import Taro from '@tarojs/taro' +import {Button} from '@tarojs/components'; +import {Image} from '@nutui/nutui-react-taro' +import {getUserInfo, getWxOpenId} from "@/api/layout"; +import {TenantId} from "@/config/app"; +import {User} from "@/api/system/user/model"; +// import News from "./News"; +import {myPageBszxBm} from "@/api/bszx/bszxBm"; +import {listCmsNavigation} from "@/api/cms/cmsNavigation"; + +const OrderIcon = () => { + + const [loading, setLoading] = useState(true) + const [isLogin, setIsLogin] = useState(false) + const [userInfo, setUserInfo] = useState() + const [bmLogs, setBmLogs] = useState() + const [navItems, setNavItems] = useState([]) + + /* 获取用户手机号 */ + const handleGetPhoneNumber = ({detail}) => { + const {code, encryptedData, iv} = detail + Taro.login({ + success: function () { + if (code) { + Taro.request({ + url: 'https://server.websoft.top/api/wx-login/loginByMpWxPhone', + method: 'POST', + data: { + code, + encryptedData, + iv, + notVerifyPhone: true, + refereeId: 0, + sceneType: 'save_referee', + tenantId: TenantId + }, + header: { + 'content-type': 'application/json', + TenantId + }, + success: function (res) { + Taro.setStorageSync('access_token', res.data.data.access_token) + Taro.setStorageSync('UserId', res.data.data.user.userId) + setUserInfo(res.data.data.user) + Taro.setStorageSync('Phone', res.data.data.user.phone) + setIsLogin(true) + Taro.showToast({ + title: '登录成功', + icon: 'success' + }); + } + }) + } else { + console.log('登录失败！') + } + } + }) + } + + const onLogin = (item: any, index: number) => { + if(!isLogin){ + return navigateTo({url: `/pages/category/category?id=${item.navigationId}`}) + }else { + // 报名链接 + if(index == 0){ + console.log(bmLogs,'bmLogs') + if(bmLogs && bmLogs.length > 0){ + return navigateTo({url: `/bszx/bm-cert/bm-cert?id=${bmLogs[0].id}`}) + }else { + navigateTo({url: `/user/profile/profile`}) + } + } + // 善款明细 + if(item.navigationId == 4119){ + return navigateTo({url: `/bszx/pay-record/pay-record`}) + } + return navigateTo({url: `/pages/category/category?id=${item.navigationId}`}) + } + } + + const reload = () => { + // 读取栏目 + listCmsNavigation({parentId: 2828,hide: 0}).then(res => { + console.log(res,'9999') + setNavItems(res); + }) + Taro.getUserInfo({ + success: (res) => { + const avatar = res.userInfo.avatarUrl; + setUserInfo({ + avatar, + nickname: res.userInfo.nickName, + sexName: res.userInfo.gender == 1 ? '男' : '女' + }) + getUserInfo().then((data) => { + if (data) { + setUserInfo(data) + setIsLogin(true); + console.log(userInfo, 'userInfo...') + Taro.setStorageSync('UserId', data.userId) + // 获取openId + if (!data.openid) { + Taro.login({ + success: (res) => { + getWxOpenId({code: res.code}).then(() => { + }) + } + }) + } + } + }).catch(() => { + console.log('未登录') + }); + } + }); + // 报名日志 + myPageBszxBm({limit: 1}).then(res => { + if (res.list) { + setBmLogs(res.list); + } + }) + setLoading(false); + }; + + const showAuthModal = () => { + Taro.showModal({ + title: '授权提示', + content: '需要获取您的用户信息', + confirmText: '去授权', + cancelText: '取消', + success: (res) => { + if (res.confirm) { + // 用户点击确认，打开授权设置页面 + openSetting(); + } + } + }); + }; + + const openSetting = () => { + // Taro.openSetting：调起客户端小程序设置界面，返回用户设置的操作结果。设置界面只会出现小程序已经向用户请求过的权限。 + Taro.openSetting({ + success: (res) => { + if (res.authSetting['scope.userInfo']) { + // 用户授权成功，可以获取用户信息 + reload(); + } else { + // 用户拒绝授权，提示授权失败 + Taro.showToast({ + title: '授权失败', + icon: 'none' + }); + } + } + }); + }; + + useEffect(() => { + Taro.getSetting({ + success: (res) => { + if (res.authSetting['scope.userInfo']) { + // 用户已经授权过，可以直接获取用户信息 + console.log('用户已经授权过，可以直接获取用户信息') + reload(); + } else { + // 用户未授权，需要弹出授权窗口 + console.log('用户未授权，需要弹出授权窗口') + showAuthModal(); + } + } + }); + reload(); + }, []) + + return ( +
+
+
+ { + navItems.map((item, index) => ( +
+ { + isLogin && !loading ? +
{ + onLogin(item, index) + }}> + +
{item?.title}
+
+ : + + } +
+ )) + } +
+
+ {/*倡议书*/} + {/**/} +
+ ) +} +export default OrderIcon diff --git a/src/dealer/components/UserCard.tsx b/src/dealer/components/UserCard.tsx new file mode 100644 index 0000000..0866e91 --- /dev/null +++ b/src/dealer/components/UserCard.tsx @@ -0,0 +1,135 @@ +import {Avatar} from '@nutui/nutui-react-taro' +import {getUserInfo, getWxOpenId} from '@/api/layout'; +import Taro from '@tarojs/taro'; +import {useEffect, useState} from "react"; +import {User} from "@/api/system/user/model"; +import {View} from '@tarojs/components' +function UserCard() { + const [IsLogin, setIsLogin] = useState(false) + const [userInfo, setUserInfo] = useState() + const [referrerName, setReferrerName] = useState('平台') + + + useEffect(() => { + // Taro.getSetting：获取用户的当前设置。返回值中只会出现小程序已经向用户请求过的权限。 + Taro.getSetting({ + success: (res) => { + if (res.authSetting['scope.userInfo']) { + // 用户已经授权过，可以直接获取用户信息 + console.log('用户已经授权过，可以直接获取用户信息') + reload(); + } else { + // 用户未授权，需要弹出授权窗口 + console.log('用户未授权，需要弹出授权窗口') + showAuthModal(); + } + } + }); + }, []); + + + + const reload = () => { + Taro.getUserInfo({ + success: (res) => { + const avatar = res.userInfo.avatarUrl; + setUserInfo({ + avatar, + nickname: res.userInfo.nickName, + sexName: res.userInfo.gender == 1 ? '男' : '女' + }) + getUserInfo().then((data) => { + if (data) { + setUserInfo(data) + setIsLogin(true); + Taro.setStorageSync('UserId', data.userId) + + // 获取openId + if (!data.openid) { + Taro.login({ + success: (res) => { + getWxOpenId({code: res.code}).then(() => { + }) + } + }) + } + // 获取推荐人信息 + const referrer = data.nickname || '平台'; + setReferrerName(referrer) + } + }).catch(() => { + console.log('未登录') + }); + } + }); + }; + + const showAuthModal = () => { + Taro.showModal({ + title: '授权提示', + content: '需要获取您的用户信息', + confirmText: '去授权', + cancelText: '取消', + success: (res) => { + if (res.confirm) { + // 用户点击确认，打开授权设置页面 + openSetting(); + } + } + }); + }; + + + const openSetting = () => { + // Taro.openSetting：调起客户端小程序设置界面，返回用户设置的操作结果。设置界面只会出现小程序已经向用户请求过的权限。 + Taro.openSetting({ + success: (res) => { + if (res.authSetting['scope.userInfo']) { + // 用户授权成功，可以获取用户信息 + reload(); + } else { + // 用户拒绝授权，提示授权失败 + Taro.showToast({ + title: '授权失败', + icon: 'none' + }); + } + } + }); + }; + + return ( + + + + + + + {IsLogin ? (userInfo?.nickname || '小程序用户') : '小程序.App.网站.系统开发-邓'} + + + 推荐人：{referrerName} + + + + + + + + 已提现金额 + + + 0.00元 + + + + + + ) +} + +export default UserCard; diff --git a/src/dealer/components/UserCell.tsx b/src/dealer/components/UserCell.tsx new file mode 100644 index 0000000..5701c42 --- /dev/null +++ b/src/dealer/components/UserCell.tsx @@ -0,0 +1,148 @@ +import {Cell} from '@nutui/nutui-react-taro' +import navTo from "@/utils/common"; +import Taro from '@tarojs/taro' +import {ArrowRight, ShieldCheck, LogisticsError, Location, Reward, Tips, Ask} from '@nutui/icons-react-taro' + +const UserCell = () => { + + const onLogout = () => { + Taro.showModal({ + title: '提示', + content: '确定要退出登录吗？', + success: function (res) { + if (res.confirm) { + Taro.removeStorageSync('access_token') + Taro.removeStorageSync('TenantId') + Taro.removeStorageSync('UserId') + Taro.removeStorageSync('userInfo') + Taro.reLaunch({ + url: '/pages/index/index' + }) + } + } + }) + } + + return ( + <> +
+ + +
+ 开通会员 +
+ 享优惠 +
+ } + extra={} + /> + + 我的服务 + + }> + + + 我的钱包 + + } + align="center" + extra={} + onClick={() => { + navTo('/user/wallet/index', true) + }} + /> + + + 收货地址 + + } + align="center" + extra={} + onClick={() => { + navTo('/user/address/index', true) + }} + /> + + + 实名认证 + + } + align="center" + extra={} + onClick={() => { + navTo('/user/userVerify/index', true) + }} + /> + + + 常见问题 + + } + align="center" + extra={} + onClick={() => { + navTo('/user/help/index') + }} + /> + + + 关于我们 + + } + align="center" + extra={} + onClick={() => { + navTo('/user/about/index') + }} + /> + + + 账号管理 + + }> + } + onClick={() => navTo('/user/profile/profile', true)} + /> + } + onClick={onLogout} + /> + + + + ) +} +export default UserCell diff --git a/src/dealer/components/UserFooter.tsx b/src/dealer/components/UserFooter.tsx new file mode 100644 index 0000000..fb74b71 --- /dev/null +++ b/src/dealer/components/UserFooter.tsx @@ -0,0 +1,102 @@ +import {loginBySms} from "@/api/passport/login"; +import {useState} from "react"; +import Taro from '@tarojs/taro' +import {Popup} from '@nutui/nutui-react-taro' +import {UserParam} from "@/api/system/user/model"; +import {Button} from '@nutui/nutui-react-taro' +import {Form, Input} from '@nutui/nutui-react-taro' +import {Copyright, Version} from "@/config/app"; +const UserFooter = () => { + const [openLoginByPhone, setOpenLoginByPhone] = useState(false) + const [clickNum, setClickNum] = useState(0) + const [FormData, setFormData] = useState( + { + phone: undefined, + password: undefined + } + ) + + const onLoginByPhone = () => { + setFormData({}) + setClickNum(clickNum + 1); + if (clickNum > 10) { + setOpenLoginByPhone(true); + } + } + + const closeLoginByPhone = () => { + setClickNum(0) + setOpenLoginByPhone(false) + } + + // 提交表单 + const submitByPhone = (values: any) => { + loginBySms({ + phone: values.phone, + code: values.code + }).then(() => { + setOpenLoginByPhone(false); + setTimeout(() => { + Taro.reLaunch({ + url: '/pages/index/index' + }) + },1000) + }) + } + + return ( + <> +
+
当前版本：{Version}
+
Copyright © { new Date().getFullYear() } {Copyright}
+
+ + +
submitByPhone(values)} + footer={ +
+ +
+ } + > + + + + + + +
+ + + ) +} +export default UserFooter diff --git a/src/dealer/index.config.ts b/src/dealer/index.config.ts new file mode 100644 index 0000000..d456dbd --- /dev/null +++ b/src/dealer/index.config.ts @@ -0,0 +1,3 @@ +export default definePageConfig({ + navigationBarTitleText: '分销中心' +}) diff --git a/src/dealer/index.scss b/src/dealer/index.scss new file mode 100644 index 0000000..602c01f --- /dev/null +++ b/src/dealer/index.scss @@ -0,0 +1,77 @@ +// 分销中心页面样式 +.dealer-page { + min-height: 100vh; + background: linear-gradient(180deg, #60A5FA 0%, #3B82F6 50%, #1D4ED8 100%); +} + +// 导航栏样式 +.navigation-bar { + position: relative; + z-index: 100; +} + +// 用户卡片样式 +.user-card { + background: white; + border-radius: 16px; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); + margin: 16px; + padding: 16px; +} + +// 收益卡片样式 +.earnings-card { + background: linear-gradient(135deg, #8B5CF6 0%, #A855F7 50%, #C084FC 100%); + border-radius: 16px; + margin: 16px; + padding: 16px; + position: relative; + overflow: hidden; +} + +// 功能菜单样式 +.function-menu { + background: white; + border-radius: 16px; + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); + margin: 16px; + padding: 16px; + + .menu-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 16px; + + .menu-item { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 24px 16px; + border-radius: 12px; + cursor: pointer; + transition: all 0.2s ease; + + &:active { + transform: scale(0.98); + } + + .menu-icon { + width: 48px; + height: 48px; + border-radius: 50%; + background: white; + display: flex; + align-items: center; + justify-content: center; + font-size: 24px; + margin-bottom: 8px; + } + + .menu-text { + font-size: 14px; + font-weight: 500; + } + } + } +} diff --git a/src/dealer/index.tsx b/src/dealer/index.tsx new file mode 100644 index 0000000..8ec3f74 --- /dev/null +++ b/src/dealer/index.tsx @@ -0,0 +1,64 @@ +import {useEffect} from 'react' +import { View } from '@tarojs/components' +import Taro from '@tarojs/taro' +import NavigationBar from "./components/NavigationBar" +import UserCard from "./components/UserCard" +import EarningsCard from "./components/EarningsCard" +import FunctionMenu from "./components/FunctionMenu" +import './index.scss' +function Index() { + + useEffect(() => { + // 设置页面标题 + Taro.setNavigationBarTitle({ + title: '分销中心' + }) + }, []); + + const handleWithdraw = () => { + Taro.showModal({ + title: '提现', + content: '确定要进行提现操作吗？', + success: (res) => { + if (res.confirm) { + Taro.showToast({ + title: '提现申请已提交', + icon: 'success' + }) + } + } + }) + } + + const handleBack = () => { + Taro.navigateBack({ + delta: 1 + }) + } + + const handleMore = () => { + Taro.showActionSheet({ + itemList: ['分享给朋友', '客服咨询', '使用帮助'], + success: (res) => { + const actions = ['分享给朋友', '客服咨询', '使用帮助'] + Taro.showToast({ + title: actions[res.tapIndex], + icon: 'none' + }) + } + }) + } + + return ( + + + + + + ) +} + +export default Index diff --git a/src/dealer/orders/index.scss b/src/dealer/orders/index.scss new file mode 100644 index 0000000..001d9b5 --- /dev/null +++ b/src/dealer/orders/index.scss @@ -0,0 +1,145 @@ +.distribution-orders-page { + min-height: 100vh; + background-color: #f5f5f5; + + .loading-container { + display: flex; + justify-content: center; + align-items: center; + height: 200px; + } + + .stats-card { + background: white; + margin: 16px; + border-radius: 12px; + padding: 20px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + + .stats-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 20px; + + .stat-item { + text-align: center; + + .stat-value { + font-size: 20px; // 对应 text-xl + font-weight: bold; + color: #1f2937; + margin-bottom: 4px; + } + + .stat-label { + font-size: 16px; // 对应 text-base + color: #6b7280; + } + } + } + } + + .orders-container { + margin: 0 16px; + + .empty-container { + display: flex; + justify-content: center; + align-items: center; + height: 300px; + } + + .orders-list { + margin-top: 16px; + + .order-item { + background: white; + border-radius: 12px; + padding: 16px; + margin-bottom: 12px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + cursor: pointer; + transition: all 0.2s ease; + + &:active { + transform: scale(0.98); + background-color: #f9f9f9; + } + + .order-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 12px; + + .order-no { + font-size: 14px; // 对应 text-sm + color: #6b7280; + } + + .order-status { + font-size: 14px; // 对应 text-sm + font-weight: 500; + padding: 4px 12px; + border-radius: 20px; + background-color: rgba(0, 0, 0, 0.05); + } + } + + .order-content { + display: flex; + margin-bottom: 12px; + + .product-image { + width: 60px; + height: 60px; + border-radius: 8px; + margin-right: 12px; + background-color: #f3f4f6; + } + + .order-info { + flex: 1; + + .product-name { + font-size: 20px; // 对应 text-xl，主要标题 + font-weight: 500; + color: #1f2937; + margin-bottom: 6px; + line-height: 1.4; + } + + .buyer-info { + font-size: 16px; // 对应 text-base + color: #6b7280; + margin-bottom: 8px; + } + + .amount-info { + display: flex; + justify-content: space-between; + align-items: center; + + .order-amount { + font-size: 16px; // 对应 text-base + color: #6b7280; + } + + .commission { + font-size: 20px; // 对应 text-xl，重要数字 + font-weight: bold; + color: #ef4444; + } + } + } + } + + .order-time { + font-size: 14px; // 对应 text-sm + color: #9ca3af; + text-align: right; + } + } + } + } +} diff --git a/src/dealer/orders/index.tsx b/src/dealer/orders/index.tsx new file mode 100644 index 0000000..c4f6e92 --- /dev/null +++ b/src/dealer/orders/index.tsx @@ -0,0 +1,238 @@ +import { useState, useEffect } from 'react' +import { View, Image } from '@tarojs/components' +import Taro from '@tarojs/taro' +import { Empty, Tabs, TabPane } from '@nutui/nutui-react-taro' +import './index.scss' + +interface DistributionOrder { + id: string + orderNo: string + productName: string + productImage: string + buyerName: string + orderAmount: number + commission: number + commissionRate: number + status: 'pending' | 'confirmed' | 'settled' + statusText: string + createTime: string + settleTime?: string +} + +function DistributionOrders() { + const [activeTab, setActiveTab] = useState('0') + const [orders, setOrders] = useState([]) + const [loading, setLoading] = useState(true) + const [stats, setStats] = useState({ + totalCommission: 0, + pendingCommission: 0, + settledCommission: 0, + totalOrders: 0 + }) + + useEffect(() => { + Taro.setNavigationBarTitle({ + title: '分销订单' + }) + loadOrders() + }, []) + + const loadOrders = async () => { + try { + setLoading(true) + // 模拟数据 + const mockData: DistributionOrder[] = [ + { + id: '1', + orderNo: 'DD202401150001', + productName: '有机蔬菜礼盒装', + productImage: 'https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/116794/5fc6f541Edebf8a57/4138097748889987.png', + buyerName: '张***', + orderAmount: 299.00, + commission: 29.90, + commissionRate: 10, + status: 'settled', + statusText: '已结算', + createTime: '2024-01-15 14:30:00', + settleTime: '2024-01-16 10:00:00' + }, + { + id: '2', + orderNo: 'DD202401140002', + productName: '新鲜水果组合', + productImage: 'https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/116794/5fc6f541Edebf8a57/4138097748889987.png', + buyerName: '李***', + orderAmount: 158.00, + commission: 15.80, + commissionRate: 10, + status: 'confirmed', + statusText: '已确认', + createTime: '2024-01-14 09:20:00' + }, + { + id: '3', + orderNo: 'DD202401130003', + productName: '农家土鸡蛋', + productImage: 'https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/116794/5fc6f541Edebf8a57/4138097748889987.png', + buyerName: '王***', + orderAmount: 88.00, + commission: 8.80, + commissionRate: 10, + status: 'pending', + statusText: '待确认', + createTime: '2024-01-13 16:45:00' + } + ] + + // 计算统计数据 + const totalCommission = mockData.reduce((sum, order) => sum + order.commission, 0) + const pendingCommission = mockData.filter(o => o.status === 'pending').reduce((sum, order) => sum + order.commission, 0) + const settledCommission = mockData.filter(o => o.status === 'settled').reduce((sum, order) => sum + order.commission, 0) + + setTimeout(() => { + setOrders(mockData) + setStats({ + totalCommission, + pendingCommission, + settledCommission, + totalOrders: mockData.length + }) + setLoading(false) + }, 1000) + } catch (error) { + console.error('加载分销订单失败:', error) + setLoading(false) + } + } + + const getStatusColor = (status: string) => { + switch (status) { + case 'settled': + return '#10B981' + case 'confirmed': + return '#3B82F6' + case 'pending': + return '#F59E0B' + default: + return '#6B7280' + } + } + + const getFilteredOrders = () => { + switch (activeTab) { + case '1': + return orders.filter(order => order.status === 'pending') + case '2': + return orders.filter(order => order.status === 'confirmed') + case '3': + return orders.filter(order => order.status === 'settled') + default: + return orders + } + } + + const handleOrderClick = (order: DistributionOrder) => { + Taro.showModal({ + title: '订单详情', + content: ` +订单号：${order.orderNo} +商品：${order.productName} +购买人：${order.buyerName} +订单金额：¥${order.orderAmount.toFixed(2)} +佣金比例：${order.commissionRate}% +佣金金额：¥${order.commission.toFixed(2)} +下单时间：${order.createTime} +${order.settleTime ? `结算时间：${order.settleTime}` : ''} + `.trim(), + showCancel: false + }) + } + + if (loading) { + return ( + + + 加载中... + + + ) + } + + return ( + + {/* 统计卡片 */} + + + + ¥{stats.totalCommission.toFixed(2)} + 累计佣金 + + + ¥{stats.settledCommission.toFixed(2)} + 已结算 + + + ¥{stats.pendingCommission.toFixed(2)} + 待结算 + + + {stats.totalOrders} + 订单数 + + + + + {/* 订单列表 */} + + setActiveTab(value)}> + + + + + + + + {getFilteredOrders().length === 0 ? ( + + + + ) : ( + getFilteredOrders().map((order) => ( + handleOrderClick(order)} + > + + 订单号：{order.orderNo} + + {order.statusText} + + + + + + + {order.productName} + 购买人：{order.buyerName} + + 订单金额：¥{order.orderAmount.toFixed(2)} + 佣金：¥{order.commission.toFixed(2)} + + + + + 下单时间：{order.createTime} + + )) + )} + + + + ) +} + +export default DistributionOrders diff --git a/src/dealer/qrcode/index.scss b/src/dealer/qrcode/index.scss new file mode 100644 index 0000000..e39411c --- /dev/null +++ b/src/dealer/qrcode/index.scss @@ -0,0 +1,247 @@ +.promotion-qrcode-page { + min-height: 100vh; + background-color: #f5f5f5; + padding: 16px; + + .user-card { + background: white; + border-radius: 12px; + padding: 20px; + margin-bottom: 16px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + display: flex; + align-items: center; + + .user-avatar { + width: 60px; + height: 60px; + border-radius: 50%; + margin-right: 16px; + } + + .user-info { + flex: 1; + + .user-name { + font-size: 20px; // 对应 text-xl + font-weight: bold; + color: #1f2937; + margin-bottom: 6px; + } + + .invite-code { + font-size: 16px; // 对应 text-base + color: #6b7280; + background-color: #f3f4f6; + padding: 6px 10px; + border-radius: 6px; + display: inline-block; + } + } + } + + .qrcode-container { + .qrcode-card { + background: white; + border-radius: 12px; + padding: 24px; + margin-bottom: 16px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + text-align: center; + + .qrcode-header { + margin-bottom: 24px; + + .title { + font-size: 20px; // 对应 text-xl + font-weight: bold; + color: #1f2937; + margin-bottom: 6px; + } + + .subtitle { + font-size: 16px; // 对应 text-base + color: #6b7280; + } + } + + .qrcode-wrapper { + margin-bottom: 20px; + + .qrcode-loading { + width: 200px; + height: 200px; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; + background-color: #f9fafb; + border-radius: 12px; + + .loading-text { + color: #6b7280; + } + } + + .qrcode-image-container { + .qrcode-placeholder { + width: 200px; + height: 200px; + margin: 0 auto 12px; + background: white; + border: 2px solid #e5e7eb; + border-radius: 12px; + display: flex; + align-items: center; + justify-content: center; + + .qr-pattern { + width: 160px; + height: 160px; + position: relative; + + .qr-corner { + position: absolute; + width: 30px; + height: 30px; + border: 3px solid #1f2937; + + &.top-left { + top: 0; + left: 0; + border-right: none; + border-bottom: none; + } + + &.top-right { + top: 0; + right: 0; + border-left: none; + border-bottom: none; + } + + &.bottom-left { + bottom: 0; + left: 0; + border-right: none; + border-top: none; + } + } + + .qr-dots { + display: grid; + grid-template-columns: repeat(5, 1fr); + gap: 8px; + padding: 40px 20px; + + .qr-dot { + width: 8px; + height: 8px; + background-color: #1f2937; + border-radius: 1px; + } + } + } + } + + .qrcode-tip { + font-size: 14px; // 对应 text-sm + color: #9ca3af; + } + } + } + + .qrcode-info { + .info-item { + text-align: left; + padding: 12px; + background-color: #f9fafb; + border-radius: 8px; + + .info-label { + font-size: 16px; // 对应 text-base + color: #6b7280; + margin-bottom: 4px; + } + + .info-value { + font-size: 14px; // 对应 text-sm + color: #1f2937; + word-break: break-all; + line-height: 1.4; + } + } + } + } + } + + .action-buttons { + margin-bottom: 24px; + + .action-btn { + width: 100%; + margin-bottom: 12px; + border-radius: 8px; + font-size: 16px; + font-weight: 500; + + &.primary { + background: linear-gradient(135deg, #3b82f6, #1d4ed8); + color: white; + border: none; + } + + &.secondary { + background: white; + color: #3b82f6; + border: 1px solid #3b82f6; + } + + &.tertiary { + background: #f3f4f6; + color: #6b7280; + border: none; + } + } + } + + .usage-tips { + background: white; + border-radius: 12px; + padding: 20px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + + .tips-title { + font-size: 20px; // 对应 text-xl + font-weight: bold; + color: #1f2937; + margin-bottom: 16px; + } + + .tips-list { + .tip-item { + font-size: 16px; // 对应 text-base + color: #6b7280; + line-height: 1.6; + margin-bottom: 8px; + padding-left: 8px; + position: relative; + + &:before { + content: ''; + position: absolute; + left: 0; + top: 8px; + width: 4px; + height: 4px; + background-color: #3b82f6; + border-radius: 50%; + } + + &:last-child { + margin-bottom: 0; + } + } + } + } +} diff --git a/src/dealer/qrcode/index.tsx b/src/dealer/qrcode/index.tsx new file mode 100644 index 0000000..7b2f331 --- /dev/null +++ b/src/dealer/qrcode/index.tsx @@ -0,0 +1,221 @@ +import { useState, useEffect } from 'react' +import { View, Canvas, Image } from '@tarojs/components' +import Taro from '@tarojs/taro' +import { Button } from '@nutui/nutui-react-taro' +import './index.scss' + +interface UserInfo { + id: string + nickname: string + avatar: string + inviteCode: string +} + +function PromotionQRCode() { + const [userInfo, setUserInfo] = useState({ + id: '12345', + nickname: '分销达人', + avatar: 'https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/116794/5fc6f541Edebf8a57/4138097748889987.png', + inviteCode: 'INV12345' + }) + const [qrCodeUrl, setQrCodeUrl] = useState('') + const [loading, setLoading] = useState(false) + + useEffect(() => { + Taro.setNavigationBarTitle({ + title: '推广二维码' + }) + generateQRCode() + }, []) + + const generateQRCode = async () => { + try { + setLoading(true) + // 模拟生成二维码 + // 实际项目中应该调用后端API生成包含邀请码的二维码 + const inviteUrl = `https://your-domain.com/invite?code=${userInfo.inviteCode}` + + // 这里使用一个模拟的二维码图片 + // 实际项目中可以使用二维码生成库或调用API + const mockQRCode = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg==' + + setTimeout(() => { + setQrCodeUrl(mockQRCode) + setLoading(false) + }, 1000) + } catch (error) { + console.error('生成二维码失败:', error) + setLoading(false) + Taro.showToast({ + title: '生成失败', + icon: 'error' + }) + } + } + + const handleSaveImage = async () => { + try { + if (!qrCodeUrl) { + Taro.showToast({ + title: '二维码未生成', + icon: 'none' + }) + return + } + + // 在实际项目中，这里应该将二维码保存到相册 + Taro.showModal({ + title: '保存二维码', + content: '是否保存二维码到相册？', + success: (res) => { + if (res.confirm) { + // 实际保存逻辑 + Taro.showToast({ + title: '保存成功', + icon: 'success' + }) + } + } + }) + } catch (error) { + console.error('保存图片失败:', error) + Taro.showToast({ + title: '保存失败', + icon: 'error' + }) + } + } + + const handleShareQRCode = () => { + Taro.showActionSheet({ + itemList: ['分享给朋友', '分享到朋友圈', '复制邀请链接'], + success: (res) => { + const actions = ['分享给朋友', '分享到朋友圈', '复制邀请链接'] + const action = actions[res.tapIndex] + + if (action === '复制邀请链接') { + const inviteUrl = `https://your-domain.com/invite?code=${userInfo.inviteCode}` + Taro.setClipboardData({ + data: inviteUrl, + success: () => { + Taro.showToast({ + title: '链接已复制', + icon: 'success' + }) + } + }) + } else { + Taro.showToast({ + title: action, + icon: 'none' + }) + } + } + }) + } + + const handleRefreshQRCode = () => { + Taro.showModal({ + title: '刷新二维码', + content: '确定要重新生成二维码吗？', + success: (res) => { + if (res.confirm) { + generateQRCode() + } + } + }) + } + + return ( + + {/* 用户信息卡片 */} + + + + {userInfo.nickname} + 邀请码：{userInfo.inviteCode} + + + + {/* 二维码展示区域 */} + + + + 我的专属推广二维码 + 扫码注册成为我的下级 + + + + {loading ? ( + + 生成中... + + ) : ( + + {/* 实际项目中这里应该显示真实的二维码 */} + + + + + + + {Array.from({ length: 25 }).map((_, index) => ( + + ))} + + + + 长按识别二维码 + + )} + + + + + 邀请链接 + https://your-domain.com/invite?code={userInfo.inviteCode} + + + + + + {/* 操作按钮 */} + + + + + + + {/* 使用说明 */} + + 使用说明 + + 1. 分享二维码给好友，好友扫码注册成为您的下级 + 2. 下级用户的消费订单将为您带来佣金收益 + 3. 可以保存二维码图片或复制邀请链接进行推广 + 4. 二维码长期有效，可重复使用 + + + + ) +} + +export default PromotionQRCode diff --git a/src/dealer/team/index.scss b/src/dealer/team/index.scss new file mode 100644 index 0000000..b1ec4a3 --- /dev/null +++ b/src/dealer/team/index.scss @@ -0,0 +1,176 @@ +.my-team-page { + min-height: 100vh; + background-color: #f5f5f5; + + .loading-container { + display: flex; + justify-content: center; + align-items: center; + height: 200px; + } + + .team-stats { + background: white; + margin: 16px; + border-radius: 12px; + padding: 20px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + + .stats-grid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 20px; + + .stat-item { + text-align: center; + + .stat-value { + font-size: 20px; // 对应 text-xl + font-weight: bold; + color: #1f2937; + margin-bottom: 4px; + } + + .stat-label { + font-size: 16px; // 对应 text-base + color: #6b7280; + } + } + } + } + + .level-stats { + background: white; + margin: 0 16px 16px; + border-radius: 12px; + padding: 16px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + + .level-item { + display: flex; + justify-content: space-between; + align-items: center; + padding: 12px 0; + + &:not(:last-child) { + border-bottom: 1px solid #f3f4f6; + } + + .level-info { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + + .level-title { + font-size: 20px; // 对应 text-xl + color: #1f2937; + } + + .level-count { + font-size: 20px; // 对应 text-xl + font-weight: bold; + color: #3b82f6; + } + } + } + } + + .members-container { + margin: 0 16px; + + .empty-container { + display: flex; + justify-content: center; + align-items: center; + height: 300px; + } + + .members-list { + margin-top: 16px; + + .member-item { + background: white; + border-radius: 12px; + padding: 16px; + margin-bottom: 12px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + display: flex; + align-items: center; + cursor: pointer; + transition: all 0.2s ease; + + &:active { + transform: scale(0.98); + background-color: #f9f9f9; + } + + .member-info { + flex: 1; + margin-left: 12px; + + .member-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 8px; + + .member-name { + font-size: 20px; // 对应 text-xl，成员名称是重要信息 + font-weight: 500; + color: #1f2937; + } + + .member-level { + font-size: 14px; // 对应 text-sm + padding: 4px 10px; + border-radius: 12px; + color: white; + + &.level-1 { + background-color: #3b82f6; + } + + &.level-2 { + background-color: #10b981; + } + } + } + + .member-stats { + display: flex; + gap: 16px; + margin-bottom: 6px; + + .stat { + font-size: 16px; // 对应 text-base + color: #6b7280; + } + } + + .member-time { + font-size: 14px; // 对应 text-sm + color: #9ca3af; + } + } + + .member-status { + font-size: 14px; // 对应 text-sm + padding: 6px 10px; + border-radius: 12px; + margin-left: 12px; + + &.active { + background-color: #d1fae5; + color: #10b981; + } + + &.inactive { + background-color: #fee2e2; + color: #ef4444; + } + } + } + } + } +} diff --git a/src/dealer/team/index.tsx b/src/dealer/team/index.tsx new file mode 100644 index 0000000..371c3f2 --- /dev/null +++ b/src/dealer/team/index.tsx @@ -0,0 +1,244 @@ +import { useState, useEffect } from 'react' +import { View } from '@tarojs/components' +import Taro from '@tarojs/taro' +import { Avatar, Empty, Tabs, TabPane } from '@nutui/nutui-react-taro' +import './index.scss' + +interface TeamMember { + id: string + nickname: string + avatar: string + joinTime: string + level: number + orderCount: number + totalCommission: number + status: 'active' | 'inactive' +} + +interface TeamStats { + totalMembers: number + activeMembers: number + level1Members: number + level2Members: number + totalCommission: number + monthCommission: number +} + +function MyTeam() { + const [activeTab, setActiveTab] = useState('0') + const [members, setMembers] = useState([]) + const [stats, setStats] = useState({ + totalMembers: 0, + activeMembers: 0, + level1Members: 0, + level2Members: 0, + totalCommission: 0, + monthCommission: 0 + }) + const [loading, setLoading] = useState(true) + + useEffect(() => { + Taro.setNavigationBarTitle({ + title: '我的团队' + }) + loadTeamData() + }, []) + + const loadTeamData = async () => { + try { + setLoading(true) + // 模拟数据 + const mockMembers: TeamMember[] = [ + { + id: '1', + nickname: '张小明', + avatar: 'https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/116794/5fc6f541Edebf8a57/4138097748889987.png', + joinTime: '2024-01-15', + level: 1, + orderCount: 15, + totalCommission: 150.50, + status: 'active' + }, + { + id: '2', + nickname: '李小红', + avatar: 'https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/116794/5fc6f541Edebf8a57/4138097748889987.png', + joinTime: '2024-01-10', + level: 1, + orderCount: 8, + totalCommission: 89.20, + status: 'active' + }, + { + id: '3', + nickname: '王小华', + avatar: 'https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/116794/5fc6f541Edebf8a57/4138097748889987.png', + joinTime: '2024-01-08', + level: 2, + orderCount: 3, + totalCommission: 25.80, + status: 'inactive' + }, + { + id: '4', + nickname: '赵小刚', + avatar: 'https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/116794/5fc6f541Edebf8a57/4138097748889987.png', + joinTime: '2024-01-05', + level: 2, + orderCount: 12, + totalCommission: 98.60, + status: 'active' + } + ] + + // 计算统计数据 + const totalMembers = mockMembers.length + const activeMembers = mockMembers.filter(m => m.status === 'active').length + const level1Members = mockMembers.filter(m => m.level === 1).length + const level2Members = mockMembers.filter(m => m.level === 2).length + const totalCommission = mockMembers.reduce((sum, m) => sum + m.totalCommission, 0) + + setTimeout(() => { + setMembers(mockMembers) + setStats({ + totalMembers, + activeMembers, + level1Members, + level2Members, + totalCommission, + monthCommission: totalCommission * 0.3 // 模拟本月佣金 + }) + setLoading(false) + }, 1000) + } catch (error) { + console.error('加载团队数据失败:', error) + setLoading(false) + } + } + + const getFilteredMembers = () => { + switch (activeTab) { + case '1': + return members.filter(member => member.level === 1) + case '2': + return members.filter(member => member.level === 2) + case '3': + return members.filter(member => member.status === 'active') + default: + return members + } + } + + const handleMemberClick = (member: TeamMember) => { + Taro.showModal({ + title: '成员详情', + content: ` +昵称：${member.nickname} +加入时间：${member.joinTime} +等级：${member.level}级下线 +订单数量：${member.orderCount} +累计佣金：¥${member.totalCommission.toFixed(2)} +状态：${member.status === 'active' ? '活跃' : '不活跃'} + `.trim(), + showCancel: false + }) + } + + if (loading) { + return ( + + + 加载中... + + + ) + } + + return ( + + {/* 团队统计 */} + + + + {stats.totalMembers} + 团队总人数 + + + {stats.activeMembers} + 活跃成员 + + + ¥{stats.totalCommission.toFixed(2)} + 累计佣金 + + + ¥{stats.monthCommission.toFixed(2)} + 本月佣金 + + + + + {/* 等级统计 */} + + + + 一级下线 + {stats.level1Members}人 + + + + + 二级下线 + {stats.level2Members}人 + + + + + {/* 成员列表 */} + + setActiveTab(value)}> + + + + + + + + {getFilteredMembers().length === 0 ? ( + + + + ) : ( + getFilteredMembers().map((member) => ( + handleMemberClick(member)} + > + + + + {member.nickname} + + {member.level}级 + + + + 订单：{member.orderCount} + 佣金：¥{member.totalCommission.toFixed(2)} + + 加入时间：{member.joinTime} + + + {member.status === 'active' ? '活跃' : '不活跃'} + + + )) + )} + + + + ) +} + +export default MyTeam diff --git a/src/dealer/withdraw/index.scss b/src/dealer/withdraw/index.scss new file mode 100644 index 0000000..951507e --- /dev/null +++ b/src/dealer/withdraw/index.scss @@ -0,0 +1,75 @@ +.withdraw-detail-page { + min-height: 100vh; + background-color: #f5f5f5; + padding: 16px; + + .loading-container { + display: flex; + justify-content: center; + align-items: center; + height: 200px; + } + + .empty-container { + display: flex; + justify-content: center; + align-items: center; + height: 400px; + } + + .records-list { + .record-item { + background: white; + border-radius: 12px; + padding: 16px; + margin-bottom: 12px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + cursor: pointer; + transition: all 0.2s ease; + + &:active { + transform: scale(0.98); + background-color: #f9f9f9; + } + + .record-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 12px; + + .amount { + font-size: 20px; // 对应 text-xl，重要金额 + font-weight: bold; + color: #1f2937; + } + + .status { + font-size: 14px; // 对应 text-sm + font-weight: 500; + padding: 4px 12px; + border-radius: 20px; + background-color: rgba(0, 0, 0, 0.05); + } + } + + .record-info { + .time { + font-size: 16px; // 对应 text-base + color: #6b7280; + margin-bottom: 4px; + } + + .remark { + font-size: 16px; // 对应 text-base + color: #ef4444; + margin-top: 8px; + padding: 8px; + background-color: #fef2f2; + border-radius: 6px; + border-left: 3px solid #ef4444; + } + } + } + } +} diff --git a/src/dealer/withdraw/index.tsx b/src/dealer/withdraw/index.tsx new file mode 100644 index 0000000..f4a2aaf --- /dev/null +++ b/src/dealer/withdraw/index.tsx @@ -0,0 +1,146 @@ +import { useState, useEffect } from 'react' +import { View } from '@tarojs/components' +import Taro from '@tarojs/taro' +import { Empty } from '@nutui/nutui-react-taro' +import './index.scss' + +interface WithdrawRecord { + id: string + amount: number + status: 'pending' | 'success' | 'failed' + statusText: string + createTime: string + completeTime?: string + remark?: string +} + +function WithdrawDetail() { + const [records, setRecords] = useState([]) + const [loading, setLoading] = useState(true) + + useEffect(() => { + Taro.setNavigationBarTitle({ + title: '提现明细' + }) + loadWithdrawRecords() + }, []) + + const loadWithdrawRecords = async () => { + try { + setLoading(true) + // 模拟数据，实际应该调用API + const mockData: WithdrawRecord[] = [ + { + id: '1', + amount: 100.00, + status: 'success', + statusText: '提现成功', + createTime: '2024-01-15 14:30:00', + completeTime: '2024-01-15 16:45:00' + }, + { + id: '2', + amount: 50.00, + status: 'pending', + statusText: '处理中', + createTime: '2024-01-10 09:20:00' + }, + { + id: '3', + amount: 200.00, + status: 'failed', + statusText: '提现失败', + createTime: '2024-01-05 11:15:00', + remark: '银行卡信息有误' + } + ] + + setTimeout(() => { + setRecords(mockData) + setLoading(false) + }, 1000) + } catch (error) { + console.error('加载提现记录失败:', error) + setLoading(false) + } + } + + const getStatusColor = (status: string) => { + switch (status) { + case 'success': + return '#10B981' + case 'pending': + return '#F59E0B' + case 'failed': + return '#EF4444' + default: + return '#6B7280' + } + } + + const handleRecordClick = (record: WithdrawRecord) => { + const content = ` +提现金额：¥${record.amount.toFixed(2)} +申请时间：${record.createTime} +${record.completeTime ? `完成时间：${record.completeTime}` : ''} +${record.remark ? `备注：${record.remark}` : ''} + `.trim() + + Taro.showModal({ + title: '提现详情', + content, + showCancel: false + }) + } + + if (loading) { + return ( + + + 加载中... + + + ) + } + + return ( + + {records.length === 0 ? ( + + + + ) : ( + + {records.map((record) => ( + handleRecordClick(record)} + > + + ¥{record.amount.toFixed(2)} + + {record.statusText} + + + + 申请时间：{record.createTime} + {record.completeTime && ( + 完成时间：{record.completeTime} + )} + {record.remark && ( + 备注：{record.remark} + )} + + + ))} + + )} + + ) +} + +export default WithdrawDetail diff --git a/src/pages/user/components/UserCell.tsx b/src/pages/user/components/UserCell.tsx index 5701c42..2a363d1 100644 --- a/src/pages/user/components/UserCell.tsx +++ b/src/pages/user/components/UserCell.tsx @@ -32,11 +32,9 @@ const UserCell = () => { backgroundImage: 'linear-gradient(to right bottom, #54a799, #177b73)', }} title={ -
+
navTo('/dealer/index', true)}> -
- 开通会员 -
+ 开通会员 享优惠
}