From dcb95b4d022d7622b7c3a93a165b423478b23328 Mon Sep 17 00:00:00 2001 From: wong <106998207@qq.com> Date: Mon, 21 Jul 2025 15:08:12 +0800 Subject: [PATCH 1/7] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=A5=BD=E5=8F=8B?= =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Server/application/api/config/route.php | 3 --- Server/application/cunkebao/config/route.php | 8 +++++-- .../plan/PostExternalApiV1Controller.php | 3 ++- .../Adapters/ChuKeBao/Adapter.php | 22 +++++++++---------- 4 files changed, 18 insertions(+), 18 deletions(-) diff --git a/Server/application/api/config/route.php b/Server/application/api/config/route.php index f6fecbfa..79d3bc47 100644 --- a/Server/application/api/config/route.php +++ b/Server/application/api/config/route.php @@ -97,9 +97,6 @@ Route::group('v1', function () { Route::get('autoCreate', 'app\api\controller\AllotRuleController@autoCreateAllotRules');// 自动创建分配规则 √ }); - Route::group('scenarios', function () { - Route::any('', 'app\cunkebao\controller\plan\PostExternalApiV1Controller@index'); - }); }); }); \ No newline at end of file diff --git a/Server/application/cunkebao/config/route.php b/Server/application/cunkebao/config/route.php index 69290e14..430c9516 100644 --- a/Server/application/cunkebao/config/route.php +++ b/Server/application/cunkebao/config/route.php @@ -118,8 +118,13 @@ Route::group('v1/', function () { -Route::group('v1/frontend', function () { +Route::group('v1/api/scenarios', function () { + Route::any('', 'app\cunkebao\controller\plan\PostExternalApiV1Controller@index'); +}); + +//小程序 +Route::group('v1/frontend', function () { Route::group('business/poster', function () { Route::post('getone', 'app\cunkebao\controller\plan\PosterWeChatMiniProgram@getPosterTaskData'); Route::post('decryptphone', 'app\cunkebao\controller\plan\PosterWeChatMiniProgram@getPhoneNumber'); @@ -129,5 +134,4 @@ Route::group('v1/frontend', function () { - return []; \ No newline at end of file diff --git a/Server/application/cunkebao/controller/plan/PostExternalApiV1Controller.php b/Server/application/cunkebao/controller/plan/PostExternalApiV1Controller.php index 1d4c6a5a..10c91780 100644 --- a/Server/application/cunkebao/controller/plan/PostExternalApiV1Controller.php +++ b/Server/application/cunkebao/controller/plan/PostExternalApiV1Controller.php @@ -96,7 +96,8 @@ class PostExternalApiV1Controller extends Controller if (!$trafficPool) { $trafficPoolId =Db::name('traffic_pool')->insertGetId([ 'identifier' => $identifier, - 'mobile' => $params['phone'] + 'mobile' => !empty($params['phone']) ? $params['phone'] : '', + 'createTime' => time() ]); }else{ $trafficPoolId = $trafficPool['id']; diff --git a/Server/extend/WeChatDeviceApi/Adapters/ChuKeBao/Adapter.php b/Server/extend/WeChatDeviceApi/Adapters/ChuKeBao/Adapter.php index 495b7ae7..bc18298c 100644 --- a/Server/extend/WeChatDeviceApi/Adapters/ChuKeBao/Adapter.php +++ b/Server/extend/WeChatDeviceApi/Adapters/ChuKeBao/Adapter.php @@ -191,7 +191,6 @@ class Adapter implements WeChatServiceInterface } //筛选出设备在线微信在线 $wechatIdAccountIdMap = $this->getWeChatIdsAccountIdsMapByDeviceIds($task_info['reqConf']['device']); - if (empty($wechatIdAccountIdMap)) { continue; } @@ -213,11 +212,9 @@ class Adapter implements WeChatServiceInterface continue; } - - // 判断24h内加的好友数量，friend_task 先固定10个人 getLast24hAddedFriendsCount $last24hAddedFriendsCount = $this->getLast24hAddedFriendsCount($wechatId); - if ($last24hAddedFriendsCount >= 10) { + if ($last24hAddedFriendsCount >= 20) { continue; } @@ -233,14 +230,15 @@ class Adapter implements WeChatServiceInterface $task['processed_wechat_ids'] = $task['processed_wechat_ids'] . ',' . $wechatId; // 处理失败任务用，用于过滤已处理的微信号 break; } - Db::name('task_customer') + $res = Db::name('task_customer') ->where('id', $task['id']) ->update([ 'status' => $friendAddTaskCreated ? 1 : 3, 'fail_reason' => $friendAddTaskCreated ? '' : '已经是好友了', 'processed_wechat_ids' => $task['processed_wechat_ids'], - 'updated_at' => time() - ]); // ~~不用管，回头再添加再判断即可~~ + 'updateTime' => time() + ]); + // ~~不用管，回头再添加再判断即可~~ // 失败一定是另一个进程/定时器在检查的 } @@ -254,9 +252,9 @@ class Adapter implements WeChatServiceInterface $tasks = Db::name('task_customer') ->whereIn('status', [1,2]) - ->where('updated_at', '>=', (time() - 86400 * 3)) + ->where('updateTime', '>=', (time() - 86400 * 3)) ->limit(50) - ->order('updated_at DESC') + ->order('updateTime DESC') ->select(); if (empty($tasks)) { @@ -296,7 +294,7 @@ class Adapter implements WeChatServiceInterface Db::name('task_customer') ->where('id', $task['id']) - ->update(['status' => 4, 'updated_at' => time()]); + ->update(['status' => 4, 'updateTime' => time()]); $wechatFriendRecord = $this->getWeChatAccoutIdAndFriendIdByWeChatIdAndFriendPhone($passedWeChatId, $task['phone']); $msgConf = is_string($task_info['msgConf']) ? json_decode($task_info['msgConf'], 1) : $task_info['msgConf']; @@ -316,7 +314,7 @@ class Adapter implements WeChatServiceInterface if (isset($latestFriendTask['status']) && $latestFriendTask['status'] == 1) { Db::name('task_customer') ->where('id', $task['id']) - ->update(['status' => 2, 'updated_at' => time()]); + ->update(['status' => 2, 'updateTime' => time()]); break; } @@ -324,7 +322,7 @@ class Adapter implements WeChatServiceInterface if (isset($latestFriendTask['status']) && $latestFriendTask['status'] == 2) { Db::name('task_customer') ->where('id', $task['id']) - ->update(['status' => 3, 'fail_reason' => $latestFriendTask['extra'] ?? '未知原因', 'updated_at' => time()]); + ->update(['status' => 3, 'fail_reason' => $latestFriendTask['extra'] ?? '未知原因', 'updateTime' => time()]); break; } } From 368e34cbdc77d1d54626be4942013c948a8738c8 Mon Sep 17 00:00:00 2001 From: wong <106998207@qq.com> Date: Mon, 21 Jul 2025 15:21:19 +0800 Subject: [PATCH 2/7] =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E6=96=B0?= =?UTF-8?q?=E5=A2=9E=E6=8F=90=E7=A4=BA=E8=AF=AD=E5=8F=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../cunkebao/controller/plan/PosterWeChatMiniProgram.php | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/Server/application/cunkebao/controller/plan/PosterWeChatMiniProgram.php b/Server/application/cunkebao/controller/plan/PosterWeChatMiniProgram.php index b05b981f..e471356f 100644 --- a/Server/application/cunkebao/controller/plan/PosterWeChatMiniProgram.php +++ b/Server/application/cunkebao/controller/plan/PosterWeChatMiniProgram.php @@ -150,13 +150,18 @@ class PosterWeChatMiniProgram extends Controller } + if(isset($sceneConf['tips'])) { + $sTip = $sceneConf['tips']; + } else { + $sTip = ''; + } $data = [ 'id' => $task['id'], 'name' => $task['name'], 'poster' => ['sUrl' => $posterUrl], - 'sTip' => '', + 'sTip' => $sTip, ]; From 1cc04366fcba09efce9bb2f17dbf13bef9832132 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=AC=94=E8=AE=B0=E6=9C=AC=E9=87=8C=E7=9A=84=E6=B0=B8?= =?UTF-8?q?=E5=B9=B3?= Date: Mon, 21 Jul 2025 15:32:21 +0800 Subject: [PATCH 3/7] =?UTF-8?q?feat:=20=E6=9C=AC=E6=AC=A1=E6=8F=90?= =?UTF-8?q?=E4=BA=A4=E6=9B=B4=E6=96=B0=E5=86=85=E5=AE=B9=E5=A6=82=E4=B8=8B?= =?UTF-8?q?=20=E5=A2=9E=E5=8A=A0tips=E5=AD=97=E6=AE=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Cunkebao/src/pages/scenarios/new/page.tsx | 2 ++ .../scenarios/new/steps/BasicSettings.tsx | 25 ++++++++++++++++++- 2 files changed, 26 insertions(+), 1 deletion(-) diff --git a/Cunkebao/src/pages/scenarios/new/page.tsx b/Cunkebao/src/pages/scenarios/new/page.tsx index ddbe3578..59b7e284 100644 --- a/Cunkebao/src/pages/scenarios/new/page.tsx +++ b/Cunkebao/src/pages/scenarios/new/page.tsx @@ -98,6 +98,7 @@ export default function NewPlan() { sceneId: Number(detail.scenario) || 1, remarkFormat: detail.remarkFormat ?? "", addFriendInterval: detail.addFriendInterval ?? 1, + tips: detail.tips ?? "", })); } } else { @@ -178,6 +179,7 @@ export default function NewPlan() { case 1: return ( void; onNext?: () => void; @@ -89,6 +90,7 @@ const generatePosterMaterials = (): Material[] => { }; export function BasicSettings({ + isEdit, formData, onChange, onNext, @@ -123,6 +125,7 @@ export function BasicSettings({ // 自定义标签相关状态 const [customTagInput, setCustomTagInput] = useState(""); const [customTags, setCustomTags] = useState(formData.customTags || []); + const [tips, setTips] = useState(formData.tips || ""); const [selectedScenarioTags, setSelectedScenarioTags] = useState( formData.scenarioTags || [] ); @@ -188,7 +191,11 @@ export function BasicSettings({ const today = new Date().toLocaleDateString("zh-CN").replace(/\//g, ""); const sceneItem = sceneList.find((v) => formData.scenario === v.id); onChange({ ...formData, name: `${sceneItem?.name || "海报"}${today}` }); - }, [sceneList]); + }, [isEdit]); + + useEffect(() => { + setTips(formData.tips || ""); + }, [formData.tips]); // 选中场景 const handleScenarioSelect = (sceneId: number) => { @@ -494,6 +501,22 @@ export function BasicSettings({ + {/* 输入获客成功提示 */} +
+
+ { + setTips(e.target.value); + onChange({ ...formData, tips: e.target.value }); + }} + placeholder="请输入获客成功提示" + className="w-full" + /> +
+
+ {/* 选素材 */}
选择海报
From 63c64fdd1ef150851047422d1dff33c911d9774b Mon Sep 17 00:00:00 2001 From: wong <106998207@qq.com> Date: Mon, 21 Jul 2025 16:03:04 +0800 Subject: [PATCH 4/7] =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E4=BB=A3?= =?UTF-8?q?=E7=A0=81=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../cunkebao/controller/plan/PosterWeChatMiniProgram.php | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/Server/application/cunkebao/controller/plan/PosterWeChatMiniProgram.php b/Server/application/cunkebao/controller/plan/PosterWeChatMiniProgram.php index e471356f..da954377 100644 --- a/Server/application/cunkebao/controller/plan/PosterWeChatMiniProgram.php +++ b/Server/application/cunkebao/controller/plan/PosterWeChatMiniProgram.php @@ -126,7 +126,10 @@ class PosterWeChatMiniProgram extends Controller // todo 获取海报获客任务的任务/海报数据 -- 表还没设计好，不急 ck_customer_acquisition_task public function getPosterTaskData() { $id = request()->param('id'); - $task = Db::name('customer_acquisition_task')->where(['id' => $id,'deleteTime' => 0])->find(); + $task = Db::name('customer_acquisition_task') + ->where(['id' => $id,'deleteTime' => 0]) + ->field('id,name,sceneConf,status') + ->find(); if (!$task) { return json([ 'code' => 400, @@ -156,12 +159,14 @@ class PosterWeChatMiniProgram extends Controller $sTip = ''; } + unset($task['sceneConf']); + $task['sTip'] = $sTip; $data = [ 'id' => $task['id'], 'name' => $task['name'], 'poster' => ['sUrl' => $posterUrl], - 'sTip' => $sTip, + 'task' => $task, ]; From 4948f9a0979e26a9c3933b7e8fc74a9db562dd54 Mon Sep 17 00:00:00 2001 From: wong <106998207@qq.com> Date: Mon, 21 Jul 2025 16:56:54 +0800 Subject: [PATCH 5/7] =?UTF-8?q?=E6=B5=81=E9=87=8F=E6=B1=A0=E6=8F=90?= =?UTF-8?q?=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../cunkebao/controller/TrafficController.php | 121 ++++++++++++++++++ 1 file changed, 121 insertions(+) create mode 100644 Server/application/cunkebao/controller/TrafficController.php diff --git a/Server/application/cunkebao/controller/TrafficController.php b/Server/application/cunkebao/controller/TrafficController.php new file mode 100644 index 00000000..c00154de --- /dev/null +++ b/Server/application/cunkebao/controller/TrafficController.php @@ -0,0 +1,121 @@ +request->param('page',1); + $pageSize = $this->request->param('pageSize',10); + $device = $this->request->param('device',''); + $packageId = $this->request->param('packageId',''); // 流量池id + $userValue = $this->request->param('userValue',''); // 1高价值客户 2中价值客户 3低价值客户 + $addStatus = $this->request->param('addStatus',''); // 1待添加 2已添加 3添加失败 4重复用户 + $keyword = $this->request->param('keyword',''); + + $companyId = $this->request->userInfo['companyId']; + + // 1 文字 3图片 47动态图片 34语言 43视频 42名片 40/20链接 49文件 419430449转账 436207665红包 + + $where = []; + + // 添加筛选条件 + if (!empty($device)) { + $where['d.id'] = $device; + } + + if (!empty($packageId)) { + $where['tp.id'] = $packageId; + } + + if (!empty($userValue)) { + $where['tp.userValue'] = $userValue; + } + + if (!empty($addStatus)) { + $where['tp.addStatus'] = $addStatus; + } + + + // 构建查询 - 通过traffic_pool的identifier关联wechat_account的wechatId、alias或phone + $query = Db::name('traffic_pool')->alias('tp') + ->join('wechat_account wa', 'wa.wechatId = tp.wechatId', 'LEFT') + ->field('tp.id, tp.identifier,tp.createTime, tp.updateTime, + wa.wechatId, wa.alias, wa.phone, wa.nickname, wa.avatar') + ->where($where); + + // 关键词搜索 - 支持通过wechat_friendship的identifier关联wechat_account的wechatId、alias或phone + if (!empty($keyword)) { + $query->where(function($q) use ($keyword) { + $q->where('tp.identifier', 'like', '%' . $keyword . '%') + ->whereOr('wa.wechatId', 'like', '%' . $keyword . '%') + ->whereOr('wa.alias', 'like', '%' . $keyword . '%') + ->whereOr('wa.phone', 'like', '%' . $keyword . '%') + ->whereOr('wa.nickname', 'like', '%' . $keyword . '%'); + }); + } + + // 获取总数 + $total = $query->count(); + + + // 分页查询 + $list = $query->order('tp.createTime desc') + ->group('tp.identifier') + ->order('tp.id desc') + ->page($page, $pageSize) + ->select(); + + + + return json([ + 'code' => 200, + 'msg' => '获取成功', + 'data' => [ + 'list' => $list, + 'total' => $total, + ] + ]); + } + + + /** + * 用户旅程 + * @return false|string + * @throws \think\db\exception\DataNotFoundException + * @throws \think\db\exception\ModelNotFoundException + * @throws \think\exception\DbException + */ + public function getUserJourney() + { + $page = $this->request->param('page',1); + $pageSize = $this->request->param('pageSize',10); + $userId = $this->request->param('userId',''); + if(empty($userId)){ + return json_encode(['code' => 500, 'msg' => '用户id不能为空']); + } + + $query = Db::name('user_portrait') + ->field('id,type,trafficPoolId,remark,count,createTime,updateTime') + ->where(['trafficPoolId' => $userId]); + + $total = $query->count(); + + $list = $query->order('createTime desc') + ->page($page,$pageSize) + ->select(); + + + foreach ($list as $k=>$v){ + $list[$k]['createTime'] = date('Y-m-d H:i:s',$v['createTime']); + $list[$k]['updateTime'] = date('Y-m-d H:i:s',$v['updateTime']); + } + return json_encode(['code' => 200,'data'=>['list' => $list,'total'=>$total],'获取成功']); + } + + +} \ No newline at end of file From 5f9ffadc372e00c8c0548c1df8f55a78270dbf25 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=AC=94=E8=AE=B0=E6=9C=AC=E9=87=8C=E7=9A=84=E6=B0=B8?= =?UTF-8?q?=E5=B9=B3?= Date: Mon, 21 Jul 2025 17:47:22 +0800 Subject: [PATCH 6/7] =?UTF-8?q?feat:=20=E6=9C=AC=E6=AC=A1=E6=8F=90?= =?UTF-8?q?=E4=BA=A4=E6=9B=B4=E6=96=B0=E5=86=85=E5=AE=B9=E5=A6=82=E4=B8=8B?= =?UTF-8?q?=20=E8=87=AA=E5=8A=A8=E7=82=B9=E8=B5=9E=E5=88=97=E8=A1=A8?= =?UTF-8?q?=E6=9E=84=E5=BB=BA=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- nkebao/src/api/autoLike.ts | 173 +++++++ .../pages/workspace/auto-like/AutoLike.tsx | 38 -- .../workspace/auto-like/AutoLikeDetail.tsx | 8 - .../workspace/auto-like/AutoLikeListPC.scss | 1 + .../workspace/auto-like/AutoLikeListPC.tsx | 1 + .../pages/workspace/auto-like/NewAutoLike.tsx | 30 -- .../src/pages/workspace/auto-like/list/api.ts | 63 +++ .../auto-like/list/index.module.scss | 342 ++++++++++++++ .../pages/workspace/auto-like/list/index.tsx | 410 ++++++++++++++++ .../pages/workspace/auto-like/new/index.tsx | 437 ++++++++++++++++++ .../workspace/auto-like/new/new.module.scss | 301 ++++++++++++ .../workspace/auto-like/record/index.tsx | 297 ++++++++++++ .../auto-like/record/record.module.scss | 351 ++++++++++++++ nkebao/src/router/module/workspace.tsx | 10 +- nkebao/src/types/auto-like.ts | 119 +++++ 15 files changed, 2500 insertions(+), 81 deletions(-) create mode 100644 nkebao/src/api/autoLike.ts delete mode 100644 nkebao/src/pages/workspace/auto-like/AutoLike.tsx delete mode 100644 nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx create mode 100644 nkebao/src/pages/workspace/auto-like/AutoLikeListPC.scss create mode 100644 nkebao/src/pages/workspace/auto-like/AutoLikeListPC.tsx delete mode 100644 nkebao/src/pages/workspace/auto-like/NewAutoLike.tsx create mode 100644 nkebao/src/pages/workspace/auto-like/list/api.ts create mode 100644 nkebao/src/pages/workspace/auto-like/list/index.module.scss create mode 100644 nkebao/src/pages/workspace/auto-like/list/index.tsx create mode 100644 nkebao/src/pages/workspace/auto-like/new/index.tsx create mode 100644 nkebao/src/pages/workspace/auto-like/new/new.module.scss create mode 100644 nkebao/src/pages/workspace/auto-like/record/index.tsx create mode 100644 nkebao/src/pages/workspace/auto-like/record/record.module.scss create mode 100644 nkebao/src/types/auto-like.ts diff --git a/nkebao/src/api/autoLike.ts b/nkebao/src/api/autoLike.ts new file mode 100644 index 00000000..8ee3f4ba --- /dev/null +++ b/nkebao/src/api/autoLike.ts @@ -0,0 +1,173 @@ +import { request } from "./request"; +import { + LikeTask, + CreateLikeTaskData, + UpdateLikeTaskData, + LikeRecord, + ApiResponse, + PaginatedResponse, +} from "@/types/auto-like"; + +// 获取自动点赞任务列表 +export async function fetchAutoLikeTasks(): Promise { + try { + const res = await request>>({ + url: "/v1/workbench/list", + method: "GET", + params: { + type: 1, + page: 1, + limit: 100, + }, + }); + + if (res.code === 200 && res.data) { + return res.data.list || []; + } + return []; + } catch (error) { + console.error("获取自动点赞任务失败:", error); + return []; + } +} + +// 获取单个任务详情 +export async function fetchAutoLikeTaskDetail( + id: string +): Promise { + try { + console.log(`Fetching task detail for id: ${id}`); + const res = await request({ + url: "/v1/workbench/detail", + method: "GET", + params: { id }, + }); + console.log("Task detail API response:", res); + + if (res.code === 200) { + if (res.data) { + if (typeof res.data === "object") { + return res.data; + } else { + console.error( + "Task detail API response data is not an object:", + res.data + ); + return null; + } + } else { + console.error("Task detail API response missing data field:", res); + return null; + } + } + + console.error("Task detail API error:", res.msg || "Unknown error"); + return null; + } catch (error) { + console.error("获取任务详情失败:", error); + return null; + } +} + +// 创建自动点赞任务 +export async function createAutoLikeTask( + data: CreateLikeTaskData +): Promise { + return request({ + url: "/v1/workbench/create", + method: "POST", + data: { + ...data, + type: 1, // 自动点赞类型 + }, + }); +} + +// 更新自动点赞任务 +export async function updateAutoLikeTask( + data: UpdateLikeTaskData +): Promise { + return request({ + url: "/v1/workbench/update", + method: "POST", + data: { + ...data, + type: 1, // 自动点赞类型 + }, + }); +} + +// 删除自动点赞任务 +export async function deleteAutoLikeTask(id: string): Promise { + return request({ + url: "/v1/workbench/delete", + method: "DELETE", + params: { id }, + }); +} + +// 切换任务状态 +export async function toggleAutoLikeTask( + id: string, + status: string +): Promise { + return request({ + url: "/v1/workbench/update-status", + method: "POST", + data: { id, status }, + }); +} + +// 复制自动点赞任务 +export async function copyAutoLikeTask(id: string): Promise { + return request({ + url: "/v1/workbench/copy", + method: "POST", + data: { id }, + }); +} + +// 获取点赞记录 +export async function fetchLikeRecords( + workbenchId: string, + page: number = 1, + limit: number = 20, + keyword?: string +): Promise> { + try { + const params: any = { + workbenchId, + page: page.toString(), + limit: limit.toString(), + }; + + if (keyword) { + params.keyword = keyword; + } + + const res = await request>>({ + url: "/v1/workbench/records", + method: "GET", + params, + }); + + if (res.code === 200 && res.data) { + return res.data; + } + + return { + list: [], + total: 0, + page: 1, + limit: 20, + }; + } catch (error) { + console.error("获取点赞记录失败:", error); + return { + list: [], + total: 0, + page: 1, + limit: 20, + }; + } +} diff --git a/nkebao/src/pages/workspace/auto-like/AutoLike.tsx b/nkebao/src/pages/workspace/auto-like/AutoLike.tsx deleted file mode 100644 index cc452a1c..00000000 --- a/nkebao/src/pages/workspace/auto-like/AutoLike.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import React from "react"; -import { NavBar, Button } from "antd-mobile"; -import { PlusOutlined } from "@ant-design/icons"; -import Layout from "@/components/Layout/Layout"; -import MeauMobile from "@/components/MeauMobile/MeauMoible"; - -const AutoLike: React.FC = () => { - return ( - window.history.back()} - left={ -
- 自动点赞 -
- } - right={ - - } - /> - } - footer={} - > -
-

自动点赞页面

-

此页面正在开发中...

-
- - ); -}; - -export default AutoLike; diff --git a/nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx b/nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx deleted file mode 100644 index 08811261..00000000 --- a/nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import React from "react"; -import PlaceholderPage from "@/components/PlaceholderPage"; - -const AutoLikeDetail: React.FC = () => { - return ; -}; - -export default AutoLikeDetail; diff --git a/nkebao/src/pages/workspace/auto-like/AutoLikeListPC.scss b/nkebao/src/pages/workspace/auto-like/AutoLikeListPC.scss new file mode 100644 index 00000000..0519ecba --- /dev/null +++ b/nkebao/src/pages/workspace/auto-like/AutoLikeListPC.scss @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/nkebao/src/pages/workspace/auto-like/AutoLikeListPC.tsx b/nkebao/src/pages/workspace/auto-like/AutoLikeListPC.tsx new file mode 100644 index 00000000..0519ecba --- /dev/null +++ b/nkebao/src/pages/workspace/auto-like/AutoLikeListPC.tsx @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/nkebao/src/pages/workspace/auto-like/NewAutoLike.tsx b/nkebao/src/pages/workspace/auto-like/NewAutoLike.tsx deleted file mode 100644 index 12bf9b7e..00000000 --- a/nkebao/src/pages/workspace/auto-like/NewAutoLike.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import React from "react"; -import { NavBar } from "antd-mobile"; -import Layout from "@/components/Layout/Layout"; -import MeauMobile from "@/components/MeauMobile/MeauMoible"; - -const NewAutoLike: React.FC = () => { - return ( - window.history.back()} - > -
- 新建自动点赞 -
- - } - footer={} - > -
-

新建自动点赞页面

-

此页面正在开发中...

-
- - ); -}; - -export default NewAutoLike; diff --git a/nkebao/src/pages/workspace/auto-like/list/api.ts b/nkebao/src/pages/workspace/auto-like/list/api.ts new file mode 100644 index 00000000..930902b4 --- /dev/null +++ b/nkebao/src/pages/workspace/auto-like/list/api.ts @@ -0,0 +1,63 @@ +import request from "@/api/request"; +import { + LikeTask, + CreateLikeTaskData, + UpdateLikeTaskData, + LikeRecord, + PaginatedResponse, +} from "@/types/auto-like"; + +// 获取自动点赞任务列表 +export function fetchAutoLikeTasks( + params = { type: 1, page: 1, limit: 100 } +): Promise { + return request("/v1/workbench/list", params, "GET"); +} + +// 获取单个任务详情 +export function fetchAutoLikeTaskDetail(id: string): Promise { + return request("/v1/workbench/detail", { id }, "GET"); +} + +// 创建自动点赞任务 +export function createAutoLikeTask(data: CreateLikeTaskData): Promise { + return request("/v1/workbench/create", { ...data, type: 1 }, "POST"); +} + +// 更新自动点赞任务 +export function updateAutoLikeTask(data: UpdateLikeTaskData): Promise { + return request("/v1/workbench/update", { ...data, type: 1 }, "POST"); +} + +// 删除自动点赞任务 +export function deleteAutoLikeTask(id: string): Promise { + return request("/v1/workbench/delete", { id }, "DELETE"); +} + +// 切换任务状态 +export function toggleAutoLikeTask(id: string, status: string): Promise { + return request("/v1/workbench/update-status", { id, status }, "POST"); +} + +// 复制自动点赞任务 +export function copyAutoLikeTask(id: string): Promise { + return request("/v1/workbench/copy", { id }, "POST"); +} + +// 获取点赞记录 +export function fetchLikeRecords( + workbenchId: string, + page: number = 1, + limit: number = 20, + keyword?: string +): Promise> { + const params: any = { + workbenchId, + page: page.toString(), + limit: limit.toString(), + }; + if (keyword) { + params.keyword = keyword; + } + return request("/v1/workbench/records", params, "GET"); +} diff --git a/nkebao/src/pages/workspace/auto-like/list/index.module.scss b/nkebao/src/pages/workspace/auto-like/list/index.module.scss new file mode 100644 index 00000000..d70e7a45 --- /dev/null +++ b/nkebao/src/pages/workspace/auto-like/list/index.module.scss @@ -0,0 +1,342 @@ +.header { + background: white; + border-bottom: 1px solid #e5e5e5; + position: sticky; + top: 0; + z-index: 10; +} + +.header-content { + display: flex; + align-items: center; + justify-content: space-between; + padding: 16px; +} + +.header-left { + display: flex; + align-items: center; + gap: 12px; +} + +.header-title { + font-size: 18px; + font-weight: 600; + color: #333; +} + +.search-bar { + display: flex; + gap: 12px; + align-items: center; + padding: 16px; +} + +.search-input-wrapper { + position: relative; + flex: 1; + + .ant-input { + border-radius: 8px; + height: 40px; + } +} +.refresh-btn { + height: 40px; + width: 40px; + padding: 0; + border-radius: 8px; +} + +.new-task-btn { + height: 32px; + padding: 0 12px; + border-radius: 6px; + font-size: 14px; + display: flex; + align-items: center; + gap: 6px; +} + + +.task-list { + padding: 0 16px; + display: flex; + flex-direction: column; + gap: 16px; +} + +.task-card { + background: white; + border-radius: 8px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + transition: all 0.2s; + &:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); + } +} + +.task-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 16px; +} + +.task-title-section { + display: flex; + align-items: center; + gap: 8px; +} + +.task-name { + font-size: 18px; + font-weight: 600; + color: #333; +} + +.task-status { + padding: 2px 8px; + border-radius: 4px; + font-size: 12px; + font-weight: 500; + + &.active { + background: #f6ffed; + color: #52c41a; + border: 1px solid #b7eb8f; + } + + &.inactive { + background: #f5f5f5; + color: #666; + border: 1px solid #d9d9d9; + } +} + +.task-controls { + display: flex; + align-items: center; + gap: 8px; +} + +.switch { + position: relative; + display: inline-block; + width: 44px; + height: 24px; + + input { + opacity: 0; + width: 0; + height: 0; + } + + .slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + transition: 0.4s; + border-radius: 24px; + + &:before { + position: absolute; + content: ""; + height: 18px; + width: 18px; + left: 3px; + bottom: 3px; + background-color: white; + transition: 0.4s; + border-radius: 50%; + } + } + + input:checked + .slider { + background-color: #1890ff; + } + + input:checked + .slider:before { + transform: translateX(20px); + } +} + +.menu-btn { + background: none; + border: none; + padding: 4px; + cursor: pointer; + border-radius: 4px; + color: #666; + + &:hover { + background: #f5f5f5; + } +} + +.menu-dropdown { + position: absolute; + right: 0; + top: 28px; + background: white; + border-radius: 6px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); + z-index: 100; + min-width: 120px; + padding: 4px; + border: 1px solid #e5e5e5; +} + +.menu-item { + padding: 8px 12px; + cursor: pointer; + display: flex; + align-items: center; + border-radius: 4px; + font-size: 14px; + gap: 8px; + transition: background 0.2s; + + &:hover { + background: #f5f5f5; + } + + &.danger { + color: #ff4d4f; + + &:hover { + background: #fff2f0; + } + } +} + +.task-info { + display: flex; + justify-content: space-between; + margin-bottom: 20px; +} + +.info-section { + display: flex; + flex-direction: column; + gap: 12px; + flex: 1; +} + +.info-item { + display: flex; + justify-content: space-between; + align-items: center; +} + +.info-label { + font-size: 16px; + color: #666; +} + +.info-value { + font-size: 16px; + color: #333; + font-weight: 600; +} + +.task-stats { + display: flex; + justify-content: space-between; + font-size: 14px; + color: #666; + border-top: 1px solid #f0f0f0; + padding-top: 10px; +} + +.stats-item { + display: flex; + align-items: center; + gap: 8px; +} + +.stats-icon { + font-size: 16px; + + &.blue { + color: #1890ff; + } + + &.green { + color: #52c41a; + } +} + +.stats-label { + font-weight: 500; +} + +.stats-value { + color: #333; + font-weight: 600; +} + +.loading { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 60vh; + gap: 16px; +} + +.loading-text { + color: #666; + font-size: 14px; +} + +.empty-state { + text-align: center; + padding: 60px 20px; + color: #666; +} + +.empty-icon { + font-size: 48px; + color: #d9d9d9; + margin-bottom: 16px; +} + +.empty-text { + font-size: 16px; + margin-bottom: 8px; +} + +.empty-subtext { + font-size: 14px; + color: #999; +} + +// 移动端适配 +@media (max-width: 768px) { + .task-info { + grid-template-columns: 1fr; + gap: 16px; + } + + .task-stats { + gap: 12px; + align-items: flex-start; + } + + .header-content { + padding: 12px 16px; + } + + .search-section { + padding: 12px 16px; + } + + .task-list { + padding: 0 12px; + } +} \ No newline at end of file diff --git a/nkebao/src/pages/workspace/auto-like/list/index.tsx b/nkebao/src/pages/workspace/auto-like/list/index.tsx new file mode 100644 index 00000000..7e5f78e9 --- /dev/null +++ b/nkebao/src/pages/workspace/auto-like/list/index.tsx @@ -0,0 +1,410 @@ +import React, { useState, useEffect, useRef } from "react"; +import { useNavigate } from "react-router-dom"; +import { + NavBar, + Button, + Toast, + SpinLoading, + Dialog, + Popup, + Card, + Tag, +} from "antd-mobile"; +import { Input } from "antd"; +import { + PlusOutlined, + CopyOutlined, + DeleteOutlined, + SettingOutlined, + SearchOutlined, + ReloadOutlined, + EyeOutlined, + EditOutlined, + MoreOutlined, + LikeOutlined, + ClockCircleOutlined, +} from "@ant-design/icons"; +import { LeftOutline } from "antd-mobile-icons"; + +import Layout from "@/components/Layout/Layout"; +import MeauMobile from "@/components/MeauMobile/MeauMoible"; +import { + fetchAutoLikeTasks, + deleteAutoLikeTask, + toggleAutoLikeTask, + copyAutoLikeTask, +} from "./api"; +import { LikeTask } from "@/types/auto-like"; +import style from "./index.module.scss"; + +// 卡片菜单组件 +interface CardMenuProps { + onView: () => void; + onEdit: () => void; + onCopy: () => void; + onDelete: () => void; +} + +const CardMenu: React.FC = ({ + onView, + onEdit, + onCopy, + onDelete, +}) => { + const [open, setOpen] = useState(false); + const menuRef = useRef(null); + + useEffect(() => { + function handleClickOutside(event: MouseEvent) { + if (menuRef.current && !menuRef.current.contains(event.target as Node)) { + setOpen(false); + } + } + if (open) document.addEventListener("mousedown", handleClickOutside); + return () => document.removeEventListener("mousedown", handleClickOutside); + }, [open]); + + return ( +
+ + {open && ( +
+
{ + onView(); + setOpen(false); + }} + className={style["menu-item"]} + > + + 查看 +
+
{ + onEdit(); + setOpen(false); + }} + className={style["menu-item"]} + > + + 编辑 +
+
{ + onCopy(); + setOpen(false); + }} + className={style["menu-item"]} + > + + 复制 +
+
{ + onDelete(); + setOpen(false); + }} + className={`${style["menu-item"]} ${style["danger"]}`} + > + + 删除 +
+
+ )} +
+ ); +}; + +const AutoLike: React.FC = () => { + const navigate = useNavigate(); + const [tasks, setTasks] = useState([]); + const [searchTerm, setSearchTerm] = useState(""); + const [loading, setLoading] = useState(false); + + // 获取任务列表 + const fetchTasks = async () => { + setLoading(true); + try { + const Res: any = await fetchAutoLikeTasks(); + // 直接就是任务数组，无需再解包 + const mappedTasks = Res?.list?.map((task: any) => ({ + ...task, + status: task.status || 2, // 默认为关闭状态 + deviceCount: task.deviceCount || 0, + targetGroup: task.targetGroup || "全部好友", + likeInterval: task.likeInterval || 60, + maxLikesPerDay: task.maxLikesPerDay || 100, + lastLikeTime: task.lastLikeTime || "暂无", + createTime: task.createTime || "", + updateTime: task.updateTime || "", + todayLikeCount: task.todayLikeCount || 0, + totalLikeCount: task.totalLikeCount || 0, + })); + setTasks(mappedTasks); + } catch (error) { + console.error("获取自动点赞任务失败:", error); + Toast.show({ + content: "获取任务列表失败", + position: "top", + }); + } finally { + setLoading(false); + } + }; + + useEffect(() => { + fetchTasks(); + }, []); + + // 删除任务 + const handleDelete = async (id: string) => { + const result = await Dialog.confirm({ + content: "确定要删除这个任务吗？", + confirmText: "删除", + cancelText: "取消", + }); + + if (result) { + try { + await deleteAutoLikeTask(id); + Toast.show({ + content: "删除成功", + position: "top", + }); + fetchTasks(); // 重新获取列表 + } catch (error) { + Toast.show({ + content: "删除失败", + position: "top", + }); + } + } + }; + + // 编辑任务 + const handleEdit = (taskId: string) => { + navigate(`/workspace/auto-like/edit/${taskId}`); + }; + + // 查看任务 + const handleView = (taskId: string) => { + navigate(`/workspace/auto-like/detail/${taskId}`); + }; + + // 复制任务 + const handleCopy = async (id: string) => { + try { + await copyAutoLikeTask(id); + Toast.show({ + content: "复制成功", + position: "top", + }); + fetchTasks(); // 重新获取列表 + } catch (error) { + Toast.show({ + content: "复制失败", + position: "top", + }); + } + }; + + // 切换任务状态 + const toggleTaskStatus = async (id: string, status: number) => { + try { + const newStatus = status === 1 ? "2" : "1"; + await toggleAutoLikeTask(id, newStatus); + Toast.show({ + content: status === 1 ? "已暂停" : "已启动", + position: "top", + }); + fetchTasks(); // 重新获取列表 + } catch (error) { + Toast.show({ + content: "操作失败", + position: "top", + }); + } + }; + + // 创建新任务 + const handleCreateNew = () => { + navigate("/workspace/auto-like/new"); + }; + + // 过滤任务 + const filteredTasks = tasks.filter((task) => + task.name.toLowerCase().includes(searchTerm.toLowerCase()) + ); + + return ( + + window.history.back()} + left={ +
+ 自动点赞 +
+ } + right={ + + } + /> + {/* 搜索栏 */} +
+
+ setSearchTerm(e.target.value)} + prefix={} + allowClear + size="large" + /> +
+ +
+ + } + > +
+ {/* 任务列表 */} +
+ {loading ? ( +
+ +
加载中...
+
+ ) : filteredTasks.length === 0 ? ( +
+
+ +
+
暂无自动点赞任务
+
+ 点击右上角按钮创建新任务 +
+
+ ) : ( + filteredTasks.map((task) => ( + +
+
+

{task.name}

+ + {Number(task.status) === 1 ? "进行中" : "已暂停"} + +
+
+ + handleView(task.id)} + onEdit={() => handleEdit(task.id)} + onCopy={() => handleCopy(task.id)} + onDelete={() => handleDelete(task.id)} + /> +
+
+ +
+
+
+ 执行设备 + + {task.deviceCount} 个 + +
+
+ 目标人群 + + {task.targetGroup} + +
+
+ 更新时间 + + {task.updateTime} + +
+
+
+
+ 点赞间隔 + + {task.likeInterval} 秒 + +
+
+ 每日上限 + + {task.maxLikesPerDay} 次 + +
+
+ 创建时间 + + {task.createTime} + +
+
+
+ +
+
+ + 今日点赞： + + {task.lastLikeTime} + +
+
+ + 总点赞数： + + {task.totalLikeCount || 0} + +
+
+ + )) + )} +
+
+ + ); +}; + +export default AutoLike; diff --git a/nkebao/src/pages/workspace/auto-like/new/index.tsx b/nkebao/src/pages/workspace/auto-like/new/index.tsx new file mode 100644 index 00000000..bd6c9d5e --- /dev/null +++ b/nkebao/src/pages/workspace/auto-like/new/index.tsx @@ -0,0 +1,437 @@ +import React, { useState, useEffect } from "react"; +import { useNavigate, useParams } from "react-router-dom"; +import { + NavBar, + Button, + Toast, + SpinLoading, + Form, + Input, + Switch, + Stepper, + Card, + Tag, +} from "antd-mobile"; +import { Input as AntInput, TimePicker, Select } from "antd"; +import { + PlusOutlined, + MinusOutlined, + CheckOutlined, + TagOutlined, + ClockCircleOutlined, + LikeOutlined, + UserOutlined, + SettingOutlined, +} from "@ant-design/icons"; + +import Layout from "@/components/Layout/Layout"; +import MeauMobile from "@/components/MeauMobile/MeauMoible"; +import { + createAutoLikeTask, + updateAutoLikeTask, + fetchAutoLikeTaskDetail, +} from "@/api/autoLike"; +import { + CreateLikeTaskData, + UpdateLikeTaskData, + ContentType, +} from "@/types/auto-like"; +import style from "./new.module.scss"; + +const { Option } = Select; + +const NewAutoLike: React.FC = () => { + const navigate = useNavigate(); + const { id } = useParams<{ id: string }>(); + const isEditMode = !!id; + const [currentStep, setCurrentStep] = useState(1); + const [isSubmitting, setIsSubmitting] = useState(false); + const [isLoading, setIsLoading] = useState(isEditMode); + const [autoEnabled, setAutoEnabled] = useState(false); + + const [formData, setFormData] = useState({ + name: "", + interval: 5, + maxLikes: 200, + startTime: "08:00", + endTime: "22:00", + contentTypes: ["text", "image", "video"], + devices: [], + friends: [], + targetTags: [], + friendMaxLikes: 10, + enableFriendTags: false, + friendTags: "", + }); + + // 如果是编辑模式，获取任务详情 + useEffect(() => { + if (isEditMode && id) { + fetchTaskDetail(); + } + }, [id, isEditMode]); + + // 获取任务详情 + const fetchTaskDetail = async () => { + try { + const taskDetail = await fetchAutoLikeTaskDetail(id!); + if (taskDetail) { + const taskAny = taskDetail as any; + const config = taskAny.config || taskAny; + + setFormData({ + name: taskDetail.name || "", + interval: config.likeInterval || config.interval || 5, + maxLikes: config.maxLikesPerDay || config.maxLikes || 200, + startTime: config.timeRange?.start || config.startTime || "08:00", + endTime: config.timeRange?.end || config.endTime || "22:00", + contentTypes: config.contentTypes || ["text", "image", "video"], + devices: config.devices || [], + friends: config.friends || [], + targetTags: config.targetTags || [], + friendMaxLikes: config.friendMaxLikes || 10, + enableFriendTags: config.enableFriendTags || false, + friendTags: config.friendTags || "", + }); + + const status = taskAny.status; + setAutoEnabled(status === 1 || status === "running"); + } + } catch (error) { + Toast.show({ + content: "获取任务详情失败", + position: "top", + }); + } finally { + setIsLoading(false); + } + }; + + const handleUpdateFormData = (data: Partial) => { + setFormData((prev) => ({ ...prev, ...data })); + }; + + const handleNext = () => { + if (currentStep < 3) { + setCurrentStep(currentStep + 1); + } + }; + + const handlePrev = () => { + if (currentStep > 1) { + setCurrentStep(currentStep - 1); + } + }; + + const handleComplete = async () => { + if (!formData.name.trim()) { + Toast.show({ + content: "请输入任务名称", + position: "top", + }); + return; + } + + if (formData.devices.length === 0) { + Toast.show({ + content: "请选择执行设备", + position: "top", + }); + return; + } + + setIsSubmitting(true); + try { + if (isEditMode && id) { + const updateData: UpdateLikeTaskData = { + ...formData, + id, + }; + await updateAutoLikeTask(updateData); + Toast.show({ + content: "更新成功", + position: "top", + }); + } else { + await createAutoLikeTask(formData); + Toast.show({ + content: "创建成功", + position: "top", + }); + } + navigate("/workspace/auto-like"); + } catch (error) { + Toast.show({ + content: isEditMode ? "更新失败" : "创建失败", + position: "top", + }); + } finally { + setIsSubmitting(false); + } + }; + + const handleContentTypeChange = (type: ContentType) => { + const newTypes = formData.contentTypes.includes(type) + ? formData.contentTypes.filter((t) => t !== type) + : [...formData.contentTypes, type]; + handleUpdateFormData({ contentTypes: newTypes }); + }; + + const renderStepIndicator = () => ( +
+
+
= 1 ? style["active"] : ""}`} + > +
1
+
基础设置
+
+
= 2 ? style["active"] : ""}`} + > +
2
+
设备选择
+
+
= 3 ? style["active"] : ""}`} + > +
3
+
好友设置
+
+
+
+ ); + + const renderBasicSettings = () => ( +
+ +
+ + handleUpdateFormData({ name: value })} + className={style["form-input"]} + /> +
+ +
+ +
+ + + {formData.interval} 秒 + + +
+
+ +
+ +
+ + + {formData.maxLikes} 次 + + +
+
+ +
+ +
+ handleUpdateFormData({ startTime: value })} + className={style["time-input"]} + /> + 至 + handleUpdateFormData({ endTime: value })} + className={style["time-input"]} + /> +
+
+ +
+ +
+ {(["text", "image", "video", "link"] as ContentType[]).map( + (type) => ( + handleContentTypeChange(type)} + className={style["content-type-tag"]} + > + {type === "text" && "文字"} + {type === "image" && "图片"} + {type === "video" && "视频"} + {type === "link" && "链接"} + + ) + )} +
+
+ +
+ + +
+ +
+ ); + + const renderDeviceSelection = () => ( +
+ +
+ +
设备选择功能开发中...
+
+ 当前已选择 {formData.devices.length} 个设备 +
+
+ +
+ ); + + const renderFriendSettings = () => ( +
+ +
+ +
好友设置功能开发中...
+
+ 当前已选择 {formData.friends.length} 个好友 +
+
+ +
+ ); + + if (isLoading) { + return ( + window.history.back()} + left={ +
+ {isEditMode ? "编辑任务" : "新建任务"} +
+ } + /> + } + footer={} + > +
+ +
加载中...
+
+ + ); + } + + return ( + window.history.back()} + left={ +
+ {isEditMode ? "编辑任务" : "新建任务"} +
+ } + /> + } + footer={} + > +
+ {renderStepIndicator()} + + {currentStep === 1 && renderBasicSettings()} + {currentStep === 2 && renderDeviceSelection()} + {currentStep === 3 && renderFriendSettings()} + +
+ {currentStep > 1 && ( + + )} + + {currentStep < 3 ? ( + + ) : ( + + )} +
+
+ + ); +}; + +export default NewAutoLike; diff --git a/nkebao/src/pages/workspace/auto-like/new/new.module.scss b/nkebao/src/pages/workspace/auto-like/new/new.module.scss new file mode 100644 index 00000000..5b25188e --- /dev/null +++ b/nkebao/src/pages/workspace/auto-like/new/new.module.scss @@ -0,0 +1,301 @@ +.new-page { + background: #f5f5f5; + min-height: 100vh; + padding-bottom: 80px; +} + +.step-indicator { + background: white; + padding: 20px 16px; + border-bottom: 1px solid #f0f0f0; +} + +.step-list { + display: flex; + justify-content: space-between; + align-items: center; + position: relative; + + &::before { + content: ''; + position: absolute; + top: 20px; + left: 20px; + right: 20px; + height: 2px; + background: #e5e5e5; + z-index: 1; + } +} + +.step-item { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; + position: relative; + z-index: 2; + + &.active { + .step-number { + background: #1890ff; + color: white; + border-color: #1890ff; + } + + .step-label { + color: #1890ff; + font-weight: 600; + } + } +} + +.step-number { + width: 40px; + height: 40px; + border-radius: 50%; + background: white; + border: 2px solid #e5e5e5; + display: flex; + align-items: center; + justify-content: center; + font-size: 16px; + font-weight: 600; + color: #999; + transition: all 0.3s; +} + +.step-label { + font-size: 12px; + color: #666; + text-align: center; + transition: all 0.3s; +} + +.step-content { + padding: 16px; +} + +.form-card { + background: white; + border-radius: 8px; + padding: 20px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +.form-item { + margin-bottom: 20px; + + &:last-child { + margin-bottom: 0; + } +} + +.form-label { + display: block; + font-size: 14px; + font-weight: 600; + color: #333; + margin-bottom: 8px; +} + +.form-input { + width: 100%; + height: 40px; + border: 1px solid #d9d9d9; + border-radius: 6px; + padding: 0 12px; + font-size: 14px; + + &:focus { + border-color: #1890ff; + box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); + outline: none; + } +} + +.stepper-wrapper { + display: flex; + align-items: center; + gap: 12px; +} + +.stepper-btn { + width: 32px; + height: 32px; + padding: 0; + border-radius: 6px; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #d9d9d9; + background: white; + + &:hover { + border-color: #1890ff; + color: #1890ff; + } +} + +.stepper-value { + font-size: 14px; + font-weight: 600; + color: #333; + min-width: 60px; + text-align: center; +} + +.time-range { + display: flex; + align-items: center; + gap: 12px; +} + +.time-input { + flex: 1; + height: 40px; + border: 1px solid #d9d9d9; + border-radius: 6px; + padding: 0 12px; + font-size: 14px; + + &:focus { + border-color: #1890ff; + box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); + outline: none; + } +} + +.time-separator { + font-size: 14px; + color: #666; + font-weight: 500; +} + +.content-types { + display: flex; + flex-wrap: wrap; + gap: 8px; +} + +.content-type-tag { + cursor: pointer; + transition: all 0.2s; + + &:hover { + transform: translateY(-1px); + } +} + +.form-switch { + margin-left: auto; +} + +.placeholder-content { + text-align: center; + padding: 40px 20px; + color: #666; +} + +.placeholder-icon { + font-size: 48px; + color: #d9d9d9; + margin-bottom: 16px; +} + +.placeholder-text { + font-size: 16px; + margin-bottom: 8px; + color: #333; +} + +.placeholder-subtext { + font-size: 14px; + color: #999; +} + +.step-actions { + position: fixed; + bottom: 0; + left: 0; + right: 0; + background: white; + padding: 16px; + border-top: 1px solid #f0f0f0; + display: flex; + gap: 12px; + z-index: 10; +} + +.prev-btn { + flex: 1; + height: 44px; + border-radius: 8px; + font-size: 16px; + font-weight: 500; +} + +.next-btn, +.complete-btn { + flex: 1; + height: 44px; + border-radius: 8px; + font-size: 16px; + font-weight: 500; +} + +.loading { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 60vh; + gap: 16px; +} + +.loading-text { + color: #666; + font-size: 14px; +} + +// 移动端适配 +@media (max-width: 768px) { + .step-list { + &::before { + left: 15px; + right: 15px; + } + } + + .step-number { + width: 36px; + height: 36px; + font-size: 14px; + } + + .step-label { + font-size: 11px; + } + + .form-card { + padding: 16px; + } + + .stepper-wrapper { + gap: 8px; + } + + .stepper-btn { + width: 28px; + height: 28px; + } + + .time-range { + flex-direction: column; + gap: 8px; + } + + .content-types { + gap: 6px; + } +} \ No newline at end of file diff --git a/nkebao/src/pages/workspace/auto-like/record/index.tsx b/nkebao/src/pages/workspace/auto-like/record/index.tsx new file mode 100644 index 00000000..4d52913a --- /dev/null +++ b/nkebao/src/pages/workspace/auto-like/record/index.tsx @@ -0,0 +1,297 @@ +import React, { useState, useEffect } from "react"; +import { useParams } from "react-router-dom"; +import { NavBar, Button, Toast, SpinLoading, Card, Avatar } from "antd-mobile"; +import { Input } from "antd"; +import InfiniteList from "@/components/InfiniteList/InfiniteList"; +import { + SearchOutlined, + ReloadOutlined, + LikeOutlined, + UserOutlined, +} from "@ant-design/icons"; + +import Layout from "@/components/Layout/Layout"; +import MeauMobile from "@/components/MeauMobile/MeauMoible"; +import { fetchLikeRecords, fetchAutoLikeTaskDetail } from "@/api/autoLike"; +import { LikeRecord, LikeTask } from "@/types/auto-like"; +import style from "./record.module.scss"; + +// 格式化日期 +const formatDate = (dateString: string) => { + 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", + }); + } catch (error) { + return dateString; + } +}; + +const AutoLikeDetail: React.FC = () => { + const { id } = useParams<{ id: string }>(); + const [records, setRecords] = useState([]); + const [taskDetail, setTaskDetail] = useState(null); + const [recordsLoading, setRecordsLoading] = useState(false); + const [taskLoading, setTaskLoading] = useState(false); + const [searchTerm, setSearchTerm] = useState(""); + const [currentPage, setCurrentPage] = useState(1); + const [total, setTotal] = useState(0); + const [hasMore, setHasMore] = useState(true); + const pageSize = 10; + + // 获取任务详情 + const fetchTaskDetail = async () => { + if (!id) return; + setTaskLoading(true); + try { + const detail = await fetchAutoLikeTaskDetail(id); + setTaskDetail(detail); + } catch (error) { + Toast.show({ + content: "获取任务详情失败", + position: "top", + }); + } finally { + setTaskLoading(false); + } + }; + + // 获取点赞记录 + const fetchRecords = async ( + page: number = 1, + isLoadMore: boolean = false + ) => { + if (!id) return; + + if (!isLoadMore) { + setRecordsLoading(true); + } + + try { + const response = await fetchLikeRecords(id, page, pageSize, searchTerm); + const newRecords = response.list || []; + + if (isLoadMore) { + setRecords((prev) => [...prev, ...newRecords]); + } else { + setRecords(newRecords); + } + + setTotal(response.total || 0); + setCurrentPage(page); + setHasMore(newRecords.length === pageSize); + } catch (error) { + Toast.show({ + content: "获取点赞记录失败", + position: "top", + }); + } finally { + setRecordsLoading(false); + } + }; + + useEffect(() => { + fetchTaskDetail(); + fetchRecords(1, false); + }, [id]); + + const handleSearch = () => { + setCurrentPage(1); + fetchRecords(1, false); + }; + + const handleRefresh = () => { + fetchRecords(currentPage, false); + }; + + const handleLoadMore = async () => { + if (hasMore && !recordsLoading) { + await fetchRecords(currentPage + 1, true); + } + }; + + const renderRecordItem = (record: LikeRecord) => ( + +
+
+ + + +
+
+ {record.friendName} +
+
内容发布者
+
+
+
+ {formatDate(record.momentTime || record.likeTime)} +
+
+ +
+ {record.content && ( +

{record.content}

+ )} + + {Array.isArray(record.resUrls) && record.resUrls.length > 0 && ( +
+ {record.resUrls.slice(0, 9).map((image: string, idx: number) => ( +
+ {`内容图片 +
+ ))} +
+ )} +
+ +
+ + + +
+ + {record.operatorName} + + 点赞了这条内容 +
+
+ + ); + + return ( + window.history.back()} + left={ +
+ 点赞记录 +
+ } + /> + } + footer={} + > +
+ {/* 任务信息卡片 */} + {taskDetail && ( +
+
+

{taskDetail.name}

+ + {Number(taskDetail.status) === 1 ? "进行中" : "已暂停"} + +
+
+
+ + 今日点赞： + + {taskDetail.todayLikeCount || 0} + +
+
+ + 总点赞数： + + {taskDetail.totalLikeCount || 0} + +
+
+
+ )} + + {/* 搜索区域 */} +
+
+
+ + setSearchTerm(e.target.value)} + onPressEnter={handleSearch} + /> +
+ + +
+
+ + {/* 记录列表 */} +
+ {recordsLoading && currentPage === 1 ? ( +
+ +
加载中...
+
+ ) : records.length === 0 ? ( +
+ +
暂无点赞记录
+
+ ) : ( + + )} +
+
+ + ); +}; + +export default AutoLikeDetail; diff --git a/nkebao/src/pages/workspace/auto-like/record/record.module.scss b/nkebao/src/pages/workspace/auto-like/record/record.module.scss new file mode 100644 index 00000000..9bc931b6 --- /dev/null +++ b/nkebao/src/pages/workspace/auto-like/record/record.module.scss @@ -0,0 +1,351 @@ +.detail-page { + background: #f5f5f5; + min-height: 100vh; + padding-bottom: 80px; +} + +.task-info-card { + background: white; + margin: 16px; + border-radius: 8px; + padding: 16px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +.task-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 16px; +} + +.task-name { + font-size: 16px; + font-weight: 600; + color: #333; + margin: 0; +} + +.task-status { + padding: 2px 8px; + border-radius: 4px; + font-size: 12px; + font-weight: 500; + + &.active { + background: #f6ffed; + color: #52c41a; + border: 1px solid #b7eb8f; + } + + &.inactive { + background: #f5f5f5; + color: #666; + border: 1px solid #d9d9d9; + } +} + +.task-stats { + display: flex; + justify-content: space-between; + gap: 16px; +} + +.stat-item { + display: flex; + align-items: center; + gap: 6px; + font-size: 14px; + color: #666; +} + +.stat-icon { + font-size: 16px; + color: #1890ff; +} + +.stat-label { + font-weight: 500; +} + +.stat-value { + color: #333; + font-weight: 600; +} + +.search-section { + padding: 0 16px 16px; +} + +.search-wrapper { + display: flex; + align-items: center; + gap: 8px; + background: white; + border-radius: 8px; + padding: 12px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +.search-input-wrapper { + position: relative; + flex: 1; +} + +.search-input { + width: 100%; + height: 36px; + padding: 0 12px 0 32px; + border: 1px solid #d9d9d9; + border-radius: 6px; + font-size: 14px; + + &:focus { + border-color: #1890ff; + box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); + outline: none; + } +} + +.search-icon { + position: absolute; + left: 8px; + top: 50%; + transform: translateY(-50%); + color: #999; + font-size: 14px; +} + +.search-btn { + height: 36px; + padding: 0 12px; + border-radius: 6px; + font-size: 14px; + white-space: nowrap; +} + +.refresh-btn { + height: 36px; + width: 36px; + padding: 0; + border-radius: 6px; + display: flex; + align-items: center; + justify-content: center; + border: 1px solid #d9d9d9; + background: white; + cursor: pointer; + transition: all 0.2s; + + &:hover { + border-color: #1890ff; + color: #1890ff; + } + + &:disabled { + opacity: 0.5; + cursor: not-allowed; + } +} + +.records-section { + padding: 0 16px; +} + +.records-list { + display: flex; + flex-direction: column; + gap: 12px; +} + +.record-card { + background: white; + border-radius: 8px; + padding: 16px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +.record-header { + display: flex; + align-items: flex-start; + justify-content: space-between; + margin-bottom: 12px; +} + +.user-info { + display: flex; + align-items: center; + gap: 12px; + max-width: 65%; +} + +.user-avatar { + width: 40px; + height: 40px; + border-radius: 50%; + flex-shrink: 0; +} + +.user-details { + min-width: 0; +} + +.user-name { + font-size: 14px; + font-weight: 600; + color: #333; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.user-role { + font-size: 12px; + color: #666; + margin-top: 2px; +} + +.record-time { + font-size: 12px; + color: #666; + background: #f8f9fa; + padding: 4px 8px; + border-radius: 4px; + white-space: nowrap; + flex-shrink: 0; +} + +.record-content { + margin-bottom: 12px; +} + +.content-text { + font-size: 14px; + color: #333; + line-height: 1.5; + margin-bottom: 12px; + white-space: pre-line; +} + +.content-images { + display: grid; + gap: 4px; + + &.single { + grid-template-columns: 1fr; + } + + &.double { + grid-template-columns: 1fr 1fr; + } + + &.multiple { + grid-template-columns: repeat(3, 1fr); + } +} + +.image-item { + aspect-ratio: 1; + border-radius: 6px; + overflow: hidden; +} + +.content-image { + width: 100%; + height: 100%; + object-fit: cover; +} + +.like-info { + display: flex; + align-items: center; + gap: 8px; + padding: 8px 12px; + background: #f8f9fa; + border-radius: 6px; +} + +.operator-avatar { + width: 32px; + height: 32px; + border-radius: 50%; + flex-shrink: 0; +} + +.like-text { + font-size: 14px; + color: #666; + min-width: 0; +} + +.operator-name { + font-weight: 600; + color: #333; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: inline-block; + max-width: 100%; +} + +.like-action { + margin-left: 4px; +} + +.loading { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 60vh; + gap: 16px; +} + +.loading-text { + color: #666; + font-size: 14px; +} + +.empty-state { + text-align: center; + padding: 60px 20px; + color: #666; +} + +.empty-icon { + font-size: 48px; + color: #d9d9d9; + margin-bottom: 16px; +} + +.empty-text { + font-size: 16px; + color: #999; +} + +// 移动端适配 +@media (max-width: 768px) { + .task-stats { + flex-direction: column; + gap: 12px; + } + + .search-wrapper { + flex-direction: column; + gap: 12px; + } + + .search-btn { + width: 100%; + } + + .user-info { + max-width: 60%; + } + + .content-images { + &.multiple { + grid-template-columns: repeat(2, 1fr); + } + } +} \ No newline at end of file diff --git a/nkebao/src/router/module/workspace.tsx b/nkebao/src/router/module/workspace.tsx index b7ccc7c2..20e199b9 100644 --- a/nkebao/src/router/module/workspace.tsx +++ b/nkebao/src/router/module/workspace.tsx @@ -1,7 +1,7 @@ import Workspace from "@/pages/workspace/main"; -import AutoLike from "@/pages/workspace/auto-like/AutoLike"; -import NewAutoLike from "@/pages/workspace/auto-like/NewAutoLike"; -import AutoLikeDetail from "@/pages/workspace/auto-like/AutoLikeDetail"; +import ListAutoLike from "@/pages/workspace/auto-like/list"; +import NewAutoLike from "@/pages/workspace/auto-like/new"; +import RecordAutoLike from "@/pages/workspace/auto-like/record"; import AutoGroup from "@/pages/workspace/auto-group/AutoGroup"; import AutoGroupDetail from "@/pages/workspace/auto-group/Detail"; import GroupPush from "@/pages/workspace/group-push/GroupPush"; @@ -24,7 +24,7 @@ const workspaceRoutes = [ // 自动点赞 { path: "/workspace/auto-like", - element: , + element: , auth: true, }, { @@ -34,7 +34,7 @@ const workspaceRoutes = [ }, { path: "/workspace/auto-like/:id", - element: , + element: , auth: true, }, { diff --git a/nkebao/src/types/auto-like.ts b/nkebao/src/types/auto-like.ts new file mode 100644 index 00000000..bace06ec --- /dev/null +++ b/nkebao/src/types/auto-like.ts @@ -0,0 +1,119 @@ +// 自动点赞任务状态 +export type LikeTaskStatus = 1 | 2; // 1: 开启, 2: 关闭 + +// 内容类型 +export type ContentType = "text" | "image" | "video" | "link"; + +// 设备信息 +export interface Device { + id: string; + name: string; + status: "online" | "offline"; + lastActive: string; +} + +// 好友信息 +export interface Friend { + id: string; + nickname: string; + wechatId: string; + avatar: string; + tags: string[]; + region: string; + source: string; +} + +// 点赞记录 +export interface LikeRecord { + id: string; + workbenchId: string; + momentsId: string; + snsId: string; + wechatAccountId: string; + wechatFriendId: string; + likeTime: string; + content: string; + resUrls: string[]; + momentTime: string; + userName: string; + operatorName: string; + operatorAvatar: string; + friendName: string; + friendAvatar: string; +} + +// 自动点赞任务 +export interface LikeTask { + id: string; + name: string; + status: LikeTaskStatus; + deviceCount: number; + targetGroup: string; + likeCount: number; + lastLikeTime: string; + createTime: string; + creator: string; + likeInterval: number; + maxLikesPerDay: number; + timeRange: { start: string; end: string }; + contentTypes: ContentType[]; + targetTags: string[]; + devices: string[]; + friends: string[]; + friendMaxLikes: number; + friendTags: string; + enableFriendTags: boolean; + todayLikeCount: number; + totalLikeCount: number; + updateTime: string; +} + +// 创建任务数据 +export interface CreateLikeTaskData { + name: string; + interval: number; + maxLikes: number; + startTime: string; + endTime: string; + contentTypes: ContentType[]; + devices: string[]; + friends?: string[]; + friendMaxLikes: number; + friendTags?: string; + enableFriendTags: boolean; + targetTags: string[]; +} + +// 更新任务数据 +export interface UpdateLikeTaskData extends CreateLikeTaskData { + id: string; +} + +// 任务配置 +export interface TaskConfig { + interval: number; + maxLikes: number; + startTime: string; + endTime: string; + contentTypes: ContentType[]; + devices: string[]; + friends: string[]; + friendMaxLikes: number; + friendTags: string; + enableFriendTags: boolean; +} + +// API响应类型 +export interface ApiResponse { + code: number; + msg: string; + data: T; +} + +// 分页响应类型 +export interface PaginatedResponse { + list: T[]; + total: number; + page: number; + limit: number; +} From 1d3e3cdf9f3e92f2403dd7ec5046ba57fa9a42ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=AC=94=E8=AE=B0=E6=9C=AC=E9=87=8C=E7=9A=84=E6=B0=B8?= =?UTF-8?q?=E5=B9=B3?= Date: Mon, 21 Jul 2025 18:22:18 +0800 Subject: [PATCH 7/7] =?UTF-8?q?feat:=20=E6=9C=AC=E6=AC=A1=E6=8F=90?= =?UTF-8?q?=E4=BA=A4=E6=9B=B4=E6=96=B0=E5=86=85=E5=AE=B9=E5=A6=82=E4=B8=8B?= =?UTF-8?q?=20=E5=85=88=E5=AD=98=E4=B8=80=E7=89=88=E6=9C=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/pages/workspace/auto-like/new/api.ts | 21 + .../pages/workspace/auto-like/new/index.tsx | 528 +++++++----------- .../workspace/auto-like/new/new.module.scss | 353 +++++------- 3 files changed, 386 insertions(+), 516 deletions(-) create mode 100644 nkebao/src/pages/workspace/auto-like/new/api.ts diff --git a/nkebao/src/pages/workspace/auto-like/new/api.ts b/nkebao/src/pages/workspace/auto-like/new/api.ts new file mode 100644 index 00000000..6ca2944c --- /dev/null +++ b/nkebao/src/pages/workspace/auto-like/new/api.ts @@ -0,0 +1,21 @@ +import request from "@/api/request"; +import { + CreateLikeTaskData, + UpdateLikeTaskData, + LikeTask, +} from "@/types/auto-like"; + +// 获取自动点赞任务详情 +export function fetchAutoLikeTaskDetail(id: string): Promise { + return request("/v1/workbench/detail", { id }, "GET"); +} + +// 创建自动点赞任务 +export function createAutoLikeTask(data: CreateLikeTaskData): Promise { + return request("/v1/workbench/create", { ...data, type: 1 }, "POST"); +} + +// 更新自动点赞任务 +export function updateAutoLikeTask(data: UpdateLikeTaskData): Promise { + return request("/v1/workbench/update", { ...data, type: 1 }, "POST"); +} diff --git a/nkebao/src/pages/workspace/auto-like/new/index.tsx b/nkebao/src/pages/workspace/auto-like/new/index.tsx index bd6c9d5e..24fa60e1 100644 --- a/nkebao/src/pages/workspace/auto-like/new/index.tsx +++ b/nkebao/src/pages/workspace/auto-like/new/index.tsx @@ -1,36 +1,16 @@ import React, { useState, useEffect } from "react"; import { useNavigate, useParams } from "react-router-dom"; -import { - NavBar, - Button, - Toast, - SpinLoading, - Form, - Input, - Switch, - Stepper, - Card, - Tag, -} from "antd-mobile"; -import { Input as AntInput, TimePicker, Select } from "antd"; import { PlusOutlined, MinusOutlined, - CheckOutlined, - TagOutlined, - ClockCircleOutlined, - LikeOutlined, - UserOutlined, - SettingOutlined, + ArrowLeftOutlined, } from "@ant-design/icons"; - -import Layout from "@/components/Layout/Layout"; -import MeauMobile from "@/components/MeauMobile/MeauMoible"; +import { Button, Input, Switch, message, Spin } from "antd"; import { createAutoLikeTask, updateAutoLikeTask, fetchAutoLikeTaskDetail, -} from "@/api/autoLike"; +} from "./api"; import { CreateLikeTaskData, UpdateLikeTaskData, @@ -38,7 +18,12 @@ import { } from "@/types/auto-like"; import style from "./new.module.scss"; -const { Option } = Select; +const contentTypeLabels: Record = { + text: "文字", + image: "图片", + video: "视频", + link: "链接", +}; const NewAutoLike: React.FC = () => { const navigate = useNavigate(); @@ -48,7 +33,6 @@ const NewAutoLike: React.FC = () => { const [isSubmitting, setIsSubmitting] = useState(false); const [isLoading, setIsLoading] = useState(isEditMode); const [autoEnabled, setAutoEnabled] = useState(false); - const [formData, setFormData] = useState({ name: "", interval: 5, @@ -64,21 +48,18 @@ const NewAutoLike: React.FC = () => { friendTags: "", }); - // 如果是编辑模式，获取任务详情 useEffect(() => { if (isEditMode && id) { fetchTaskDetail(); } }, [id, isEditMode]); - // 获取任务详情 const fetchTaskDetail = async () => { + setIsLoading(true); try { const taskDetail = await fetchAutoLikeTaskDetail(id!); if (taskDetail) { - const taskAny = taskDetail as any; - const config = taskAny.config || taskAny; - + const config = (taskDetail as any).config || taskDetail; setFormData({ name: taskDetail.name || "", interval: config.likeInterval || config.interval || 5, @@ -93,15 +74,14 @@ const NewAutoLike: React.FC = () => { enableFriendTags: config.enableFriendTags || false, friendTags: config.friendTags || "", }); - - const status = taskAny.status; - setAutoEnabled(status === 1 || status === "running"); + setAutoEnabled( + (taskDetail as any).status === 1 || + (taskDetail as any).status === "running" + ); } } catch (error) { - Toast.show({ - content: "获取任务详情失败", - position: "top", - }); + message.error("获取任务详情失败"); + navigate("/workspace/auto-like"); } finally { setIsLoading(false); } @@ -111,326 +91,246 @@ const NewAutoLike: React.FC = () => { setFormData((prev) => ({ ...prev, ...data })); }; - const handleNext = () => { - if (currentStep < 3) { - setCurrentStep(currentStep + 1); - } - }; - - const handlePrev = () => { - if (currentStep > 1) { - setCurrentStep(currentStep - 1); - } - }; + const handleNext = () => setCurrentStep((prev) => Math.min(prev + 1, 3)); + const handlePrev = () => setCurrentStep((prev) => Math.max(prev - 1, 1)); const handleComplete = async () => { if (!formData.name.trim()) { - Toast.show({ - content: "请输入任务名称", - position: "top", - }); + message.warning("请输入任务名称"); return; } - - if (formData.devices.length === 0) { - Toast.show({ - content: "请选择执行设备", - position: "top", - }); + if (!formData.devices || formData.devices.length === 0) { + message.warning("请选择执行设备"); return; } - setIsSubmitting(true); try { if (isEditMode && id) { - const updateData: UpdateLikeTaskData = { - ...formData, - id, - }; - await updateAutoLikeTask(updateData); - Toast.show({ - content: "更新成功", - position: "top", - }); + await updateAutoLikeTask({ ...formData, id }); + message.success("更新成功"); } else { await createAutoLikeTask(formData); - Toast.show({ - content: "创建成功", - position: "top", - }); + message.success("创建成功"); } navigate("/workspace/auto-like"); } catch (error) { - Toast.show({ - content: isEditMode ? "更新失败" : "创建失败", - position: "top", - }); + message.error(isEditMode ? "更新失败" : "创建失败"); } finally { setIsSubmitting(false); } }; - const handleContentTypeChange = (type: ContentType) => { - const newTypes = formData.contentTypes.includes(type) - ? formData.contentTypes.filter((t) => t !== type) - : [...formData.contentTypes, type]; - handleUpdateFormData({ contentTypes: newTypes }); - }; + // 顶部导航栏 + const renderNavBar = () => ( +
+
+ ); - const renderStepIndicator = () => ( -
-
-
= 1 ? style["active"] : ""}`} - > -
1
-
基础设置
+ // 步骤1：基础设置 + const renderBasicSettings = () => ( +
+
+ + handleUpdateFormData({ name: e.target.value })} + className={style["form-input"]} + /> +
+
+ +
+
-
= 2 ? style["active"] : ""}`} - > -
2
-
设备选择
+
+
+ +
+
-
= 3 ? style["active"] : ""}`} - > -
3
-
好友设置
+
+
+ +
+ + handleUpdateFormData({ startTime: e.target.value }) + } + className={style["time-input"]} + /> + 至 + handleUpdateFormData({ endTime: e.target.value })} + className={style["time-input"]} + />
+
+ +
+ {(["text", "image", "video", "link"] as ContentType[]).map((type) => ( + { + const newTypes = formData.contentTypes.includes(type) + ? formData.contentTypes.filter((t) => t !== type) + : [...formData.contentTypes, type]; + handleUpdateFormData({ contentTypes: newTypes }); + }} + > + {contentTypeLabels[type]} + + ))} +
+
+
+ + +
+
+ +
); - const renderBasicSettings = () => ( -
- -
- - handleUpdateFormData({ name: value })} - className={style["form-input"]} - /> -
- -
- -
- - - {formData.interval} 秒 - - -
-
- -
- -
- - - {formData.maxLikes} 次 - - -
-
- -
- -
- handleUpdateFormData({ startTime: value })} - className={style["time-input"]} - /> - 至 - handleUpdateFormData({ endTime: value })} - className={style["time-input"]} - /> -
-
- -
- -
- {(["text", "image", "video", "link"] as ContentType[]).map( - (type) => ( - handleContentTypeChange(type)} - className={style["content-type-tag"]} - > - {type === "text" && "文字"} - {type === "image" && "图片"} - {type === "video" && "视频"} - {type === "link" && "链接"} - - ) - )} -
-
- -
- - -
- -
- ); - + // 步骤2：设备选择（占位） const renderDeviceSelection = () => ( -
- -
- -
设备选择功能开发中...
-
- 当前已选择 {formData.devices.length} 个设备 -
+
+
+ [设备选择组件占位] +
设备选择功能开发中...
+
+ 当前已选择 {formData.devices?.length || 0} 个设备
- +
+
+ + +
); + // 步骤3：好友设置（占位） const renderFriendSettings = () => ( -
- -
- -
好友设置功能开发中...
-
- 当前已选择 {formData.friends.length} 个好友 -
+
+
+ [好友选择组件占位] +
好友设置功能开发中...
+
+ 当前已选择 {formData.friends?.length || 0} 个好友
- +
+
+ + +
); - if (isLoading) { - return ( - window.history.back()} - left={ -
- {isEditMode ? "编辑任务" : "新建任务"} -
- } - /> - } - footer={} - > -
- -
加载中...
-
- - ); - } - return ( - window.history.back()} - left={ -
- {isEditMode ? "编辑任务" : "新建任务"} +
+ {renderNavBar()} +
+ {/* 步骤器保留新项目的 */} + {/* 你可以在这里插入新项目的步骤器组件 */} +
+ {currentStep === 1 && renderBasicSettings()} + {currentStep === 2 && renderDeviceSelection()} + {currentStep === 3 && renderFriendSettings()} + {isLoading && ( +
+
- } - /> - } - footer={} - > -
- {renderStepIndicator()} - - {currentStep === 1 && renderBasicSettings()} - {currentStep === 2 && renderDeviceSelection()} - {currentStep === 3 && renderFriendSettings()} - -
- {currentStep > 1 && ( - - )} - - {currentStep < 3 ? ( - - ) : ( - )}
- +
); }; diff --git a/nkebao/src/pages/workspace/auto-like/new/new.module.scss b/nkebao/src/pages/workspace/auto-like/new/new.module.scss index 5b25188e..adb3aa67 100644 --- a/nkebao/src/pages/workspace/auto-like/new/new.module.scss +++ b/nkebao/src/pages/workspace/auto-like/new/new.module.scss @@ -1,144 +1,118 @@ -.new-page { - background: #f5f5f5; +.new-page-bg { min-height: 100vh; - padding-bottom: 80px; + background: #f8f9fa; } -.step-indicator { - background: white; - padding: 20px 16px; - border-bottom: 1px solid #f0f0f0; -} - -.step-list { +.nav-bar { display: flex; - justify-content: space-between; align-items: center; - position: relative; - - &::before { - content: ''; - position: absolute; - top: 20px; - left: 20px; - right: 20px; - height: 2px; - background: #e5e5e5; - z-index: 1; - } + height: 56px; + background: #fff; + box-shadow: 0 1px 0 #f0f0f0; + padding: 0 24px; + position: sticky; + top: 0; + z-index: 10; } -.step-item { - display: flex; - flex-direction: column; - align-items: center; - gap: 8px; - position: relative; - z-index: 2; - - &.active { - .step-number { - background: #1890ff; - color: white; - border-color: #1890ff; - } - - .step-label { - color: #1890ff; - font-weight: 600; - } - } -} - -.step-number { - width: 40px; - height: 40px; - border-radius: 50%; - background: white; - border: 2px solid #e5e5e5; +.nav-back-btn { + border: none; + background: none; + font-size: 20px; + color: #222; + margin-right: 8px; + box-shadow: none; + padding: 0; + min-width: 32px; + min-height: 32px; display: flex; align-items: center; justify-content: center; - font-size: 16px; +} + +.nav-title { + font-size: 18px; font-weight: 600; - color: #999; - transition: all 0.3s; + color: #222; + margin-left: 4px; } -.step-label { - font-size: 12px; - color: #666; - text-align: center; - transition: all 0.3s; -} - -.step-content { - padding: 16px; +.new-page-center { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 32px; } .form-card { - background: white; - border-radius: 8px; - padding: 20px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + background: #fff; + border-radius: 18px; + box-shadow: 0 2px 16px rgba(0,0,0,0.06); + padding: 36px 32px 32px 32px; + min-width: 340px; + max-width: 420px; + width: 100%; +} + +.form-section { + width: 100%; } .form-item { - margin-bottom: 20px; - - &:last-child { - margin-bottom: 0; - } + margin-bottom: 28px; + display: flex; + flex-direction: column; } .form-label { - display: block; - font-size: 14px; - font-weight: 600; + font-size: 15px; + font-weight: 500; color: #333; margin-bottom: 8px; } .form-input { - width: 100%; - height: 40px; - border: 1px solid #d9d9d9; - border-radius: 6px; - padding: 0 12px; - font-size: 14px; - - &:focus { - border-color: #1890ff; - box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); - outline: none; - } + border-radius: 10px !important; + height: 44px; + font-size: 15px; + padding-left: 14px; + background: #f8f9fa; + border: 1px solid #e5e6eb; + transition: border 0.2s; } -.stepper-wrapper { +.form-input:focus { + border-color: #1890ff; + background: #fff; +} + +.stepper-group { display: flex; align-items: center; gap: 12px; } .stepper-btn { - width: 32px; - height: 32px; - padding: 0; - border-radius: 6px; + border-radius: 8px !important; + width: 36px; + height: 36px; + font-size: 18px; + background: #f5f6fa; + border: 1px solid #e5e6eb; + color: #222; display: flex; align-items: center; justify-content: center; - border: 1px solid #d9d9d9; - background: white; - - &:hover { - border-color: #1890ff; - color: #1890ff; - } + transition: border 0.2s; +} + +.stepper-btn:hover { + border-color: #1890ff; + color: #1890ff; } .stepper-value { - font-size: 14px; + font-size: 15px; font-weight: 600; color: #333; min-width: 60px; @@ -148,65 +122,108 @@ .time-range { display: flex; align-items: center; - gap: 12px; + gap: 10px; } .time-input { - flex: 1; - height: 40px; - border: 1px solid #d9d9d9; - border-radius: 6px; - padding: 0 12px; - font-size: 14px; - - &:focus { - border-color: #1890ff; - box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); - outline: none; - } + border-radius: 10px !important; + height: 44px; + font-size: 15px; + padding-left: 14px; + background: #f8f9fa; + border: 1px solid #e5e6eb; + width: 120px; } .time-separator { - font-size: 14px; - color: #666; + font-size: 15px; + color: #888; font-weight: 500; } .content-types { display: flex; + gap: 10px; flex-wrap: wrap; - gap: 8px; } .content-type-tag { + border-radius: 8px; + background: #f5f6fa; + color: #666; + font-size: 14px; + padding: 6px 18px; cursor: pointer; + border: 1px solid #e5e6eb; transition: all 0.2s; - - &:hover { - transform: translateY(-1px); - } } -.form-switch { - margin-left: auto; +.content-type-tag-active { + border-radius: 8px; + background: #e6f4ff; + color: #1890ff; + font-size: 14px; + padding: 6px 18px; + cursor: pointer; + border: 1px solid #1890ff; + font-weight: 600; + transition: all 0.2s; +} + +.form-actions { + display: flex; + gap: 16px; + margin-top: 12px; +} + +.main-btn { + border-radius: 10px !important; + height: 44px; + font-size: 16px; + font-weight: 600; + background: #1890ff; + border: none; + box-shadow: 0 2px 8px rgba(24,144,255,0.08); + transition: background 0.2s; +} + +.main-btn:hover { + background: #1677ff; +} + +.secondary-btn { + border-radius: 10px !important; + height: 44px; + font-size: 16px; + font-weight: 600; + background: #fff; + border: 1.5px solid #e5e6eb; + color: #222; + transition: border 0.2s; +} + +.secondary-btn:hover { + border-color: #1890ff; + color: #1890ff; } .placeholder-content { text-align: center; - padding: 40px 20px; - color: #666; + color: #888; + padding: 40px 0 24px 0; } .placeholder-icon { - font-size: 48px; + font-size: 32px; color: #d9d9d9; - margin-bottom: 16px; + margin-bottom: 12px; + display: block; } .placeholder-text { font-size: 16px; - margin-bottom: 8px; color: #333; + margin-bottom: 6px; } .placeholder-subtext { @@ -214,88 +231,20 @@ color: #999; } -.step-actions { - position: fixed; - bottom: 0; - left: 0; - right: 0; - background: white; - padding: 16px; - border-top: 1px solid #f0f0f0; - display: flex; - gap: 12px; - z-index: 10; -} - -.prev-btn { - flex: 1; - height: 44px; - border-radius: 8px; - font-size: 16px; - font-weight: 500; -} - -.next-btn, -.complete-btn { - flex: 1; - height: 44px; - border-radius: 8px; - font-size: 16px; - font-weight: 500; -} - .loading { display: flex; - flex-direction: column; align-items: center; justify-content: center; - height: 60vh; - gap: 16px; + min-height: 120px; } -.loading-text { - color: #666; - font-size: 14px; -} - -// 移动端适配 -@media (max-width: 768px) { - .step-list { - &::before { - left: 15px; - right: 15px; - } - } - - .step-number { - width: 36px; - height: 36px; - font-size: 14px; - } - - .step-label { - font-size: 11px; - } - +@media (max-width: 600px) { .form-card { - padding: 16px; + min-width: 0; + max-width: 100vw; + padding: 18px 6px 18px 6px; } - - .stepper-wrapper { - gap: 8px; - } - - .stepper-btn { - width: 28px; - height: 28px; - } - - .time-range { - flex-direction: column; - gap: 8px; - } - - .content-types { - gap: 6px; + .new-page-center { + margin-top: 12px; } } \ No newline at end of file