代码提交

2025-04-15 17:08:52 +08:00
parent 4581ef5ee1
commit 988cd419d4
16 changed files with 580 additions and 154 deletions
--- a/Cunkebao/app/content/new/page.tsx
+++ b/Cunkebao/app/content/new/page.tsx
@@ -14,6 +14,10 @@ import { DateRangePicker } from "@/components/ui/date-range-picker"
 import { WechatFriendSelector } from "@/components/WechatFriendSelector"
 import { WechatGroupSelector } from "@/components/WechatGroupSelector"
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion"
+import { api } from "@/lib/api"
+import { showToast } from "@/lib/toast"
+import { format } from "date-fns"
+import { zhCN } from "date-fns/locale"

 interface WechatFriend {
  id: string
@@ -33,6 +37,12 @@ interface WechatGroup {
  customer: string
 }

+interface ApiResponse<T = any> {
+  code: number
+  msg: string
+  data: T
+}
+
 export default function NewContentLibraryPage() {
  const router = useRouter()
  const [formData, setFormData] = useState({
@@ -51,6 +61,7 @@ export default function NewContentLibraryPage() {

  const [isWechatFriendSelectorOpen, setIsWechatFriendSelectorOpen] = useState(false)
  const [isWechatGroupSelectorOpen, setIsWechatGroupSelectorOpen] = useState(false)
+  const [loading, setLoading] = useState(false)

  const removeFriend = (friendId: string) => {
    setFormData((prev) => ({
@@ -66,6 +77,54 @@ export default function NewContentLibraryPage() {
    }))
  }

+  const handleSubmit = async () => {
+    if (!formData.name) {
+      showToast("请输入内容库名称", "error")
+      return
+    }
+
+    if (formData.sourceType === "friends" && formData.selectedFriends.length === 0) {
+      showToast("请选择微信好友", "error")
+      return
+    }
+
+    if (formData.sourceType === "groups" && formData.selectedGroups.length === 0) {
+      showToast("请选择聊天群", "error")
+      return
+    }
+
+    setLoading(true)
+    try {
+      const payload = {
+        name: formData.name,
+        sourceType: formData.sourceType === "friends" ? 1 : 2,
+        friends: formData.selectedFriends.map(f => f.id),
+        groups: formData.selectedGroups.map(g => g.id),
+        keywordInclude: formData.keywordsInclude.split(",").map(k => k.trim()).filter(Boolean),
+        keywordExclude: formData.keywordsExclude.split(",").map(k => k.trim()).filter(Boolean),
+        aiPrompt: formData.useAI ? formData.aiPrompt : "",
+        timeEnabled: formData.startDate && formData.endDate ? 1 : 0,
+        startTime: formData.startDate ? format(new Date(formData.startDate), "yyyy-MM-dd") : "",
+        endTime: formData.endDate ? format(new Date(formData.endDate), "yyyy-MM-dd") : "",
+        status: formData.enabled ? 1 : 0
+      }
+
+      const response = await api.post<ApiResponse>("/v1/content/library/create", payload)
+      
+      if (response.code === 200) {
+        showToast("创建成功", "success")
+        router.push("/content")
+      } else {
+        showToast(response.msg || "创建失败", "error")
+      }
+    } catch (error: any) {
+      console.error("创建内容库失败:", error)
+      showToast(error?.message || "请检查网络连接", "error")
+    } finally {
+      setLoading(false)
+    }
+  }
+
  return (
    <div className="flex-1 bg-gray-50 min-h-screen pb-16">
      <header className="sticky top-0 z-10 bg-white border-b">
@@ -98,7 +157,7 @@ export default function NewContentLibraryPage() {
              <Label className="text-base">数据来源配置</Label>
              <Tabs
                value={formData.sourceType}
-                onValueChange={(value: "friends" | "groups") => setFormData({ ...formData, sourceType: value })}
+                onValueChange={(value) => setFormData({ ...formData, sourceType: value as "friends" | "groups" })}
                className="mt-1.5"
              >
                <TabsList className="grid w-full grid-cols-2">
@@ -224,14 +283,16 @@ export default function NewContentLibraryPage() {
              <DateRangePicker
                className="mt-1.5"
                onChange={(range) => {
-                  if (range?.from) {
-                    setFormData({
-                      ...formData,
-                      startDate: range.from.toISOString(),
-                      endDate: range.to?.toISOString() || "",
-                    })
-                  }
+                  setFormData({
+                    ...formData,
+                    startDate: range?.from ? format(range.from, "yyyy-MM-dd") : "",
+                    endDate: range?.to ? format(range.to, "yyyy-MM-dd") : "",
+                  })
                }}
+                value={formData.startDate && formData.endDate ? {
+                  from: new Date(formData.startDate),
+                  to: new Date(formData.endDate)
+                } : undefined}
              />
            </div>

@@ -246,11 +307,22 @@ export default function NewContentLibraryPage() {
        </Card>

        <div className="flex gap-4">
-          <Button type="button" variant="outline" className="flex-1" onClick={() => router.back()}>
+          <Button 
+            type="button" 
+            variant="outline" 
+            className="flex-1" 
+            onClick={() => router.back()}
+            disabled={loading}
+          >
            取消
          </Button>
-          <Button type="submit" className="flex-1">
-            保存
+          <Button 
+            type="submit" 
+            className="flex-1"
+            onClick={handleSubmit}
+            disabled={loading}
+          >
+            {loading ? "保存中..." : "保存"}
          </Button>
        </div>
      </div>
--- a/Cunkebao/app/content/page.tsx
+++ b/Cunkebao/app/content/page.tsx
@@ -1,6 +1,6 @@
 "use client"

-import { useState } from "react"
+import { useState, useEffect, useCallback } from "react"
 import { ChevronLeft, Filter, Search, RefreshCw, Plus, Edit, Trash2, Eye, MoreVertical } from "lucide-react"
 import { Card } from "@/components/ui/card"
 import { Button } from "@/components/ui/button"
@@ -10,6 +10,19 @@ import { Badge } from "@/components/ui/badge"
 import { useRouter } from "next/navigation"
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"
 import Image from "next/image"
+import { api } from "@/lib/api"
+import { showToast } from "@/lib/toast"
+
+interface ApiResponse<T = any> {
+  code: number
+  msg: string
+  data: T
+}
+
+interface LibraryListResponse {
+  list: ContentLibrary[]
+  total: number
+}

 interface ContentLibrary {
  id: string
@@ -24,75 +37,129 @@ interface ContentLibrary {
  itemCount: number
  lastUpdated: string
  enabled: boolean
+  // 新增字段
+  sourceFriends: string[]
+  sourceGroups: string[]
+  keywordInclude: string[]
+  keywordExclude: string[]
+  isEnabled: number
+  aiPrompt: string
+  timeEnabled: number
+  timeStart: string
+  timeEnd: string
+  status: number
+  createTime: string
+  updateTime: string
+  sourceType: number
 }

 export default function ContentLibraryPage() {
  const router = useRouter()
-  const [libraries, setLibraries] = useState<ContentLibrary[]>([
-    {
-      id: "129",
-      name: "微信好友广告",
-      source: "friends",
-      targetAudience: [
-        { id: "1", nickname: "张三", avatar: "/placeholder.svg?height=40&width=40" },
-        { id: "2", nickname: "李四", avatar: "/placeholder.svg?height=40&width=40" },
-        { id: "3", nickname: "王五", avatar: "/placeholder.svg?height=40&width=40" },
-      ],
-      creator: "海尼",
-      itemCount: 0,
-      lastUpdated: "2024-02-09 12:30",
-      enabled: false,
-    },
-    {
-      id: "127",
-      name: "开发群",
-      source: "groups",
-      targetAudience: [{ id: "4", nickname: "开发群1", avatar: "/placeholder.svg?height=40&width=40" }],
-      creator: "karuo",
-      itemCount: 0,
-      lastUpdated: "2024-02-09 12:30",
-      enabled: true,
-    },
-  ])
-
+  const [libraries, setLibraries] = useState<ContentLibrary[]>([])
  const [searchQuery, setSearchQuery] = useState("")
  const [activeTab, setActiveTab] = useState("all")
+  const [loading, setLoading] = useState(false)
+
+  // 获取内容库列表
+  const fetchLibraries = useCallback(async () => {
+    setLoading(true)
+    try {
+      const queryParams = new URLSearchParams({
+        page: '1',
+        limit: '100',
+        ...(searchQuery ? { keyword: searchQuery } : {}),
+        ...(activeTab !== 'all' ? { sourceType: activeTab === 'friends' ? '1' : '2' } : {})
+      })
+      const response = await api.get<ApiResponse<LibraryListResponse>>(`/v1/content/library/list?${queryParams.toString()}`)
+
+      if (response.code === 200 && response.data) {
+        // 转换数据格式以匹配原有UI
+        const transformedLibraries = response.data.list.map((item) => {
+          const transformedItem: ContentLibrary = {
+            id: item.id,
+            name: item.name,
+            source: item.sourceType === 1 ? "friends" : "groups",
+            targetAudience: [
+              ...(item.sourceFriends || []).map((id: string) => ({ id, nickname: `好友${id}`, avatar: "/placeholder.svg" })),
+              ...(item.sourceGroups || []).map((id: string) => ({ id, nickname: `群组${id}`, avatar: "/placeholder.svg" }))
+            ],
+            creator: item.creator || "系统",
+            itemCount: 0,
+            lastUpdated: item.updateTime,
+            enabled: item.isEnabled === 1,
+            // 新增字段
+            sourceFriends: item.sourceFriends || [],
+            sourceGroups: item.sourceGroups || [],
+            keywordInclude: item.keywordInclude || [],
+            keywordExclude: item.keywordExclude || [],
+            isEnabled: item.isEnabled,
+            aiPrompt: item.aiPrompt || '',
+            timeEnabled: item.timeEnabled,
+            timeStart: item.timeStart || '',
+            timeEnd: item.timeEnd || '',
+            status: item.status,
+            createTime: item.createTime,
+            updateTime: item.updateTime,
+            sourceType: item.sourceType
+          }
+          return transformedItem
+        })
+        setLibraries(transformedLibraries)
+      } else {
+        showToast(response.msg || "获取内容库列表失败", "error")
+      }
+    } catch (error: any) {
+      console.error("获取内容库列表失败:", error)
+      showToast(error?.message || "请检查网络连接", "error")
+    } finally {
+      setLoading(false)
+    }
+  }, [searchQuery, activeTab])
+
+  // 首次加载和搜索条件变化时获取列表
+  useEffect(() => {
+    fetchLibraries()
+  }, [searchQuery, activeTab, fetchLibraries])

  const handleCreateNew = () => {
-    // 模拟创建新内容库
-    const newId = Date.now().toString()
-    const newLibrary = {
-      id: newId,
-      name: "新内容库",
-      source: "friends" as const,
-      targetAudience: [],
-      creator: "当前用户",
-      itemCount: 0,
-      lastUpdated: new Date().toISOString(),
-      enabled: true,
-    }
-    setLibraries([newLibrary, ...libraries])
-    router.push(`/content/${newId}`)
+    router.push('/content/new')
  }

  const handleEdit = (id: string) => {
-    router.push(`/content/${id}`)
+    router.push(`/content/${id}/edit`)
  }

-  const handleDelete = (id: string) => {
-    // 实现删除功能
-    setLibraries(libraries.filter((lib) => lib.id !== id))
+  const handleDelete = async (id: string) => {
+    try {
+      const response = await api.delete<ApiResponse>(`/v1/content/library/delete?id=${id}`)
+      if (response.code === 200) {
+        showToast("删除成功", "success")
+        fetchLibraries()
+      } else {
+        showToast(response.msg || "删除失败", "error")
+      }
+    } catch (error: any) {
+      console.error("删除内容库失败:", error)
+      showToast(error?.message || "请检查网络连接", "error")
+    }
  }

  const handleViewMaterials = (id: string) => {
    router.push(`/content/${id}/materials`)
  }

+  const handleSearch = () => {
+    fetchLibraries()
+  }
+
+  const handleRefresh = () => {
+    fetchLibraries()
+  }
+
  const filteredLibraries = libraries.filter(
    (library) =>
-      (activeTab === "all" || library.source === activeTab) &&
-      (library.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
-        library.targetAudience.some((target) => target.nickname.toLowerCase().includes(searchQuery.toLowerCase()))),
+      library.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
+      library.targetAudience.some((target) => target.nickname.toLowerCase().includes(searchQuery.toLowerCase()))
  )

  return (
@@ -105,7 +172,7 @@ export default function ContentLibraryPage() {
            </Button>
            <h1 className="text-lg font-medium">内容库</h1>
          </div>
-          <Button onClick={handleCreateNew}>
+          <Button onClick={() => router.push('/content/new')}>
            <Plus className="h-4 w-4 mr-2" />
            新建
          </Button>
@@ -122,14 +189,20 @@ export default function ContentLibraryPage() {
                  placeholder="搜索内容库..."
                  value={searchQuery}
                  onChange={(e) => setSearchQuery(e.target.value)}
+                  onKeyDown={(e) => e.key === 'Enter' && handleSearch()}
                  className="pl-9"
                />
              </div>
-              <Button variant="outline" size="icon">
+              <Button variant="outline" size="icon" onClick={handleSearch}>
                <Filter className="h-4 w-4" />
              </Button>
-              <Button variant="outline" size="icon">
-                <RefreshCw className="h-4 w-4" />
+              <Button 
+                variant="outline" 
+                size="icon" 
+                onClick={handleRefresh}
+                disabled={loading}
+              >
+                <RefreshCw className={`h-4 w-4 ${loading ? 'animate-spin' : ''}`} />
              </Button>
            </div>

@@ -142,46 +215,50 @@ export default function ContentLibraryPage() {
            </Tabs>

            <div className="space-y-3">
-              {filteredLibraries.map((library) => (
-                <Card key={library.id} className="p-4">
-                  <div className="flex items-start justify-between">
-                    <div className="space-y-1">
-                      <div className="flex items-center space-x-2">
-                        <h3 className="font-medium">{library.name}</h3>
-                        <Badge variant={library.enabled ? "success" : "secondary"}>
-                          {library.enabled ? "已启用" : "已停用"}
-                        </Badge>
-                      </div>
-                      <div className="text-sm text-gray-500">
-                        <div className="flex items-center space-x-1">
-                          <span>来源：</span>
-                          <div className="flex -space-x-2 overflow-hidden">
-                            {library.targetAudience.slice(0, 3).map((target) => (
-                              <Image
-                                key={target.id}
-                                src={target.avatar || "/placeholder.svg"}
-                                alt={target.nickname}
-                                width={24}
-                                height={24}
-                                className="inline-block h-6 w-6 rounded-full ring-2 ring-white"
-                              />
-                            ))}
-                            {library.targetAudience.length > 3 && (
-                              <span className="flex items-center justify-center w-6 h-6 text-xs font-medium text-white bg-gray-400 rounded-full ring-2 ring-white">
-                                +{library.targetAudience.length - 3}
-                              </span>
-                            )}
-                          </div>
+              {loading ? (
+                <div className="flex justify-center items-center py-12">
+                  <RefreshCw className="h-8 w-8 text-blue-500 animate-spin" />
+                </div>
+              ) : filteredLibraries.length === 0 ? (
+                <div className="flex justify-center items-center py-12">
+                  <div className="text-center">
+                    <p className="text-gray-500 mb-4">暂无数据</p>
+                    <Button onClick={() => router.push('/content/new')} size="sm">
+                      <Plus className="h-4 w-4 mr-2" />
+                      新建内容库
+                    </Button>
+                  </div>
+                </div>
+              ) : (
+                filteredLibraries.map((library) => (
+                  <Card key={library.id} className="p-4 hover:bg-gray-50">
+                    <div className="flex items-start justify-between">
+                      <div className="space-y-2">
+                        <div className="flex items-center space-x-2">
+                          <h3 className="font-medium text-base">{library.name}</h3>
+                          <Badge variant={library.isEnabled === 1 ? "default" : "secondary"} className="text-xs">
+                            已启用
+                          </Badge>
+                        </div>
+                        <div className="text-sm text-gray-500 space-y-1">
+                          <div className="flex items-center space-x-1">
+                            <span>来源：</span>
+                            <div className="w-4 h-4 bg-gray-200 rounded-full"></div>
+                          </div>
+                          <div>创建人：{library.creator}</div>
+                          <div>内容数量：{library.itemCount}</div>
+                          <div>更新时间：{new Date(library.updateTime).toLocaleString('zh-CN', { 
+                            year: 'numeric',
+                            month: '2-digit',
+                            day: '2-digit',
+                            hour: '2-digit',
+                            minute: '2-digit'
+                          })}</div>
                        </div>
-                        <div>创建人：{library.creator}</div>
-                        <div>内容数量：{library.itemCount}</div>
-                        <div>更新时间：{library.lastUpdated}</div>
                      </div>
-                    </div>
-                    <div className="flex space-x-2">
                      <DropdownMenu>
                        <DropdownMenuTrigger asChild>
-                          <Button variant="ghost" size="sm">
+                          <Button variant="ghost" size="icon" className="h-8 w-8">
                            <MoreVertical className="h-4 w-4" />
                          </Button>
                        </DropdownMenuTrigger>
@@ -201,9 +278,9 @@ export default function ContentLibraryPage() {
                        </DropdownMenuContent>
                      </DropdownMenu>
                    </div>
-                  </div>
-                </Card>
-              ))}
+                  </Card>
+                ))
+              )}
            </div>
          </div>
        </Card>