From 159331a4c2e2df5aa148cec1be082ff1d286d986 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 11 九月 2024 13:33:59 +0800
Subject: [PATCH] #

---
 zy-acs-flow/src/i18n/en.js                 |    4 ++
 zy-acs-flow/src/i18n/zh.js                 |    4 ++
 zy-acs-flow/src/themes/rcsTheme.js         |   12 +++---
 zy-acs-flow/src/page/settings/Settings.jsx |   75 +++++++++++++++++++++++++++++++++++--
 4 files changed, 84 insertions(+), 11 deletions(-)

diff --git a/zy-acs-flow/src/i18n/en.js b/zy-acs-flow/src/i18n/en.js
index 02cc1d9..6868ba2 100644
--- a/zy-acs-flow/src/i18n/en.js
+++ b/zy-acs-flow/src/i18n/en.js
@@ -59,6 +59,10 @@
     validate: {
         pwdMisMatch: 'The password confirmation is not the same as the password.'
     },
+    settings: {
+        base: 'Base',
+        security: 'Security',
+    },
     create: {
         title: 'Create'
     },
diff --git a/zy-acs-flow/src/i18n/zh.js b/zy-acs-flow/src/i18n/zh.js
index 8054d1b..0ce0a37 100644
--- a/zy-acs-flow/src/i18n/zh.js
+++ b/zy-acs-flow/src/i18n/zh.js
@@ -59,6 +59,10 @@
     validate: {
         pwdMisMatch: '瀵嗙爜涓嶄竴鑷�'
     },
+    settings: {
+        base: '鍩烘湰璁剧疆',
+        security: '瀹夊叏璁剧疆',
+    },
     create: {
         title: '娣诲姞'
     },
diff --git a/zy-acs-flow/src/page/settings/Settings.jsx b/zy-acs-flow/src/page/settings/Settings.jsx
index ae356ee..c8a2594 100644
--- a/zy-acs-flow/src/page/settings/Settings.jsx
+++ b/zy-acs-flow/src/page/settings/Settings.jsx
@@ -14,20 +14,85 @@
     NumberField,
     required,
     useRecordContext,
-    DeleteButton,
+    useTheme,
 } from 'react-admin';
 import { useWatch, useFormContext } from "react-hook-form";
-import { Stack, Grid, Box, Typography, Card, CardContent } from '@mui/material';
+import { Stack, Grid, Box, Typography, Card, CardContent, Tabs, Tab } from '@mui/material';
 import * as Common from '@/utils/common';
 import { } from '@/config/setting';
 
+function TabPanel(props) {
+    const { children, value, index, ...other } = props;
+
+    return (
+        <div
+            role="tabpanel"
+            hidden={value !== index}
+            id={`vertical-tabpanel-${index}`}
+            aria-labelledby={`vertical-tab-${index}`}
+            {...other}
+        >
+            {value === index && (
+                <Box sx={{ p: 3 }}>
+                    <Typography>{children}</Typography>
+                </Box>
+            )}
+        </div>
+    );
+}
+
+function a11yProps(index) {
+    return {
+        id: `vertical-tab-${index}`,
+        'aria-controls': `vertical-tabpanel-${index}`,
+    };
+}
+
 const Settings = () => {
+    const translate = useTranslate();
+    const theme = useTheme();
+    const [value, setValue] = React.useState(0);
 
     return (
         <>
-            <Card>
-                <CardContent>
-                    
+            <Card sx={{ backgroundColor: 'initial' }}>
+                <CardContent >
+                    <Box
+                        mt={2}
+                        sx={{
+                            flexGrow: 1,
+                            bgcolor: 'background.paper',
+                            display: 'flex',
+                            height: 224,
+                            border: `1px solid #${theme[0] === 'light' ? 'ddd' : '333'}`,
+                            borderRadius: 2
+                        }}
+                    >
+                        <Tabs
+                            orientation="vertical"
+                            variant="scrollable"
+                            value={value}
+                            onChange={(event, newValue) => {
+                                setValue(newValue);
+                            }}
+                            indicatorColor="secondary"
+                            textColor="inherit"
+                            sx={{
+                                borderRight: 1,
+                                borderColor: 'divider',
+                                width: 150
+                            }}
+                        >
+                            <Tab label={translate('settings.base')} {...a11yProps(0)} />
+                            <Tab label={translate('settings.security')} {...a11yProps(1)} />
+                        </Tabs>
+                        <TabPanel value={value} index={0}>
+                            {translate('settings.base')}
+                        </TabPanel>
+                        <TabPanel value={value} index={1}>
+                            {translate('settings.security')}
+                        </TabPanel>
+                    </Box>
                 </CardContent>
             </Card>
         </>
diff --git a/zy-acs-flow/src/themes/rcsTheme.js b/zy-acs-flow/src/themes/rcsTheme.js
index ab78f84..f1657ed 100644
--- a/zy-acs-flow/src/themes/rcsTheme.js
+++ b/zy-acs-flow/src/themes/rcsTheme.js
@@ -56,12 +56,12 @@
         primary: {
             main: '#2F68AC',
         },
-        // secondary: {
-        //     light: '#5f5fc4',
-        //     main: '#283593',
-        //     dark: '#001064',
-        //     contrastText: '#fff',
-        // },
+        secondary: {
+            light: '#5f5fc4',
+            main: '#2F68AC',
+            dark: '#001064',
+            contrastText: '#fff',
+        },
         background: {
             default: '#fafafb',
         },

--
Gitblit v1.9.1