diff --git a/src/components/TaskRemind.module.css b/src/components/TaskRemind.module.css index b03faad..0306f2c 100644 --- a/src/components/TaskRemind.module.css +++ b/src/components/TaskRemind.module.css @@ -1,3 +1,7 @@ .localDiv{ margin-bottom: 24px; +} +.icon{ + font-size: 1rem; + font-color: orange; } \ No newline at end of file diff --git a/src/components/TaskRemindComponent.tsx b/src/components/TaskRemindComponent.tsx index d000a12..72e72e8 100644 --- a/src/components/TaskRemindComponent.tsx +++ b/src/components/TaskRemindComponent.tsx @@ -1,7 +1,9 @@ import styles from "@/components/TaskRemind.module.css"; -import {CascaderProps, ConfigProvider} from 'antd'; +import {CascaderProps, ConfigProvider, message} from 'antd'; import {Cascader} from 'antd'; -import React, {useState} from "react"; +import React, {Fragment, useState} from "react"; +import {DeleteOutlined, PlusOutlined} from "@ant-design/icons"; +import {CascaderOption} from "@/lib/definitions"; interface ITaskRemind { remindTypeList: string[], @@ -9,14 +11,7 @@ interface ITaskRemind { readonly: boolean, } -interface Option { - value?: string | number | null; - label: React.ReactNode; - children?: Option[]; - isLeaf?: boolean; -} - -const optionLists: Option[] = [ +const optionLists: CascaderOption[] = [ { label: "期望开始", value: "expect_start", @@ -30,11 +25,54 @@ const optionLists: Option[] = [ ]; const TaskRemindComponent = (props: ITaskRemind) => { - const [options, setOptions] = useState(optionLists); - const cascaderOnChange: CascaderProps