{[
- { key: 'manage', label: '📋 发布管理' }
+ { key: 'manage', label: '📋 发布管理' },
+ { key: 'yichens', label: '📊 一尘看板' }
].map(tab => (
)}
+
+ {/* 一尘看板页 */}
+ {activeTab === 'yichens' && (
+
+ )}
+
+ )
+}
+
+
+// ============ 一尘看板组件 ============
+function YichensBoard() {
+ const [stats, setStats] = useState({ posts: null, categories: [], users: null })
+ const [posts, setPosts] = useState([])
+ const [loading, setLoading] = useState(false)
+ const [expandedPosts, setExpandedPosts] = useState({})
+ const [postTypeFilter, setPostTypeFilter] = useState('all')
+
+ const API_BASE = localStorage.getItem('API_BASE') || ''
+
+ useEffect(() => {
+ fetchStats()
+ fetchPosts()
+ }, [])
+
+ const fetchStats = async () => {
+ try {
+ const [postsRes, catRes, usersRes] = await Promise.all([
+ fetch(`${API_BASE}/api/yichens/stats/posts?days=30`),
+ fetch(`${API_BASE}/api/yichens/stats/categories?days=30`),
+ fetch(`${API_BASE}/api/yichens/stats/users`)
+ ])
+ const postsData = await postsRes.json()
+ const catData = await catRes.json()
+ const usersData = await usersRes.json()
+ setStats({ posts: postsData, categories: catData, users: usersData })
+ } catch (e) {
+ console.error('获取统计失败:', e)
+ }
+ }
+
+ const fetchPosts = async () => {
+ setLoading(true)
+ try {
+ let url = `${API_BASE}/api/yichens/posts?limit=50`
+ if (postTypeFilter !== 'all') url += `&post_type=${postTypeFilter}`
+ const res = await fetch(url)
+ const data = await res.json()
+ setPosts(data || [])
+ } catch (e) {
+ console.error('获取帖子失败:', e)
+ }
+ setLoading(false)
+ }
+
+ const togglePostExpand = (postId) => {
+ setExpandedPosts(prev => ({ ...prev, [postId]: !prev[postId] }))
+ }
+
+ const filteredPosts = postTypeFilter === 'all'
+ ? posts
+ : posts.filter(p => p.post_type === postTypeFilter)
+
+ return (
+
+ {stats.posts && (
+
+
+
30天帖子
+
{stats.posts.total_posts}
+
出售{stats.posts.total_deals} 求购{stats.posts.total_wants}
+
+
+
浏览量
+
{(stats.posts.total_views / 10000).toFixed(1)}万
+
回复{stats.posts.total_replies}
+
+
+
用户数
+
{stats.users?.total_users || 0}
+
今日新增{stats.users?.new_users_today || 0}
+
+
+ )}
+
+
+
📊 分类统计
+
+ {stats.categories.map(cat => (
+
+ {cat.category} ({cat.count})
+
+ ))}
+
+
+
+
+ {[
+ { key: 'all', label: '全部' },
+ { key: 'deal', label: '出售' },
+ { key: 'want', label: '求购' }
+ ].map(ft => (
+
+ ))}
+
+
+ {loading ? (
+
加载中...
+ ) : (
+
+ {filteredPosts.map(post => (
+
+
togglePostExpand(post.post_id)} style={{ cursor: 'pointer' }}>
+
+ {post.title || '无标题'}
+
+ {post.post_type === 'deal' ? '出售' : post.post_type === 'want' ? '求购' : '普通'}
+
+
+
+ {post.author_username || '未知'}
+ {post.post_time ? post.post_time.substring(0, 16) : ''}
+
+
+
+ {expandedPosts[post.post_id] && (
+
+
+
分类: {post.category || '-'}
+
价格: {post.price ? post.price.toLocaleString() + '元' : '待询'}
+
浏览: {post.view_count || 0}
+
回复: {post.reply_count || 0}
+
+ {post.url && (
+
+ 查看原帖
+
+ )}
+
+ )}
+
+ ))}
+
+ )}
)
}
+
diff --git a/frontend/src/pages/News.jsx b/frontend/src/pages/News.jsx
index 402147d..73b2d09 100644
--- a/frontend/src/pages/News.jsx
+++ b/frontend/src/pages/News.jsx
@@ -1,4 +1,5 @@
import React, { useState, useEffect } from 'react'
+import YichensBoard from './YichensBoard'
// 本地获取用户手机号 - 添加异常处理
const getUserPhone = () => {
@@ -22,7 +23,7 @@ const getStoredUserId = () => {
// 资讯页面 - 展示寻配号和行情信息（所有人可见）
export default function News() {
- const [activeTab, setActiveTab] = useState(localStorage.getItem('news_activeTab') || 'seek')
+ const [activeTab, setActiveTab] = useState(localStorage.getItem('news_activeTab') || 'yichen')
const [showSeekPublish, setShowSeekPublish] = useState(false)
const [showMySeeks, setShowMySeeks] = useState(false) // 我的寻号
const [showContactId, setShowContactId] = useState(null) // 显示联系方式的寻号ID
@@ -455,7 +456,7 @@ export default function News() {
) : (
- {infoList.map(item => {
+ {activeTab === 'yichen' ?
: infoList.map(item => {
// 解析正文中的号码特征和联系方式
const content = item.content || ''
const featuresMatch = content.match(/号码特征[:\s]*(.+?)(?:\n|$)/)
diff --git a/frontend/src/pages/YichensBoard.jsx b/frontend/src/pages/YichensBoard.jsx
new file mode 100644
index 0000000..f105ce4
--- /dev/null
+++ b/frontend/src/pages/YichensBoard.jsx
@@ -0,0 +1,113 @@
+import React, { useState, useEffect } from 'react'
+
+export default function YichensBoard() {
+ const [stats, setStats] = useState({ posts: null, categories: [], users: null })
+ const [posts, setPosts] = useState([])
+ const [loading, setLoading] = useState(false)
+ const [expandedPosts, setExpandedPosts] = useState({})
+ const [postTypeFilter, setPostTypeFilter] = useState('all')
+ const API_BASE = localStorage.getItem('API_BASE') || ''
+
+ useEffect(() => { fetchStats(); fetchPosts() }, [])
+
+ const fetchStats = async () => {
+ try {
+ const [p, c, u] = await Promise.all([
+ fetch(`${API_BASE}/api/yichens/stats/posts?days=30`),
+ fetch(`${API_BASE}/api/yichens/stats/categories?days=30`),
+ fetch(`${API_BASE}/api/yichens/stats/users`)
+ ])
+ setStats({ posts: await p.json(), categories: await c.json(), users: await u.json() })
+ } catch(e) { console.error(e) }
+ }
+
+ const fetchPosts = async () => {
+ setLoading(true)
+ let url = `${API_BASE}/api/yichens/posts?limit=50`
+ if (postTypeFilter !== 'all') url += `&post_type=${postTypeFilter}`
+ try {
+ const res = await fetch(url)
+ setPosts((await res.json()) || [])
+ } catch { setPosts([]) }
+ setLoading(false)
+ }
+
+ const togglePost = id => setExpandedPosts(p => ({ ...p, [id]: !p[id] }))
+ const filtered = postTypeFilter === 'all' ? posts : posts.filter(p => p.post_type === postTypeFilter)
+
+ return (
+
+ {stats.posts && (
+
+
+
30天帖子
+
{stats.posts.total_posts}
+
出售{stats.posts.total_deals} 求购{stats.posts.total_wants}
+
+
+
浏览量
+
{(stats.posts.total_views/10000).toFixed(1)}万
+
回复{stats.posts.total_replies}
+
+
+
用户数
+
{stats.users?.total_users||0}
+
今日新增{stats.users?.new_users_today||0}
+
+
+ )}
+
+
+
📊 分类统计
+
+ {stats.categories.map(cat => (
+
+ {cat.category} ({cat.count})
+
+ ))}
+
+
+
+
+ {[{key:'all',label:'全部'},{key:'deal',label:'出售'},{key:'want',label:'求购'}].map(k => (
+
+ ))}
+
+
+ {loading ?
加载中...
:
+
+ {filtered.map(post => (
+
+
togglePost(post.post_id)} style={{ cursor: 'pointer' }}>
+
+ {post.title||'无标题'}
+
+ {post.post_type==='deal'?'出售':post.post_type==='want'?'求购':'普通'}
+
+
+
+ {post.author_username||'未知'}
+ {post.post_time?.substring(0,16)||''}
+
+
+ {expandedPosts[post.post_id] && (
+
+
+
分类: {post.category||'-'}
+
价格: {post.price?post.price.toLocaleString()+'元':'待询'}
+
浏览: {post.view_count||0}
+
回复: {post.reply_count||0}
+
+ {post.url &&
查看原帖}
+
+ )}
+
+ ))}
+
}
+
+ )
+}