From 2b28b96bf59f1ea19a9b8d6cb11a6b4caa54f886 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期三, 16 十月 2024 15:16:59 +0800 Subject: [PATCH] # --- zy-acs-flow/src/map/insight/shelf/index.jsx | 47 +++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 45 insertions(+), 2 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..8652896 100644 --- a/zy-acs-flow/src/map/insight/shelf/index.jsx +++ b/zy-acs-flow/src/map/insight/shelf/index.jsx @@ -1,10 +1,53 @@ - +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 } = 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> + <Tabs + value={activeTab} + onChange={handleTabChange} + indicatorColor="primary" + textColor="primary" + centered + sx={{ mb: 0 }} + > + <Tab label={translate('page.map.settings.map.title')} /> + <Tab label={translate('page.map.settings.config.title')} /> + </Tabs> + + <Divider /> + + <Box pt={1}> + {activeTab === 0 && ( + <ShelfMain + data={sprite?.data} + curLocNo={curLocNo} + setCurLocNo={setCurLocNo} + /> + )} + {activeTab === 1 && ( + <JsonShow + data={sprite?.data} + height={550} + /> + )} + </Box> </> ) } -- Gitblit v1.9.1