朋友圈自动同步

Cunkebao/app/workspace/moments-sync/new/page.tsx

@@ -7,19 +7,34 @@ import { Button } from "@/components/ui/button"
 import { StepIndicator } from "../components/step-indicator"
 import { BasicSettings } from "../components/basic-settings"
 import { DeviceSelectionDialog } from "../components/device-selection-dialog"
+import { ContentLibrarySelectionDialog } from "../components/content-library-selection-dialog"
 import { Input } from "@/components/ui/input"
-import { toast } from "@/components/ui/use-toast"
+import { api, ApiResponse } from "@/lib/api"
+import { showToast } from "@/lib/toast"
+
+// 定义基本设置表单数据类型，与BasicSettings组件的formData类型匹配
+interface BasicSettingsFormData {
+  taskName: string
+  startTime: string
+  endTime: string
+  syncCount: number
+  syncInterval: number
+  accountType: "business" | "personal"
+  enabled: boolean
+}
 
 export default function NewMomentsSyncPage() {
   const router = useRouter()
   const [currentStep, setCurrentStep] = useState(1)
   const [deviceDialogOpen, setDeviceDialogOpen] = useState(false)
+  const [libraryDialogOpen, setLibraryDialogOpen] = useState(false)
   const [formData, setFormData] = useState({
     taskName: "",
     startTime: "06:00",
     endTime: "23:59",
     syncCount: 5,
-    accountType: "business" as const,
+    syncInterval: 30, // 同步间隔，默认30分钟
+    accountType: "business" as "business" | "personal",
     enabled: true,
     selectedDevices: [] as string[],
     selectedLibraries: [] as string[],
@@ -29,6 +44,11 @@ export default function NewMomentsSyncPage() {
     setFormData((prev) => ({ ...prev, ...data }))
   }
 
+  // 专门用于基本设置的更新函数
+  const handleBasicSettingsUpdate = (data: Partial<BasicSettingsFormData>) => {
+    setFormData((prev) => ({ ...prev, ...data }))
+  }
+
   const handleNext = () => {
     setCurrentStep((prev) => Math.min(prev + 1, 3))
   }
@@ -38,13 +58,31 @@ export default function NewMomentsSyncPage() {
   }
 
   const handleComplete = async () => {
-    console.log("Form submitted:", formData)
-    await new Promise((resolve) => setTimeout(resolve, 1000))
-    toast({
-      title: "创建成<E5BBBA><E68890><EFBFBD>",
-      description: "朋友圈同步任务已创建并开始执行",
-    })
-    router.push("/workspace/moments-sync")
+    try {
+      const response = await api.post<ApiResponse>('/v1/workbench/create', {
+        type: 2, // 朋友圈同步任务类型为2
+        name: formData.taskName,
+        syncInterval: formData.syncInterval,
+        syncCount: formData.syncCount,
+        syncType: formData.accountType === "business" ? 1 : 2, // 业务号为1，人设号为2
+        startTime: formData.startTime,
+        endTime: formData.endTime,
+        accountType: formData.accountType === "business" ? 1 : 2,
+        status: formData.enabled ? 1 : 0, // 状态：0=禁用，1=启用
+        devices: formData.selectedDevices,
+        contentLibraries: formData.selectedLibraries
+      });
+
+      if (response.code === 200) {
+        showToast(response.msg || "创建成功", "success");
+        router.push("/workspace/moments-sync");
+      } else {
+        showToast(response.msg || "请稍后再试", "error");
+      }
+    } catch (error: any) {
+      console.error("创建朋友圈同步任务失败:", error);
+      showToast(error?.message || "请检查网络连接或稍后再试", "error");
+    }
   }
 
   return (
@@ -63,7 +101,19 @@ export default function NewMomentsSyncPage() {
 
         <div className="mt-8">
           {currentStep === 1 && (
-            <BasicSettings formData={formData} onChange={handleUpdateFormData} onNext={handleNext} />
+            <BasicSettings 
+              formData={{
+                taskName: formData.taskName,
+                startTime: formData.startTime,
+                endTime: formData.endTime,
+                syncCount: formData.syncCount,
+                syncInterval: formData.syncInterval,
+                accountType: formData.accountType,
+                enabled: formData.enabled
+              }} 
+              onChange={handleBasicSettingsUpdate} 
+              onNext={handleNext} 
+            />
           )}
 
           {currentStep === 2 && (
@@ -75,6 +125,7 @@ export default function NewMomentsSyncPage() {
                   className="h-12 pl-11 rounded-xl border-gray-200 text-base"
                   onClick={() => setDeviceDialogOpen(true)}
                   readOnly
+                  value={formData.selectedDevices.length > 0 ? `已选择 ${formData.selectedDevices.length} 个设备` : ""}
                 />
               </div>
 
@@ -89,6 +140,7 @@ export default function NewMomentsSyncPage() {
                 <Button
                   onClick={handleNext}
                   className="flex-1 h-12 bg-blue-600 hover:bg-blue-700 rounded-xl text-base shadow-sm"
+                  disabled={formData.selectedDevices.length === 0}
                 >
                   下一步
                 </Button>
@@ -110,9 +162,19 @@ export default function NewMomentsSyncPage() {
             <div className="space-y-6 px-6">
               <div className="relative">
                 <Search className="absolute left-3 top-4 h-5 w-5 text-gray-400" />
-                <Input placeholder="选择内容库" className="h-12 pl-11 rounded-xl border-gray-200 text-base" />
+                <Input
+                  placeholder="选择内容库"
+                  className="h-12 pl-11 rounded-xl border-gray-200 text-base"
+                  onClick={() => setLibraryDialogOpen(true)}
+                  readOnly
+                  value={formData.selectedLibraries.length > 0 ? `已选择 ${formData.selectedLibraries.length} 个内容库` : ""}
+                />
               </div>
 
+              {formData.selectedLibraries.length > 0 && (
+                <div className="text-base text-gray-500">已选内容库：{formData.selectedLibraries.length} 个</div>
+              )}
+
               <div className="flex space-x-4 pt-4">
                 <Button variant="outline" onClick={handlePrev} className="flex-1 h-12 rounded-xl text-base">
                   上一步
@@ -120,10 +182,21 @@ export default function NewMomentsSyncPage() {
                 <Button
                   onClick={handleComplete}
                   className="flex-1 h-12 bg-blue-600 hover:bg-blue-700 rounded-xl text-base shadow-sm"
+                  disabled={formData.selectedLibraries.length === 0}
                 >
                   完成
                 </Button>
               </div>
+
+              <ContentLibrarySelectionDialog
+                open={libraryDialogOpen}
+                onOpenChange={setLibraryDialogOpen}
+                selectedLibraries={formData.selectedLibraries}
+                onSelect={(libraries) => {
+                  handleUpdateFormData({ selectedLibraries: libraries })
+                  setLibraryDialogOpen(false)
+                }}
+              />
             </div>
           )}
         </div>