feat: 本次提交更新内容如下

场景计划重新迁移
This commit is contained in:
笔记本里的永平
2025-07-19 16:40:41 +08:00
parent b1938a76c0
commit 48cb0d9fca
13 changed files with 683 additions and 108 deletions

View File

@@ -1,51 +0,0 @@
import request from "@/api/request";
// 获取计划列表
export const getPlanList = async (scenarioId: string, page: number = 1, limit: number = 20) => {
return request(`/api/scenarios/${scenarioId}/plans`, { page, limit }, 'GET');
};
// 获取计划详情
export const getPlanDetail = async (planId: string) => {
return request(`/api/scenarios/plans/${planId}`, undefined, 'GET');
};
// 复制计划
export const copyPlan = async (planId: string) => {
return request(`/api/scenarios/plans/${planId}/copy`, undefined, 'POST');
};
// 删除计划
export const deletePlan = async (planId: string) => {
return request(`/api/scenarios/plans/${planId}`, undefined, 'DELETE');
};
// 创建计划
export const createPlan = async (data: any) => {
return request('/api/scenarios/plans', data, 'POST');
};
// 更新计划
export const updatePlan = async (planId: string, data: any) => {
return request(`/api/scenarios/plans/${planId}`, data, 'PUT');
};
// 获取小程序二维码
export const getWxMinAppCode = async (planId: string) => {
return request(`/api/scenarios/plans/${planId}/qrcode`, undefined, 'GET');
};
// 获取场景类型列表
export const getScenarioTypes = async () => {
return request('/api/scenarios/types', undefined, 'GET');
};
// 获取设备列表
export const getDevices = async () => {
return request('/api/devices', undefined, 'GET');
};
// 获取海报列表
export const getPosters = async () => {
return request('/api/posters', undefined, 'GET');
};

View File

@@ -0,0 +1,26 @@
import request from '@/api/request';
// 获取场景列表
export function getScenarios(params: any) {
return request('/v1/plan/scenes', params, 'GET');
}
// 获取场景详情
export function getScenarioDetail(id: string) {
return request(`/v1/scenarios/${id}`, {}, 'GET');
}
// 创建场景
export function createScenario(data: any) {
return request('/v1/scenarios', data, 'POST');
}
// 更新场景
export function updateScenario(id: string, data: any) {
return request(`/v1/scenarios/${id}`, data, 'PUT');
}
// 删除场景
export function deleteScenario(id: string) {
return request(`/v1/scenarios/${id}`, {}, 'DELETE');
}

View File

@@ -0,0 +1,331 @@
// 导航栏样式
.nav-title {
font-size: 18px;
font-weight: 600;
color: var(--primary-color);
}
.nav-text {
color: var(--primary-color);
}
.nav-right {
margin-left: 4px;
font-size: 12px;
}
.new-plan-btn {
border-radius: 20px;
padding: 4px 12px;
height: 32px;
font-size: 12px;
background: var(--primary-gradient);
border: none;
box-shadow: 0 2px 8px var(--primary-shadow);
&:active {
transform: translateY(1px);
box-shadow: 0 1px 4px var(--primary-shadow);
}
}
// 页面容器
.scene-page {
background: #f5f6fa;
min-height: 100vh;
padding: 0 0 60px 0;
}
// 错误提示
.error-notice {
margin-bottom: 12px;
padding: 8px 12px;
background: #fff2e8;
border: 1px solid #ffd591;
border-radius: 8px;
box-shadow: 0 1px 4px rgba(255, 213, 145, 0.2);
}
.error-notice-text {
font-size: 12px;
color: #d46b08;
font-weight: 500;
}
// 加载状态
.loading-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 200px;
gap: 12px;
}
.loading-text {
font-size: 14px;
color: #666;
font-weight: 500;
}
// 错误状态
.error-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 200px;
gap: 16px;
}
.error-text {
font-size: 14px;
color: #ff4d4f;
text-align: center;
font-weight: 500;
}
.retry-button {
min-width: 100px;
border-radius: 20px;
background: var(--primary-gradient);
border: none;
box-shadow: 0 2px 8px var(--primary-shadow);
}
// 页面头部
.scene-header {
margin-bottom: 16px;
text-align: center;
}
.header-title {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 18px;
font-weight: 700;
color: var(--primary-color);
margin-bottom: 6px;
}
.header-icon {
font-size: 20px;
color: var(--primary-color);
}
.header-subtitle {
font-size: 12px;
color: #666;
line-height: 1.4;
}
// 场景列表
.scenarios-list {
display: flex;
flex-direction: column;
gap: 10px;
}
// 场景卡片
.scenario-item {
cursor: pointer;
transition: all 0.2s ease;
&:hover {
transform: translateY(-1px);
}
&:active {
transform: translateY(0);
}
}
.scenarios-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
padding: 16px;
}
.scenario-card {
background: #fff;
border-radius: 16px;
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
transition: box-shadow 0.2s, transform 0.2s;
cursor: pointer;
overflow: hidden;
&:hover {
box-shadow: 0 6px 16px rgba(0,0,0,0.12);
transform: translateY(-2px) scale(1.02);
}
}
.card-inner {
display: flex;
flex-direction: column;
align-items: center;
padding: 18px 10px 14px 10px;
}
.card-img-wrap {
margin-bottom: 8px;
}
.card-img-bg {
width: 48px;
height: 48px;
background: #f0f2f5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.card-img {
width: 32px;
height: 32px;
object-fit: contain;
}
.card-title {
font-size: 16px;
font-weight: 600;
color: #1677ff;
text-align: center;
margin-bottom: 2px;
}
.card-desc {
font-size: 12px;
color: #888;
text-align: center;
margin-bottom: 6px;
line-height: 1.4;
min-height: 32px;
max-height: 32px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.card-stats {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 4px;
}
.card-count {
font-size: 13px;
color: #666;
}
.card-growth {
font-size: 12px;
color: #52c41a;
display: flex;
align-items: center;
}
// 空状态
.empty-state {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 20px;
text-align: center;
}
.empty-icon {
font-size: 36px;
margin-bottom: 12px;
opacity: 0.6;
}
.empty-text {
font-size: 14px;
color: #666;
margin-bottom: 16px;
font-weight: 500;
}
.empty-action {
border-radius: 20px;
background: var(--primary-gradient);
border: none;
box-shadow: 0 2px 8px var(--primary-shadow);
padding: 6px 16px;
font-weight: 500;
font-size: 12px;
}
// 响应式设计
@media (max-width: 480px) {
.scene-page {
padding: 8px;
}
.scenario-card {
padding: 14px 16px;
min-height: 70px;
}
.scenario-icon {
width: 46px;
height: 46px;
}
.scenario-image {
width: 28px;
height: 28px;
}
.scenario-name {
font-size: 15px;
}
.stat-text {
font-size: 12px;
}
.scenario-growth {
font-size: 15px;
}
.growth-icon {
font-size: 13px;
}
}
@media (max-width: 500px) {
.scenarios-grid {
gap: 10px;
padding: 10px;
}
.card-inner {
padding: 12px 4px 10px 4px;
}
.card-img-bg {
width: 40px;
height: 40px;
}
.card-img {
width: 26px;
height: 26px;
}
.card-title {
font-size: 15px;
}
.card-desc {
font-size: 11px;
min-height: 24px;
max-height: 24px;
}
.card-count {
font-size: 12px;
}
.card-growth {
font-size: 11px;
}
}

View File

@@ -0,0 +1,180 @@
import React, { useEffect, useState } from "react";
import { useNavigate } from "react-router-dom";
import { NavBar, Button, Toast } from "antd-mobile";
import { PlusOutlined, UpOutlined } from "@ant-design/icons";
import MeauMobile from "@/components/MeauMobile/MeauMoible";
import Layout from "@/components/Layout/Layout";
import { getScenarios } from "./api";
import style from "./index.module.scss";
interface Scenario {
id: string;
name: string;
image: string;
description?: string;
count: number;
growth: string;
status: number;
}
const scenarioDescriptions: Record<string, string> = {
douyin: "通过抖音平台进行精准获客",
xiaohongshu: "利用小红书平台进行内容营销获客",
gongzhonghao: "通过微信公众号进行获客",
haibao: "通过海报分享进行获客",
phone: "通过电话营销进行获客",
weixinqun: "通过微信群进行获客",
payment: "通过付款码进行获客",
api: "通过API接口进行获客",
};
const Scene: React.FC = () => {
const navigate = useNavigate();
const [scenarios, setScenarios] = useState<Scenario[]>([]);
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 });
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",
description:
scenarioDescriptions[item.name?.toLowerCase()] ||
"通过该平台进行获客",
count: item.count,
growth: item.growth,
status: item.status,
}));
setScenarios(transformedScenarios);
} catch (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");
};
if (error && scenarios.length === 0) {
return (
<Layout
header={
<NavBar back={null} style={{ background: "#fff" }}>
<div className={style["nav-title"]}></div>
<Button
size="small"
color="primary"
onClick={handleNewPlan}
className={style["new-plan-btn"]}
style={{ marginLeft: "auto" }}
>
<PlusOutlined />
</Button>
</NavBar>
}
footer={<MeauMobile />}
>
<div className={style["error"]}>
<div className={style["error-text"]}>{error}</div>
<Button color="primary" onClick={() => window.location.reload()}>
</Button>
</div>
</Layout>
);
}
return (
<Layout
loading={loading}
header={
<NavBar
back={null}
style={{ background: "#fff" }}
left={<div className={style["nav-title"]}></div>}
right={
<Button
size="small"
color="primary"
onClick={handleNewPlan}
className={style["new-plan-btn"]}
style={{ marginLeft: "auto" }}
>
<PlusOutlined />
</Button>
}
></NavBar>
}
footer={<MeauMobile />}
>
<div className={style["scene-page"]}>
<div className={style["scenarios-grid"]}>
{scenarios.map((scenario) => (
<div
key={scenario.id}
className={style["scenario-card"]}
onClick={() => handleScenarioClick(scenario.id, scenario.name)}
>
<div className={style["card-inner"]}>
<div className={style["card-img-wrap"]}>
<div className={style["card-img-bg"]}>
<img
src={scenario.image}
alt={scenario.name}
className={style["card-img"]}
onError={(e) => {
e.currentTarget.src =
"https://hebbkx1anhila5yf.public.blob.vercel-storage.com/image-api.png";
}}
/>
</div>
</div>
<div className={style["card-title"]}>{scenario.name}</div>
{scenario.description && (
<div className={style["card-desc"]}>
{scenario.description}
</div>
)}
<div className={style["card-stats"]}>
<span className={style["card-count"]}>
: {scenario.count}
</span>
<span className={style["card-growth"]}>
<UpOutlined
style={{ fontSize: 14, color: "#52c41a", marginRight: 2 }}
/>
{scenario.growth}
</span>
</div>
</div>
</div>
))}
</div>
</div>
</Layout>
);
};
export default Scene;

View File

@@ -0,0 +1,20 @@
import request from "@/api/request";
// 获取场景类型列表
export function getScenarioTypes() {
return request("/api/scenarios/types", undefined, "GET");
}
// 创建计划
export function createPlan(data: any) {
return request("/api/scenarios/plans", data, "POST");
}
// 更新计划
export function updatePlan(planId: string, data: any) {
return request(`/api/scenarios/plans/${planId}`, data, "PUT");
}
// 获取计划详情
export function getPlanDetail(planId: string) {
return request(`/api/scenarios/plans/${planId}`, undefined, "GET");
}

View File

@@ -12,7 +12,7 @@ import {
createPlan,
updatePlan,
getPlanDetail,
} from "../api";
} from "./page.api";
import style from "./page.module.scss";
// 步骤定义

View File

@@ -9,7 +9,7 @@ import {
Card,
Space,
} from "antd-mobile";
import { getDevices, getPosters } from "../../api";
// import { getDevices, getPosters } from "./step.api";
import style from "./BasicSettings.module.scss";
interface BasicSettingsProps {
@@ -38,17 +38,16 @@ const BasicSettings: React.FC<BasicSettingsProps> = ({
const loadData = async () => {
setLoading(true);
try {
// 获取设备列表
const devicesRes = await getDevices();
if (devicesRes?.data) {
setDevices(devicesRes.data);
}
// 获取海报列表
const postersRes = await getPosters();
if (postersRes?.data) {
setPosters(postersRes.data);
}
// // 获取设备列表
// const devicesRes = await getDevices();
// if (devicesRes?.data) {
// setDevices(devicesRes.data);
// }
// // 获取海报列表
// const postersRes = await getPosters();
// if (postersRes?.data) {
// setPosters(postersRes.data);
// }
} catch (error) {
Toast.show({
content: "加载数据失败",

View File

@@ -0,0 +1,363 @@
import request from '@/api/request';
// ==================== 场景相关接口 ====================
// 获取场景列表
export function getScenarios(params: any) {
return request('/v1/plan/scenes', params, 'GET');
}
// 获取场景详情
export function getScenarioDetail(id: string) {
return request(`/v1/scenarios/${id}`, {}, 'GET');
}
// 创建场景
export function createScenario(data: any) {
return request('/v1/scenarios', data, 'POST');
}
// 更新场景
export function updateScenario(id: string, data: any) {
return request(`/v1/scenarios/${id}`, data, 'PUT');
}
// 删除场景
export function deleteScenario(id: string) {
return request(`/v1/scenarios/${id}`, {}, 'DELETE');
}
// ==================== 计划相关接口 ====================
// 获取计划列表
export function getPlanList(scenarioId: string, page: number = 1, limit: number = 20) {
return request(`/api/scenarios/${scenarioId}/plans`, { page, limit }, 'GET');
}
// 复制计划
export function copyPlan(planId: string) {
return request(`/api/scenarios/plans/${planId}/copy`, undefined, 'POST');
}
// 删除计划
export function deletePlan(planId: string) {
return request(`/api/scenarios/plans/${planId}`, undefined, 'DELETE');
}
// 获取小程序二维码
export function getWxMinAppCode(planId: string) {
return request(`/api/scenarios/plans/${planId}/qrcode`, undefined, 'GET');
}
// ==================== 设备相关接口 ====================
// 获取设备列表
export function getDevices() {
return request('/api/devices', undefined, 'GET');
}
// 获取设备详情
export function getDeviceDetail(deviceId: string) {
return request(`/api/devices/${deviceId}`, undefined, 'GET');
}
// 创建设备
export function createDevice(data: any) {
return request('/api/devices', data, 'POST');
}
// 更新设备
export function updateDevice(deviceId: string, data: any) {
return request(`/api/devices/${deviceId}`, data, 'PUT');
}
// 删除设备
export function deleteDevice(deviceId: string) {
return request(`/api/devices/${deviceId}`, undefined, 'DELETE');
}
// ==================== 微信号相关接口 ====================
// 获取微信号列表
export function getWechatAccounts() {
return request('/api/wechat-accounts', undefined, 'GET');
}
// 获取微信号详情
export function getWechatAccountDetail(accountId: string) {
return request(`/api/wechat-accounts/${accountId}`, undefined, 'GET');
}
// 创建微信号
export function createWechatAccount(data: any) {
return request('/api/wechat-accounts', data, 'POST');
}
// 更新微信号
export function updateWechatAccount(accountId: string, data: any) {
return request(`/api/wechat-accounts/${accountId}`, data, 'PUT');
}
// 删除微信号
export function deleteWechatAccount(accountId: string) {
return request(`/api/wechat-accounts/${accountId}`, undefined, 'DELETE');
}
// ==================== 海报相关接口 ====================
// 获取海报列表
export function getPosters() {
return request('/api/posters', undefined, 'GET');
}
// 获取海报详情
export function getPosterDetail(posterId: string) {
return request(`/api/posters/${posterId}`, undefined, 'GET');
}
// 创建海报
export function createPoster(data: any) {
return request('/api/posters', data, 'POST');
}
// 更新海报
export function updatePoster(posterId: string, data: any) {
return request(`/api/posters/${posterId}`, data, 'PUT');
}
// 删除海报
export function deletePoster(posterId: string) {
return request(`/api/posters/${posterId}`, undefined, 'DELETE');
}
// ==================== 内容相关接口 ====================
// 获取内容列表
export function getContents(params: any) {
return request('/api/contents', params, 'GET');
}
// 获取内容详情
export function getContentDetail(contentId: string) {
return request(`/api/contents/${contentId}`, undefined, 'GET');
}
// 创建内容
export function createContent(data: any) {
return request('/api/contents', data, 'POST');
}
// 更新内容
export function updateContent(contentId: string, data: any) {
return request(`/api/contents/${contentId}`, data, 'PUT');
}
// 删除内容
export function deleteContent(contentId: string) {
return request(`/api/contents/${contentId}`, undefined, 'DELETE');
}
// ==================== 流量池相关接口 ====================
// 获取流量池列表
export function getTrafficPools() {
return request('/api/traffic-pools', undefined, 'GET');
}
// 获取流量池详情
export function getTrafficPoolDetail(poolId: string) {
return request(`/api/traffic-pools/${poolId}`, undefined, 'GET');
}
// 创建流量池
export function createTrafficPool(data: any) {
return request('/api/traffic-pools', data, 'POST');
}
// 更新流量池
export function updateTrafficPool(poolId: string, data: any) {
return request(`/api/traffic-pools/${poolId}`, data, 'PUT');
}
// 删除流量池
export function deleteTrafficPool(poolId: string) {
return request(`/api/traffic-pools/${poolId}`, undefined, 'DELETE');
}
// ==================== 工作台相关接口 ====================
// 获取工作台统计数据
export function getWorkspaceStats() {
return request('/api/workspace/stats', undefined, 'GET');
}
// 获取自动点赞任务列表
export function getAutoLikeTasks() {
return request('/api/workspace/auto-like/tasks', undefined, 'GET');
}
// 创建自动点赞任务
export function createAutoLikeTask(data: any) {
return request('/api/workspace/auto-like/tasks', data, 'POST');
}
// 更新自动点赞任务
export function updateAutoLikeTask(taskId: string, data: any) {
return request(`/api/workspace/auto-like/tasks/${taskId}`, data, 'PUT');
}
// 删除自动点赞任务
export function deleteAutoLikeTask(taskId: string) {
return request(`/api/workspace/auto-like/tasks/${taskId}`, undefined, 'DELETE');
}
// ==================== 群发相关接口 ====================
// 获取群发任务列表
export function getGroupPushTasks() {
return request('/api/workspace/group-push/tasks', undefined, 'GET');
}
// 创建群发任务
export function createGroupPushTask(data: any) {
return request('/api/workspace/group-push/tasks', data, 'POST');
}
// 更新群发任务
export function updateGroupPushTask(taskId: string, data: any) {
return request(`/api/workspace/group-push/tasks/${taskId}`, data, 'PUT');
}
// 删除群发任务
export function deleteGroupPushTask(taskId: string) {
return request(`/api/workspace/group-push/tasks/${taskId}`, undefined, 'DELETE');
}
// ==================== 自动建群相关接口 ====================
// 获取自动建群任务列表
export function getAutoGroupTasks() {
return request('/api/workspace/auto-group/tasks', undefined, 'GET');
}
// 创建自动建群任务
export function createAutoGroupTask(data: any) {
return request('/api/workspace/auto-group/tasks', data, 'POST');
}
// 更新自动建群任务
export function updateAutoGroupTask(taskId: string, data: any) {
return request(`/api/workspace/auto-group/tasks/${taskId}`, data, 'PUT');
}
// 删除自动建群任务
export function deleteAutoGroupTask(taskId: string) {
return request(`/api/workspace/auto-group/tasks/${taskId}`, undefined, 'DELETE');
}
// ==================== AI助手相关接口 ====================
// 获取AI对话历史
export function getAIChatHistory() {
return request('/api/workspace/ai-assistant/chat-history', undefined, 'GET');
}
// 发送AI消息
export function sendAIMessage(data: any) {
return request('/api/workspace/ai-assistant/send-message', data, 'POST');
}
// 获取AI分析报告
export function getAIAnalysisReport() {
return request('/api/workspace/ai-assistant/analysis-report', undefined, 'GET');
}
// ==================== 订单相关接口 ====================
// 获取订单列表
export function getOrders(params: any) {
return request('/api/orders', params, 'GET');
}
// 获取订单详情
export function getOrderDetail(orderId: string) {
return request(`/api/orders/${orderId}`, undefined, 'GET');
}
// 创建订单
export function createOrder(data: any) {
return request('/api/orders', data, 'POST');
}
// 更新订单
export function updateOrder(orderId: string, data: any) {
return request(`/api/orders/${orderId}`, data, 'PUT');
}
// 删除订单
export function deleteOrder(orderId: string) {
return request(`/api/orders/${orderId}`, undefined, 'DELETE');
}
// ==================== 用户相关接口 ====================
// 获取用户信息
export function getUserInfo() {
return request('/api/user/info', undefined, 'GET');
}
// 更新用户信息
export function updateUserInfo(data: any) {
return request('/api/user/info', data, 'PUT');
}
// 修改密码
export function changePassword(data: any) {
return request('/api/user/change-password', data, 'POST');
}
// 上传头像
export function uploadAvatar(data: any) {
return request('/api/user/upload-avatar', data, 'POST');
}
// ==================== 文件上传相关接口 ====================
// 上传文件
export function uploadFile(data: any) {
return request('/api/upload/file', data, 'POST');
}
// 上传图片
export function uploadImage(data: any) {
return request('/api/upload/image', data, 'POST');
}
// 删除文件
export function deleteFile(fileId: string) {
return request(`/api/upload/files/${fileId}`, undefined, 'DELETE');
}
// ==================== 系统配置相关接口 ====================
// 获取系统配置
export function getSystemConfig() {
return request('/api/system/config', undefined, 'GET');
}
// 更新系统配置
export function updateSystemConfig(data: any) {
return request('/api/system/config', data, 'PUT');
}
// 获取系统通知
export function getSystemNotifications() {
return request('/api/system/notifications', undefined, 'GET');
}
// 标记通知为已读
export function markNotificationAsRead(notificationId: string) {
return request(`/api/system/notifications/${notificationId}/read`, undefined, 'PUT');
}