#

luxiaotao1123

2024-09-09 e19c72e4f4598ca6b2f8f45635c63ee472d1d748

#

 zy-acs-flow/src/page/user/UserListAside.jsx

@@ -8,12 +8,10 @@
    useStore,
} from 'react-admin';
import { Box, Typography, Card, CardContent } from '@mui/material';
import { styled } from '@mui/material/styles';
import { DEFAULT_THEME_NAME } from '@/config/setting';
import * as Common from '@/utils/common';
import WcIcon from '@mui/icons-material/Wc';
import BookmarkIcon from '@mui/icons-material/BookmarkBorder';
import CategoryIcon from '@mui/icons-material/LocalOffer';
import StyleIcon from '@mui/icons-material/Style';
import AccessTimeIcon from '@mui/icons-material/AccessTime';
import {
    endOfYesterday,
@@ -22,31 +20,39 @@
    startOfMonth,
    subMonths,
} from 'date-fns';
import request from '@/utils/request'

const UserListAside = (props) => {
    const theme = useTheme();
    console.log(endOfYesterday().toISOString())
    const [roles, setRoles] = React.useState([]);

    React.useEffect(() => {
        request.post('/role/list', {}).then(res => {
            if (res?.data?.code === 200) {
                setRoles(res.data.data);
            }
        })
    }, [])

    const isSelected = (value, filters) => {
        const categories = filters.categories || [];
        return categories.includes(value.category);
        const roleIds = filters.roleIds || [];
        return roleIds.includes(value.roleId);
    };

    const toggleFilter = (value, filters) => {
        const categories = filters.categories || [];
        const roleIds = filters.roleIds || [];
        return {
            ...filters,
            categories: categories.includes(value.category)
            roleIds: roleIds.includes(value.roleId)
                // Remove the category if it was already present
                ? categories.filter(v => v !== value.category)
                ? roleIds.filter(v => v !== value.roleId)
                // Add the category if it wasn't already present
                : [...categories, value.category],
                : [...roleIds, value.roleId],
        };
    };


    return (
        <>
            <Card
                sx={{
                    display: { xs: 'none', md: 'block', },
@@ -55,7 +61,6 @@
                    mt: 8,
                    alignSelf: 'flex-start',
                    border: theme[0] === 'light' && '1px solid #e0e0e3',
                    // borderRadius: 0,
                    // width: 200
                }}
            >
@@ -117,29 +122,22 @@
                        <FilterListItem label="They" value={{ sex: '0' }} />
                    </FilterList>

                    <FilterList label="Categories" icon={<CategoryIcon />}>
                <FilterList label="table.field.user.role" icon={<StyleIcon />}>
                    {roles.map(role => {
                        return (
                        <FilterListItem
                            label="Tests"
                            value={{ category: 'tests' }}
                                key={role.id}
                                label={`${role.name}`}
                                value={{ roleId: role.id }}
                            isSelected={isSelected}
                            toggleFilter={toggleFilter}
                        />
                        <FilterListItem
                            label="News"
                            value={{ category: 'news' }}
                            isSelected={isSelected}
                            toggleFilter={toggleFilter}
                        />
                        <FilterListItem
                            label="Deals"
                            value={{ category: 'deals' }}
                            isSelected={isSelected}
                            toggleFilter={toggleFilter}
                        />
                        )
                    })}
                    </FilterList>
                
                </CardContent>
            </Card>
        </>
    )
}