#

luxiaotao1123

2024-09-27 6df1b6a36e02657c6e91ead1a5c9de4a95fd548d

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
import { Draggable } from '@hello-pangea/dnd';
import { Box, Card, Typography } from '@mui/material';
import { ReferenceField, useRedirect } from 'react-admin';
 
export const MissionCard = ({ mission, index }) => {
    if (!mission) return null;
 
    return (
        <Draggable draggableId={String(mission.id)} index={index}>
            {(provided, snapshot) => (
                <MissionCardContent
                    provided={provided}
                    snapshot={snapshot}
                    mission={mission}
                />
            )}
        </Draggable>
    );
};
 
export const MissionCardContent = ({ provided, snapshot, mission, }) => {
    const redirect = useRedirect();
    const handleClick = () => {
        redirect(`/mission/${mission.id}/show`, undefined, undefined, undefined, {
            _scrollToTop: false,
        });
    };
 
    return (
        <Box
            sx={{ marginBottom: 1, cursor: 'pointer' }}
            {...provided?.draggableProps}
            {...provided?.dragHandleProps}
            ref={provided?.innerRef}
            onClick={handleClick}
        >
            <Card
                style={{
                    opacity: snapshot?.isDragging ? 0.9 : 1,
                    transform: snapshot?.isDragging ? 'rotate(-2deg)' : '',
                }}
                elevation={snapshot?.isDragging ? 3 : 1}
            >
                <Box padding={1} display="flex">
                    <ReferenceField
                        source="company_id"
                        record={mission}
                        reference="companies"
                        link={false}
                    >
                    </ReferenceField>
                    <Box sx={{ marginLeft: 1 }}>
                        <Typography variant="body2" gutterBottom>
                            {mission.groupNo}
                        </Typography>
                        <Typography variant="caption" color="textSecondary">
                            {mission.posType}
                        </Typography>
                    </Box>
                </Box>
            </Card>
        </Box>
    );
};