From 9c1904b07994f1f8685b3f2087c035627d0afd69 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 18 三月 2024 15:28:40 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/pages/map/drawer/index.jsx       |    2 
 zy-asrs-flow/src/pages/map/drawer/shelf/json.jsx  |   24 ++++++++++++
 zy-asrs-flow/src/locales/en-US/map.ts             |    6 +++
 zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx |   51 ++++++++++++++++++++++++-
 4 files changed, 80 insertions(+), 3 deletions(-)

diff --git a/zy-asrs-flow/src/locales/en-US/map.ts b/zy-asrs-flow/src/locales/en-US/map.ts
index 35e4f37..edc509a 100644
--- a/zy-asrs-flow/src/locales/en-US/map.ts
+++ b/zy-asrs-flow/src/locales/en-US/map.ts
@@ -17,6 +17,12 @@
     '': '',
     '': '',
     '': '',
+    'map.drawer.json': 'JSON',
+    '': '',
+    '': '',
+    '': '',
+    '': '',
+    '': '',
     '': '',
     '': '',
     'map.settings.more': 'More',
diff --git a/zy-asrs-flow/src/pages/map/drawer/index.jsx b/zy-asrs-flow/src/pages/map/drawer/index.jsx
index ba3c763..3c8fdde 100644
--- a/zy-asrs-flow/src/pages/map/drawer/index.jsx
+++ b/zy-asrs-flow/src/pages/map/drawer/index.jsx
@@ -36,7 +36,7 @@
                         <Button onClick={handleCancel}>
                             <FormattedMessage id='common.cancel' defaultMessage='鍙栨秷' />
                         </Button>
-                        <Button onClick={handleOk} type="primary">
+                        <Button hidden={true} onClick={handleOk} type="primary">
                             <FormattedMessage id='common.submit' defaultMessage='淇濆瓨' />
                         </Button>
                     </Space>
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 d81d971..e296144 100644
--- a/zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx
+++ b/zy-asrs-flow/src/pages/map/drawer/shelf/index.jsx
@@ -1,9 +1,10 @@
 import React, { useState, useRef, useEffect } from 'react';
-import { Drawer, Space, Button } from 'antd';
+import { Card, Form, Button } from 'antd';
 import { FormattedMessage, useIntl, useModel } from '@umijs/max';
 import { createStyles } from 'antd-style';
 import * as Utils from '../../utils'
 import Http from '@/utils/http';
+import JSON from './json';
 
 const useStyles = createStyles(({ token, css }) => {
 
@@ -12,6 +13,22 @@
 const ShelfDrawer = (props) => {
     const intl = useIntl();
     const { styles } = useStyles();
+    const [activeTabKey, setActiveTabKey] = useState('json');
+
+    const [jsonForm] = Form.useForm();
+
+    const contentList = {
+        json: (
+            <JSON
+                refCurr={props.refCurr}
+                curSprite={props.curSprite}
+                setSpriteBySettings={props.setSpriteBySettings}
+                setDidClickSprite={props.setDidClickSprite}
+                onSubmit={props.onSubmit}
+                jsonForm={jsonForm}
+            />
+        ),
+    };
 
     const handleCancel = () => {
         props.onCancel();
@@ -22,7 +39,37 @@
 
     return (
         <>
-        <h1>Shelf</h1>
+            <Card
+                hoverable
+                bordered={false}
+                type='inner'
+                tabList={[
+                    {
+                        key: 'json',
+                        tab: intl.formatMessage({ id: 'map.drawer.json', defaultMessage: 'JSON' }),
+                        // icon: <BorderOuterOutlined />
+
+                    },
+                    {
+                        key: 'config',
+                        tab: intl.formatMessage({ id: 'map.settings.config.param', defaultMessage: '绯荤粺鍙傛暟' }),
+                        // icon: <BranchesOutlined />
+                    },
+                ]}
+                activeTabKey={activeTabKey}
+                onTabChange={(key) => {
+                    setActiveTabKey(key)
+                }}
+                tabProps={{
+                    centered: true,
+                    size: 'large',
+                    type: "card",
+                    style: {
+                    }
+                }}
+            >
+                {contentList[activeTabKey]}
+            </Card>
         </>
     )
 }
diff --git a/zy-asrs-flow/src/pages/map/drawer/shelf/json.jsx b/zy-asrs-flow/src/pages/map/drawer/shelf/json.jsx
new file mode 100644
index 0000000..c360660
--- /dev/null
+++ b/zy-asrs-flow/src/pages/map/drawer/shelf/json.jsx
@@ -0,0 +1,24 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { Card, Space, Button } from 'antd';
+import { FormattedMessage, useIntl, useModel } from '@umijs/max';
+import { createStyles } from 'antd-style';
+import * as Utils from '../../utils'
+import Http from '@/utils/http';
+
+const useStyles = createStyles(({ token, css }) => {
+
+})
+
+const JSON = () => {
+
+
+    return (
+        <>
+            <h1>JSON</h1>
+        </>
+    )
+
+}
+
+
+export default JSON;
\ No newline at end of file

--
Gitblit v1.9.1