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