From 0d3a5be1512815a38f37ae81e7d9fc0948fd3f16 Mon Sep 17 00:00:00 2001
From: verou <857149855@qq.com>
Date: 星期二, 25 三月 2025 13:54:57 +0800
Subject: [PATCH] 1
---
rsf-admin/src/page/settings/index.jsx | 73 +++++++++++++++---------------------
1 files changed, 30 insertions(+), 43 deletions(-)
diff --git a/rsf-admin/src/page/settings/index.jsx b/rsf-admin/src/page/settings/index.jsx
index bc2364c..ff3f665 100644
--- a/rsf-admin/src/page/settings/index.jsx
+++ b/rsf-admin/src/page/settings/index.jsx
@@ -1,27 +1,14 @@
import React, { useState, useRef, useEffect, useMemo } from "react";
import { useNavigate } from 'react-router-dom';
import {
- Edit,
- SimpleForm,
- FormDataConsumer,
useTranslate,
- TextInput,
- NumberInput,
- BooleanInput,
- SaveButton,
- SelectInput,
- Toolbar,
- Labeled,
- NumberField,
- required,
- useRecordContext,
- useTheme,
useAuthProvider,
} from 'react-admin';
import { useWatch, useFormContext } from "react-hook-form";
-import { Stack, Grid, Box, Typography, Card, CardContent, Tabs, Tab } from '@mui/material';
+import { Stack, Grid, Box, Typography, Card, CardContent, Tabs, Tab, useTheme } from '@mui/material';
import * as Common from '@/utils/common';
import BaseSettings from "./BaseSettings";
+import SecuritySettings from "./SecuritySettings"
import { queryUserInfo } from '@/api/auth';
const Index = () => {
@@ -55,9 +42,10 @@
flexGrow: 1,
bgcolor: 'background.paper',
display: 'flex',
- // height: 224,
- border: `1px solid #${theme[0] === 'light' ? 'ddd' : '333'}`,
- borderRadius: 2
+ border: `1px solid #${theme.palette.mode === 'light' ? 'ddd' : '333'}`,
+ borderRadius: 2,
+ pt: 1,
+ pb: 1,
}}
>
<Tabs
@@ -67,8 +55,17 @@
onChange={(event, newValue) => {
setValue(newValue);
}}
- indicatorColor="secondary"
+ indicatorColor="primary"
textColor="inherit"
+ TabIndicatorProps={{
+ style: {
+ left: 0,
+ right: 'auto',
+ width: '5px',
+ borderRadius: '2px',
+ opacity: .8,
+ }
+ }}
sx={{
borderRight: 1,
borderColor: 'divider',
@@ -85,34 +82,24 @@
aria-controls='vertical-tabpanel-1'
/>
</Tabs>
- <BaseSettings
- value={value}
- userInfo={userInfo}
- />
- <SecuritySettings
- value={value}
- />
+
+ {value === 0 && (
+ <BaseSettings
+ value={value}
+ userInfo={userInfo}
+ />
+ )}
+ {value === 1 && (
+ <SecuritySettings
+ value={value}
+ userInfo={userInfo}
+ />
+ )}
+
</Box>
</CardContent>
</Card>
</>
- )
-}
-
-const SecuritySettings = (props) => {
- const { children, value, ...other } = props;
-
- return (
- <Box
- hidden={value !== 1}
- sx={{ p: 3 }}
- {...other}
- >
- <Typography>
- Security Settings
- </Typography>
- </Box>
-
)
}
--
Gitblit v1.9.1