From 52a1920507ef2e249b02c27a64037cc0fe5437df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Wed, 15 Mar 2023 18:18:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E6=96=B0=E5=BB=BA=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=8C=96=E5=88=9D=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.less                         |  4 ++
 src/pages/course/compenents/create.tsx | 58 +++++++++++++++++++++++++-
 2 files changed, 60 insertions(+), 2 deletions(-)

diff --git a/src/index.less b/src/index.less
index fdebc69..b129536 100644
--- a/src/index.less
+++ b/src/index.less
@@ -58,6 +58,10 @@ code {
   margin-left: 15px;
 }
 
+.ml-120 {
+  margin-left: 120px;
+}
+
 .mr-16 {
   margin-right: 16px;
 }
diff --git a/src/pages/course/compenents/create.tsx b/src/pages/course/compenents/create.tsx
index b64af07..33ee5a0 100644
--- a/src/pages/course/compenents/create.tsx
+++ b/src/pages/course/compenents/create.tsx
@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import {
   Space,
-  Switch,
+  Radio,
   Button,
   Drawer,
   Form,
@@ -30,6 +30,8 @@ export const CourseCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
   const [departments, setDepartments] = useState<any>([]);
   const [categories, setCategories] = useState<any>([]);
   const [thumb, setThumb] = useState<string>("");
+  const [type, setType] = useState<string>("open");
+  const [chapterType, setChapterType] = useState(0);
 
   useEffect(() => {
     getParams();
@@ -42,6 +44,9 @@ export const CourseCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
       thumb: "",
       dep_ids: [],
       category_ids: [],
+      type: "open",
+      desc: "",
+      hasChapter: 0,
     });
     setThumb("");
   }, [form, open]);
@@ -109,6 +114,14 @@ export const CourseCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
     console.log("Failed:", errorInfo);
   };
 
+  const getType = (e: any) => {
+    setType(e.target.value);
+  };
+
+  const getChapterType = (e: any) => {
+    setChapterType(e.target.value);
+  };
+
   return (
     <>
       <Drawer
@@ -161,10 +174,25 @@ export const CourseCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
                 placeholder="请选择课程分类"
               />
             </Form.Item>
+            <Form.Item
+              label="课程类型"
+              name="type"
+              rules={[{ required: true, message: "请选择课程类型!" }]}
+            >
+              <Radio.Group onChange={getType}>
+                <Radio value="open">公开课</Radio>
+                <Radio value="elective">部门课</Radio>
+              </Radio.Group>
+            </Form.Item>
             <Form.Item
               label="指派部门"
               name="dep_ids"
-              rules={[{ required: true, message: "请选择课程指派部门!" }]}
+              rules={[
+                {
+                  required: type === "elective" ? true : false,
+                  message: "请选择课程指派部门!",
+                },
+              ]}
             >
               <Cascader
                 style={{ width: 424 }}
@@ -193,6 +221,32 @@ export const CourseCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
                 )}
               </div>
             </Form.Item>
+            <Form.Item label="课程简介" name="desc">
+              <Input.TextArea
+                style={{ width: 424, height: 80 }}
+                allowClear
+                placeholder="请输入课程简介"
+              />
+            </Form.Item>
+            <Form.Item
+              label="课时列表"
+              name="hasChapter"
+              rules={[{ required: true, message: "请选择课时列表!" }]}
+            >
+              <Radio.Group onChange={getChapterType}>
+                <Radio value={0}>无章节</Radio>
+                <Radio value={1}>有章节</Radio>
+              </Radio.Group>
+            </Form.Item>
+            {chapterType === 0 && (
+              <Form.Item>
+                <div className="ml-120">
+                  <Button onClick={() => null} type="primary">
+                    添加课时
+                  </Button>
+                </div>
+              </Form.Item>
+            )}
           </Form>
         </div>
       </Drawer>