From c913336547b6be941c68d9df1b8760cf755073e0 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?= <fsmecx@gmail.com>
Date: Wed, 23 Jul 2025 17:24:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9C=AC=E6=AC=A1=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=86=85=E5=AE=B9=E5=A6=82=E4=B8=8B=20?=
 =?UTF-8?q?=E8=87=AA=E5=8A=A8=E7=82=B9=E8=B5=9E=E6=96=B0=E5=BB=BA=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/FriendSelection/index.tsx  |  2 +-
 .../pages/workspace/auto-like/new/index.tsx   | 29 +++++--------------
 .../workspace/auto-like/new/new.module.scss   |  6 ++--
 3 files changed, 10 insertions(+), 27 deletions(-)

diff --git a/nkebao/src/components/FriendSelection/index.tsx b/nkebao/src/components/FriendSelection/index.tsx
index bb5c69a9..0cf9e06f 100644
--- a/nkebao/src/components/FriendSelection/index.tsx
+++ b/nkebao/src/components/FriendSelection/index.tsx
@@ -108,7 +108,7 @@ export default function FriendSelection({
       }
 
       if (enableDeviceFilter && deviceIds.length > 0) {
-        params.deviceIds = deviceIds;
+        params.deviceIds = deviceIds.join(",");
       }
 
       const response = await getFriendList(params);
diff --git a/nkebao/src/pages/workspace/auto-like/new/index.tsx b/nkebao/src/pages/workspace/auto-like/new/index.tsx
index ce1a966a..8d04bc0a 100644
--- a/nkebao/src/pages/workspace/auto-like/new/index.tsx
+++ b/nkebao/src/pages/workspace/auto-like/new/index.tsx
@@ -1,15 +1,12 @@
 import React, { useState, useEffect } from "react";
 import { useNavigate, useParams } from "react-router-dom";
-import {
-  PlusOutlined,
-  MinusOutlined,
-  ArrowLeftOutlined,
-} from "@ant-design/icons";
+import { PlusOutlined, MinusOutlined } from "@ant-design/icons";
 import { Button, Input, Switch, Spin, message } from "antd";
 import Layout from "@/components/Layout/Layout";
 import DeviceSelection from "@/components/DeviceSelection";
 import FriendSelection from "@/components/FriendSelection";
 import StepIndicator from "@/components/StepIndicator";
+import NavCommon from "@/components/NavCommon";
 import {
   createAutoLikeTask,
   updateAutoLikeTask,
@@ -186,7 +183,6 @@ const NewAutoLike: React.FC = () => {
               }
               className={style.counterInput}
             />
-            <span className={style.counterUnit}>秒</span>
           </div>
           <Button
             icon={<PlusOutlined />}
@@ -195,6 +191,7 @@ const NewAutoLike: React.FC = () => {
             }
             className={style.counterBtn}
           />
+          <span className={style.counterUnit}>秒</span>
         </div>
         <div className={style.counterTip}>设置两次点赞之间的最小时间间隔</div>
       </div>
@@ -223,7 +220,6 @@ const NewAutoLike: React.FC = () => {
               }
               className={style.counterInput}
             />
-            <span className={style.counterUnit}>次/天</span>
           </div>
           <Button
             icon={<PlusOutlined />}
@@ -232,6 +228,7 @@ const NewAutoLike: React.FC = () => {
             }
             className={style.counterBtn}
           />
+          <span className={style.counterUnit}>次/天</span>
         </div>
         <div className={style.counterTip}>设置每天最多点赞的次数</div>
       </div>
@@ -335,7 +332,6 @@ const NewAutoLike: React.FC = () => {
         <DeviceSelection
           selectedDevices={formData.devices}
           onSelect={(devices) => handleUpdateFormData({ devices })}
-          mode="dialog"
           showInput={true}
           showSelectedList={true}
         />
@@ -365,7 +361,7 @@ const NewAutoLike: React.FC = () => {
     <div className={style.basicSection}>
       <div className={style.formItem}>
         <FriendSelection
-          selectedFriends={formData.friends}
+          selectedFriends={formData.friends || []}
           onSelect={(friends) => handleUpdateFormData({ friends })}
           deviceIds={formData.devices}
         />
@@ -384,7 +380,7 @@ const NewAutoLike: React.FC = () => {
         className={style.completeBtn}
         size="large"
         loading={isSubmitting}
-        disabled={formData.friends.length === 0}
+        disabled={!formData.friends || formData.friends.length === 0}
       >
         {isEditMode ? "更新任务" : "创建任务"}
       </Button>
@@ -395,21 +391,10 @@ const NewAutoLike: React.FC = () => {
     <Layout
       header={
         <>
-          <div className={style.headerBar}>
-            <Button
-              type="text"
-              icon={<ArrowLeftOutlined />}
-              onClick={() => navigate(-1)}
-              className={style.backBtn}
-            />
-            <span className={style.title}>
-              {isEditMode ? "编辑自动点赞" : "新建自动点赞"}
-            </span>
-          </div>
+          <NavCommon title={isEditMode ? "编辑自动点赞" : "新建自动点赞"} />
           {renderStepIndicator()}
         </>
       }
-      footer={<MeauMobile activeKey="workspace" />}
     >
       <div className={style.formBg}>
         {isLoading ? (
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 9a5b9d9e..9d0bd1d6 100644
--- a/nkebao/src/pages/workspace/auto-like/new/new.module.scss
+++ b/nkebao/src/pages/workspace/auto-like/new/new.module.scss
@@ -38,7 +38,7 @@
 }
 
 .inputTime {
-  width: 90px;
+  width: 100px;
   height: 40px;
   border-radius: 8px;
   font-size: 15px;
@@ -104,11 +104,9 @@
 }
 
 .counterUnit {
-  position: absolute;
-  right: 8px;
   color: #888;
   font-size: 14px;
-  pointer-events: none;
+  margin-left: 8px;
 }
 
 .timeSeparator {