From 1e465fcab874dd5bf60fdff4151a3742b5a755b0 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期四, 17 十月 2024 14:21:12 +0800 Subject: [PATCH] # --- zy-acs-flow/src/map/insight/shelf/index.jsx | 49 +++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 45 insertions(+), 4 deletions(-) diff --git a/zy-acs-flow/src/map/insight/shelf/index.jsx b/zy-acs-flow/src/map/insight/shelf/index.jsx index 49465ba..79eb244 100644 --- a/zy-acs-flow/src/map/insight/shelf/index.jsx +++ b/zy-acs-flow/src/map/insight/shelf/index.jsx @@ -1,11 +1,52 @@ - +import React, { useState, useRef, useEffect } from 'react'; +import { useTranslate } from "react-admin"; +import { Box, Typography, Tabs, Tab, Stack, useTheme, Divider } from '@mui/material'; +import ShelfMain from './ShelfMain'; +import JsonShow from '../../JsonShow'; const ShelfInsight = (props) => { + const { sprite, setTitle } = props; + const theme = useTheme(); + const themeMode = theme.palette.mode; + const translate = useTranslate(); + + const [activeTab, setActiveTab] = useState(0); + const [curLocNo, setCurLocNo] = useState(null); + + const handleTabChange = (event, newValue) => { + setActiveTab(newValue); + }; return ( - <> - <h1>SHleft</h1> - </> + <Box sx={{ height: '100%', display: 'flex', flexDirection: 'column' }}> + <Tabs + value={activeTab} + onChange={handleTabChange} + centered + sx={{ mb: 0 }} + > + <Tab label={translate('page.map.insight.title')} /> + <Tab label={'JSON'} /> + </Tabs> + + <Divider /> + + <Box flex={1} pt={2}> + {activeTab === 0 && ( + <ShelfMain + data={sprite?.data} + curLocNo={curLocNo} + setCurLocNo={setCurLocNo} + /> + )} + {activeTab === 1 && ( + <JsonShow + data={sprite?.data} + height={550} + /> + )} + </Box> + </Box> ) } -- Gitblit v1.9.1