assistant-todo-mobile/src/pages/TaskCount/index.js

import React, {Fragment, useEffect, useMemo} from "react";
import {getTaskCount} from "../../utils";
import dayjs from "dayjs";
import {DATE_FORMAT} from "../../utils/timeFormatUtil";
import {getDictionary} from "../../utils/dictUtil";
import {Tag} from "antd-mobile";


const TaskCount = (props) => {
    let currentDay = props.currentDay;
    const [taskCount, setTaskCount] = React.useState([]);
    const [stateMap, setStateMap] = React.useState(new Map);
    const [priorityMap, setPriorityMap] = React.useState(new Map);
    useEffect(() => {
        console.log("useEffect");
        if (currentDay) {
            getTaskCount(dayjs(currentDay).set('h', 0).set('m', 0).set('s', 0).set('ms', 0),
                dayjs(currentDay).add(1, "d").set('h', 0).set('m', 0).set('s', 0).set('ms', 0))
                .then(taskCount => {
                    setTaskCount(taskCount)
                })
            getDictionary("2").then(state => {
                setStateMap(state)
            })
            getDictionary("1").then(priority => {
                console.log(priority)
                setPriorityMap(priority)
            })
        }else {
            setTaskCount([])
        }

    }, [currentDay])

    return (
        <div style={{margin:"20px"}}>
            <h2>TODO日{currentDay&&dayjs(currentDay).format(DATE_FORMAT)}代办：</h2>
            <h3>任务状态</h3>
            {
                // taskCount.map(task => {
                //     // if (dayjs(task.todoDay).isSame(dayjs(currentDay))){
                //     // console.log(dict);
                //     // return <span key={task.todoDay}>{task.todoDay}</span>
                //     return Array.from(stateMap.entries()).map(([item,value]) => {
                //         console.log("key",item,"value",value,task.state)
                //         return <Tag color={value.josnValue?.color}>value.itemName</Tag> + task.state[item]
                //     })
                //
                //     //    return task.priority.map((key,value)=>getDictionary(2).get(key)+value)
                //     // }
                // })
                taskCount[0] && Object.keys(taskCount[0].state).map(ob => {
                    return <div style={{marginBottom:"20px"}} key={ob}><Tag color={
                        stateMap.get(ob).jsonValue?stateMap.get(ob).jsonValue.color:"default"
                    }>{stateMap.get(ob).itemName}</Tag> 共
                        {taskCount[0].state[ob]} 项代办;</div>;
                })
            }
            <h3>优先级</h3>
            {
                taskCount[0] && Object.keys(taskCount[0].priority).map(ob => {
                    console.log("stateMap.get(ob).jsonValue?.color", priorityMap.get(ob))
                    return <div style={{marginBottom:"20px"}} key={ob}><Tag
                        color={priorityMap.get(ob).jsonValue.color}>{priorityMap.get(ob).itemName}</Tag> 共
                        {taskCount[0].priority[ob]} 项代办;</div>;
                })
            }
        </div>
    )
}
export {TaskCount};