素材不存在
@@ -965,7 +963,7 @@ export default function SharePage() {
return (
-
+
void handleFavoriteMaterial()}
onShare={() => void handleShareMaterial()}
@@ -1575,4 +1573,3 @@ export default function SharePage() {
)
}
-
diff --git a/app/workspaces/[section]/[item]/[metric]/error.tsx b/app/workspaces/[section]/[item]/[metric]/error.tsx
new file mode 100644
index 0000000..16a49c3
--- /dev/null
+++ b/app/workspaces/[section]/[item]/[metric]/error.tsx
@@ -0,0 +1,22 @@
+'use client'
+
+import Link from 'next/link'
+import DepartmentShell from '@/components/department-dashboard/DepartmentShell'
+
+export default function CoreMetricError({ reset }: { error: Error; reset: () => void }) {
+ return (
+
+
+
+
指标明细暂时无法加载
+
数据读取出现异常
+
请重新加载；若问题持续，可先返回核心指标总览。
+
+
+ 返回核心指标
+
+
+ )
+}
diff --git a/app/workspaces/[section]/[item]/[metric]/loading.tsx b/app/workspaces/[section]/[item]/[metric]/loading.tsx
new file mode 100644
index 0000000..d213908
--- /dev/null
+++ b/app/workspaces/[section]/[item]/[metric]/loading.tsx
@@ -0,0 +1,20 @@
+import DepartmentShell from '@/components/department-dashboard/DepartmentShell'
+
+export default function CoreMetricLoading() {
+ return (
+
+
+
+ )
+}
diff --git a/app/workspaces/[section]/[item]/[metric]/not-found.tsx b/app/workspaces/[section]/[item]/[metric]/not-found.tsx
new file mode 100644
index 0000000..3de9885
--- /dev/null
+++ b/app/workspaces/[section]/[item]/[metric]/not-found.tsx
@@ -0,0 +1,17 @@
+import Link from 'next/link'
+import DepartmentShell from '@/components/department-dashboard/DepartmentShell'
+
+export default function CoreMetricNotFound() {
+ return (
+
+
+
+
页面不存在
+
未找到这个核心指标
+
请返回核心指标总览选择有效入口。
+
返回核心指标
+
+ )
+}
diff --git a/app/workspaces/[section]/[item]/[metric]/page.tsx b/app/workspaces/[section]/[item]/[metric]/page.tsx
new file mode 100644
index 0000000..bdbab8c
--- /dev/null
+++ b/app/workspaces/[section]/[item]/[metric]/page.tsx
@@ -0,0 +1,48 @@
+import type { Metadata } from 'next'
+import { getServerSession } from 'next-auth'
+import { notFound } from 'next/navigation'
+import CoreMetricDetail from '@/components/department-dashboard/CoreMetricDetail'
+import { getCoreMetric } from '@/components/department-dashboard/core-metrics'
+import { authOptions } from '@/lib/auth'
+import {
+ getFirstPassReviewProjects,
+ getOngoingWorkReviewProjects,
+} from '@/lib/work-review-service'
+
+type CoreMetricPageProps = {
+ params: { section: string; item: string; metric: string }
+ searchParams?: { page?: string; q?: string }
+}
+
+export const dynamic = 'force-dynamic'
+
+export function generateMetadata({ params }: CoreMetricPageProps): Metadata {
+ const metric = getCoreMetric(params.metric)
+ if (params.section !== 'dashboard' || params.item !== 'core-metrics' || !metric) return {}
+ return {
+ title: `${metric.label} | 核心指标 | 品牌中心部门看板`,
+ description: metric.detailDescription,
+ }
+}
+
+export default async function CoreMetricPage({ params, searchParams }: CoreMetricPageProps) {
+ const metric = getCoreMetric(params.metric)
+ if (params.section !== 'dashboard' || params.item !== 'core-metrics' || !metric) notFound()
+
+ const page = Math.max(1, Number(searchParams?.page || 1) || 1)
+ const query = String(searchParams?.q || '').trim().slice(0, 100)
+
+ if (metric.key === 'ongoing-projects') {
+ const session = await getServerSession(authOptions)
+ const projectPage = await getOngoingWorkReviewProjects(session, { page, pageSize: 20, query })
+ return
+ }
+
+ if (metric.key === 'first-pass-rate') {
+ const session = await getServerSession(authOptions)
+ const firstPassPage = await getFirstPassReviewProjects(session, { page, pageSize: 20, query })
+ return
+ }
+
+ return
+}
diff --git a/app/workspaces/[section]/[item]/page.tsx b/app/workspaces/[section]/[item]/page.tsx
new file mode 100644
index 0000000..977786d
--- /dev/null
+++ b/app/workspaces/[section]/[item]/page.tsx
@@ -0,0 +1,81 @@
+import type { Metadata } from 'next'
+import { notFound } from 'next/navigation'
+import AutomationWorkflowsDashboard from '@/components/department-dashboard/AutomationWorkflowsDashboard'
+import BrandHealthDashboard from '@/components/department-dashboard/BrandHealthDashboard'
+import BusinessTrendsDashboard from '@/components/department-dashboard/BusinessTrendsDashboard'
+import CoreMetricsDashboard from '@/components/department-dashboard/CoreMetricsDashboard'
+import WorkspacePlaceholder from '@/components/department-dashboard/WorkspacePlaceholder'
+import {
+ getFrameworkWorkspaceParams,
+ getWorkspaceItem,
+} from '@/components/department-dashboard/workspace-navigation'
+
+type WorkspaceItemPageProps = {
+ params: {
+ section: string
+ item: string
+ }
+}
+
+export function generateStaticParams() {
+ return getFrameworkWorkspaceParams()
+}
+
+export function generateMetadata({ params }: WorkspaceItemPageProps): Metadata {
+ const workspace = getWorkspaceItem(params.section, params.item)
+ if (!workspace) return {}
+
+ if (workspace.section.key === 'assets' && workspace.item.key === 'automation-workflows') {
+ return {
+ title: '自动化工作流 | 资产与AI自动化 | 品牌中心部门看板',
+ description: '集中进入绩效考核调研与作品过稿看板。',
+ }
+ }
+
+ if (workspace.item.status !== 'framework') return {}
+
+ return {
+ title: `${workspace.item.title} | ${workspace.section.title} | 品牌中心部门看板`,
+ description: workspace.section.key === 'dashboard' && workspace.item.key === 'brand-health'
+ ? '六个品牌的健康度评分维度与权重框架。'
+ : workspace.section.key === 'dashboard' && workspace.item.key === 'business-trends'
+ ? '六个品牌的近八周计划、实际完成量、项目结构与达成率框架。'
+ : `${workspace.item.title}二级页面框架。`,
+ }
+}
+
+export default function WorkspaceItemPage({ params }: WorkspaceItemPageProps) {
+ const workspace = getWorkspaceItem(params.section, params.item)
+
+ if (!workspace) {
+ notFound()
+ }
+
+ if (workspace.section.key === 'assets' && workspace.item.key === 'automation-workflows') {
+ return
+ }
+
+ if (workspace.item.status !== 'framework') notFound()
+
+ if (workspace.section.key === 'dashboard' && workspace.item.key === 'core-metrics') {
+ return
+ }
+
+ if (workspace.section.key === 'dashboard' && workspace.item.key === 'brand-health') {
+ return
+ }
+
+ if (workspace.section.key === 'dashboard' && workspace.item.key === 'business-trends') {
+ return
+ }
+
+ return (
+
+ )
+}
diff --git a/components/Header.tsx b/components/Header.tsx
index cca0e61..547ae4b 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -5,20 +5,21 @@ import Link from 'next/link'
import { signOut } from 'next-auth/react'
import { useRouter } from 'next/navigation'
import { Session } from 'next-auth'
-import { useState, useRef, useEffect, type MouseEvent as ReactMouseEvent } from 'react'
+import { useState, useRef, useEffect } from 'react'
import { initializeNetwork, setupNetworkChangeDetection, addNetworkChangeListener } from '@/lib/network'
import UpdateLogModal, { useUpdateLog, showUpdateLog } from '@/components/UpdateLogModal'
import MaintenanceBanner from '@/components/MaintenanceBanner'
import HeaderTaobaoSearch from '@/components/HeaderTaobaoSearch'
-import BrandLogo from '@/components/BrandLogo'
-import SystemPerformanceCard, { type SystemPerformanceData } from '@/components/board/SystemPerformanceCard'
-import { DEFAULT_HEADER_LOGO_URL } from '@/lib/brand-assets'
+import { formatHumanSpeed, formatTransferProgressSummary } from '@/lib/human-readable-transfer'
interface HeaderProps {
session: Session | null
+ appearance?: 'default' | 'light'
}
-export default function Header({ session }: HeaderProps) {
+const DEFAULT_HEADER_LOGO_URL = '/api/favicon'
+
+export default function Header({ session, appearance = 'default' }: HeaderProps) {
const router = useRouter()
const role = session ? String((session.user as any)?.role || '') : ''
const isAdmin = ['ADMIN', 'SYSTEM_ADMIN', 'DEPT_ADMIN'].includes(role)
@@ -34,7 +35,13 @@ export default function Header({ session }: HeaderProps) {
const [showPerfCard, setShowPerfCard] = useState(false)
const [perfLoading, setPerfLoading] = useState(false)
const [perfError, setPerfError] = useState
(null)
- const [perfData, setPerfData] = useState(null)
+ const [perfData, setPerfData] = useState<{
+ cpu?: { usage: number; loadAverage: number[] }
+ memory?: { used: number; total: number; percentage: number }
+ network?: { uploadSpeed: number; downloadSpeed: number }
+ uploadQueue?: { total: number; processing: any[]; waiting: any[] }
+ transcodeQueue?: { total: number; maxConcurrent: number; processing: any[]; waiting: any[] }
+ } | null>(null)
const perfHoverTimerRef = useRef(null)
const perfHideTimerRef = useRef(null)
const perfIntervalRef = useRef(null)
@@ -46,6 +53,7 @@ export default function Header({ session }: HeaderProps) {
const [headerBgColor, setHeaderBgColor] = useState('#1f2937')
const [headerLogoUrl, setHeaderLogoUrl] = useState(DEFAULT_HEADER_LOGO_URL)
const [siteName, setSiteName] = useState('由壹点3D素材')
+ const isLight = appearance === 'light'
// 加载系统设置
useEffect(() => {
@@ -136,9 +144,9 @@ export default function Header({ session }: HeaderProps) {
return
}
- const fetchPerf = async (isInitial: boolean) => {
+ const fetchPerf = async () => {
try {
- if (isInitial) setPerfLoading(true)
+ setPerfLoading(true)
setPerfError(null)
const res = await fetch('/api/performance/quick')
if (!res.ok) {
@@ -148,16 +156,16 @@ export default function Header({ session }: HeaderProps) {
setPerfData(data)
} catch (err) {
console.error('加载性能数据失败:', err)
- setPerfError('刚才没读到')
+ setPerfError('加载失败')
} finally {
setPerfLoading(false)
}
}
- void fetchPerf(true)
- perfIntervalRef.current = window.setInterval(() => {
- void fetchPerf(false)
- }, 2000)
+ // 立即拉一次
+ fetchPerf()
+ // 每 2 秒轮询一次
+ perfIntervalRef.current = window.setInterval(fetchPerf, 2000)
return () => {
clearIntervalSafe()
@@ -204,9 +212,14 @@ export default function Header({ session }: HeaderProps) {
return name?.charAt(0).toUpperCase() || 'U'
}
- const handleLogoHomeClick = (event: ReactMouseEvent) => {
- event.preventDefault()
- window.location.assign('/')
+ const formatAgo = (ms: number): string => {
+ if (!Number.isFinite(ms) || ms < 0) return '--'
+ const sec = Math.floor(ms / 1000)
+ if (sec < 60) return `${sec}s`
+ const min = Math.floor(sec / 60)
+ if (min < 60) return `${min}min`
+ const hr = Math.floor(min / 60)
+ return `${hr}h${min % 60}min`
}
return (
@@ -216,24 +229,26 @@ export default function Header({ session }: HeaderProps) {
{/* 网络切换横幅已移除：主站统一使用 https://sc.jiansun.vip，旧域名 3d.yydd.ai 仅保留跳转 */}
-