From d835d1b51f832889929cdf69010034a30ef44d02 Mon Sep 17 00:00:00 2001
From: Junjie <xjj@123>
Date: 星期四, 17 十月 2024 13:57:29 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx |   39 ++++++++++++++++++++++++++++-----------
 1 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx b/zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx
index 61cd563..89b43b6 100644
--- a/zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx
+++ b/zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx
@@ -3,24 +3,37 @@
 import { FormattedMessage, useIntl, useModel } from '@umijs/max';
 import { createStyles } from 'antd-style';
 import * as Utils from '../../utils'
-import Http from '@/utils/http';
-import ShowJson from './showJson';
-
-const useStyles = createStyles(({ token, css }) => {
-
-})
+import ShowJson from '../showJson';
+import ShelfView from './view'
 
 const ShelfDrawer = (props) => {
     const intl = useIntl();
-    const { styles } = useStyles();
-    const [activeTabKey, setActiveTabKey] = useState('json');
-    
-    const { curSprite } = props;
+    const { curSprite, curFloor } = props;
+
+    const [activeTabKey, setActiveTabKey] = useState('view');
+    const [curLocNo, setCurLocNo] = React.useState(''); // just used to modify the drawer title
+
+    props.setDrawerWidth(window.innerWidth * 0.35);
+
+    useEffect(() => {
+        if (!curSprite) {
+            return
+        }
+        props.setDrawerTitle(intl.formatMessage({ id: 'map.loc.no', defaultMessage: '搴撲綅鍙�' }) + ': ' + curLocNo);
+    }, [curLocNo]);
 
     const contentList = {
+        view: (
+            <ShelfView
+                curLocNo={curLocNo}
+                setCurLocNo={setCurLocNo}
+                data={curSprite.data}
+                curFloor={curFloor}
+            />
+        ),
         json: (
             <ShowJson
-                curSprite={props.curSprite}
+                data={curSprite.data}
             />
         ),
     };
@@ -34,6 +47,10 @@
                 type='inner'
                 tabList={[
                     {
+                        key: 'view',
+                        tab: intl.formatMessage({ id: 'map.drawer.shelf.view.title', defaultMessage: '搴撲綅淇℃伅' }),
+                    },
+                    {
                         key: 'json',
                         tab: intl.formatMessage({ id: 'map.drawer.json', defaultMessage: 'JSON' }),
                     },

--
Gitblit v1.9.1