fix(dashboard): align camera status field with backend API response
This commit is contained in:
@@ -64,7 +64,8 @@ const Dashboard: React.FC = () => {
|
|||||||
const res = await axios.get('/api/pipeline/status');
|
const res = await axios.get('/api/pipeline/status');
|
||||||
const cameras = Object.entries(res.data.cameras || {}).map(([id, info]) => ({
|
const cameras = Object.entries(res.data.cameras || {}).map(([id, info]) => ({
|
||||||
id,
|
id,
|
||||||
...info as any,
|
is_running: (info as any).is_running || false,
|
||||||
|
fps: (info as any).fps || 0,
|
||||||
}));
|
}));
|
||||||
setCameraStatus(cameras);
|
setCameraStatus(cameras);
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
@@ -163,8 +164,8 @@ const Dashboard: React.FC = () => {
|
|||||||
title={`摄像头 ${cam.id}`}
|
title={`摄像头 ${cam.id}`}
|
||||||
description={
|
description={
|
||||||
<Space>
|
<Space>
|
||||||
<Tag color={cam.running ? 'green' : 'red'}>
|
<Tag color={cam.is_running ? 'green' : 'red'}>
|
||||||
{cam.running ? '运行中' : '已停止'}
|
{cam.is_running ? '运行中' : '已停止'}
|
||||||
</Tag>
|
</Tag>
|
||||||
<span>{cam.fps?.toFixed(1) || 0} FPS</span>
|
<span>{cam.fps?.toFixed(1) || 0} FPS</span>
|
||||||
</Space>
|
</Space>
|
||||||
|
|||||||
Reference in New Issue
Block a user