+
+ );
+}
+
+interface DropdownMenuItemProps {
+ children: React.ReactNode;
+ onClick?: () => void;
+ disabled?: boolean;
+}
+
+export function DropdownMenuItem({ children, onClick, disabled = false }: DropdownMenuItemProps) {
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/nkebao/src/components/ui/input.tsx b/nkebao/src/components/ui/input.tsx
index 104635ef..9bc18656 100644
--- a/nkebao/src/components/ui/input.tsx
+++ b/nkebao/src/components/ui/input.tsx
@@ -3,6 +3,7 @@ import React from 'react';
interface InputProps {
value?: string;
onChange?: (e: React.ChangeEvent
+ {React.Children.map(children, (child) => {
+ if (React.isValidElement(child)) {
+ return React.cloneElement(child, {
+ ...child.props,
+ children: (
+ <>
+ {child.props.children}
+ {isOpen && (
+
+
+ {children}
+
+ )}
+
+ )
+ });
+ }
+ return child;
+ })}
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/nkebao/src/components/ui/switch.tsx b/nkebao/src/components/ui/switch.tsx
new file mode 100644
index 00000000..0b2a85f7
--- /dev/null
+++ b/nkebao/src/components/ui/switch.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+
+interface SwitchProps {
+ checked: boolean;
+ onCheckedChange: (checked: boolean) => void;
+ disabled?: boolean;
+ className?: string;
+}
+
+export function Switch({ checked, onCheckedChange, disabled = false, className = '' }: SwitchProps) {
+ return (
+
+ );
+}
\ No newline at end of file
diff --git a/nkebao/src/components/ui/tabs.tsx b/nkebao/src/components/ui/tabs.tsx
new file mode 100644
index 00000000..8e6fe8b1
--- /dev/null
+++ b/nkebao/src/components/ui/tabs.tsx
@@ -0,0 +1,52 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "@/utils";
+
+const Tabs = TabsPrimitive.Root;
+
+const TabsList = React.forwardRef<
+ React.ElementRef内容管理页
;
+ const navigate = useNavigate();
+ const [libraries, setLibraries] = useState
+
+
+
+
+ );
}
\ No newline at end of file
diff --git a/nkebao/src/pages/profile/Profile.tsx b/nkebao/src/pages/profile/Profile.tsx
index 870ce1c9..46f06979 100644
--- a/nkebao/src/pages/profile/Profile.tsx
+++ b/nkebao/src/pages/profile/Profile.tsx
@@ -1,67 +1,50 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { ChevronRight, Settings, Bell, LogOut } from 'lucide-react';
+import { Card } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';
import { useAuth } from '@/contexts/AuthContext';
import { useToast } from '@/components/ui/toast';
-import { LogOut, User, Settings, Shield, Bell } from 'lucide-react';
+
+const menuItems = [
+ { href: '/devices', label: '设备管理' },
+ { href: '/wechat-accounts', label: '微信号管理' },
+ { href: '/traffic-pool', label: '流量池' },
+ { href: '/content', label: '内容库' },
+];
export default function Profile() {
+ const navigate = useNavigate();
const { user, logout, isAuthenticated } = useAuth();
const { toast } = useToast();
+ const [showLogoutDialog, setShowLogoutDialog] = useState(false);
+ const [userInfo, setUserInfo] = useState
+
+
+
+
+
+ 内容库
+
+
+
+
+
+
+
+ 全部
+ 微信好友
+ 聊天群
+
+
+
+
+
+
+
+
+
+
+
+
+ {loading ? (
+
+
+ ))
+ )}
+
+
+
+ ) : filteredLibraries.length === 0 ? (
+
+
+ ) : (
+ filteredLibraries.map((library) => (
+
+
+ 暂无数据
+ +
+
+
+
+
+
+ handleEdit(library.id)}>
+
+ handleDelete(library.id)}>
+
+ handleViewMaterials(library.id)}>
+
+
+
+
+
+
+
+
+ {library.isEnabled === 1 ? '已启用' : '未启用'}
+
+
+ {library.name}
+
+
+
+ 来源：
+ {library.sourceType === 1 && library.sourceFriends?.length > 0 ? (
+
+
+ {(library.friendsData || []).slice(0, 3).map((friend) => (
+ 
+ ))}
+ {library.sourceFriends.length > 3 && (
+
+ +{library.sourceFriends.length - 3}
+
+ )}
+
+ ) : library.sourceType === 2 && library.sourceGroups?.length > 0 ? (
+
+
+ ) : (
+
+ )}
+
+ {(library.groupsData || []).slice(0, 3).map((group) => (
+ 
+ ))}
+ {library.sourceGroups.length > 3 && (
+
+ +{library.sourceGroups.length - 3}
+
+ )}
+
+ 创建人：{library.creator}
+ 内容数量：{library.itemCount}
+ 更新时间：{new Date(library.updateTime).toLocaleString('zh-CN', {
+ year: 'numeric',
+ month: '2-digit',
+ day: '2-digit',
+ hour: '2-digit',
+ minute: '2-digit'
+ })}
+
@@ -71,83 +54,102 @@ export default function Profile() {
}
return (
-
-
- {/* 用户信息卡片 */}
-
-
-
- {user?.avatar ? (
- 
- ) : (
-
-
-
+ - {user?.username || '用户'} -
-- {user?.account || '暂无手机号'} -
- {user?.s2_accountId && ( -- ID: {user.s2_accountId} -
- )} -
+
+
- {/* 菜单列表 */}
- {
+ code: number;
+ msg: string;
+ data: T;
+}
+
+interface TrafficPoolResponse {
+ list: TrafficUser[];
+ pagination: {
+ total: number;
+ current: number;
+ pageSize: number;
+ totalPages: number;
+ };
+}
export default function TrafficPool() {
- return ([]);
+ const [activeCategory, setActiveCategory] = useState('potential');
+ const [searchQuery, setSearchQuery] = useState('');
+
+ // 格式化时间
+ const formatDateTime = (dateString: string) => {
+ if (!dateString) return '--';
+ try {
+ const date = new Date(dateString);
+ return date.toLocaleString('zh-CN', {
+ year: 'numeric', month: '2-digit', day: '2-digit',
+ hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false
+ }).replace(/\//g, '-');
+ } catch (error) {
+ return dateString;
+ }
+ };
+
+ const { toast } = useToast();
+
+ // 获取流量池用户
+ const fetchUsers = useCallback(async () => {
+ try {
+ const params = new URLSearchParams({
+ page: '1',
+ limit: '30',
+ ...(searchQuery ? { keyword: searchQuery } : {}),
+ });
+ const endpoint = activeCategory === 'customer' ? '/v1/traffic/pool/converted' : '/v1/traffic/pool';
+ const response = await get>(`${endpoint}?${params.toString()}`);
+ if (response.code === 200 && response.data) {
+ setUsers(response.data.list);
+ } else {
+ toast({ title: '获取失败', description: response.msg || '获取流量池失败' });
+ }
+ } catch (error: any) {
+ toast({ title: '网络错误', description: error?.message || '请检查网络连接' });
+ }
+ }, [activeCategory, searchQuery, toast]);
+
+ useEffect(() => {
+ fetchUsers();
+ }, [fetchUsers]);
+
+ return (
+ ([]);
+ const [isLoading, setIsLoading] = useState(true);
+ const [searchQuery, setSearchQuery] = useState('');
+ const [currentPage, setCurrentPage] = useState(1);
+ const [pageSize, setPageSize] = useState(10);
+ const [total, setTotal] = useState(0);
+
+ // 模拟数据
+ const mockTasks: GroupTask[] = [
+ {
+ id: '1',
+ name: '自动建群任务1',
+ status: 1,
+ deviceCount: 3,
+ groupCount: 15,
+ memberCount: 450,
+ lastCreateTime: '2024-03-18 16:30:00',
+ createTime: '2024-03-15 10:00:00',
+ creator: 'admin',
+ creatorName: '管理员',
+ config: {
+ devices: ['device1', 'device2', 'device3'],
+ targetGroups: ['VIP客户', '活跃用户'],
+ maxMembersPerGroup: 30
+ }
+ },
+ {
+ id: '2',
+ name: '自动建群任务2',
+ status: 0,
+ deviceCount: 2,
+ groupCount: 8,
+ memberCount: 240,
+ lastCreateTime: '2024-03-17 14:20:00',
+ createTime: '2024-03-14 15:30:00',
+ creator: 'user1',
+ creatorName: '用户1',
+ config: {
+ devices: ['device4', 'device5'],
+ targetGroups: ['新客户'],
+ maxMembersPerGroup: 25
+ }
+ }
+ ];
+
+ // 获取任务列表
+ const fetchTasks = async () => {
+ setIsLoading(true);
+ try {
+ // 模拟API调用
+ await new Promise(resolve => setTimeout(resolve, 1000));
+
+ // 模拟搜索过滤
+ let filteredTasks = mockTasks;
+ if (searchQuery) {
+ filteredTasks = mockTasks.filter(task =>
+ task.name.toLowerCase().includes(searchQuery.toLowerCase())
+ );
+ }
+
+ setTasks(filteredTasks);
+ setTotal(filteredTasks.length);
+ } catch (error: any) {
+ console.error('获取自动建群任务列表失败:', error);
+ toast({
+ title: '获取失败',
+ description: error?.message || '请检查网络连接',
+ });
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ // 组件加载时获取任务列表
+ useEffect(() => {
+ fetchTasks();
+ }, [currentPage, pageSize]);
+
+ // 处理页码变化
+ const handlePageChange = (page: number) => {
+ setCurrentPage(page);
+ };
+
+ // 搜索任务
+ const handleSearch = () => {
+ fetchTasks();
+ };
+
+ // 切换任务状态
+ const toggleTaskStatus = async (taskId: string, currentStatus: number) => {
+ try {
+ // 模拟API调用
+ await new Promise(resolve => setTimeout(resolve, 500));
+
+ const newStatus = currentStatus === 1 ? 0 : 1;
+ setTasks(
+ tasks.map((task) =>
+ task.id === taskId ? { ...task, status: newStatus } : task
+ )
+ );
+
+ toast({
+ title: '状态更新成功',
+ description: `任务已${newStatus === 1 ? '启用' : '暂停'}`,
+ });
+ } catch (error: any) {
+ console.error('更新任务状态失败:', error);
+ toast({
+ title: '更新失败',
+ description: error?.message || '更新任务状态失败',
+ });
+ }
+ };
+
+ // 执行删除
+ const handleDelete = async (taskId: string) => {
+ try {
+ // 模拟API调用
+ await new Promise(resolve => setTimeout(resolve, 500));
+
+ setTasks(tasks.filter((task) => task.id !== taskId));
+ toast({
+ title: '删除成功',
+ description: '已成功删除建群任务',
+ });
+ } catch (error: any) {
+ console.error('删除任务失败:', error);
+ toast({
+ title: '删除失败',
+ description: error?.message || '删除任务失败',
+ });
+ }
+ };
+
+ // 编辑任务
+ const handleEdit = (taskId: string) => {
+ navigate(`/workspace/auto-group/${taskId}/edit`);
+ };
+
+ // 查看任务详情
+ const handleView = (taskId: string) => {
+ navigate(`/workspace/auto-group/${taskId}`);
+ };
+
+ // 复制任务
+ const handleCopy = async (taskId: string) => {
+ try {
+ // 模拟API调用
+ await new Promise(resolve => setTimeout(resolve, 500));
+
+ const taskToCopy = tasks.find(task => task.id === taskId);
+ if (taskToCopy) {
+ const newTask = {
+ ...taskToCopy,
+ id: Date.now().toString(),
+ name: `${taskToCopy.name} (副本)`,
+ status: 0,
+ createTime: new Date().toLocaleString(),
+ groupCount: 0,
+ memberCount: 0,
+ lastCreateTime: '-'
+ };
+ setTasks([newTask, ...tasks]);
+ toast({
+ title: '复制成功',
+ description: '已成功复制建群任务',
+ });
+ }
+ } catch (error: any) {
+ console.error('复制任务失败:', error);
+ toast({
+ title: '复制失败',
+ description: error?.message || '复制任务失败',
+ });
+ }
+ };
+
+ // 过滤任务
+ const filteredTasks = tasks.filter(
+ (task) => task.name.toLowerCase().includes(searchQuery.toLowerCase())
+ );
+
+ return (
+ (null);
+ const [tasks, setTasks] = useState([]);
+ const [loading, setLoading] = useState(false);
+ const [searchName, setSearchName] = useState('');
+ const [currentPage, setCurrentPage] = useState(1);
+ const [total, setTotal] = useState(0);
+ const pageSize = 10;
+
+ // 模拟数据
+ const mockTasks: Task[] = [
+ {
+ id: 1,
+ name: '智能点赞任务1',
+ type: 1,
+ status: 1,
+ autoStart: 1,
+ createTime: '2024-03-18 10:00:00',
+ updateTime: '2024-03-18 16:30:00',
+ config: {
+ id: 1,
+ workbenchId: 1,
+ interval: 30,
+ maxLikes: 100,
+ friendMaxLikes: 3,
+ startTime: '09:00',
+ endTime: '18:00',
+ contentTypes: ['text', 'image'],
+ devices: [1, 2, 3],
+ targetGroups: ['VIP客户', '活跃用户'],
+ tagOperator: 1,
+ createTime: '2024-03-18 10:00:00',
+ updateTime: '2024-03-18 16:30:00',
+ todayLikeCount: 45,
+ totalLikeCount: 1234,
+ friends: ['friend1', 'friend2', 'friend3'],
+ enableFriendTags: true,
+ friendTags: '重要客户'
+ }
+ },
+ {
+ id: 2,
+ name: '自动点赞任务2',
+ type: 1,
+ status: 2,
+ autoStart: 0,
+ createTime: '2024-03-17 14:20:00',
+ updateTime: '2024-03-18 12:15:00',
+ config: {
+ id: 2,
+ workbenchId: 2,
+ interval: 60,
+ maxLikes: 50,
+ friendMaxLikes: 2,
+ startTime: '10:00',
+ endTime: '20:00',
+ contentTypes: ['video'],
+ devices: [4, 5],
+ targetGroups: ['新客户'],
+ tagOperator: 2,
+ createTime: '2024-03-17 14:20:00',
+ updateTime: '2024-03-18 12:15:00',
+ todayLikeCount: 0,
+ totalLikeCount: 567,
+ friends: ['friend4', 'friend5'],
+ enableFriendTags: false
+ }
+ }
+ ];
+
+ const fetchTasks = async (page: number, name?: string) => {
+ setLoading(true);
+ try {
+ // 模拟API调用
+ await new Promise(resolve => setTimeout(resolve, 1000));
+
+ // 模拟搜索过滤
+ let filteredTasks = mockTasks;
+ if (name) {
+ filteredTasks = mockTasks.filter(task =>
+ task.name.toLowerCase().includes(name.toLowerCase())
+ );
+ }
+
+ setTasks(filteredTasks);
+ setTotal(filteredTasks.length);
+ } catch (error: any) {
+ console.error('获取任务列表失败:', error);
+ toast({
+ title: '获取失败',
+ description: error?.message || '请检查网络连接',
+ });
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ useEffect(() => {
+ fetchTasks(currentPage, searchName);
+ }, [currentPage]);
+
+ const handleSearch = () => {
+ setCurrentPage(1);
+ fetchTasks(1, searchName);
+ };
+
+ const handleRefresh = () => {
+ fetchTasks(currentPage, searchName);
+ };
+
+ const toggleExpand = (taskId: number) => {
+ setExpandedTaskId(expandedTaskId === taskId ? null : taskId);
+ };
+
+ const handleDelete = async (taskId: number) => {
+ try {
+ // 模拟API调用
+ await new Promise(resolve => setTimeout(resolve, 500));
+
+ setTasks(tasks.filter(task => task.id !== taskId));
+ toast({
+ title: '删除成功',
+ description: '已成功删除点赞任务',
+ });
+ } catch (error: any) {
+ console.error('删除任务失败:', error);
+ toast({
+ title: '删除失败',
+ description: error?.message || '请检查网络连接',
+ });
+ }
+ };
+
+ const handleEdit = (taskId: number) => {
+ navigate(`/workspace/auto-like/${taskId}/edit`);
+ };
+
+ const handleView = (taskId: number) => {
+ navigate(`/workspace/auto-like/${taskId}`);
+ };
+
+ const handleCopy = async (taskId: number) => {
+ try {
+ // 模拟API调用
+ await new Promise(resolve => setTimeout(resolve, 500));
+
+ const taskToCopy = tasks.find(task => task.id === taskId);
+ if (taskToCopy) {
+ const newTask = {
+ ...taskToCopy,
+ id: Date.now(),
+ name: `${taskToCopy.name} (副本)`,
+ status: 2,
+ createTime: new Date().toLocaleString(),
+ updateTime: new Date().toLocaleString(),
+ config: {
+ ...taskToCopy.config,
+ id: Date.now(),
+ workbenchId: Date.now(),
+ todayLikeCount: 0,
+ totalLikeCount: 0,
+ createTime: new Date().toLocaleString(),
+ updateTime: new Date().toLocaleString(),
+ }
+ };
+ setTasks([newTask, ...tasks]);
+ toast({
+ title: '复制成功',
+ description: '已成功复制点赞任务',
+ });
+ }
+ } catch (error: any) {
+ console.error('复制任务失败:', error);
+ toast({
+ title: '复制失败',
+ description: error?.message || '请检查网络连接',
+ });
+ }
+ };
+
+ const toggleTaskStatus = async (taskId: number, currentStatus: number) => {
+ try {
+ // 模拟API调用
+ await new Promise(resolve => setTimeout(resolve, 500));
+
+ const newStatus = currentStatus === 1 ? 2 : 1;
+ setTasks(tasks.map(task =>
+ task.id === taskId
+ ? { ...task, status: newStatus }
+ : task
+ ));
+
+ toast({
+ title: '状态更新成功',
+ description: `任务${newStatus === 1 ? '已启动' : '已暂停'}`,
+ });
+ } catch (error: any) {
+ console.error('更新任务状态失败:', error);
+ toast({
+ title: '更新失败',
+ description: error?.message || '请检查网络连接',
+ });
+ }
+ };
+
+ return (
+ ([]);
+ const [isLoading, setIsLoading] = useState(true);
+ const [searchQuery, setSearchQuery] = useState('');
+ const [currentPage, setCurrentPage] = useState(1);
+ const [pageSize, setPageSize] = useState(10);
+ const [total, setTotal] = useState(0);
+
+ // 模拟数据
+ const mockTasks: SyncTask[] = [
+ {
+ id: '1',
+ name: '朋友圈同步任务1',
+ status: 1,
+ deviceCount: 3,
+ contentLib: '营销素材库',
+ syncCount: 156,
+ lastSyncTime: '2024-03-18 16:30:00',
+ createTime: '2024-03-15 10:00:00',
+ creator: 'admin',
+ creatorName: '管理员',
+ config: {
+ devices: ['device1', 'device2', 'device3'],
+ contentLibraryNames: ['营销素材库', '产品介绍库']
+ }
+ },
+ {
+ id: '2',
+ name: '朋友圈同步任务2',
+ status: 0,
+ deviceCount: 2,
+ contentLib: '产品介绍库',
+ syncCount: 89,
+ lastSyncTime: '2024-03-17 14:20:00',
+ createTime: '2024-03-14 15:30:00',
+ creator: 'user1',
+ creatorName: '用户1',
+ config: {
+ devices: ['device4', 'device5'],
+ contentLibraryNames: ['产品介绍库']
+ }
+ }
+ ];
+
+ // 获取任务列表
+ const fetchTasks = async () => {
+ setIsLoading(true);
+ try {
+ // 模拟API调用
+ await new Promise(resolve => setTimeout(resolve, 1000));
+
+ // 模拟搜索过滤
+ let filteredTasks = mockTasks;
+ if (searchQuery) {
+ filteredTasks = mockTasks.filter(task =>
+ task.name.toLowerCase().includes(searchQuery.toLowerCase())
+ );
+ }
+
+ setTasks(filteredTasks);
+ setTotal(filteredTasks.length);
+ } catch (error: any) {
+ console.error('获取朋友圈同步任务列表失败:', error);
+ toast({
+ title: '获取失败',
+ description: error?.message || '请检查网络连接',
+ });
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ // 组件加载时获取任务列表
+ useEffect(() => {
+ fetchTasks();
+ }, [currentPage, pageSize]);
+
+ // 处理页码变化
+ const handlePageChange = (page: number) => {
+ setCurrentPage(page);
+ };
+
+ // 处理每页条数变化
+ const handlePageSizeChange = (size: number) => {
+ setPageSize(size);
+ setCurrentPage(1); // 重置到第一页
+ };
+
+ // 搜索任务
+ const handleSearch = () => {
+ fetchTasks();
+ };
+
+ // 切换任务状态
+ const toggleTaskStatus = async (taskId: string, currentStatus: number) => {
+ try {
+ // 模拟API调用
+ await new Promise(resolve => setTimeout(resolve, 500));
+
+ const newStatus = currentStatus === 1 ? 0 : 1;
+ setTasks(
+ tasks.map((task) =>
+ task.id === taskId ? { ...task, status: newStatus } : task
+ )
+ );
+
+ toast({
+ title: '状态更新成功',
+ description: `任务已${newStatus === 1 ? '启用' : '暂停'}`,
+ });
+ } catch (error: any) {
+ console.error('更新任务状态失败:', error);
+ toast({
+ title: '更新失败',
+ description: error?.message || '更新任务状态失败',
+ });
+ }
+ };
+
+ // 执行删除
+ const handleDelete = async (taskId: string) => {
+ try {
+ // 模拟API调用
+ await new Promise(resolve => setTimeout(resolve, 500));
+
+ setTasks(tasks.filter((task) => task.id !== taskId));
+ toast({
+ title: '删除成功',
+ description: '已成功删除同步任务',
+ });
+ } catch (error: any) {
+ console.error('删除任务失败:', error);
+ toast({
+ title: '删除失败',
+ description: error?.message || '删除任务失败',
+ });
+ }
+ };
+
+ // 编辑任务
+ const handleEdit = (taskId: string) => {
+ navigate(`/workspace/moments-sync/${taskId}/edit`);
+ };
+
+ // 查看任务详情
+ const handleView = (taskId: string) => {
+ navigate(`/workspace/moments-sync/${taskId}`);
+ };
+
+ // 复制任务
+ const handleCopy = async (taskId: string) => {
+ try {
+ // 模拟API调用
+ await new Promise(resolve => setTimeout(resolve, 500));
+
+ const taskToCopy = tasks.find(task => task.id === taskId);
+ if (taskToCopy) {
+ const newTask = {
+ ...taskToCopy,
+ id: Date.now().toString(),
+ name: `${taskToCopy.name} (副本)`,
+ status: 0,
+ createTime: new Date().toLocaleString(),
+ syncCount: 0,
+ lastSyncTime: '-'
+ };
+ setTasks([newTask, ...tasks]);
+ toast({
+ title: '复制成功',
+ description: '已成功复制同步任务',
+ });
+ }
+ } catch (error: any) {
+ console.error('复制任务失败:', error);
+ toast({
+ title: '复制失败',
+ description: error?.message || '复制任务失败',
+ });
+ }
+ };
+
+ // 过滤任务
+ const filteredTasks = tasks.filter(
+ (task) => task.name.toLowerCase().includes(searchQuery.toLowerCase())
+ );
+
+ return (
+
+
+ 我的
+
+
+
- {menuItems.map((item, index) => (
-
);
}
\ No newline at end of file
diff --git a/nkebao/src/pages/traffic-pool/TrafficPool.tsx b/nkebao/src/pages/traffic-pool/TrafficPool.tsx
index ef9a94fe..9b7d833a 100644
--- a/nkebao/src/pages/traffic-pool/TrafficPool.tsx
+++ b/nkebao/src/pages/traffic-pool/TrafficPool.tsx
@@ -1,5 +1,173 @@
-import React from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
+import { Card } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Search, RefreshCw } from 'lucide-react';
+import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { useToast } from '@/components/ui/toast';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
+import { Badge } from '@/components/ui/badge';
+import { get } from '@/api/request';
+
+interface UserTag {
+ id: string;
+ name: string;
+ color: string;
+}
+
+interface TrafficUser {
+ id: string;
+ avatar: string;
+ nickname: string;
+ wechatId: string;
+ phone: string;
+ region: string;
+ note: string;
+ status: number;
+ addTime: string;
+ source: string;
+ assignedTo: string;
+ category: 'potential' | 'customer' | 'lost';
+ tags: UserTag[];
+}
+
+interface ApiResponse
-
- {index < menuItems.length - 1 && (
-
- )}
+
+
+ {/* 退出登录确认对话框 */}
+
+ {/* 用户信息卡片 */}
+
+
+
+ {/* 功能菜单 */}
+
+ {menuItems.map((item) => (
+
+
{/* 退出登录按钮 */}
-
+
+
+ {(userInfo?.username || user?.username || '用户').slice(0, 2)}
+
+
+
+
+
+ + {userInfo?.username || user?.username || '用户'} +
++ 账号: {userInfo?.account || user?.account || Math.floor(10000000 + Math.random() * 90000000).toString()} +
+
+
+
+ (item.href ? navigate(item.href) : null)}
+ >
+
))}
-
+ {item.label}
+
+
-
-
-
- {/* 版本信息 */}
-
-
+
存客宝 v1.0.0
-© 2024 存客宝. All rights reserved.
-流量池页
;
+ const [users, setUsers] = useState
+
+
+
+ );
}
\ No newline at end of file
diff --git a/nkebao/src/pages/workspace/Workspace.tsx b/nkebao/src/pages/workspace/Workspace.tsx
index cb60a38a..7f7fb6dc 100644
--- a/nkebao/src/pages/workspace/Workspace.tsx
+++ b/nkebao/src/pages/workspace/Workspace.tsx
@@ -1,5 +1,197 @@
import React from 'react';
+import { Link } from 'react-router-dom';
+import { ThumbsUp, MessageSquare, Send, Users, Share2, Brain, BarChart2, LineChart, Clock } from 'lucide-react';
+import { Card, CardContent } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Progress } from '@/components/ui/progress';
export default function Workspace() {
- return
+
+ 流量池
+ +
+
+
+ 潜在客户
+ 已转化
+ 已流失
+
+
+
+
+
+
+ setSearchQuery(e.target.value)}
+ className="w-64"
+ />
+
+
+
+
+
+
+
+ | 头像 | +昵称 | +微信号 | +手机号 | +地区 | +标签 | +备注 | +添加时间 | +
|---|---|---|---|---|---|---|---|
|
+ |
+ {user.nickname} | +{user.wechatId} | +{user.phone} | +{user.region} | +
+ {user.tags?.map(tag => (
+ |
+ {user.note} | +{formatDateTime(user.addTime)} | +
| 暂无数据 | +
工作台首页
;
+ // 模拟任务数据
+ const taskStats = {
+ total: 42,
+ inProgress: 12,
+ completed: 30,
+ todayTasks: 12,
+ activityRate: 98,
+ };
+
+ // 常用功能 - 保持原有排列
+ const commonFeatures = [
+ {
+ id: "auto-like",
+ name: "自动点赞",
+ description: "智能自动点赞互动",
+ icon:
+
+ );
}
\ No newline at end of file
diff --git a/nkebao/src/pages/workspace/auto-group/AutoGroup.tsx b/nkebao/src/pages/workspace/auto-group/AutoGroup.tsx
new file mode 100644
index 00000000..c3500cb4
--- /dev/null
+++ b/nkebao/src/pages/workspace/auto-group/AutoGroup.tsx
@@ -0,0 +1,352 @@
+import React, { useState, useEffect } from 'react';
+import { useNavigate, Link } from 'react-router-dom';
+import { Plus, Filter, Search, RefreshCw, MoreVertical, Users, Edit, Trash2, Eye, Copy } from 'lucide-react';
+import { Card } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Badge } from '@/components/ui/badge';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';
+import { Switch } from '@/components/ui/switch';
+import PageHeader from '@/components/PageHeader';
+import { useToast } from '@/components/ui/toast';
+
+interface GroupTask {
+ id: string;
+ name: string;
+ status: number; // 1-运行中，0-暂停
+ deviceCount: number;
+ groupCount: number;
+ memberCount: number;
+ lastCreateTime: string;
+ createTime: string;
+ creator: string;
+ creatorName: string;
+ config: {
+ devices: string[];
+ targetGroups: string[];
+ maxMembersPerGroup: number;
+ };
+}
+
+export default function AutoGroup() {
+ const navigate = useNavigate();
+ const { toast } = useToast();
+ const [tasks, setTasks] = useState
+
+ 工作台
+ + {/* 任务统计卡片 */} +
+
+
+
+
+
+
+
+
+
+
+
+ {/* 常用功能 */}
+ 总任务数
+ {taskStats.total}
+
+
+ 进行中: {taskStats.inProgress} / 已完成: {taskStats.completed}
+
+ 今日任务
+ {taskStats.todayTasks}
+
+
+ 活跃度 {taskStats.activityRate}%
+
+
+
+
+ {/* AI智能助手 */}
+ 常用功能
+
+ {commonFeatures.map((feature) => (
+
+
+
+
+
+
+ ))}
+
+
+ {feature.icon}
+
+
+ New
+ )}
+
+ {feature.name}
+ {feature.isNew && (
+ {feature.description}
+
+
+ AI 智能助手
+
+ {aiFeatures.map((feature) => (
+
+
+
+
+
+
+ ))}
+
+
+ {feature.icon}
+
+
+ New
+ )}
+
+ {feature.name}
+ {feature.isNew && (
+ {feature.description}
+
+
+
+
+ }
+ />
+
+
+ );
+}
\ No newline at end of file
diff --git a/nkebao/src/pages/workspace/auto-like/AutoLike.tsx b/nkebao/src/pages/workspace/auto-like/AutoLike.tsx
new file mode 100644
index 00000000..9de1ba0b
--- /dev/null
+++ b/nkebao/src/pages/workspace/auto-like/AutoLike.tsx
@@ -0,0 +1,494 @@
+import React, { useState, useEffect } from 'react';
+import { useNavigate, Link } from 'react-router-dom';
+import {
+ Plus,
+ Filter,
+ Search,
+ RefreshCw,
+ MoreVertical,
+ Edit,
+ Trash2,
+ Eye,
+ Copy,
+ Settings,
+ Users,
+ ThumbsUp,
+} from 'lucide-react';
+import { Card } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Badge } from '@/components/ui/badge';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';
+import { Switch } from '@/components/ui/switch';
+import { Progress } from '@/components/ui/progress';
+import PageHeader from '@/components/PageHeader';
+import { useToast } from '@/components/ui/toast';
+
+interface TaskConfig {
+ id: number;
+ workbenchId: number;
+ interval: number;
+ maxLikes: number;
+ friendMaxLikes?: number;
+ startTime: string;
+ endTime: string;
+ contentTypes: string[];
+ devices: number[];
+ targetGroups: string[];
+ tagOperator: number;
+ createTime: string;
+ updateTime: string;
+ todayLikeCount?: number;
+ totalLikeCount?: number;
+ friends?: string[];
+ enableFriendTags?: boolean;
+ friendTags?: string;
+}
+
+interface Task {
+ id: number;
+ name: string;
+ type: number;
+ status: number;
+ autoStart: number;
+ createTime: string;
+ updateTime: string;
+ config: TaskConfig;
+}
+
+interface TaskListResponse {
+ code: number;
+ msg: string;
+ data: {
+ list: Task[];
+ total: number;
+ };
+}
+
+interface ApiResponse {
+ code: number;
+ msg: string;
+}
+
+export default function AutoLike() {
+ const navigate = useNavigate();
+ const { toast } = useToast();
+ const [expandedTaskId, setExpandedTaskId] = useState
+
+
+
+
+
+
+
+
+
+
+
+ {isLoading ? (
+
+
+ ))
+ ) : (
+
+
+ {/* 分页 */}
+ {total > pageSize && (
+ 加载中...
+ ) : filteredTasks.length > 0 ? (
+ filteredTasks.map((task) => (
+
+
+
+
+
+ {task.status === 1 ? '运行中' : '已暂停'}
+
+
+ {task.name}
+
+ toggleTaskStatus(task.id, task.status)} />
+
+
+
+
+
+ handleView(task.id)}>
+
+ handleEdit(task.id)}>
+
+ handleCopy(task.id)}>
+
+ handleDelete(task.id)}>
+
+
+
+
+
+
+
+
+
+ 执行设备：{task.deviceCount} 个
+ 已建群数：{task.groupCount} 个
+ 创建者：{task.creatorName}
+
+
+ 群成员数：{task.memberCount} 人
+ 最后建群：{task.lastCreateTime}
+ 创建时间：{task.createTime}
+
+
+
+
+
+ {searchQuery ? '没有找到匹配的任务' : '暂无建群任务'}
+
+ )}
+
+
+
+ )}
+
+ 第 {currentPage} 页
+ 共 {Math.ceil(total / pageSize)} 页
+
+
+
+
+
+
+ }
+ />
+
+
+ );
+}
\ No newline at end of file
diff --git a/nkebao/src/pages/workspace/moments-sync/MomentsSync.tsx b/nkebao/src/pages/workspace/moments-sync/MomentsSync.tsx
index ab0720f8..cd2b1540 100644
--- a/nkebao/src/pages/workspace/moments-sync/MomentsSync.tsx
+++ b/nkebao/src/pages/workspace/moments-sync/MomentsSync.tsx
@@ -1,5 +1,354 @@
-import React from 'react';
+import React, { useState, useEffect } from 'react';
+import { useNavigate, Link } from 'react-router-dom';
+import { Plus, Filter, Search, RefreshCw, MoreVertical, Clock, Edit, Trash2, Eye, Copy } from 'lucide-react';
+import { Card } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Badge } from '@/components/ui/badge';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';
+import { Switch } from '@/components/ui/switch';
+import PageHeader from '@/components/PageHeader';
+import { useToast } from '@/components/ui/toast';
+
+interface SyncTask {
+ id: string;
+ name: string;
+ status: number; // 1-运行中，0-暂停
+ deviceCount: number;
+ contentLib: string;
+ syncCount: number;
+ lastSyncTime: string;
+ createTime: string;
+ creator: string;
+ config: {
+ devices: string[];
+ contentLibraryNames: string[];
+ };
+ creatorName: string;
+}
export default function MomentsSync() {
- return
+
+
+
+
+
+
+
+
+
+
+
+ {tasks.map((task) => (
+
+
+ ))}
+
+
+ {/* 分页 */}
+ {total > pageSize && (
+
+
+
+
+
+ {task.status === 1 ? '进行中' : '已暂停'}
+
+
+ {task.name}
+
+ toggleTaskStatus(task.id, task.status)} />
+
+
+
+
+
+ handleView(task.id)}>
+
+ handleEdit(task.id)}>
+
+ handleCopy(task.id)}>
+
+ handleDelete(task.id)}>
+
+
+
+
+
+
+
+
+
+ 执行设备：{task.config.devices.length} 个
+ 目标人群：{task.config.friends?.length || 0} 个
+ 更新时间：{task.updateTime}
+
+
+ 点赞间隔：{task.config.interval} 秒
+ 每日上限：{task.config.maxLikes} 次
+ 创建时间：{task.createTime}
+
+
+
+ {expandedTaskId === task.id && (
+
+
+
+
+
+
+
+
+
+
+ )}
+
+
+
+
+
+
+
+ 基本设置
+
+
+
+ 点赞间隔：
+ {task.config.interval} 秒
+
+
+ 每日最大点赞数：
+ {task.config.maxLikes} 次
+
+
+ 每个好友最大点赞数：
+ {task.config.friendMaxLikes || 3} 次
+
+
+ 执行时间段：
+
+ {task.config.startTime} - {task.config.endTime}
+
+
+
+
+
+
+
+ 目标人群
+
+
+
+ {task.config.targetGroups.map((tag, index) => (
+
+ {tag}
+
+ ))}
+
+
+ 匹配方式：{task.config.tagOperator === 1 ? '满足所有标签' : '满足任一标签'}
+
+ {task.config.enableFriendTags && task.config.friendTags && (
+
+
+ {task.config.friendTags}
+
+
+ )}
+ 好友标签：
+
+
+
+
+ 点赞内容类型
+
+
+
+ {task.config.contentTypes.map((type, index) => (
+
+ {type === 'text' ? '文字' : type === 'image' ? '图片' : '视频'}
+
+ ))}
+
+
+
+
+ )}
+
+ 第 {currentPage} 页
+ 共 {Math.ceil(total / pageSize)} 页
+
+
+ 朋友圈同步页
;
+ const navigate = useNavigate();
+ const { toast } = useToast();
+ const [tasks, setTasks] = useState
+
+
+
+ }
+ />
+
+
+ );
}
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+ {isLoading ? (
+
+
+ ))
+ ) : (
+
+
+ {/* 分页 */}
+ {total > pageSize && (
+ 加载中...
+ ) : filteredTasks.length > 0 ? (
+ filteredTasks.map((task) => (
+
+
+
+
+
+ {task.status === 1 ? '运行中' : '已暂停'}
+
+
+ {task.name}
+
+ toggleTaskStatus(task.id, task.status)} />
+
+
+
+
+
+ handleView(task.id)}>
+
+ handleEdit(task.id)}>
+
+ handleCopy(task.id)}>
+
+ handleDelete(task.id)}>
+
+
+
+
+
+
+
+
+
+ 执行设备：{task.deviceCount} 个
+ 内容库：{task.contentLib}
+ 创建者：{task.creatorName}
+
+
+ 同步次数：{task.syncCount} 次
+ 最后同步：{task.lastSyncTime}
+ 创建时间：{task.createTime}
+
+
+
+
+
+ {searchQuery ? '没有找到匹配的任务' : '暂无同步任务'}
+
+ )}
+
+
+
+ )}
+
+ 第 {currentPage} 页
+ 共 {Math.ceil(total / pageSize)} 页
+
+
+