NextGen 营运控制台

数据每 30 秒刷新 · 截至 22:00

{Object.entries(roleDefinitions[industry]).map(([roleId, role]) => ( ))}

{roleData.title}

{roleData.desc}

); const DashboardSidebar = ({ nav, setNav }) => (

系统管理

setNav('overview')} />

智能组件

setNav('agent')} accent />

AI 已节约

372 人时 / 周

); const SidebarButton = ({ icon, label, active, onClick, badge, disabled, accent }) => ( ); /* ---------------- Overview ---------------- */ const OverviewPanel = ({ industry, roleData, isManager, data, onOpenAgent }) => (

Operations · AI 营运概览

{isManager ? '全局经营与风控驾驶舱' : '现场调度与工单看板'}

以 {roleData.title} 视角查看 · 数据为今日实时模拟

{isManager && (

{data.risk.level}风控预警 · {data.risk.title} {data.risk.code}

{data.risk.detail}

)}

{data.kpis.map(k => )}

营收转化与会话量趋势

今日 08:00 – 22:00 · 双轴

{['今日', '本周', '本月'].map((t, i) => ( {t} ))}

s / 2.3)} />

转化营收（千元）会话量（折算）

AI 意图分发结构

按三类能力 + 人工兜底

{100 - data.intentSplit[3].value}%

自动闭环

{data.intentSplit.map(s => (

{s.label} {s.value}%

))}

全渠道转化漏斗

{data.funnel.map((f, i) => (

{f.stage} {f.value.toLocaleString()} · {f.pct}%

))}

实时流转事件

Live

{data.activity.map((a, i) => (

{a.text}

{a.who} · {a.time}

))}

团队处置绩效榜

今日 · 按完结量

{data.leaderboard.map((m, i) => ( ))}

排名 / 成员	岗位	完结量	达成率
{i + 1} {m.name}	{m.role}	{m.handled}	{m.rate}%

); const KpiCard = ({ kpi }) => (

{kpi.label}

{kpi.unit}

{kpi.desc}

); /* ---------------- Copilot ---------------- */ const AgentPanel = ({ industry }) => { const script = copilotScripts[industry]; const [turns, setTurns] = React.useState([]); const [phase, setPhase] = React.useState('idle'); // idle | thinking | done const [thinkStep, setThinkStep] = React.useState(0); const [activeQ, setActiveQ] = React.useState(null); const scrollRef = React.useRef(null); const timers = React.useRef([]); const clear = () => timers.current.forEach(clearTimeout); const push = (fn, ms) => { const t = setTimeout(fn, ms); timers.current.push(t); }; React.useEffect(() => { clear(); setTurns([]); setPhase('idle'); setThinkStep(0); setActiveQ(null); }, [industry]); React.useEffect(() => { if (scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight; }, [turns, thinkStep, phase]); const run = (q) => { const session = script.sessions[q]; if (!session || phase === 'thinking') return; clear(); setActiveQ(q); setTurns(prev => [...prev, { role: 'user', text: q }]); setPhase('thinking'); setThinkStep(0); session.steps.forEach((_, i) => push(() => setThinkStep(i + 1), 500 + i * 620)); push(() => { setPhase('done'); setTurns(prev => [...prev, { role: 'ai', text: session.answer, artifact: session.artifact, followups: session.followups }]); }, 500 + session.steps.length * 620 + 300); }; const scripted = Object.keys(script.sessions); return (

Copilot · 自然语言工作台

业务 Copilot Beta

下达自然语言指令，自动制表、归因洞察并可直接执行下发。

{turns.length === 0 && phase === 'idle' ? (

有什么我可以帮您？

直接下达指令，例如拉取数据、归因分析或草拟文案。点击下方任一指令开始体验：

{script.suggestions.map(s => { const runnable = scripted.includes(s); return ( ); })}

) : (

{turns.map((t, i) => )} {phase === 'thinking' && }

)}

{turns.length > 0 && (

{scripted.map(s => ( ))}

)}

告诉 Copilot 你想做什么…

); }; const CopilotThinking = ({ steps, step }) => (

{steps.map((s, i) => { const done = step > i, active = step === i; return (

{done ? : {i + 1}}

{s} {active && }

); })}

); const CopilotBubble = ({ turn, onFollow, runnable }) => { if (turn.role === 'user') { return (

{turn.text}

); } return (

{turn.text}

{turn.artifact && } {turn.followups && (

{turn.followups.map(f => ( ))}

)}

); }; const CopilotArtifact = ({ a }) => { if (a.type === 'table') { return (

{a.title}

{a.columns.map(c => )} {a.rows.map((r, i) => ( ))}

{c}
{r[0]}	{r[1]}	{r[2]}	{r[3] === 'pos' ? '向好' : r[3] === 'risk' ? '关注' : '持平'}

); } // insight const max = Math.max(...a.bars.map(b => b.value)); return (

{a.title}

{a.bars.map(b => (

{b.label} {b.value}%

))}

{a.note}

); };