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