diff --git a/admin/src/pages/demo/index.tsx b/admin/src/pages/demo/index.tsx index 9220aa7..b3eb0f2 100644 --- a/admin/src/pages/demo/index.tsx +++ b/admin/src/pages/demo/index.tsx @@ -1,5 +1,5 @@ import { DingdingOutlined, UploadOutlined } from '@ant-design/icons'; -import { Button, Card, Steps, Result, Descriptions, Modal, Input, Upload, Popconfirm } from 'antd'; +import { Button, Card, Steps, Result, Descriptions, Modal, Input, Upload, Popconfirm, Menu } from 'antd'; import { Fragment, useEffect, useRef, useState } from 'react'; import { GridContent } from '@ant-design/pro-layout'; import { Line } from '@ant-design/charts'; @@ -10,6 +10,8 @@ import 'react-quill/dist/quill.snow.css' import ProDescriptions, { ProDescriptionsItemProps } from '@ant-design/pro-descriptions'; import { TableListItem } from '../ListTableList2'; import { v4 as uuidv4 } from 'uuid'; +import { queryCourseList } from '../course/option/service'; +import { useRequest } from 'umi'; const { Step } = Steps; @@ -124,18 +126,58 @@ export default () => { {} ]; const [chartData, setChartData] = useState([data, data]); + + const [selectedCourse, setSelectedCourse] = useState(0); + const [menu, setMenu] = useState(); + /** 获取课程数据 */ + const { data: listData } = useRequest(() => { + return queryCourseList(); + }); + + useEffect(() => { + console.log('listData', listData) setInterval(() => { setChartData(Math.random() > 0.5 ? [data, data] : [data2, data2]); }, 1000); - }, []); + + + + /** 生成菜单 */ + const menuItems = []; + + if(listData?.length > 0){ + console.log('push'); + listData.list.forEach((item: {code: number, name: string})=>{ + menuItems.push(