feat:初始化

src/modules/course-manage/offline-course/AddGraphicsCourse.less → src/modules/course-manage/offline-course/AddOfflineCourse.less

-.add-video-course-page {
+.add-offline-course-page {
   position:relative !important;
   .box{
     margin-bottom:66px !important;
@@ -28,6 +28,16 @@
   .form {
     margin-top: 16px;
     padding: 0 16px;
+    .basic-info__wrap {
+      .title {
+        font-size: 16px;
+        color: #333;
+        font-weight: 500;
+        line-height: 22px;
+        margin-bottom: 16px;
+        margin-left: -16px;
+      }
+    }
     .label{
       display:inline-block;
       text-align:right;
@@ -70,39 +80,66 @@
     .flex {
       display: flex;
     }
-    
-    .cover-url__wrap {
+    .course-cover {
+      display: flex;
+      margin-top: 16px;
+  
+      &__wrap {
+        position: relative;
+  
+        .tag {
+          border-radius: 2px;
+          background: #D6D6D6;
+          font-size: 12px;
+          height: 18px;
+          width: 52px;
+          text-align: center;
+          color: #FFF;
+          position: absolute;
+          top: 8px;
+          left: 8px;
+        }
+      }
+      .course-cover__wrap {
+        display: flex;
+        flex-direction: row;
+      }
+  
       .img-content {
-        width: 298px;
-        height: 172px;
-        
+        margin-right: 20px;
+        width: 299px;
+        height: 169px;
+  
         img {
           width: 100%;
           height: 100%;
           object-fit: contain;
+          border: 1px solid #E8e8e8;
         }
       }
-      .empty-img {
-        width: 298px;
-        height: 172px;
-        border: 1px dashed #EBEBEB;
-        border-radius: 4px;
-        padding: 12px;
-        color: #999;
-        padding: 52px 24px;
-        text-align: center;
-      }
-    
+  
       .opt-btns {
-        margin-top: 8px;
-        display: flex;
-        align-items: center;
   
-        .tips {
-          margin-left: 12px;
-          color: #999;
+        .default-btn {
+          margin-left: 16px;
+          color: #5289FA;
+          cursor: pointer;
+  
+          &.disabled {
+            color: #CCC;
+            cursor: not-allowed;
+          }
+        }
+  
+        .ant-upload-list {
+          display: none;
         }
       }
+  
+      .tips {
+        margin-top: 8px;
+        color: #999;
+      }
     }
 
     .select-student {

src/modules/course-manage/offline-course/components/OfflineCourseOpt.jsx

@@ -19,7 +19,7 @@ export default function OfflineCourseOpt() {
       <Button
         type="primary"
         onClick={() => {
-          RCHistory.push('/create-graphics-course?type=add');
+          RCHistory.push('/create-offline-course?type=add');
         }}
         className="mr12"
       >新建线下课</Button>

src/modules/course-manage/offline-course/index.jsx

@@ -14,20 +14,19 @@ class OfflineCoursePage extends React.Component {
       query: {
         size: 10,
         current: 1,
-        courseType: 'PICTURE',
         storeId:User.getStoreId()
       },
-      dataSource: [],    // 视频课列表
-      totalCount: 0,     // 视频课数据总条数
+      dataSource: [],    // 线下课列表
+      totalCount: 0,     // 线下课数据总条数
     }
   }
 
   componentWillMount() {
-    // 获取视频课列表
+    // 获取线下课列表
     this.handleFetchScheduleList();
   }
 
-  // 获取视频课列表
+  // 获取线下课列表
   handleFetchScheduleList = (_query = {}) => {
     const query = {
       ...this.state.query,
@@ -36,7 +35,7 @@ class OfflineCoursePage extends React.Component {
 
     // 更新请求参数
     this.setState({ query });
-    Service.Hades('public/hades/mediaCoursePage', query).then((res) => {
+    Service.Hades('public/hades/getOfflineCoursePage', query).then((res) => {
       const { result = {} } = res || {};
       const { records = [], total = 0 } = result;
       this.setState({
@@ -44,14 +43,6 @@ class OfflineCoursePage extends React.Component {
         totalCount: Number(total)
       });
     })
-    // CourseService.videoSchedulePage(query).then((res) => {
-    //   const { result = {} } = res || {};
-    //   const { records = [], total = 0 } = result;
-    //   this.setState({
-    //     dataSource: records,
-    //     totalCount: Number(total)
-    //   });
-    // });
   }
 
   render() {
@@ -69,7 +60,7 @@ class OfflineCoursePage extends React.Component {
           {/* 操作模块 */}
           <OfflineCourseOpt />
           
-          {/* 视频课列表模块 */}
+          {/* 线下课列表模块 */}
           <OfflineCourseList
             query={query}
             dataSource={dataSource}

src/routes/config/mainRoutes.tsx

@@ -20,6 +20,7 @@ import GraphicsCoursePage from '@/modules/course-manage/graphics-course'
 import OfflineCoursePage from '@/modules/course-manage/offline-course'
 import AddVideoCoursePage from '@/modules/course-manage/video-course/AddVideoCourse'
 import AddGraphicsCoursePage from '@/modules/course-manage/graphics-course/AddGraphicsCourse'
+import AddOfflineCoursePage from '@/modules/course-manage/offline-course/AddOfflineCourse'
 // import DataList from '@/modules/course-manage/DataList/DataList';
 // import ClassBook from '@/modules/resource-disk';
 import ResourceDisk from '@/modules/resource-disk';
@@ -118,6 +119,11 @@ const mainRoutes = [
     name: "创建图文课",
   },
   {
+    path: "/create-offline-course",
+    component: AddOfflineCoursePage,
+    name: "创建线下课",
+  },
+  {
     path: "/resource-disk",
     component: ResourceDisk,
     name: "资料云盘",