+
+ );
+
+ // 步骤1：基础设置
+ const renderBasicSettings = () => (
+
+ {steps.map((s, i) => (
+
+
+
+ {i + 1 < currentStep ?
+ ))}
+
+
+
+
+
+ );
+
+ // 步骤2：设备选择
+ const renderDeviceSelection = () => (
+
+
+ 任务名称
+ handleUpdateFormData({ name: e.target.value })}
+ className={style.input}
+ />
+
+
+ 点赞间隔
+
+ }
+ onClick={() =>
+ handleUpdateFormData({
+ interval: Math.max(1, formData.interval - 1),
+ })
+ }
+ className={style.counterBtn}
+ />
+
+
+
+ handleUpdateFormData({
+ interval: Number.parseInt(e.target.value) || 1,
+ })
+ }
+ className={style.counterInput}
+ />
+ 秒
+
+ }
+ onClick={() =>
+ handleUpdateFormData({ interval: formData.interval + 1 })
+ }
+ className={style.counterBtn}
+ />
+ 设置两次点赞之间的最小时间间隔
+
+
+ 每日最大点赞数
+
+ }
+ onClick={() =>
+ handleUpdateFormData({
+ maxLikes: Math.max(1, formData.maxLikes - 10),
+ })
+ }
+ className={style.counterBtn}
+ />
+
+
+
+ handleUpdateFormData({
+ maxLikes: Number.parseInt(e.target.value) || 1,
+ })
+ }
+ className={style.counterInput}
+ />
+ 次/天
+
+ }
+ onClick={() =>
+ handleUpdateFormData({ maxLikes: formData.maxLikes + 10 })
+ }
+ className={style.counterBtn}
+ />
+ 设置每天最多点赞的次数
+
+
+ 点赞时间范围
+
+
+ handleUpdateFormData({ startTime: e.target.value })
+ }
+ className={style.inputTime}
+ />
+ 至
+ handleUpdateFormData({ endTime: e.target.value })}
+ className={style.inputTime}
+ />
+
+ 设置每天可以点赞的时间段
+
+
+ 点赞内容类型
+
+ {(["text", "image", "video"] as ContentType[]).map((type) => (
+
+ ))}
+
+ 选择要点赞的内容类型
+
+
+
+ 启用好友标签
+
+ handleUpdateFormData({ enableFriendTags: checked })
+ }
+ className={style.switch}
+ />
+
+ {formData.enableFriendTags && (
+
+
+ handleUpdateFormData({ friendTags: e.target.value })
+ }
+ className={style.input}
+ />
+
+ )}
+ 只给有此标签的好友点赞
+
+
+
+
+ 自动开启
+
+
+
+ );
+
+ // 步骤3：好友设置
+ const renderFriendSettings = () => (
+
+ handleUpdateFormData({ devices })}
+ mode="dialog"
+ showInput={true}
+ showSelectedList={true}
+ />
+
+
+
+
+
+ );
+
+ return (
+
+ handleUpdateFormData({ friends })}
+ deviceIds={formData.devices}
+ />
+
+
+
+
+ }
+ onClick={() => navigate(-1)}
+ className={style.backBtn}
+ />
+
+ {isEditMode ? "编辑自动点赞" : "新建自动点赞"}
+
+
+ {renderStepIndicator()}
+
+ }
+ footer={
+ {isLoading ? (
+
+
+
+ ) : (
+ <>
+ {currentStep === 1 && renderBasicSettings()}
+ {currentStep === 2 && renderDeviceSelection()}
+ {currentStep === 3 && renderFriendSettings()}
+
+ )}
+
+
+
+ }
+ footer={
+ <>
+ {records.length > 0 && total > pageSize && (
+
+
+
+
+
+
+ 第 {currentPage} 页，共 {Math.ceil(total / pageSize)} 页
+
+
+
+ )}
+
+
+ }
+ >
+
+
+
+
+ {recordsLoading ? (
+
+
+ {Array.from({ length: 3 }).map((_, index) => (
+
+
+ ))}
+
+ ) : records.length === 0 ? (
+
+
+
+
+
+
+
+
+
+
+ ) : (
+ <>
+ {records.map((record) => (
+ 暂无点赞记录
+
+
+ ))}
+
+ )}
+
+
+
+
+ {formatDate(record.momentTime || record.likeTime)}
+
+
+
+
+ 
+
+
+
+
+
+ {record.friendName}
+
+ 内容发布者
+
+ {record.content && (
+
+ + {record.content} +
+ )} + {Array.isArray(record.resUrls) && record.resUrls.length > 0 && ( +
+ {record.resUrls.slice(0, 9).map((image: string, idx: number) => (
+
+ )}
+
+ 
+
+ ))}
+
+
+ 
+
+
+
+
+ {record.operatorName}
+
+ 点赞了这条内容
+
+
{record.friendName}
@@ -167,9 +166,8 @@ const AutoLikeDetail: React.FC = () => {
"https://api.dicebear.com/7.x/avataaars/svg?seed=operator"
}
className={style["operator-avatar"]}
- >
-
{record.operatorName}
@@ -194,7 +192,7 @@ const AutoLikeDetail: React.FC = () => {
}
/>
}
- footer={
{/* 任务信息卡片 */}
@@ -284,7 +282,7 @@ const AutoLikeDetail: React.FC = () => {
data={records}
renderItem={renderRecordItem}
hasMore={hasMore}
- loadMore={handleLoadMore}
+ onLoadMore={handleLoadMore}
className={style["records-list"]}
/>
)}
diff --git a/nkebao/src/router/module/workspace.tsx b/nkebao/src/router/module/workspace.tsx
index ab663bd37..85282d918 100644
--- a/nkebao/src/router/module/workspace.tsx
+++ b/nkebao/src/router/module/workspace.tsx
@@ -35,7 +35,7 @@ const workspaceRoutes = [
auth: true,
},
{
- path: "/workspace/auto-like/:id",
+ path: "/workspace/auto-like/record/:id",
element: