From 769f753ca8581b717bcd27c63c637fe868dd37f1 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 18 十月 2024 14:03:00 +0800
Subject: [PATCH] #
---
zy-acs-flow/src/map/insight/agv/index.jsx | 23 ++++++++++++++++++-----
1 files changed, 18 insertions(+), 5 deletions(-)
diff --git a/zy-acs-flow/src/map/insight/agv/index.jsx b/zy-acs-flow/src/map/insight/agv/index.jsx
index 916f6ff..bfe531e 100644
--- a/zy-acs-flow/src/map/insight/agv/index.jsx
+++ b/zy-acs-flow/src/map/insight/agv/index.jsx
@@ -2,6 +2,7 @@
import { useTranslate } from "react-admin";
import { Box, Typography, Tabs, Tab, Stack, useTheme, Divider } from '@mui/material';
import AgvMain from './AgvMain';
+import AgvControl from './AgvControl';
import JsonShow from '../../JsonShow';
const AgvInsight = (props) => {
@@ -12,20 +13,26 @@
const [activeTab, setActiveTab] = useState(0);
const [curAgvNo, setCurAgvNo] = useState(null);
+ const [jsonData, setJsonData] = useState(null);
const handleTabChange = (event, newValue) => {
setActiveTab(newValue);
};
useEffect(() => {
- if (curAgvNo) {
- setTitle(translate('page.map.devices.agv') + ' - ' + curAgvNo);
+ if (sprite) {
+ const agvNo = sprite.data.no;
+ if (agvNo) {
+ setCurAgvNo(agvNo);
+ setTitle(translate('page.map.devices.agv') + ' - ' + agvNo);
+ }
}
return () => {
setTitle(null);
+ setJsonData(null);
}
- }, [curAgvNo])
+ }, [sprite])
return (
<Box sx={{ height: '100%', display: 'flex', flexDirection: 'column' }}>
@@ -36,6 +43,7 @@
sx={{ mb: 0 }}
>
<Tab label={translate('page.map.insight.title')} />
+ <Tab label={translate('page.map.insight.tabs.control')} />
<Tab label={'JSON'} />
</Tabs>
@@ -44,14 +52,19 @@
<Box flex={1} pt={2}>
{activeTab === 0 && (
<AgvMain
- data={sprite?.data}
curAgvNo={curAgvNo}
setCurAgvNo={setCurAgvNo}
+ setJsonData={setJsonData}
/>
)}
{activeTab === 1 && (
+ <AgvControl
+ curAgvNo={curAgvNo}
+ />
+ )}
+ {activeTab === 2 && (
<JsonShow
- data={sprite?.data}
+ data={jsonData || sprite?.data}
height={550}
/>
)}
--
Gitblit v1.9.1