#

luxiaotao1123

2024-09-27 de7df1d489bdad38dcbeb78d74cad8e3bfa09e3d

 zy-acs-flow/src/page/mission/MissionColumn.jsx

@@ -1,15 +1,13 @@
import { Droppable } from '@hello-pangea/dnd';
import { Box, Stack, Typography } from '@mui/material';
import {
    useTranslate,
} from 'react-admin';
import { MissionCard } from './MissionCard';

import { Deal } from '../types';
import { DealCard } from './MissionCard';
import { useConfigurationContext } from '../root/ConfigurationContext';
import { findDealLabel } from './deal';
export const MissionColumn = ({ stage, missions, }) => {
    const translate = useTranslate();

export const MissionColumn = ({ stage, deals, }) => {
    const totalAmount = deals.reduce((sum, deal) => sum + deal.amount, 0);

    const { dealStages } = useConfigurationContext();
    return (
        <Box
            sx={{
@@ -28,21 +26,17 @@
            }}
        >
            <Stack alignItems="center">
                <Typography variant="subtitle1">
                    {findDealLabel(dealStages, stage)}
                <Typography variant="body1" sx={{
                    // fontWeight: 'bold'
                }}>
                    {translate(`page.mission.enums.posType.${stage}`)}
                </Typography>
                <Typography
                    variant="subtitle1"
                    color="text.secondary"
                    fontSize="small"
                >
                    {totalAmount.toLocaleString('en-US', {
                        notation: 'compact',
                        style: 'currency',
                        currency: 'USD',
                        currencyDisplay: 'narrowSymbol',
                        minimumSignificantDigits: 3,
                    })}
                    {missions.length}
                </Typography>
            </Stack>
            <Droppable droppableId={stage}>
@@ -63,8 +57,8 @@
                            },
                        }}
                    >
                        {deals.map((deal, index) => (
                            <DealCard key={deal.id} deal={deal} index={index} />
                        {missions.map((mission, idx) => (
                            <MissionCard key={mission.id} mission={mission} index={idx} />
                        ))}
                        {droppableProvided.placeholder}
                    </Box>