+ {title}
+
+ }
+ right={
+ showAddButton ? (
+
+ ) : undefined
+ }
+ />
+ }
+ footer={showFooter ?
+
+ {title}页面
+此页面正在开发中...
+关于 About
; -}; - -export default About; diff --git a/nkebao/src/pages/contact-import/ContactImport.tsx b/nkebao/src/pages/contact-import/ContactImport.tsx new file mode 100644 index 00000000..9d03b6b2 --- /dev/null +++ b/nkebao/src/pages/contact-import/ContactImport.tsx @@ -0,0 +1,14 @@ +import React from "react"; +import PlaceholderPage from "@/components/PlaceholderPage"; + +const ContactImport: React.FC = () => { + return ( +
+ 设备详情
+
+
+ }
+ footer={
+
+ 设备详情页面
+此页面正在开发中...
+
+
+ 设备管理页面
+此页面正在开发中...
+
- {/* 背景装饰 */}
-
+
-
-
-
-
+
+
+
-
登录
+
- {/* Logo和标题区域 */}
- ([]);
+ const [loading, setLoading] = useState(true);
+ const [error, setError] = useState("");
+
+ useEffect(() => {
+ const fetchScenarios = async () => {
+ setLoading(true);
+ setError("");
+
+ try {
+ const response = await getScenarios({ page: 1, limit: 20 });
+
+ // 转换API数据为前端需要的格式
+ const transformedScenarios: Scenario[] = response.map((item: any) => ({
+ id: item.id.toString(),
+ name: item.name,
+ image:
+ item.image ||
+ "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-api.png",
+ count: item.count, // 模拟今日数据
+ growth: item.growth, // 模拟增长率
+ status: item.status,
+ }));
+
+ setScenarios(transformedScenarios);
+ } catch (error) {
+ console.error("获取场景数据失败:", error);
+ setError("获取场景数据失败，请稍后重试");
+ Toast.show({
+ content: "获取场景数据失败，请稍后重试",
+ position: "top",
+ });
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ fetchScenarios();
+ }, []);
+
+ const handleScenarioClick = (scenarioId: string, scenarioName: string) => {
+ navigate(
+ `/scenarios/list/${scenarioId}/${encodeURIComponent(scenarioName)}`
+ );
+ };
+
+ const handleNewPlan = () => {
+ navigate("/scenarios/new");
+ };
+
+ const getGrowthColor = (growth: string) => {
+ const value = parseFloat(growth.replace(/[+%]/g, ""));
+ if (value > 10) return "#52c41a";
+ if (value > 5) return "#faad14";
+ return "#ff4d4f";
+ };
-const Home: React.FC = () => {
return (
- 存客宝
-
+ 场景获客
}
+ right={
+
+ }
+ />
}
footer={
-
-
- {/* 登录表单 */}
-
-
-
-
- 存客宝
-登录您的账户继续使用
-
- {/* 标签页切换 */}
-
+
);
};
diff --git a/nkebao/src/pages/orders/Orders.tsx b/nkebao/src/pages/orders/Orders.tsx
new file mode 100644
index 00000000..daecccd2
--- /dev/null
+++ b/nkebao/src/pages/orders/Orders.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const Orders: React.FC = () => {
+ return
-
- setActiveTab(1)}
- >
- 密码登录
-
- setActiveTab(2)}
- >
- 验证码登录
-
-
+
+
+
-
- {/* 分割线 */}
- 存客宝
+欢迎回来，请登录您的账户
- 其他登录方式
-
-
- {/* 第三方登录 */}
-
-
-
-
-
-
- 微信
-
-
-
-
-
- Apple
-
- {/* 统计卡片 */}
-
-
-
-
-
-
-
+
+
+ );
+};
+
+export default Workspace;
diff --git a/nkebao/src/pages/workspace/ai-assistant/AIAssistant.tsx b/nkebao/src/pages/workspace/ai-assistant/AIAssistant.tsx
new file mode 100644
index 00000000..2727f453
--- /dev/null
+++ b/nkebao/src/pages/workspace/ai-assistant/AIAssistant.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const AIAssistant: React.FC = () => {
+ return window.history.back()}
+ left={
+
+ );
+};
+
+export default AutoLike;
diff --git a/nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx b/nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx
new file mode 100644
index 00000000..08811261
--- /dev/null
+++ b/nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const AutoLikeDetail: React.FC = () => {
+ return window.history.back()}
+ >
+
+ );
+};
+
+export default NewAutoLike;
diff --git a/nkebao/src/pages/workspace/group-push/GroupPush.tsx b/nkebao/src/pages/workspace/group-push/GroupPush.tsx
new file mode 100644
index 00000000..382dab52
--- /dev/null
+++ b/nkebao/src/pages/workspace/group-push/GroupPush.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const GroupPush: React.FC = () => {
+ return (
+ = {
+ "/": "首页",
+ "/login": "登录",
+ "/scene": "场景获客",
+ "/work": "工作台",
+ "/mine": "我的",
+ "/devices": "设备管理",
+ "/wechat-accounts": "微信号管理",
+ "/workspace": "工作台",
+ "/scenarios": "场景管理",
+ "/content": "内容管理",
+ "/traffic-pool": "流量池",
+ "/profile": "个人中心",
+ "/plans": "计划管理",
+ "/orders": "订单管理",
+ "/contact-import": "联系人导入",
+};
+
+// 获取路由标题
+export const getRouteTitle = (path: string): string => {
+ return routeTitles[path] || "页面";
+};
+
+// 检查路由权限
+export const checkRoutePermission = (
+ path: string,
+ userRole: string = "user"
+): boolean => {
+ const allowedRoutes = routePermissions[userRole as keyof typeof routePermissions] || [];
+ return allowedRoutes.some(route => {
+ // 简单的路径匹配，支持动态参数
+ const routePattern = route.replace(/:[^/]+/g, "[^/]+");
+ const regex = new RegExp(`^${routePattern}$`);
+ return regex.test(path);
+ });
+};
\ No newline at end of file
diff --git a/nkebao/src/router/module/auth.tsx b/nkebao/src/router/module/auth.tsx
new file mode 100644
index 00000000..d6ddc5cf
--- /dev/null
+++ b/nkebao/src/router/module/auth.tsx
@@ -0,0 +1,11 @@
+import Login from "@/pages/login/login";
+
+const authRoutes = [
+ {
+ path: "/login",
+ element:
设备数量
- 0
- 微信号数量
- 0
- 在线微信号
- 0
-
+
-
-
- {/* 今日数据 */}
-
-
- {todayStats.map((item) => (
-
- window.history.back()}
+ >
+
+ );
+};
+
+export default WechatAccountDetail;
diff --git a/nkebao/src/pages/wechat-accounts/WechatAccounts.tsx b/nkebao/src/pages/wechat-accounts/WechatAccounts.tsx
new file mode 100644
index 00000000..5354b826
--- /dev/null
+++ b/nkebao/src/pages/wechat-accounts/WechatAccounts.tsx
@@ -0,0 +1,37 @@
+import React from "react";
+import { NavBar, Button } from "antd-mobile";
+import { AddOutline } from "antd-mobile-icons";
+import Layout from "@/components/Layout/Layout";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+
+const WechatAccounts: React.FC = () => {
+ return (
+
+ 微信号管理
+
+ }
+ right={
+
+ }
+ />
+ }
+ footer={
+
- {/* 场景获客统计 */}
-
+
+
+ 选择适合的获客场景，提升转化效果
+
场景获客统计
-
- {sceneStats.map((item) => (
-
-
-
- ))}
- {item.icon}
- {item.value}
- {item.label}
- 今日数据
-
-
);
};
-export default Home;
+export default Scene;
diff --git a/nkebao/src/pages/traffic-pool/TrafficPool.tsx b/nkebao/src/pages/traffic-pool/TrafficPool.tsx
new file mode 100644
index 00000000..d64714d2
--- /dev/null
+++ b/nkebao/src/pages/traffic-pool/TrafficPool.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import PlaceholderPage from "@/components/PlaceholderPage";
+
+const TrafficPool: React.FC = () => {
+ return (
+ {item.value}
- {item.label}
+
+ {scenarios.map((scenario) => (
+
+
+ {scenarios.length === 0 && !loading && (
+ handleScenarioClick(scenario.id, scenario.name)}
+ >
+
+ ))}
+
+
-
+
+
-
- ))}
-
-
- {/* 每日获客趋势（静态图表占位） */}
-
+ 
{
+ e.currentTarget.src =
+ "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-api.png";
+ }}
+ />
+
+
+
+ {scenario.name}
+
+
+
+ 今日获客: {scenario.count}
+
+
+ 每日获客趋势
-
-
+
+
-
+ )}
📊
+ 暂无场景数据
+
+ 微信号详情
+
+
+ }
+ footer={
+
+ 微信号详情页面
+此页面正在开发中...
+
+
+
+ );
+};
+
+export default WechatAccounts;
diff --git a/nkebao/src/pages/workspace/Workspace.module.scss b/nkebao/src/pages/workspace/Workspace.module.scss
new file mode 100644
index 00000000..c073ab28
--- /dev/null
+++ b/nkebao/src/pages/workspace/Workspace.module.scss
@@ -0,0 +1,185 @@
+.workspace {
+ padding: 16px;
+ background-color: #f5f5f5;
+ min-height: 100vh;
+}
+
+.statsGrid {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 12px;
+ margin-bottom: 24px;
+}
+
+.statsCard {
+ background: #fff;
+ border-radius: 12px;
+ padding: 16px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+
+ :global(.adm-card-body) {
+ padding: 0;
+ }
+}
+
+.statsTitle {
+ font-size: 14px;
+ color: #666;
+ margin-bottom: 8px;
+}
+
+.statsValue {
+ font-size: 28px;
+ font-weight: 700;
+ color: var(--primary-color);
+ margin-bottom: 12px;
+}
+
+.progress {
+ margin-bottom: 8px;
+
+ :global(.adm-progress-bar) {
+ background-color: #f0f0f0;
+ }
+
+ :global(.adm-progress-bar-fill) {
+ background-color: var(--primary-color);
+ }
+}
+
+.statsSubtitle {
+ font-size: 12px;
+ color: #999;
+}
+
+.activityRate {
+ display: flex;
+ align-items: center;
+ font-size: 14px;
+ color: #52c41a;
+ margin-top: 8px;
+}
+
+.activityIcon {
+ width: 16px;
+ height: 16px;
+ margin-right: 4px;
+ color: #52c41a;
+}
+
+.section {
+ margin-bottom: 24px;
+}
+
+.sectionTitle {
+ font-size: 18px;
+ font-weight: 600;
+ color: #333;
+ margin-bottom: 16px;
+ padding-left: 4px;
+}
+
+.featuresGrid {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 12px;
+}
+
+.featureLink {
+ text-decoration: none;
+ color: inherit;
+}
+
+.featureCard {
+ background: #fff;
+ border-radius: 12px;
+ padding: 16px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+ transition: all 0.2s ease;
+
+ &:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+ }
+
+ :global(.adm-card-body) {
+ padding: 0;
+ }
+}
+
+.featureIcon {
+ width: 40px;
+ height: 40px;
+ border-radius: 8px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 12px;
+}
+
+.icon {
+ font-size: 20px;
+}
+
+.featureHeader {
+ display: flex;
+ align-items: center;
+ margin-bottom: 4px;
+}
+
+.featureName {
+ font-size: 16px;
+ font-weight: 600;
+ color: #333;
+}
+
+.newBadge {
+ margin-left: 8px;
+
+ :global(.adm-badge-content) {
+ background-color: var(--primary-color);
+ color: #fff;
+ font-size: 10px;
+ padding: 2px 6px;
+ border-radius: 10px;
+ }
+}
+
+.featureDescription {
+ font-size: 12px;
+ color: #666;
+ line-height: 1.4;
+}
+
+// 响应式设计
+@media (max-width: 375px) {
+ .workspace {
+ padding: 12px;
+ }
+
+ .statsGrid {
+ gap: 8px;
+ }
+
+ .featuresGrid {
+ gap: 8px;
+ }
+
+ .statsCard,
+ .featureCard {
+ padding: 12px;
+ }
+
+ .statsValue {
+ font-size: 24px;
+ }
+
+ .featureIcon {
+ width: 36px;
+ height: 36px;
+ }
+
+ .icon {
+ font-size: 18px;
+ }
+}
\ No newline at end of file
diff --git a/nkebao/src/pages/workspace/Workspace.tsx b/nkebao/src/pages/workspace/Workspace.tsx
new file mode 100644
index 00000000..81096f03
--- /dev/null
+++ b/nkebao/src/pages/workspace/Workspace.tsx
@@ -0,0 +1,254 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import { Card, NavBar, Badge, Progress } from "antd-mobile";
+import {
+ ThumbsUpOutline,
+ MessageOutline,
+ SendOutline,
+ TeamOutline,
+ ShareOutline,
+ AppOutline,
+ BarChartOutline,
+ LineChartOutline,
+ ClockCircleOutline,
+} from "antd-mobile-icons";
+import Layout from "@/components/Layout/Layout";
+import MeauMobile from "@/components/MeauMobile/MeauMoible";
+import styles from "./Workspace.module.scss";
+
+const Workspace: React.FC = () => {
+ // 模拟任务数据
+ const taskStats = {
+ total: 42,
+ inProgress: 12,
+ completed: 30,
+ todayTasks: 12,
+ activityRate: 98,
+ };
+
+ // 常用功能
+ const commonFeatures = [
+ {
+ id: "auto-like",
+ name: "自动点赞",
+ description: "智能自动点赞互动",
+ icon: (
+ 微信号管理页面
+此页面正在开发中...
+
+ 工作台
+
+
+ }
+ footer={
+ {/* 任务统计卡片 */}
+
+
+
+
+
+
+
+
+
+ {/* 常用功能 */}
+ 总任务数
+ {taskStats.total}
+
+
+ 进行中: {taskStats.inProgress} / 已完成: {taskStats.completed}
+
+ 今日任务
+
+ {taskStats.todayTasks}
+
+
+
+ 活跃度 {taskStats.activityRate}%
+
+
+
+
+ {/* AI智能助手 */}
+ 常用功能
+
+ {commonFeatures.map((feature) => (
+
+
+
+
+ ))}
+
+
+ {feature.icon}
+
+
+
+ {feature.name}
+ {feature.isNew && (
+
+ {feature.description}
+
+
+
+ AI 智能助手
+
+ {aiFeatures.map((feature) => (
+
+
+
+
+ ))}
+
+
+ {feature.icon}
+
+
+
+ {feature.name}
+ {feature.isNew && (
+
+ {feature.description}
+
+
+ 自动点赞
+
+ }
+ right={
+
+ }
+ />
+ }
+ footer={
+
+ 自动点赞页面
+此页面正在开发中...
+
+ 新建自动点赞
+
+
+ }
+ footer={
+
+ 新建自动点赞页面
+此页面正在开发中...
+