diff --git a/nkebao/src/pages/workspace/group-push/Edit.tsx b/nkebao/src/pages/workspace/group-push/Edit.tsx deleted file mode 100644 index 0625950f..00000000 --- a/nkebao/src/pages/workspace/group-push/Edit.tsx +++ /dev/null @@ -1,250 +0,0 @@ -import React, { useEffect, useState } from "react"; -import { useParams, useNavigate } from "react-router-dom"; -import { Button, Spin, message } from "antd"; -import { ArrowLeftOutlined } from "@ant-design/icons"; -import Layout from "@/components/Layout/Layout"; -import MeauMobile from "@/components/MeauMobile/MeauMoible"; -import StepIndicator from "./form/components/StepIndicator"; -import BasicSettings from "./form/components/BasicSettings"; -import GroupSelector from "./form/components/GroupSelector"; -import ContentSelector from "./form/components/ContentSelector"; -import { - getGroupPushTaskDetail, - updateGroupPushTask, - GroupPushTask, -} from "@/api/groupPush"; - -const steps = [ - { id: 1, title: "步骤 1", subtitle: "基础设置" }, - { id: 2, title: "步骤 2", subtitle: "选择社群" }, - { id: 3, title: "步骤 3", subtitle: "选择内容库" }, - { id: 4, title: "步骤 4", subtitle: "京东联盟" }, -]; - -const EditGroupPush: React.FC = () => { - const { id } = useParams<{ id: string }>(); - const navigate = useNavigate(); - const [currentStep, setCurrentStep] = useState(1); - const [loading, setLoading] = useState(true); - const [saving, setSaving] = useState(false); - const [formData, setFormData] = useState(null); - - useEffect(() => { - if (!id) return; - setLoading(true); - getGroupPushTaskDetail(id) - .then((res) => { - const task = res.data || res; - setFormData({ - name: task.name, - pushTimeStart: task.timeRange?.start || "06:00", - pushTimeEnd: task.timeRange?.end || "23:59", - dailyPushCount: task.maxPushPerDay, - pushOrder: task.pushOrder || "latest", - isLoopPush: task.isLoopPush || false, - isImmediatePush: task.pushMode === "immediate", - isEnabled: task.isEnabled || false, - groups: (task.targetGroups || []).map( - (name: string, idx: number) => ({ - id: String(idx + 1), - name, - avatar: "", - serviceAccount: { id: "", name: "", avatar: "" }, - }) - ), - contentLibraries: (task.contentLibraries || []).map( - (name: string, idx: number) => ({ - id: String(idx + 1), - name, - targets: [], - }) - ), - }); - }) - .finally(() => setLoading(false)); - }, [id]); - - const handleBasicSettingsNext = (values: any) => { - setFormData((prev: any) => ({ ...prev, ...values })); - setCurrentStep(2); - }; - const handleGroupsChange = (groups: any[]) => { - setFormData((prev: any) => ({ ...prev, groups })); - }; - const handleLibrariesChange = (contentLibraries: any[]) => { - setFormData((prev: any) => ({ ...prev, contentLibraries })); - }; - const handleSave = async () => { - if (!formData.name.trim()) { - message.error("请输入任务名称"); - return; - } - if (!formData.groups || formData.groups.length === 0) { - message.error("请选择至少一个社群"); - return; - } - if (!formData.contentLibraries || formData.contentLibraries.length === 0) { - message.error("请选择至少一个内容库"); - return; - } - setSaving(true); - try { - const apiData = { - name: formData.name, - timeRange: { - start: formData.pushTimeStart, - end: formData.pushTimeEnd, - }, - maxPushPerDay: formData.dailyPushCount, - pushOrder: formData.pushOrder, - isLoopPush: formData.isLoopPush, - isImmediatePush: formData.isImmediatePush, - isEnabled: formData.isEnabled, - targetGroups: formData.groups.map((g: any) => g.name), - contentLibraries: formData.contentLibraries.map((c: any) => c.name), - pushMode: formData.isImmediatePush - ? ("immediate" as const) - : ("scheduled" as const), - messageType: "text" as const, - messageContent: "", - targetTags: [], - pushInterval: 60, - }; - const response = await updateGroupPushTask(id!, apiData); - if (response.code === 200) { - message.success("保存成功"); - navigate("/workspace/group-push"); - } else { - message.error("保存失败，请稍后重试"); - } - } catch (error) { - message.error("保存失败，请稍后重试"); - } finally { - setSaving(false); - } - }; - const handleCancel = () => { - navigate("/workspace/group-push"); - }; - - if (loading || !formData) { - return ( - - navigate(-1)} - style={{ marginRight: 12, cursor: "pointer" }} - /> - 编辑群发推送 - - } - footer={} - > -
- -
- - ); - } - - return ( - - navigate(-1)} - style={{ marginRight: 12, cursor: "pointer" }} - /> - 编辑群发推送 - - } - footer={} - > -
- -
- {currentStep === 1 && ( - - )} - {currentStep === 2 && ( - setCurrentStep(1)} - onNext={() => setCurrentStep(3)} - onSave={handleSave} - onCancel={handleCancel} - loading={saving} - /> - )} - {currentStep === 3 && ( - setCurrentStep(2)} - onNext={() => setCurrentStep(4)} - onSave={handleSave} - onCancel={handleCancel} - loading={saving} - /> - )} - {currentStep === 4 && ( -
- 京东联盟设置（此步骤为占位，实际功能待开发） -
- - - -
-
- )} -
-
- - ); -}; - -export default EditGroupPush; diff --git a/nkebao/src/pages/workspace/group-push/GroupPush.module.scss b/nkebao/src/pages/workspace/group-push/detail/index.module.scss similarity index 100% rename from nkebao/src/pages/workspace/group-push/GroupPush.module.scss rename to nkebao/src/pages/workspace/group-push/detail/index.module.scss diff --git a/nkebao/src/pages/workspace/group-push/detail/index.tsx b/nkebao/src/pages/workspace/group-push/detail/index.tsx index be665447..5e316ff7 100644 --- a/nkebao/src/pages/workspace/group-push/detail/index.tsx +++ b/nkebao/src/pages/workspace/group-push/detail/index.tsx @@ -11,7 +11,7 @@ import { import Layout from "@/components/Layout/Layout"; import MeauMobile from "@/components/MeauMobile/MeauMoible"; import { getGroupPushTaskDetail, GroupPushTask } from "@/api/groupPush"; -import styles from "./GroupPush.module.scss"; +import styles from "./index.module.scss"; const Detail: React.FC = () => { const { id } = useParams<{ id: string }>(); diff --git a/nkebao/src/pages/workspace/group-push/list/index.module.scss b/nkebao/src/pages/workspace/group-push/list/index.module.scss new file mode 100644 index 00000000..e86bd6f9 --- /dev/null +++ b/nkebao/src/pages/workspace/group-push/list/index.module.scss @@ -0,0 +1,107 @@ + + +.searchBar { + display: flex; + gap: 8px; + padding: 16px; +} + +.refresh-btn { + height: 38px; + width: 40px; + padding: 0; + border-radius: 8px; +} + +.taskList { + display: flex; + flex-direction: column; + gap: 16px; + padding: 0 16px; +} + +.emptyCard { + text-align: center; + padding: 48px 0; + background: #fff; + border-radius: 12px; + box-shadow: 0 2px 8px rgba(0,0,0,0.04); +} + +.taskCard { + background: #fff; + border-radius: 12px; + box-shadow: 0 2px 8px rgba(0,0,0,0.04); + padding: 20px 16px 12px 16px; +} + +.taskHeader { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 12px; +} + +.taskTitle { + display: flex; + align-items: center; + font-size: 16px; + font-weight: 600; +} + +.taskActions { + display: flex; + align-items: center; + gap: 8px; +} + +.taskInfoGrid { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 8px 16px; + font-size: 13px; + color: #666; + margin-bottom: 12px; +} + +.progressBlock { + margin-bottom: 12px; +} + +.progressLabel { + font-size: 13px; + color: #888; + margin-bottom: 4px; +} + +.taskFooter { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 12px; + color: #888; + border-top: 1px dashed #eee; + padding-top: 8px; + margin-top: 8px; +} + +.expandedPanel { + margin-top: 16px; + padding-top: 16px; + border-top: 1px dashed #eee; +} + +.expandedGrid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); + gap: 16px; +} + +@media (max-width: 600px) { + .taskCard { + padding: 12px 6px 8px 6px; + } + .expandedGrid { + grid-template-columns: 1fr; + } +} \ No newline at end of file diff --git a/nkebao/src/pages/workspace/group-push/GroupPush.tsx b/nkebao/src/pages/workspace/group-push/list/index.tsx similarity index 94% rename from nkebao/src/pages/workspace/group-push/GroupPush.tsx rename to nkebao/src/pages/workspace/group-push/list/index.tsx index 38e36029..264c1dcb 100644 --- a/nkebao/src/pages/workspace/group-push/GroupPush.tsx +++ b/nkebao/src/pages/workspace/group-push/list/index.tsx @@ -1,5 +1,6 @@ import React, { useState, useEffect } from "react"; import { useNavigate } from "react-router-dom"; +import { NavBar } from "antd-mobile"; import { PlusOutlined, SearchOutlined, @@ -37,7 +38,7 @@ import { copyGroupPushTask, GroupPushTask, } from "@/api/groupPush"; -import styles from "./GroupPush.module.scss"; +import styles from "./index.module.scss"; const { Search } = Input; @@ -146,37 +147,31 @@ const GroupPush: React.FC = () => { return ( -
- 群消息推送 - -
- + + 群消息推送 + } footer={} >
- setSearchTerm(e.target.value)} - enterButton={} - style={{ maxWidth: 320 }} + prefix={} + allowClear + size="large" /> +
{filteredTasks.length === 0 ? ( diff --git a/nkebao/src/router/module/workspace.tsx b/nkebao/src/router/module/workspace.tsx index d6917e04..ff66e46a 100644 --- a/nkebao/src/router/module/workspace.tsx +++ b/nkebao/src/router/module/workspace.tsx @@ -4,7 +4,7 @@ import NewAutoLike from "@/pages/workspace/auto-like/NewAutoLike"; import AutoLikeDetail from "@/pages/workspace/auto-like/AutoLikeDetail"; import AutoGroup from "@/pages/workspace/auto-group/AutoGroup"; import AutoGroupDetail from "@/pages/workspace/auto-group/Detail"; -import GroupPush from "@/pages/workspace/group-push/GroupPush"; +import GroupPush from "@/pages/workspace/group-push/list"; import FormGroupPush from "@/pages/workspace/group-push/form"; import DetailGroupPush from "@/pages/workspace/group-push/detail"; import MomentsSync from "@/pages/workspace/moments-sync/MomentsSync";