From 667faed54d311ec0315f93a59bc84b8e8bcda46d Mon Sep 17 00:00:00 2001 From: 1708-huayu <57060237+1708-huayu@users.noreply.github.com> Date: Sun, 29 Dec 2024 16:54:01 +0800 Subject: [PATCH] =?UTF-8?q?feat:=E6=B7=BB=E5=8A=A0=E4=BB=BB=E5=8A=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/DetailForm/index.js | 34 +++-- src/components/ParentTask/index.js | 225 +++++++++-------------------- src/pages/Home/index.js | 2 +- src/pages/ToDoList/index.js | 40 ++--- src/utils/index.js | 11 +- 5 files changed, 124 insertions(+), 188 deletions(-) diff --git a/src/components/DetailForm/index.js b/src/components/DetailForm/index.js index 9487795..7ff01bd 100644 --- a/src/components/DetailForm/index.js +++ b/src/components/DetailForm/index.js @@ -11,16 +11,30 @@ import { import ParentTask from "../ParentTask"; import DatePickerItem from "../DataPickerItem" import "./index.css" +import {addTask} from "../../utils"; export default () => { - const now = new Date() + const [form] = Form.useForm(); const onFinish = (values) => { - Dialog.alert({ - content: 
{JSON.stringify(values, null, 2)}
, + // Dialog.alert({ + // content: 
{JSON.stringify(values, null, 2)}
, + // }) + console.log(values) + if (values.pidArray===undefined){ + values.pid='0' + }else { + values.pid=values.pidArray[values.pidArray.length-1]; + } + addTask(values).then(values=>{ + Dialog.alert({ + content: '添加任务成功' + values.data, + onConfirm:()=>{} + }) }) } return ( <>
{ } > - + { - 未开始 - 进行中 - 已完成 + 未开始 + 进行中 + 已完成 已关闭 @@ -58,10 +72,10 @@ export default () => { - 紧急重要 + 紧急重要 不紧急重要 - 紧急不重要 - 不紧急不重要 + 紧急不重要 + 不紧急不重要 diff --git a/src/components/ParentTask/index.js b/src/components/ParentTask/index.js index 6e4a053..56b9c2e 100644 --- a/src/components/ParentTask/index.js +++ b/src/components/ParentTask/index.js @@ -1,167 +1,69 @@ import {Cascader,Input, Toast} from "antd-mobile"; -import React, {useState} from "react"; +import React, {useEffect, useMemo, useState} from "react"; import { Form, } from 'antd-mobile' -const options = [ - { - label: '浙江', - value: '浙江', - children: [ - { - label: '杭州', - value: '杭州', - children: [ - { - label: '西湖区', - value: '西湖区', - }, - { - label: '上城区', - value: '上城区', - }, - { - label: '余杭区', - value: '余杭区', - disabled: true, - }, - ], - }, - { - label: '温州', - value: '温州', - children: [ - { - label: '鹿城区', - value: '鹿城区', - }, - { - label: '龙湾区', - value: '龙湾区', - disabled: true, - }, - { - label: '瓯海区', - value: '瓯海区', - }, - ], - }, - { - label: '宁波', - value: '宁波', - children: [ - { - label: '海曙区', - value: '海曙区', - }, - { - label: '江北区', - value: '江北区', - }, - { - label: '镇海区', - value: '镇海区', - }, - ], - }, - ], - }, - { - label: '安徽', - value: '安徽', - children: [ - { - label: '合肥', - value: '合肥', - children: [ - { - label: '包河区', - value: '包河区', - }, - { - label: '蜀山区', - value: '蜀山区', - }, - { - label: '瑶海区', - value: '瑶海区', - }, - ], - }, - { - label: '芜湖', - value: '芜湖', - children: [ - { - label: '镜湖区', - value: '镜湖区', - }, - { - label: '弋江区', - value: '弋江区', - }, - { - label: '湾沚区', - value: '湾沚区', - }, - ], - }, - ], - }, - { - label: '江苏', - value: '江苏', - children: [ - { - label: '南京', - value: '南京', - children: [ - { - label: '玄武区', - value: '玄武区', - }, - { - label: '秦淮区', - value: '秦淮区', - }, - { - label: '建邺区', - value: '建邺区', - }, - ], - }, - { - label: '苏州', - value: '苏州', - children: [ - { - label: '虎丘区', - value: '虎丘区', - }, - { - label: '吴中区', - value: '吴中区', - }, - { - label: '相城区', - value: '相城区', - }, - ], - }, - ], - }, -] +import {getTaskByPid} from "../../utils"; -const ParentTask = ()=>{ +const ParentTask = (props)=>{ + const [valueToOptions, setValueToOptions] = useState([]) const [parentValue, setParentValue] = useState("") const [visible, setVisible] = useState(false) + const {form} = props; + const options = useMemo(() => { + function generate(v) { + const options = valueToOptions[v] + if (options === null) { + return undefined + } + if (options === undefined) { + return Cascader.optionSkeleton + } + return options.map(option => ({ + ...option, + children: generate(option.value), + })) + } + return generate('0') ?? [] + }, [valueToOptions]) + + async function fetchOptionsForValue(v, level) { + if (v in valueToOptions) return + // if (level >= 3) { + // setValueToOptions(prev => ({ + // ...prev, + // [v]: null, + // })) + // return + // } + const data = await getTaskByPid(v) + console.log("await getTaskByPid(v)",data.data.data.content) + const options = + data.data.data.content.length === 0 + ? null + : data.data.data.content.map(task => ({ + value: task.id, + label: task.name, + })) + console.log("await getTaskByPid(v) options",options) + setValueToOptions(prev => ({ + ...prev, + [v]: options, + })) + } + + useEffect(() => { + fetchOptionsForValue('0', 0) + }, []) + return { setVisible(true) }} + value={parentValue} > { setVisible(false) }} value={parentValue} - onConfirm={setParentValue} - onSelect={(val, extend) => { - console.log('onSelect', val, extend.items) + onConfirm={(val)=>{ + console.log(val) + setParentValue(val[val.length-1]) + form.setFieldValue('pidArray',val) + }} + // onSelect={(val, extend) => { + // console.log('onSelect', val, extend.items) + // }} + onSelect={value => { + console.log("value",value) + value.forEach((v, index) => { + fetchOptionsForValue(v, index + 1) + }) }} > {items => { if (items.every(item => item === null)) { - return 主线任务选线 + return 主线任务选填 } else { - return items.map(item => item?.label ?? - 主线任务选线).join('-') + return items[items.length-1].label } }} diff --git a/src/pages/Home/index.js b/src/pages/Home/index.js index af6b4dc..5db9b59 100644 --- a/src/pages/Home/index.js +++ b/src/pages/Home/index.js @@ -11,7 +11,7 @@ export default class Home extends React.Component {
-
+
diff --git a/src/pages/ToDoList/index.js b/src/pages/ToDoList/index.js index 162b741..cf0f814 100644 --- a/src/pages/ToDoList/index.js +++ b/src/pages/ToDoList/index.js @@ -1,4 +1,4 @@ -import {Dialog,Image, List, SwipeAction} from 'antd-mobile' +import {Dialog, Image, List, SwipeAction} from 'antd-mobile' import React, {useEffect, useRef, useState} from 'react' import { DragDropContext, @@ -106,24 +106,26 @@ const ToDoList = () => { }, ]} > - - // } - description={item.description} - onClick={ - ()=>{console.log("dianji")} - } - > - {item.name} - + + // } + title={{item.name}} + children={item.description} + description={item.state} + onClick={ + () => { + console.log("dianji") + } + } + />
)} diff --git a/src/utils/index.js b/src/utils/index.js index a0ff28d..fe94778 100644 --- a/src/utils/index.js +++ b/src/utils/index.js @@ -26,5 +26,14 @@ export const getCurrentCity=()=>{ export const getTaskList= () => { return requestUtil.get('/todo-server/search/task_message_tree?search=%7B%22pageSize%22%3A20%2C%22pageNumber%22%3A1%2C%22data%22%3A%5B%7B%22name%22%3A%22tree%22%2C%22value%22%3A%22TRUE%22%2C%22operateType%22%3A%22TREE-FILTER%22%7D%2C%7B%22name%22%3A%22state%22%2C%22value%22%3A%228%2C9%22%2C%22operateType%22%3A%22IN%22%7D%5D%7D'); - +} +// 根据pid获取未完成的任务 +export const getTaskByPid = (pid) => { + return requestUtil.get('/todo-server/search/task_message_tree?search=%7B%22pageSize%22%3A1000%2C%22pageNumber%22%3A1%2C%22data%22%3A%5B%7B%22name%22%3A%22pid%22%2C%22value%22%3A%22'+pid+'%22%2C%22operateType%22%3A%22%3D%22%7D%5D%7D'); +} +export const addTask = async (entity) => { + // 使用 Axios 发送 POST 请求添加数据 + const response = await requestUtil.post('/todo-server' + '/task', entity); + // 从响应中提取数据并返回 + return response.data; } \ No newline at end of file