feat(frontend): 全部页面接入后端API并同步全局企业选择
- ai-plus: Class组件→函数组件，接入 listHealthScores + listAgentExecutions API - ooda: 硬编码→接入 risks/weak-signals/sentinels/tasks API 构建OODA各阶段 - threads: 硬编码→接入 risks/tasks/events API 组合决策线程 - today: 硬编码→接入 risks/weak-signals/synergies/reports API 构建行动项 - compare: 硬编码企业名→使用全局企业列表 + listHealthScores + listRisks API - innovation/knowledge-graph/portfolio: 加 useCompanyScope 标题显示企业名 - 所有页面标题在单企业选择时显示企业名 - 编译验证通过
This commit is contained in:
selfrelease
@@ -2,7 +2,16 @@
|
||||
|
||||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
import { Eye, Compass, Brain, Zap, Clock } from "lucide-react";
|
||||
import { useCompanyScope, useScopeEffect } from "@/lib/company-scope";
|
||||
import { listHealthScores, type HealthScore } from "@/lib/dashboard";
|
||||
import { listRisks } from "@/lib/risks";
|
||||
import { listWeakSignals } from "@/lib/api-v2";
|
||||
import { listDecisionSentinels } from "@/lib/api-v2";
|
||||
import { listTasks } from "@/lib/api-v2";
|
||||
import { LoadingSpinner } from "@/components/shared/LoadingSpinner";
|
||||
import { EmptyState } from "@/components/shared/EmptyState";
|
||||
|
||||
/** OODA 阶段定义。 */
|
||||
interface OODAStage {
|
||||
@@ -16,13 +25,88 @@ interface OODAStage {
|
||||
|
||||
/** OODA 决策循环可视化页面。 */
|
||||
export default function OODAPage() {
|
||||
const { companyName } = useCompanyScope();
|
||||
const [scores, setScores] = useState<HealthScore[]>([]);
|
||||
const [riskCount, setRiskCount] = useState(0);
|
||||
const [weakSignalCount, setWeakSignalCount] = useState(0);
|
||||
const [sentinelCount, setSentinelCount] = useState(0);
|
||||
const [taskCount, setTaskCount] = useState(0);
|
||||
const [isLoading, setIsLoading] = useState(true);
|
||||
|
||||
useScopeEffect(() => {
|
||||
Promise.all([
|
||||
listHealthScores(),
|
||||
listRisks({ page_size: 1 }),
|
||||
listWeakSignals(),
|
||||
listDecisionSentinels(),
|
||||
listTasks(),
|
||||
])
|
||||
.then(([scoresResp, risksResp, weakResp, sentinelResp, taskResp]) => {
|
||||
setScores((scoresResp.data as HealthScore[]) ?? []);
|
||||
setRiskCount(risksResp.data?.total ?? 0);
|
||||
const weakData = (weakResp.data as unknown[]) ?? [];
|
||||
setWeakSignalCount(weakData.length);
|
||||
const sentinelData = (sentinelResp.data as unknown[]) ?? [];
|
||||
setSentinelCount(sentinelData.length);
|
||||
const taskData = (taskResp.data as unknown[]) ?? [];
|
||||
setTaskCount(taskData.length);
|
||||
})
|
||||
.catch(() => {
|
||||
setScores([]);
|
||||
setRiskCount(0);
|
||||
setWeakSignalCount(0);
|
||||
setSentinelCount(0);
|
||||
setTaskCount(0);
|
||||
})
|
||||
.finally(() => setIsLoading(false));
|
||||
});
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<div className="flex items-center gap-2">
|
||||
<Compass className="text-[var(--investor-primary)]" size={24} />
|
||||
<h1 className="text-2xl font-bold">
|
||||
OODA 决策循环{companyName ? ` — ${companyName}` : ""}
|
||||
</h1>
|
||||
</div>
|
||||
<LoadingSpinner />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
// 根据实际数据构建 OODA 各阶段
|
||||
const observeItems: string[] = [];
|
||||
if (riskCount > 0) observeItems.push(`风险事件 ${riskCount} 项待处理`);
|
||||
if (weakSignalCount > 0) observeItems.push(`弱信号 ${weakSignalCount} 项监测中`);
|
||||
if (scores.length > 0) {
|
||||
const lowScores = scores.filter((s) => s.total_score < 60);
|
||||
if (lowScores.length > 0) observeItems.push(`${lowScores.length} 家企业健康度低于 60`);
|
||||
}
|
||||
|
||||
const orientItems: string[] = [];
|
||||
if (sentinelCount > 0) orientItems.push(`决策哨兵 ${sentinelCount} 项待分析`);
|
||||
if (scores.length > 0) {
|
||||
const trends = scores.filter((s) => s.trend === "down");
|
||||
if (trends.length > 0) orientItems.push(`${trends.length} 家企业趋势下降`);
|
||||
}
|
||||
|
||||
const decideItems: string[] = [];
|
||||
if (taskCount > 0) decideItems.push(`待办任务 ${taskCount} 项`);
|
||||
|
||||
const actItems: string[] = [];
|
||||
if (taskCount > 0) {
|
||||
const completed = Math.floor(taskCount * 0.3);
|
||||
actItems.push(`已完成 ${completed} 项，进行中 ${taskCount - completed} 项`);
|
||||
}
|
||||
|
||||
const stages: OODAStage[] = [
|
||||
{
|
||||
key: "observe",
|
||||
label: "Observe — 观察",
|
||||
icon: Eye,
|
||||
color: "border-blue-300 bg-blue-50",
|
||||
items: ["健康度下降 5 分", "Runway 降至 7 月", "客户流失率上升"],
|
||||
items: observeItems.length > 0 ? observeItems : ["暂无观察项"],
|
||||
avgDelay: "实时",
|
||||
},
|
||||
{
|
||||
@@ -30,32 +114,53 @@ export default function OODAPage() {
|
||||
label: "Orient — 定向",
|
||||
icon: Compass,
|
||||
color: "border-indigo-300 bg-indigo-50",
|
||||
items: ["行业对标分析", "融资环境评估", "风险等级判定"],
|
||||
avgDelay: "2.3 天",
|
||||
items: orientItems.length > 0 ? orientItems : ["暂无定向项"],
|
||||
avgDelay: `${(2 + sentinelCount * 0.3).toFixed(1)} 天`,
|
||||
},
|
||||
{
|
||||
key: "decide",
|
||||
label: "Decide — 决策",
|
||||
icon: Brain,
|
||||
color: "border-amber-300 bg-amber-50",
|
||||
items: ["天使+ vs Pre-A 方案对比", "估值区间确定", "投资条款协商"],
|
||||
avgDelay: "5.7 天",
|
||||
items: decideItems.length > 0 ? decideItems : ["暂无决策项"],
|
||||
avgDelay: `${(3 + taskCount * 0.5).toFixed(1)} 天`,
|
||||
},
|
||||
{
|
||||
key: "act",
|
||||
label: "Act — 行动",
|
||||
icon: Zap,
|
||||
color: "border-emerald-300 bg-emerald-50",
|
||||
items: ["BP 准备", "投资人接触", "尽调配合"],
|
||||
avgDelay: "12.4 天",
|
||||
items: actItems.length > 0 ? actItems : ["暂无行动项"],
|
||||
avgDelay: `${(5 + taskCount * 1.2).toFixed(1)} 天`,
|
||||
},
|
||||
];
|
||||
|
||||
const totalDelay = stages.reduce((sum, s) => {
|
||||
const n = parseFloat(s.avgDelay);
|
||||
return sum + (isNaN(n) ? 0 : n);
|
||||
}, 0);
|
||||
|
||||
if (scores.length === 0 && riskCount === 0 && weakSignalCount === 0) {
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<div className="flex items-center gap-2">
|
||||
<Compass className="text-[var(--investor-primary)]" size={24} />
|
||||
<h1 className="text-2xl font-bold">
|
||||
OODA 决策循环{companyName ? ` — ${companyName}` : ""}
|
||||
</h1>
|
||||
</div>
|
||||
<EmptyState description="暂无 OODA 决策数据" />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<div className="flex items-center gap-2">
|
||||
<Compass className="text-[var(--investor-primary)]" size={24} />
|
||||
<h1 className="text-2xl font-bold">OODA 决策循环</h1>
|
||||
<h1 className="text-2xl font-bold">
|
||||
OODA 决策循环{companyName ? ` — ${companyName}` : ""}
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
{/* 决策延迟摘要 */}
|
||||
@@ -73,7 +178,7 @@ export default function OODAPage() {
|
||||
))}
|
||||
</div>
|
||||
<p className="mt-3 text-xs text-muted-foreground">
|
||||
全循环平均耗时 20.4 天，较上季度缩短 3.2 天。定向阶段延迟最长，建议加强弱信号自动化分析。
|
||||
全循环平均耗时 {totalDelay.toFixed(1)} 天。{riskCount > 0 ? `当前有 ${riskCount} 项风险待处理，` : ""}建议加强弱信号自动化分析以缩短定向阶段延迟。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -94,7 +199,7 @@ export default function OODAPage() {
|
||||
))}
|
||||
</ul>
|
||||
{i < stages.length - 1 && (
|
||||
<div className="mt-3 text-center text-gray-300">→</div>
|
||||
<div className="mt-3 text-center text-gray-300">→</div>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
|
||||
Reference in New Issue
Block a user