From d1d4d2c3bdbe7027ec8101690a236d46d8111517 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com> Date: Thu, 9 Mar 2023 15:11:00 +0800 Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E6=A0=B7=E5=BC=8F=E4=BC=98?= =?UTF-8?q?=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/favicon.ico | Bin 3870 -> 15406 bytes src/api/course.ts | 6 +- src/assets/logo.png | Bin 3411 -> 2457 bytes src/compenents/left-menu/index.tsx | 9 +- src/index.less | 17 ++ .../index.module.less => create.module.less} | 0 src/pages/course/create.tsx | 192 +++++++++++++ src/pages/course/index.module.less | 0 src/pages/course/index.tsx | 253 ++++++++++++++++++ src/pages/course/update.module.less | 0 src/pages/course/update.tsx | 227 ++++++++++++++++ src/pages/course/vod/index.tsx | 119 -------- src/pages/department/index.tsx | 6 +- src/pages/index.ts | 4 +- src/pages/login/index.module.less | 1 + src/pages/login/index.tsx | 1 + src/pages/login/login.less | 8 + src/pages/member/create.tsx | 6 +- src/pages/member/update.tsx | 6 +- .../resource/resource-category/index.tsx | 6 +- src/pages/resource/videos/index.tsx | 1 - src/pages/system/administrator/index.tsx | 6 +- src/router/routes.tsx | 19 +- 23 files changed, 745 insertions(+), 142 deletions(-) rename src/pages/course/{vod/index.module.less => create.module.less} (100%) create mode 100644 src/pages/course/create.tsx create mode 100644 src/pages/course/index.module.less create mode 100644 src/pages/course/index.tsx create mode 100644 src/pages/course/update.module.less create mode 100644 src/pages/course/update.tsx delete mode 100644 src/pages/course/vod/index.tsx create mode 100644 src/pages/login/login.less diff --git a/public/favicon.ico b/public/favicon.ico index a11777cc471a4344702741ab1c8a588998b1311a..37da455f59c0fb134b3fe6618071e3f98b010162 100644 GIT binary patch literal 15406 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 baj7?x%VD!5Cxk2YbYLNVeiXvvpMCWYo=by@ diff --git a/src/api/course.ts b/src/api/course.ts index 503f89a..595a360 100644 --- a/src/api/course.ts +++ b/src/api/course.ts @@ -36,7 +36,7 @@ export function storeCourse( return client.post("/backend/v1/course/create", { title: title, thumb: thumb, - isShow: isShow, + is_show: isShow, dep_ids: depIds, category_ids: categoryIds, }); @@ -54,10 +54,10 @@ export function updateCourse( depIds: number[], categoryIds: number[] ) { - return client.post(`/backend/v1/course/${id}`, { + return client.put(`/backend/v1/course/${id}`, { title: title, thumb: thumb, - isShow: isShow, + is_show: isShow, dep_ids: depIds, category_ids: categoryIds, }); diff --git a/src/assets/logo.png b/src/assets/logo.png index b99676b296774b0ab7ed22d6b0dcce2ced25e383..6906040fd873f53c0a2660fe50c42fdcc15a10bd 100644 GIT binary patch literal 2457 zcmZuzdpr|*8y|+uCHK4BDk5}oNo1_$7Taudbg&a9LYQ)&D5N;ek$YR1+%GXQml%yC zG}pDc6;UI^DyM|(bx!a3eBSr{yr0kWJm2T{Jm2U0{Qi7W5imP(kTM7W0Ej!-Ly>#9 zx#x&|0(()w+WyHNJVZF5&+Q@4&WYy?|38Lu{ig`yIl=zPe=`4m!Vv#m|H*OwH}gM7 zoZvhd@*jmgHTYll*V3OO|0Di)>n8z$%n(q90@}KfNh&QD~+{x_i-5eRlgLz zoj&yNnEbkHoF);J6?W7g12>mub~>Ihj)dL{VOQL2e$nIOuzut^0I=_>1Jni`J@wJk zEph6YWRAWX%K2ouK|xvIS^|}91NlXBGVb}%w#evIrY-8tU0+hisLC6G`X`0urS>?X zp#8c6#`P+btA z1-~-!+mqK{9%$$}RLL5=n|P0`%04D)aqy6wz-q*S2­Y#TCaxUWol9sN~KseHFR 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 pz)J|`-S@q, null, null), + getItem( + "课程内容", + "8", + , + [getItem("课程", "/course", null, null, null)], + null + ), getItem( "资源管理", "3", @@ -55,7 +62,7 @@ const items = [ ), ]; -const rootSubmenuKeys = ["3", "4", "5", "6", "7"]; +const rootSubmenuKeys = ["3", "4", "5", "6", "7", "8"]; export const LeftMenu: React.FC = () => { //展开的subMenu diff --git a/src/index.less b/src/index.less index 82a7b3d..a9476be 100644 --- a/src/index.less +++ b/src/index.less @@ -82,6 +82,18 @@ code { color: #ff4d4f; } +.c-yellow { + color: #e1a500; +} + +.c-green { + color: #04c877; +} + +.c-gray { + color: #999999; +} + .c-red { color: #ff4d4f; } @@ -91,6 +103,11 @@ code { height: 100px; } +.form-course-thumb{ + width: 200px; + height: 150px; +} + .playedu-main-body { width: 100%; height: auto; diff --git a/src/pages/course/vod/index.module.less b/src/pages/course/create.module.less similarity index 100% rename from src/pages/course/vod/index.module.less rename to src/pages/course/create.module.less diff --git a/src/pages/course/create.tsx b/src/pages/course/create.tsx new file mode 100644 index 0000000..c350d15 --- /dev/null +++ b/src/pages/course/create.tsx @@ -0,0 +1,192 @@ +import React, { useState, useEffect } from "react"; +import { Row, Col, Form, Input, Cascader, Switch, Button, message } from "antd"; +import styles from "./create.module.less"; +import { course, department } from "../../api/index"; +import { useNavigate } from "react-router-dom"; +import { UploadImageButton, BackBartment } from "../../compenents"; +const { SHOW_CHILD } = Cascader; + +interface Option { + value: string | number; + label: string; + children?: Option[]; +} + +export const CourseCreatePage: React.FC = () => { + const navigate = useNavigate(); + const [form] = Form.useForm(); + const [loading, setLoading] = useState(true); + const [departments, setDepartments] = useState([]); + const [categories, setCategories] = useState([]); + const [thumb, setThumb] = useState(""); + + useEffect(() => { + getParams(); + getCategory(); + }, []); + + const getParams = () => { + department.departmentList().then((res: any) => { + const departments = res.data.departments; + if (JSON.stringify(departments) !== "{}") { + const new_arr: Option[] = checkArr(departments, 0); + setDepartments(new_arr); + } + }); + }; + + const getCategory = () => { + course.createCourse().then((res: any) => { + const categories = res.data.categories; + if (JSON.stringify(categories) !== "{}") { + const new_arr: Option[] = checkArr(categories, 0); + setCategories(new_arr); + } + form.setFieldsValue({ isShow: 1 }); + }); + }; + + const checkArr = (departments: any[], id: number) => { + const arr = []; + for (let i = 0; i < departments[id].length; i++) { + if (!departments[departments[id][i].id]) { + arr.push({ + label: departments[id][i].name, + value: departments[id][i].id, + }); + } else { + const new_arr: Option[] = checkArr(departments, departments[id][i].id); + arr.push({ + label: departments[id][i].name, + value: departments[id][i].id, + children: new_arr, + }); + } + } + return arr; + }; + + const onFinish = (values: any) => { + console.log("Success:", values); + course + .storeCourse( + values.title, + values.thumb, + values.isShow, + values.dep_ids, + values.category_ids + ) + .then((res: any) => { + message.success("保存成功！"); + navigate(-1); + }); + }; + + const onFinishFailed = (errorInfo: any) => { + console.log("Failed:", errorInfo); + }; + const onChange = (checked: boolean) => { + if (checked) { + form.setFieldsValue({ isShow: 1 }); + } else { + form.setFieldsValue({ isShow: 0 }); + } + }; + + return ( + <> + + +
+ +
+
+
+ + + + +
+
+ { + setThumb(url); + form.setFieldsValue({ thumb: url }); + }} + > +
+ {thumb && ( + + )} +
+ + + + + + + + + + + + + + +
+
+ + + + ); +}; diff --git a/src/pages/course/index.module.less b/src/pages/course/index.module.less new file mode 100644 index 0000000..e69de29 diff --git a/src/pages/course/index.tsx b/src/pages/course/index.tsx new file mode 100644 index 0000000..0fd14de --- /dev/null +++ b/src/pages/course/index.tsx @@ -0,0 +1,253 @@ +import { useEffect, useState } from "react"; +import { + Button, + Row, + Col, + Popconfirm, + Image, + Table, + Typography, + Input, + message, + Space, +} from "antd"; +import { course } from "../../api"; +import styles from "./index.module.less"; +import { PlusOutlined, ReloadOutlined } from "@ant-design/icons"; +import type { ColumnsType } from "antd/es/table"; +import { dateFormat } from "../../utils/index"; +import { Link, useNavigate } from "react-router-dom"; +import { TreeDepartment, TreeCategory, PerButton } from "../../compenents"; + +interface DataType { + id: React.Key; + title: string; + created_at: string; + thumb: string; + charge: number; + is_show: number; +} + +export const CoursePage = () => { + const navigate = useNavigate(); + const [list, setList] = useState([]); + const [refresh, setRefresh] = useState(false); + const [page, setPage] = useState(1); + const [size, setSize] = useState(10); + const [total, setTotal] = useState(0); + const [loading, setLoading] = useState(true); + const [category_ids, setCategoryIds] = useState([]); + const [title, setTitle] = useState(""); + const [dep_ids, setDepIds] = useState([]); + + const columns: ColumnsType = [ + { + title: "ID", + key: "id", + dataIndex: "id", + }, + { + title: "封面", + dataIndex: "thumb", + render: (thumb: string) => ( + + ), + }, + { + title: "课程标题", + dataIndex: "title", + render: (text: string) => {text}, + }, + { + title: "时间", + dataIndex: "created_at", + render: (text: string) => {dateFormat(text)}, + }, + { + title: "是否显示", + dataIndex: "is_show", + render: (is_show: number) => ( + + {is_show === 1 ? "· 显示" : "· 隐藏"} + + ), + }, + { + title: "操作", + key: "action", + fixed: "right", + width: 100, + render: (_, record: any) => ( + + navigate(`/course/update/${record.id}`)} + /> + removeItem(record.id)} + okText="确定" + cancelText="取消" + > + null} + /> + + + ), + }, + ]; + + // 删除图片 + const removeItem = (id: number) => { + if (id === 0) { + return; + } + course.destroyCourse(id).then(() => { + message.success("删除成功"); + resetList(); + }); + }; + + // 获取视频列表 + const getList = () => { + setLoading(true); + let categoryIds = category_ids.join(","); + let depIds = dep_ids.join(","); + course + .courseList(page, size, "", "", title, depIds, categoryIds) + .then((res: any) => { + setTotal(res.data.total); + setList(res.data.data); + setLoading(false); + }) + .catch((err: any) => { + console.log("错误,", err); + }); + }; + // 重置列表 + const resetList = () => { + setPage(1); + setSize(10); + setList([]); + setRefresh(!refresh); + }; + + // 加载视频列表 + useEffect(() => { + getList(); + }, [category_ids, refresh, page, size]); + + const paginationProps = { + current: page, //当前页码 + pageSize: size, + total: total, // 总条数 + onChange: (page: number, pageSize: number) => + handlePageChange(page, pageSize), //改变页码的函数 + showSizeChanger: true, + }; + + const handlePageChange = (page: number, pageSize: number) => { + setPage(page); + setSize(pageSize); + }; + + return ( + <> + + +
+
+
+ 资源分类： +
+ setCategoryIds(keys)} /> +
+
+
+ 部门： +
+ setDepIds(keys)} /> +
+
+ + +
+
+
+ 课程名称： + { + setTitle(e.target.value); + }} + style={{ width: 160 }} + placeholder="请输入课程名称" + /> +
+
+ + +
+
+
+
+
+
+ + } + p="course" + onClick={() => null} + /> + +
+
+ +
+
+
+ record.id} + /> + + + + + + ); +}; diff --git a/src/pages/course/update.module.less b/src/pages/course/update.module.less new file mode 100644 index 0000000..e69de29 diff --git a/src/pages/course/update.tsx b/src/pages/course/update.tsx new file mode 100644 index 0000000..0e6f5cb --- /dev/null +++ b/src/pages/course/update.tsx @@ -0,0 +1,227 @@ +import React, { useState, useEffect } from "react"; +import { Row, Col, Form, Input, Cascader, Switch, Button, message } from "antd"; +import styles from "./create.module.less"; +import { course, department } from "../../api/index"; +import { useParams, useNavigate } from "react-router-dom"; +import { UploadImageButton, BackBartment } from "../../compenents"; + +interface Option { + value: string | number; + label: string; + children?: Option[]; +} + +export const CourseUpdatePage: React.FC = () => { + const navigate = useNavigate(); + const params = useParams(); + const [form] = Form.useForm(); + const [loading, setLoading] = useState(true); + const [departments, setDepartments] = useState([]); + const [categories, setCategories] = useState([]); + const [thumb, setThumb] = useState(""); + + useEffect(() => { + getParams(); + getCategory(); + }, []); + + useEffect(() => { + getDetail(); + }, [params.cid]); + + const getParams = () => { + department.departmentList().then((res: any) => { + const departments = res.data.departments; + if (JSON.stringify(departments) !== "{}") { + const new_arr: Option[] = checkArr(departments, 0); + setDepartments(new_arr); + } + }); + }; + + const getCategory = () => { + course.createCourse().then((res: any) => { + const categories = res.data.categories; + if (JSON.stringify(categories) !== "{}") { + const new_arr: Option[] = checkArr(categories, 0); + setCategories(new_arr); + } + form.setFieldsValue({ isShow: 1 }); + }); + }; + + const checkArr = (departments: any[], id: number) => { + const arr = []; + for (let i = 0; i < departments[id].length; i++) { + if (!departments[departments[id][i].id]) { + arr.push({ + label: departments[id][i].name, + value: departments[id][i].id, + }); + } else { + const new_arr: Option[] = checkArr(departments, departments[id][i].id); + arr.push({ + label: departments[id][i].name, + value: departments[id][i].id, + children: new_arr, + }); + } + } + return arr; + }; + + const getDetail = () => { + course.course(Number(params.cid)).then((res: any) => { + let data = res.data.course; + // let depIds=res.data.dep_ids; + // for (let i = 0; i < depIds.length; i++) { + // dep_ids.push(depIds[i]); + // } + form.setFieldsValue({ + title: data.title, + thumb: data.thumb, + isShow: data.is_show, + dep_ids: res.data.dep_ids, + category_ids: res.data.category_ids, + }); + setThumb(data.thumb); + }); + }; + + const onFinish = (values: any) => { + console.log("Success:", values); + let id = Number(params.cid); + let dep_ids: any[] = []; + for (let i = 0; i < values.dep_ids.length; i++) { + dep_ids.push(values.dep_ids[i][values.dep_ids[i].length - 1]); + } + let category_ids: any[] = []; + for (let j = 0; j < values.category_ids.length; j++) { + category_ids.push( + values.category_ids[j][values.category_ids[j].length - 1] + ); + } + course + .updateCourse( + id, + values.title, + values.thumb, + values.isShow, + dep_ids, + category_ids + ) + .then((res: any) => { + message.success("保存成功！"); + navigate(-1); + }); + }; + + const onFinishFailed = (errorInfo: any) => { + console.log("Failed:", errorInfo); + }; + + const onChange = (checked: boolean) => { + if (checked) { + form.setFieldsValue({ isShow: 1 }); + } else { + form.setFieldsValue({ isShow: 0 }); + } + }; + + + return ( + <> + + +
+ +
+
+
+ + + + +
+
+ { + setThumb(url); + form.setFieldsValue({ thumb: url }); + }} + > +
+ {thumb && ( + + )} +
+ + + + + + + + + + + + + + + +
+ + + + ); +}; diff --git a/src/pages/course/vod/index.tsx b/src/pages/course/vod/index.tsx deleted file mode 100644 index fc70417..0000000 --- a/src/pages/course/vod/index.tsx +++ /dev/null @@ -1,119 +0,0 @@ -import React, { useEffect } from "react"; -import { Typography, Input, Select, Button, Space, Table } from "antd"; -import type { ColumnsType } from "antd/es/table"; -import styles from "./index.module.less"; -import { PlusOutlined, ReloadOutlined } from "@ant-design/icons"; -import { login } from "../../../api/index"; - -interface DataType { - key: string; - name: string; - age: number; - address: string; -} - -const columns: ColumnsType = [ - { - title: "Name", - dataIndex: "name", - key: "name", - render: (text) => {text}, - }, - { - title: "Age", - dataIndex: "age", - key: "age", - }, - { - title: "Address", - dataIndex: "address", - key: "address", - }, - { - title: "Action", - key: "action", - render: (_, record) => ( - - Invite {record.name} - Delete - - ), - }, -]; - -const data: DataType[] = [ - { - key: "1", - name: "John Brown", - age: 32, - address: "New York No. 1 Lake Park", - }, - { - key: "2", - name: "Jim Green", - age: 42, - address: "London No. 1 Lake Park", - }, - { - key: "3", - name: "Joe Black", - age: 32, - address: "Sydney No. 1 Lake Park", - }, -]; - -export const VodListPage: React.FC = () => { - useEffect(() => {}, []); - const handleChange = (e: any) => { - console.log(e); - }; - return ( - <> -
-
-
- 课程名称： - -
-
- 课程分类： -
- - - - ); -}; diff --git a/src/pages/department/index.tsx b/src/pages/department/index.tsx index 24222a9..930e3f3 100644 --- a/src/pages/department/index.tsx +++ b/src/pages/department/index.tsx @@ -63,7 +63,7 @@ export const DepartmentPage: React.FC = () => { text="详情" class="c-red" icon={null} - p="department-update" + p="department-cud" onClick={() => navigate(`/department/update/${record.id}`)} /> { text="删除" class="c-red" icon={null} - p="department-destroy" + p="department-cud" onClick={() => null} /> @@ -152,7 +152,7 @@ export const DepartmentPage: React.FC = () => { text="新建" class="mr-16" icon={} - p="department-store" + p="department-cud" onClick={() => null} /> diff --git a/src/pages/index.ts b/src/pages/index.ts index 703385e..acabe85 100644 --- a/src/pages/index.ts +++ b/src/pages/index.ts @@ -3,7 +3,9 @@ export * from "./login"; export * from "./dashboard"; export * from "./error"; export * from "./test"; -export * from "./course/vod"; +export * from "./course/index"; +export * from "./course/create"; +export * from "./course/update"; export * from "./member/index"; export * from "./member/create"; export * from "./member/update"; diff --git a/src/pages/login/index.module.less b/src/pages/login/index.module.less index c56b537..687fa83 100644 --- a/src/pages/login/index.module.less +++ b/src/pages/login/index.module.less @@ -63,3 +63,4 @@ } } } + diff --git a/src/pages/login/index.tsx b/src/pages/login/index.tsx index 5fe0fcd..43ca052 100644 --- a/src/pages/login/index.tsx +++ b/src/pages/login/index.tsx @@ -12,6 +12,7 @@ import { import { useNavigate } from "react-router-dom"; import banner from "../../assets/images/login/banner.png"; import icon from "../../assets/images/login/icon.png"; +import "./login.less"; export const Login: React.FC = () => { const dispatch = useDispatch(); diff --git a/src/pages/login/login.less b/src/pages/login/login.less new file mode 100644 index 0000000..c018443 --- /dev/null +++ b/src/pages/login/login.less @@ -0,0 +1,8 @@ +.ant-btn { + font-size: 18px !important; + font-weight: 600 !important; +} + +.ant-input { + font-size: 18px !important; +} diff --git a/src/pages/member/create.tsx b/src/pages/member/create.tsx index 102c535..5994c3d 100644 --- a/src/pages/member/create.tsx +++ b/src/pages/member/create.tsx @@ -25,8 +25,10 @@ export const MemberCreatePage: React.FC = () => { const getParams = () => { department.departmentList().then((res: any) => { const departments = res.data.departments; - const new_arr: Option[] = checkArr(departments, 0); - setDepartments(new_arr); + if (JSON.stringify(departments) !== "{}") { + const new_arr: Option[] = checkArr(departments, 0); + setDepartments(new_arr); + } }); }; diff --git a/src/pages/member/update.tsx b/src/pages/member/update.tsx index 18a52d7..602c5ea 100644 --- a/src/pages/member/update.tsx +++ b/src/pages/member/update.tsx @@ -29,8 +29,10 @@ export const MemberUpdatePage: React.FC = () => { const getParams = () => { department.departmentList().then((res: any) => { const departments = res.data.departments; - const new_arr: Option[] = checkArr(departments, 0); - setDepartments(new_arr); + if (JSON.stringify(departments) !== "{}") { + const new_arr: Option[] = checkArr(departments, 0); + setDepartments(new_arr); + } }); }; diff --git a/src/pages/resource/resource-category/index.tsx b/src/pages/resource/resource-category/index.tsx index 2df550f..3be3a8e 100644 --- a/src/pages/resource/resource-category/index.tsx +++ b/src/pages/resource/resource-category/index.tsx @@ -63,7 +63,7 @@ export const ResourceCategoryPage: React.FC = () => { text="详情" class="c-red" icon={null} - p="department-update" + p="department-cud" onClick={() => navigate(`/resource-category/update/${record.id}`)} /> { text="删除" class="c-red" icon={null} - p="department-destroy" + p="department-cud" onClick={() => null} /> @@ -156,7 +156,7 @@ export const ResourceCategoryPage: React.FC = () => { text="新建" class="mr-16" icon={} - p="department-store" + p="department-cud" onClick={() => null} /> diff --git a/src/pages/resource/videos/index.tsx b/src/pages/resource/videos/index.tsx index 692f2d3..e6f20bd 100644 --- a/src/pages/resource/videos/index.tsx +++ b/src/pages/resource/videos/index.tsx @@ -23,7 +23,6 @@ interface DataType { id: React.Key; name: string; created_at: string; - duration: string; } export const ResourceVideosPage = () => { diff --git a/src/pages/system/administrator/index.tsx b/src/pages/system/administrator/index.tsx index 6bd6175..970f439 100644 --- a/src/pages/system/administrator/index.tsx +++ b/src/pages/system/administrator/index.tsx @@ -78,7 +78,7 @@ export const SystemAdministratorPage: React.FC = () => { text="详情" class="c-red" icon={null} - p="admin-user-update" + p="admin-user-cud" onClick={() => navigate(`/system/administrator/update/${record.id}`) } @@ -95,7 +95,7 @@ export const SystemAdministratorPage: React.FC = () => { text="删除" class="c-red" icon={null} - p="admin-user-destroy" + p="admin-user-cud" onClick={() => null} /> @@ -190,7 +190,7 @@ export const SystemAdministratorPage: React.FC = () => { text="新建" class="mr-16" icon={} - p="admin-user-store" + p="admin-user-cud" onClick={() => null} /> diff --git a/src/router/routes.tsx b/src/router/routes.tsx index 8e78822..3331d24 100644 --- a/src/router/routes.tsx +++ b/src/router/routes.tsx @@ -4,7 +4,9 @@ import { HomePage, Dashboard, ErrorPage, - VodListPage, + CoursePage, + CourseCreatePage, + CourseUpdatePage, TestPage, MemberPage, MemberCreatePage, @@ -24,7 +26,7 @@ import { ResourceCategoryPage, ResourceCategoryCreatePage, ResourceCategoryUpdatePage, - ResourceVideosPage + ResourceVideosPage, } from "../pages"; const routes: RouteObject[] = [ @@ -61,9 +63,18 @@ const routes: RouteObject[] = [ element: , }, { - path: "/vod", - element: , + path: "/course", + element: , }, + { + path: "/course/create", + element: , + }, + { + path: "/course/update/:cid", + element: , + }, + { path: "/member", element: ,