From 6df1b6a36e02657c6e91ead1a5c9de4a95fd548d Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期五, 27 九月 2024 14:05:53 +0800 Subject: [PATCH] # --- zy-acs-flow/src/page/mission/MissionListContent.jsx | 43 ++++++++++++++++++++++++++++++++++--------- 1 files changed, 34 insertions(+), 9 deletions(-) diff --git a/zy-acs-flow/src/page/mission/MissionListContent.jsx b/zy-acs-flow/src/page/mission/MissionListContent.jsx index bb8753f..8c4626a 100644 --- a/zy-acs-flow/src/page/mission/MissionListContent.jsx +++ b/zy-acs-flow/src/page/mission/MissionListContent.jsx @@ -1,18 +1,45 @@ +import { useEffect, useState } from 'react'; import { DragDropContext } from '@hello-pangea/dnd'; import { Box } from '@mui/material'; import isEqual from 'lodash/isEqual'; -import { useEffect, useState } from 'react'; -import { useDataProvider, useListContext } from 'react-admin'; - +import { + useDataProvider, + useListContext, + useNotify, + useRefresh, + useTranslate, +} from 'react-admin'; import { MissionColumn } from './MissionColumn'; +import request from '@/utils/request'; export const MissionListContent = () => { + const translate = useTranslate(); + const notify = useNotify(); + const refresh = useRefresh(); const { data, isPending, refetch } = useListContext(); const dataProvider = useDataProvider(); + + const [stages, setStages] = useState([]); // const [dealsByStage, setDealsByStage] = useState( // getDealsByStage([], dealStages) // ); + + useEffect(() => { + const httpStages = async () => { + request.post('/mission/posType/list').then(res => { + const { code, msg, data } = res.data; + if (code === 200) { + setStages(data); + } else { + notify(msg || 'common.response.fail', { type: 'error', messageArgs: { _: msg } }); + } + }).catch(error => { + notify(error.message || 'common.response.fail', { type: 'error', messageArgs: { _: error.message } }); + }) + } + httpStages(); + }, []); useEffect(() => { // if (data) { @@ -66,16 +93,14 @@ // }); }; - const columns = ['a', 'b'] - return ( <DragDropContext onDragEnd={onDragEnd}> <Box display="flex"> - {columns.map(column => ( + {stages.map(stage => ( <MissionColumn - stage={column} - missions={data} - key={column} + key={stage} + stage={stage} + missions={data.filter(item => item.posType === stage)} /> ))} </Box> -- Gitblit v1.9.1