Merge branch 'yongpxu-dev' into yongxu-dev3

2025-07-21 18:24:25 +08:00
parent 60af57317d 53e0bb179b
commit 7d1faa18ff
24 changed files with 2547 additions and 102 deletions
--- 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 (
          <BasicSettings
+            isEdit={isEdit}
            formData={formData}
            onChange={onChange}
            onNext={handleNext}
--- a/Cunkebao/src/pages/scenarios/new/steps/BasicSettings.tsx
+++ b/Cunkebao/src/pages/scenarios/new/steps/BasicSettings.tsx
@@ -12,6 +12,7 @@ import EyeIcon from "@/components/icons/EyeIcon";
 import { uploadFile } from "@/api/utils";

 interface BasicSettingsProps {
+  isEdit: boolean;
  formData: any;
  onChange: (data: any) => 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({
        </div>
      </div>

+      {/* 输入获客成功提示 */}
+      <div className="flex pt-4">
+        <div className="border  p-2 flex-1">
+          <input
+            type="text"
+            value={tips}
+            onChange={(e) => {
+              setTips(e.target.value);
+              onChange({ ...formData, tips: e.target.value });
+            }}
+            placeholder="请输入获客成功提示"
+            className="w-full"
+          />
+        </div>
+      </div>
+
      {/* 选素材 */}
      <div className="my-4" style={openPoster}>
        <div className="mb-4">选择海报</div>
--- 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');
-        });
        
    });
 });
--- 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 [];
--- a/Server/application/cunkebao/controller/TrafficController.php
+++ b/Server/application/cunkebao/controller/TrafficController.php
@@ -0,0 +1,121 @@
+<?php
+
+namespace app\cunkebao\controller;
+
+use think\Controller;
+use think\Db;
+
+class TrafficController extends Controller
+{
+
+    public function getList(){
+        $page = $this->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],'获取成功']);
+    }
+
+
+}
--- 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'];
--- 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,
@@ -150,13 +153,20 @@ class PosterWeChatMiniProgram extends Controller
        }


+        if(isset($sceneConf['tips'])) {
+            $sTip = $sceneConf['tips'];
+        } else {
+            $sTip = '';
+        }

+        unset($task['sceneConf']);
+        $task['sTip'] = $sTip;

        $data = [
            'id' => $task['id'],
            'name' => $task['name'],
            'poster' => ['sUrl' => $posterUrl],
-            'sTip' => '',
+            'task' => $task,
        ];


--- 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;
                    }
                }
--- a/nkebao/src/api/autoLike.ts
+++ 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<LikeTask[]> {
+  try {
+    const res = await request<ApiResponse<PaginatedResponse<LikeTask>>>({
+      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<LikeTask | null> {
+  try {
+    console.log(`Fetching task detail for id: ${id}`);
+    const res = await request<any>({
+      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<ApiResponse> {
+  return request({
+    url: "/v1/workbench/create",
+    method: "POST",
+    data: {
+      ...data,
+      type: 1, // 自动点赞类型
+    },
+  });
+}
+
+// 更新自动点赞任务
+export async function updateAutoLikeTask(
+  data: UpdateLikeTaskData
+): Promise<ApiResponse> {
+  return request({
+    url: "/v1/workbench/update",
+    method: "POST",
+    data: {
+      ...data,
+      type: 1, // 自动点赞类型
+    },
+  });
+}
+
+// 删除自动点赞任务
+export async function deleteAutoLikeTask(id: string): Promise<ApiResponse> {
+  return request({
+    url: "/v1/workbench/delete",
+    method: "DELETE",
+    params: { id },
+  });
+}
+
+// 切换任务状态
+export async function toggleAutoLikeTask(
+  id: string,
+  status: string
+): Promise<ApiResponse> {
+  return request({
+    url: "/v1/workbench/update-status",
+    method: "POST",
+    data: { id, status },
+  });
+}
+
+// 复制自动点赞任务
+export async function copyAutoLikeTask(id: string): Promise<ApiResponse> {
+  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<PaginatedResponse<LikeRecord>> {
+  try {
+    const params: any = {
+      workbenchId,
+      page: page.toString(),
+      limit: limit.toString(),
+    };
+
+    if (keyword) {
+      params.keyword = keyword;
+    }
+
+    const res = await request<ApiResponse<PaginatedResponse<LikeRecord>>>({
+      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,
+    };
+  }
+}
--- a/nkebao/src/pages/workspace/auto-like/AutoLike.tsx
+++ b/nkebao/src/pages/workspace/auto-like/AutoLike.tsx
@@ -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 (
-    <Layout
-      header={
-        <NavBar
-          backArrow
-          style={{ background: "#fff" }}
-          onBack={() => window.history.back()}
-          left={
-            <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
-              自动点赞
-            </div>
-          }
-          right={
-            <Button size="small" color="primary">
-              <PlusOutlined />
-              <span style={{ marginLeft: 4, fontSize: 12 }}>新建任务</span>
-            </Button>
-          }
-        />
-      }
-      footer={<MeauMobile />}
-    >
-      <div style={{ padding: 20, textAlign: "center", color: "#666" }}>
-        <h3>自动点赞页面</h3>
-        <p>此页面正在开发中...</p>
-      </div>
-    </Layout>
-  );
-};
-
-export default AutoLike;
--- a/nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx
+++ b/nkebao/src/pages/workspace/auto-like/AutoLikeDetail.tsx
@@ -1,8 +0,0 @@
-import React from "react";
-import PlaceholderPage from "@/components/PlaceholderPage";
-
-const AutoLikeDetail: React.FC = () => {
-  return <PlaceholderPage title="自动点赞详情" />;
-};
-
-export default AutoLikeDetail;
--- a/nkebao/src/pages/workspace/auto-like/AutoLikeListPC.scss
+++ b/nkebao/src/pages/workspace/auto-like/AutoLikeListPC.scss
@@ -0,0 +1 @@
+ 
--- a/nkebao/src/pages/workspace/auto-like/AutoLikeListPC.tsx
+++ b/nkebao/src/pages/workspace/auto-like/AutoLikeListPC.tsx
@@ -0,0 +1 @@
+ 
--- a/nkebao/src/pages/workspace/auto-like/NewAutoLike.tsx
+++ b/nkebao/src/pages/workspace/auto-like/NewAutoLike.tsx
@@ -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 (
-    <Layout
-      header={
-        <NavBar
-          backArrow
-          style={{ background: "#fff" }}
-          onBack={() => window.history.back()}
-        >
-          <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
-            新建自动点赞
-          </div>
-        </NavBar>
-      }
-      footer={<MeauMobile />}
-    >
-      <div style={{ padding: 20, textAlign: "center", color: "#666" }}>
-        <h3>新建自动点赞页面</h3>
-        <p>此页面正在开发中...</p>
-      </div>
-    </Layout>
-  );
-};
-
-export default NewAutoLike;
--- a/nkebao/src/pages/workspace/auto-like/list/api.ts
+++ 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<LikeTask[]> {
+  return request("/v1/workbench/list", params, "GET");
+}
+
+// 获取单个任务详情
+export function fetchAutoLikeTaskDetail(id: string): Promise<LikeTask | null> {
+  return request("/v1/workbench/detail", { id }, "GET");
+}
+
+// 创建自动点赞任务
+export function createAutoLikeTask(data: CreateLikeTaskData): Promise<any> {
+  return request("/v1/workbench/create", { ...data, type: 1 }, "POST");
+}
+
+// 更新自动点赞任务
+export function updateAutoLikeTask(data: UpdateLikeTaskData): Promise<any> {
+  return request("/v1/workbench/update", { ...data, type: 1 }, "POST");
+}
+
+// 删除自动点赞任务
+export function deleteAutoLikeTask(id: string): Promise<any> {
+  return request("/v1/workbench/delete", { id }, "DELETE");
+}
+
+// 切换任务状态
+export function toggleAutoLikeTask(id: string, status: string): Promise<any> {
+  return request("/v1/workbench/update-status", { id, status }, "POST");
+}
+
+// 复制自动点赞任务
+export function copyAutoLikeTask(id: string): Promise<any> {
+  return request("/v1/workbench/copy", { id }, "POST");
+}
+
+// 获取点赞记录
+export function fetchLikeRecords(
+  workbenchId: string,
+  page: number = 1,
+  limit: number = 20,
+  keyword?: string
+): Promise<PaginatedResponse<LikeRecord>> {
+  const params: any = {
+    workbenchId,
+    page: page.toString(),
+    limit: limit.toString(),
+  };
+  if (keyword) {
+    params.keyword = keyword;
+  }
+  return request("/v1/workbench/records", params, "GET");
+}
--- a/nkebao/src/pages/workspace/auto-like/list/index.module.scss
+++ 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;
+  }
+} 
--- a/nkebao/src/pages/workspace/auto-like/list/index.tsx
+++ 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<CardMenuProps> = ({
+  onView,
+  onEdit,
+  onCopy,
+  onDelete,
+}) => {
+  const [open, setOpen] = useState(false);
+  const menuRef = useRef<HTMLDivElement>(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 (
+    <div style={{ position: "relative" }}>
+      <button onClick={() => setOpen((v) => !v)} className={style["menu-btn"]}>
+        <MoreOutlined />
+      </button>
+      {open && (
+        <div ref={menuRef} className={style["menu-dropdown"]}>
+          <div
+            onClick={() => {
+              onView();
+              setOpen(false);
+            }}
+            className={style["menu-item"]}
+          >
+            <EyeOutlined />
+            查看
+          </div>
+          <div
+            onClick={() => {
+              onEdit();
+              setOpen(false);
+            }}
+            className={style["menu-item"]}
+          >
+            <EditOutlined />
+            编辑
+          </div>
+          <div
+            onClick={() => {
+              onCopy();
+              setOpen(false);
+            }}
+            className={style["menu-item"]}
+          >
+            <CopyOutlined />
+            复制
+          </div>
+          <div
+            onClick={() => {
+              onDelete();
+              setOpen(false);
+            }}
+            className={`${style["menu-item"]} ${style["danger"]}`}
+          >
+            <DeleteOutlined />
+            删除
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+const AutoLike: React.FC = () => {
+  const navigate = useNavigate();
+  const [tasks, setTasks] = useState<LikeTask[]>([]);
+  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 (
+    <Layout
+      header={
+        <>
+          <NavBar
+            style={{ background: "#fff" }}
+            onBack={() => window.history.back()}
+            left={
+              <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+                自动点赞
+              </div>
+            }
+            right={
+              <Button size="small" color="primary" onClick={handleCreateNew}>
+                <PlusOutlined />
+                <span style={{ marginLeft: 4, fontSize: 12 }}>新建任务</span>
+              </Button>
+            }
+          />
+          {/* 搜索栏 */}
+          <div className={style["search-bar"]}>
+            <div className={style["search-input-wrapper"]}>
+              <Input
+                placeholder="搜索计划名称"
+                value={searchTerm}
+                onChange={(e) => setSearchTerm(e.target.value)}
+                prefix={<SearchOutlined />}
+                allowClear
+                size="large"
+              />
+            </div>
+            <Button
+              size="small"
+              onClick={fetchTasks}
+              loading={loading}
+              className={style["refresh-btn"]}
+            >
+              <ReloadOutlined />
+            </Button>
+          </div>
+        </>
+      }
+    >
+      <div className={style["auto-like-page"]}>
+        {/* 任务列表 */}
+        <div className={style["task-list"]}>
+          {loading ? (
+            <div className={style["loading"]}>
+              <SpinLoading color="primary" />
+              <div className={style["loading-text"]}>加载中...</div>
+            </div>
+          ) : filteredTasks.length === 0 ? (
+            <div className={style["empty-state"]}>
+              <div className={style["empty-icon"]}>
+                <LikeOutlined />
+              </div>
+              <div className={style["empty-text"]}>暂无自动点赞任务</div>
+              <div className={style["empty-subtext"]}>
+                点击右上角按钮创建新任务
+              </div>
+            </div>
+          ) : (
+            filteredTasks.map((task) => (
+              <Card key={task.id} className={style["task-card"]}>
+                <div className={style["task-header"]}>
+                  <div className={style["task-title-section"]}>
+                    <h3 className={style["task-name"]}>{task.name}</h3>
+                    <span
+                      className={`${style["task-status"]} ${
+                        Number(task.status) === 1
+                          ? style["active"]
+                          : style["inactive"]
+                      }`}
+                    >
+                      {Number(task.status) === 1 ? "进行中" : "已暂停"}
+                    </span>
+                  </div>
+                  <div className={style["task-controls"]}>
+                    <label className={style["switch"]}>
+                      <input
+                        type="checkbox"
+                        checked={Number(task.status) === 1}
+                        onChange={() =>
+                          toggleTaskStatus(task.id, Number(task.status))
+                        }
+                      />
+                      <span className={style["slider"]}></span>
+                    </label>
+                    <CardMenu
+                      onView={() => handleView(task.id)}
+                      onEdit={() => handleEdit(task.id)}
+                      onCopy={() => handleCopy(task.id)}
+                      onDelete={() => handleDelete(task.id)}
+                    />
+                  </div>
+                </div>
+
+                <div className={style["task-info"]}>
+                  <div className={style["info-section"]}>
+                    <div className={style["info-item"]}>
+                      <span className={style["info-label"]}>执行设备</span>
+                      <span className={style["info-value"]}>
+                        {task.deviceCount} 个
+                      </span>
+                    </div>
+                    <div className={style["info-item"]}>
+                      <span className={style["info-label"]}>目标人群</span>
+                      <span className={style["info-value"]}>
+                        {task.targetGroup}
+                      </span>
+                    </div>
+                    <div className={style["info-item"]}>
+                      <span className={style["info-label"]}>更新时间</span>
+                      <span className={style["info-value"]}>
+                        {task.updateTime}
+                      </span>
+                    </div>
+                  </div>
+                  <div className={style["info-section"]}>
+                    <div className={style["info-item"]}>
+                      <span className={style["info-label"]}>点赞间隔</span>
+                      <span className={style["info-value"]}>
+                        {task.likeInterval} 秒
+                      </span>
+                    </div>
+                    <div className={style["info-item"]}>
+                      <span className={style["info-label"]}>每日上限</span>
+                      <span className={style["info-value"]}>
+                        {task.maxLikesPerDay} 次
+                      </span>
+                    </div>
+                    <div className={style["info-item"]}>
+                      <span className={style["info-label"]}>创建时间</span>
+                      <span className={style["info-value"]}>
+                        {task.createTime}
+                      </span>
+                    </div>
+                  </div>
+                </div>
+
+                <div className={style["task-stats"]}>
+                  <div className={style["stats-item"]}>
+                    <LikeOutlined
+                      className={`${style["stats-icon"]} ${style["blue"]}`}
+                    />
+                    <span className={style["stats-label"]}>今日点赞：</span>
+                    <span className={style["stats-value"]}>
+                      {task.lastLikeTime}
+                    </span>
+                  </div>
+                  <div className={style["stats-item"]}>
+                    <LikeOutlined
+                      className={`${style["stats-icon"]} ${style["green"]}`}
+                    />
+                    <span className={style["stats-label"]}>总点赞数：</span>
+                    <span className={style["stats-value"]}>
+                      {task.totalLikeCount || 0}
+                    </span>
+                  </div>
+                </div>
+              </Card>
+            ))
+          )}
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export default AutoLike;
--- a/nkebao/src/pages/workspace/auto-like/new/api.ts
+++ 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<LikeTask | null> {
+  return request("/v1/workbench/detail", { id }, "GET");
+}
+
+// 创建自动点赞任务
+export function createAutoLikeTask(data: CreateLikeTaskData): Promise<any> {
+  return request("/v1/workbench/create", { ...data, type: 1 }, "POST");
+}
+
+// 更新自动点赞任务
+export function updateAutoLikeTask(data: UpdateLikeTaskData): Promise<any> {
+  return request("/v1/workbench/update", { ...data, type: 1 }, "POST");
+}
--- a/nkebao/src/pages/workspace/auto-like/new/index.tsx
+++ b/nkebao/src/pages/workspace/auto-like/new/index.tsx
@@ -0,0 +1,337 @@
+import React, { useState, useEffect } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import {
+  PlusOutlined,
+  MinusOutlined,
+  ArrowLeftOutlined,
+} from "@ant-design/icons";
+import { Button, Input, Switch, message, Spin } from "antd";
+import {
+  createAutoLikeTask,
+  updateAutoLikeTask,
+  fetchAutoLikeTaskDetail,
+} from "./api";
+import {
+  CreateLikeTaskData,
+  UpdateLikeTaskData,
+  ContentType,
+} from "@/types/auto-like";
+import style from "./new.module.scss";
+
+const contentTypeLabels: Record<ContentType, string> = {
+  text: "文字",
+  image: "图片",
+  video: "视频",
+  link: "链接",
+};
+
+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<CreateLikeTaskData>({
+    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 () => {
+    setIsLoading(true);
+    try {
+      const taskDetail = await fetchAutoLikeTaskDetail(id!);
+      if (taskDetail) {
+        const config = (taskDetail as any).config || taskDetail;
+        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 || "",
+        });
+        setAutoEnabled(
+          (taskDetail as any).status === 1 ||
+            (taskDetail as any).status === "running"
+        );
+      }
+    } catch (error) {
+      message.error("获取任务详情失败");
+      navigate("/workspace/auto-like");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleUpdateFormData = (data: Partial<CreateLikeTaskData>) => {
+    setFormData((prev) => ({ ...prev, ...data }));
+  };
+
+  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()) {
+      message.warning("请输入任务名称");
+      return;
+    }
+    if (!formData.devices || formData.devices.length === 0) {
+      message.warning("请选择执行设备");
+      return;
+    }
+    setIsSubmitting(true);
+    try {
+      if (isEditMode && id) {
+        await updateAutoLikeTask({ ...formData, id });
+        message.success("更新成功");
+      } else {
+        await createAutoLikeTask(formData);
+        message.success("创建成功");
+      }
+      navigate("/workspace/auto-like");
+    } catch (error) {
+      message.error(isEditMode ? "更新失败" : "创建失败");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  // 顶部导航栏
+  const renderNavBar = () => (
+    <div className={style["nav-bar"]}>
+      <Button
+        type="text"
+        icon={<ArrowLeftOutlined />}
+        className={style["nav-back-btn"]}
+        onClick={() => navigate(-1)}
+      />
+      <span className={style["nav-title"]}>
+        {isEditMode ? "编辑自动点赞" : "新建自动点赞"}
+      </span>
+    </div>
+  );
+
+  // 步骤1：基础设置
+  const renderBasicSettings = () => (
+    <div className={style["form-section"]}>
+      <div className={style["form-item"]}>
+        <label className={style["form-label"]}>任务名称</label>
+        <Input
+          placeholder="请输入任务名称"
+          value={formData.name}
+          onChange={(e) => handleUpdateFormData({ name: e.target.value })}
+          className={style["form-input"]}
+        />
+      </div>
+      <div className={style["form-item"]}>
+        <label className={style["form-label"]}>点赞间隔</label>
+        <div className={style["stepper-group"]}>
+          <Button
+            icon={<MinusOutlined />}
+            onClick={() =>
+              handleUpdateFormData({
+                interval: Math.max(1, formData.interval - 1),
+              })
+            }
+            className={style["stepper-btn"]}
+          />
+          <span className={style["stepper-value"]}>{formData.interval} 秒</span>
+          <Button
+            icon={<PlusOutlined />}
+            onClick={() =>
+              handleUpdateFormData({ interval: formData.interval + 1 })
+            }
+            className={style["stepper-btn"]}
+          />
+        </div>
+      </div>
+      <div className={style["form-item"]}>
+        <label className={style["form-label"]}>每日上限</label>
+        <div className={style["stepper-group"]}>
+          <Button
+            icon={<MinusOutlined />}
+            onClick={() =>
+              handleUpdateFormData({
+                maxLikes: Math.max(1, formData.maxLikes - 10),
+              })
+            }
+            className={style["stepper-btn"]}
+          />
+          <span className={style["stepper-value"]}>{formData.maxLikes} 次</span>
+          <Button
+            icon={<PlusOutlined />}
+            onClick={() =>
+              handleUpdateFormData({ maxLikes: formData.maxLikes + 10 })
+            }
+            className={style["stepper-btn"]}
+          />
+        </div>
+      </div>
+      <div className={style["form-item"]}>
+        <label className={style["form-label"]}>执行时间</label>
+        <div className={style["time-range"]}>
+          <Input
+            type="time"
+            value={formData.startTime}
+            onChange={(e) =>
+              handleUpdateFormData({ startTime: e.target.value })
+            }
+            className={style["time-input"]}
+          />
+          <span className={style["time-separator"]}>至</span>
+          <Input
+            type="time"
+            value={formData.endTime}
+            onChange={(e) => handleUpdateFormData({ endTime: e.target.value })}
+            className={style["time-input"]}
+          />
+        </div>
+      </div>
+      <div className={style["form-item"]}>
+        <label className={style["form-label"]}>内容类型</label>
+        <div className={style["content-types"]}>
+          {(["text", "image", "video", "link"] as ContentType[]).map((type) => (
+            <span
+              key={type}
+              className={
+                formData.contentTypes.includes(type)
+                  ? style["content-type-tag-active"]
+                  : style["content-type-tag"]
+              }
+              onClick={() => {
+                const newTypes = formData.contentTypes.includes(type)
+                  ? formData.contentTypes.filter((t) => t !== type)
+                  : [...formData.contentTypes, type];
+                handleUpdateFormData({ contentTypes: newTypes });
+              }}
+            >
+              {contentTypeLabels[type]}
+            </span>
+          ))}
+        </div>
+      </div>
+      <div className={style["form-item"]}>
+        <label className={style["form-label"]}>自动开启</label>
+        <Switch checked={autoEnabled} onChange={setAutoEnabled} />
+      </div>
+      <div className={style["form-actions"]}>
+        <Button
+          type="primary"
+          block
+          onClick={handleNext}
+          size="large"
+          className={style["main-btn"]}
+        >
+          下一步
+        </Button>
+      </div>
+    </div>
+  );
+
+  // 步骤2：设备选择（占位）
+  const renderDeviceSelection = () => (
+    <div className={style["form-section"]}>
+      <div className={style["placeholder-content"]}>
+        <span className={style["placeholder-icon"]}>[设备选择组件占位]</span>
+        <div className={style["placeholder-text"]}>设备选择功能开发中...</div>
+        <div className={style["placeholder-subtext"]}>
+          当前已选择 {formData.devices?.length || 0} 个设备
+        </div>
+      </div>
+      <div className={style["form-actions"]}>
+        <Button
+          onClick={handlePrev}
+          size="large"
+          className={style["secondary-btn"]}
+        >
+          上一步
+        </Button>
+        <Button
+          type="primary"
+          onClick={handleNext}
+          size="large"
+          className={style["main-btn"]}
+        >
+          下一步
+        </Button>
+      </div>
+    </div>
+  );
+
+  // 步骤3：好友设置（占位）
+  const renderFriendSettings = () => (
+    <div className={style["form-section"]}>
+      <div className={style["placeholder-content"]}>
+        <span className={style["placeholder-icon"]}>[好友选择组件占位]</span>
+        <div className={style["placeholder-text"]}>好友设置功能开发中...</div>
+        <div className={style["placeholder-subtext"]}>
+          当前已选择 {formData.friends?.length || 0} 个好友
+        </div>
+      </div>
+      <div className={style["form-actions"]}>
+        <Button
+          onClick={handlePrev}
+          size="large"
+          className={style["secondary-btn"]}
+        >
+          上一步
+        </Button>
+        <Button
+          type="primary"
+          onClick={handleComplete}
+          size="large"
+          loading={isSubmitting}
+          className={style["main-btn"]}
+        >
+          {isEditMode ? "更新任务" : "创建任务"}
+        </Button>
+      </div>
+    </div>
+  );
+
+  return (
+    <div className={style["new-page-bg"]}>
+      {renderNavBar()}
+      <div className={style["new-page-center"]}>
+        {/* 步骤器保留新项目的 */}
+        {/* 你可以在这里插入新项目的步骤器组件 */}
+        <div className={style["form-card"]}>
+          {currentStep === 1 && renderBasicSettings()}
+          {currentStep === 2 && renderDeviceSelection()}
+          {currentStep === 3 && renderFriendSettings()}
+          {isLoading && (
+            <div className={style["loading"]}>
+              <Spin />
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default NewAutoLike;
--- a/nkebao/src/pages/workspace/auto-like/new/new.module.scss
+++ b/nkebao/src/pages/workspace/auto-like/new/new.module.scss
@@ -0,0 +1,250 @@
+.new-page-bg {
+  min-height: 100vh;
+  background: #f8f9fa;
+}
+
+.nav-bar {
+  display: flex;
+  align-items: center;
+  height: 56px;
+  background: #fff;
+  box-shadow: 0 1px 0 #f0f0f0;
+  padding: 0 24px;
+  position: sticky;
+  top: 0;
+  z-index: 10;
+}
+
+.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;
+}
+
+.nav-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #222;
+  margin-left: 4px;
+}
+
+.new-page-center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 32px;
+}
+
+.form-card {
+  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: 28px;
+  display: flex;
+  flex-direction: column;
+}
+
+.form-label {
+  font-size: 15px;
+  font-weight: 500;
+  color: #333;
+  margin-bottom: 8px;
+}
+
+.form-input {
+  border-radius: 10px !important;
+  height: 44px;
+  font-size: 15px;
+  padding-left: 14px;
+  background: #f8f9fa;
+  border: 1px solid #e5e6eb;
+  transition: border 0.2s;
+}
+
+.form-input:focus {
+  border-color: #1890ff;
+  background: #fff;
+}
+
+.stepper-group {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.stepper-btn {
+  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;
+  transition: border 0.2s;
+}
+
+.stepper-btn:hover {
+  border-color: #1890ff;
+  color: #1890ff;
+}
+
+.stepper-value {
+  font-size: 15px;
+  font-weight: 600;
+  color: #333;
+  min-width: 60px;
+  text-align: center;
+}
+
+.time-range {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.time-input {
+  border-radius: 10px !important;
+  height: 44px;
+  font-size: 15px;
+  padding-left: 14px;
+  background: #f8f9fa;
+  border: 1px solid #e5e6eb;
+  width: 120px;
+}
+
+.time-separator {
+  font-size: 15px;
+  color: #888;
+  font-weight: 500;
+}
+
+.content-types {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.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;
+}
+
+.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;
+  color: #888;
+  padding: 40px 0 24px 0;
+}
+
+.placeholder-icon {
+  font-size: 32px;
+  color: #d9d9d9;
+  margin-bottom: 12px;
+  display: block;
+}
+
+.placeholder-text {
+  font-size: 16px;
+  color: #333;
+  margin-bottom: 6px;
+}
+
+.placeholder-subtext {
+  font-size: 14px;
+  color: #999;
+}
+
+.loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 120px;
+}
+
+@media (max-width: 600px) {
+  .form-card {
+    min-width: 0;
+    max-width: 100vw;
+    padding: 18px 6px 18px 6px;
+  }
+  .new-page-center {
+    margin-top: 12px;
+  }
+} 
--- a/nkebao/src/pages/workspace/auto-like/record/index.tsx
+++ 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<LikeRecord[]>([]);
+  const [taskDetail, setTaskDetail] = useState<LikeTask | null>(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) => (
+    <Card key={record.id} className={style["record-card"]}>
+      <div className={style["record-header"]}>
+        <div className={style["user-info"]}>
+          <Avatar
+            src={
+              record.friendAvatar ||
+              "https://api.dicebear.com/7.x/avataaars/svg?seed=fallback"
+            }
+            className={style["user-avatar"]}
+          >
+            <UserOutlined />
+          </Avatar>
+          <div className={style["user-details"]}>
+            <div className={style["user-name"]} title={record.friendName}>
+              {record.friendName}
+            </div>
+            <div className={style["user-role"]}>内容发布者</div>
+          </div>
+        </div>
+        <div className={style["record-time"]}>
+          {formatDate(record.momentTime || record.likeTime)}
+        </div>
+      </div>
+
+      <div className={style["record-content"]}>
+        {record.content && (
+          <p className={style["content-text"]}>{record.content}</p>
+        )}
+
+        {Array.isArray(record.resUrls) && record.resUrls.length > 0 && (
+          <div className={style["content-images"]}>
+            {record.resUrls.slice(0, 9).map((image: string, idx: number) => (
+              <div key={idx} className={style["image-item"]}>
+                <img
+                  src={image}
+                  alt={`内容图片 ${idx + 1}`}
+                  className={style["content-image"]}
+                />
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+
+      <div className={style["like-info"]}>
+        <Avatar
+          src={
+            record.operatorAvatar ||
+            "https://api.dicebear.com/7.x/avataaars/svg?seed=operator"
+          }
+          className={style["operator-avatar"]}
+        >
+          <UserOutlined />
+        </Avatar>
+        <div className={style["like-text"]}>
+          <span className={style["operator-name"]} title={record.operatorName}>
+            {record.operatorName}
+          </span>
+          <span className={style["like-action"]}>点赞了这条内容</span>
+        </div>
+      </div>
+    </Card>
+  );
+
+  return (
+    <Layout
+      header={
+        <NavBar
+          backArrow
+          style={{ background: "#fff" }}
+          onBack={() => window.history.back()}
+          left={
+            <div style={{ color: "var(--primary-color)", fontWeight: 600 }}>
+              点赞记录
+            </div>
+          }
+        />
+      }
+      footer={<MeauMobile />}
+    >
+      <div className={style["detail-page"]}>
+        {/* 任务信息卡片 */}
+        {taskDetail && (
+          <div className={style["task-info-card"]}>
+            <div className={style["task-header"]}>
+              <h3 className={style["task-name"]}>{taskDetail.name}</h3>
+              <span
+                className={`${style["task-status"]} ${
+                  Number(taskDetail.status) === 1
+                    ? style["active"]
+                    : style["inactive"]
+                }`}
+              >
+                {Number(taskDetail.status) === 1 ? "进行中" : "已暂停"}
+              </span>
+            </div>
+            <div className={style["task-stats"]}>
+              <div className={style["stat-item"]}>
+                <LikeOutlined className={style["stat-icon"]} />
+                <span className={style["stat-label"]}>今日点赞：</span>
+                <span className={style["stat-value"]}>
+                  {taskDetail.todayLikeCount || 0}
+                </span>
+              </div>
+              <div className={style["stat-item"]}>
+                <LikeOutlined className={style["stat-icon"]} />
+                <span className={style["stat-label"]}>总点赞数：</span>
+                <span className={style["stat-value"]}>
+                  {taskDetail.totalLikeCount || 0}
+                </span>
+              </div>
+            </div>
+          </div>
+        )}
+
+        {/* 搜索区域 */}
+        <div className={style["search-section"]}>
+          <div className={style["search-wrapper"]}>
+            <div className={style["search-input-wrapper"]}>
+              <SearchOutlined className={style["search-icon"]} />
+              <Input
+                placeholder="搜索好友昵称或内容"
+                className={style["search-input"]}
+                value={searchTerm}
+                onChange={(e) => setSearchTerm(e.target.value)}
+                onPressEnter={handleSearch}
+              />
+            </div>
+            <Button
+              size="small"
+              onClick={handleSearch}
+              className={style["search-btn"]}
+            >
+              搜索
+            </Button>
+            <button
+              className={style["refresh-btn"]}
+              onClick={handleRefresh}
+              disabled={recordsLoading}
+            >
+              <ReloadOutlined
+                style={{
+                  animation: recordsLoading
+                    ? "spin 1s linear infinite"
+                    : "none",
+                }}
+              />
+            </button>
+          </div>
+        </div>
+
+        {/* 记录列表 */}
+        <div className={style["records-section"]}>
+          {recordsLoading && currentPage === 1 ? (
+            <div className={style["loading"]}>
+              <SpinLoading color="primary" />
+              <div className={style["loading-text"]}>加载中...</div>
+            </div>
+          ) : records.length === 0 ? (
+            <div className={style["empty-state"]}>
+              <LikeOutlined className={style["empty-icon"]} />
+              <div className={style["empty-text"]}>暂无点赞记录</div>
+            </div>
+          ) : (
+            <InfiniteList
+              data={records}
+              renderItem={renderRecordItem}
+              hasMore={hasMore}
+              loadMore={handleLoadMore}
+              className={style["records-list"]}
+            />
+          )}
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export default AutoLikeDetail;
--- a/nkebao/src/pages/workspace/auto-like/record/record.module.scss
+++ 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);
+    }
+  }
+} 
--- 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/list";
@@ -25,7 +25,7 @@ const workspaceRoutes = [
  // 自动点赞
  {
    path: "/workspace/auto-like",
-    element: <AutoLike />,
+    element: <ListAutoLike />,
    auth: true,
  },
  {
@@ -35,7 +35,7 @@ const workspaceRoutes = [
  },
  {
    path: "/workspace/auto-like/:id",
-    element: <AutoLikeDetail />,
+    element: <RecordAutoLike />,
    auth: true,
  },
  {
--- a/nkebao/src/types/auto-like.ts
+++ 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<T = any> {
+  code: number;
+  msg: string;
+  data: T;
+}
+
+// 分页响应类型
+export interface PaginatedResponse<T> {
+  list: T[];
+  total: number;
+  page: number;
+  limit: number;
+}