Skip to content

X
xiaomai-cloud-class-web
Commit 62f7ae6b by chenshu
Options

feat:初始化

parent b11a9005
Showing with 140 additions and 106 deletions
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; position:relative !important;
.box{ .box{
margin-bottom:66px !important; margin-bottom:66px !important;
...@@ -28,6 +28,16 @@ ...@@ -28,6 +28,16 @@
.form { .form {
margin-top: 16px; margin-top: 16px;
padding: 0 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{ .label{
display:inline-block; display:inline-block;
text-align:right; text-align:right;
...@@ -70,39 +80,66 @@ ...@@ -70,39 +80,66 @@
.flex { .flex {
display: flex; display: flex;
} }
.course-cover {
.cover-url__wrap { 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 { .img-content {
width: 298px; margin-right: 20px;
height: 172px; width: 299px;
height: 169px;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; 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 { .opt-btns {
margin-top: 8px;
display: flex;
align-items: center;
.tips { .default-btn {
margin-left: 12px; margin-left: 16px;
color: #999; color: #5289FA;
cursor: pointer;
&.disabled {
color: #CCC;
cursor: not-allowed;
}
}
.ant-upload-list {
display: none;
} }
} }
.tips {
margin-top: 8px;
color: #999;
}
} }
.select-student { .select-student {
......
src/modules/course-manage/offline-course/components/OfflineCourseOpt.jsx
...@@ -19,7 +19,7 @@ export default function OfflineCourseOpt() { ...@@ -19,7 +19,7 @@ export default function OfflineCourseOpt() {
<Button <Button
type="primary" type="primary"
onClick={() => { onClick={() => {
RCHistory.push('/create-graphics-course?type=add'); RCHistory.push('/create-offline-course?type=add');
}} }}
className="mr12" className="mr12"
>新建线下课</Button> >新建线下课</Button>
......
src/modules/course-manage/offline-course/index.jsx
...@@ -14,20 +14,19 @@ class OfflineCoursePage extends React.Component { ...@@ -14,20 +14,19 @@ class OfflineCoursePage extends React.Component {
query: { query: {
size: 10, size: 10,
current: 1, current: 1,
courseType: 'PICTURE',
storeId:User.getStoreId() storeId:User.getStoreId()
}, },
dataSource: [], // 视频课列表 dataSource: [], // 线下课列表
totalCount: 0, // 视频课数据总条数 totalCount: 0, // 线下课数据总条数
} }
} }
componentWillMount() { componentWillMount() {
// 获取视频课列表 // 获取线下课列表
this.handleFetchScheduleList(); this.handleFetchScheduleList();
} }
// 获取视频课列表 // 获取线下课列表
handleFetchScheduleList = (_query = {}) => { handleFetchScheduleList = (_query = {}) => {
const query = { const query = {
...this.state.query, ...this.state.query,
...@@ -36,7 +35,7 @@ class OfflineCoursePage extends React.Component { ...@@ -36,7 +35,7 @@ class OfflineCoursePage extends React.Component {
// 更新请求参数 // 更新请求参数
this.setState({ query }); this.setState({ query });
Service.Hades('public/hades/mediaCoursePage', query).then((res) => { Service.Hades('public/hades/getOfflineCoursePage', query).then((res) => {
const { result = {} } = res || {}; const { result = {} } = res || {};
const { records = [], total = 0 } = result; const { records = [], total = 0 } = result;
this.setState({ this.setState({
...@@ -44,14 +43,6 @@ class OfflineCoursePage extends React.Component { ...@@ -44,14 +43,6 @@ class OfflineCoursePage extends React.Component {
totalCount: Number(total) totalCount: Number(total)
}); });
}) })
// CourseService.videoSchedulePage(query).then((res) => {
// const { result = {} } = res || {};
// const { records = [], total = 0 } = result;
// this.setState({
// dataSource: records,
// totalCount: Number(total)
// });
// });
} }
render() { render() {
...@@ -69,7 +60,7 @@ class OfflineCoursePage extends React.Component { ...@@ -69,7 +60,7 @@ class OfflineCoursePage extends React.Component {
{/* 操作模块 */} {/* 操作模块 */}
<OfflineCourseOpt /> <OfflineCourseOpt />
{/* 视频课列表模块 */} {/* 线下课列表模块 */}
<OfflineCourseList <OfflineCourseList
query={query} query={query}
dataSource={dataSource} dataSource={dataSource}
......
src/routes/config/mainRoutes.tsx
...@@ -20,6 +20,7 @@ import GraphicsCoursePage from '@/modules/course-manage/graphics-course' ...@@ -20,6 +20,7 @@ import GraphicsCoursePage from '@/modules/course-manage/graphics-course'
import OfflineCoursePage from '@/modules/course-manage/offline-course' import OfflineCoursePage from '@/modules/course-manage/offline-course'
import AddVideoCoursePage from '@/modules/course-manage/video-course/AddVideoCourse' import AddVideoCoursePage from '@/modules/course-manage/video-course/AddVideoCourse'
import AddGraphicsCoursePage from '@/modules/course-manage/graphics-course/AddGraphicsCourse' 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 DataList from '@/modules/course-manage/DataList/DataList';
// import ClassBook from '@/modules/resource-disk'; // import ClassBook from '@/modules/resource-disk';
import ResourceDisk from '@/modules/resource-disk'; import ResourceDisk from '@/modules/resource-disk';
...@@ -118,6 +119,11 @@ const mainRoutes = [ ...@@ -118,6 +119,11 @@ const mainRoutes = [
name: "创建图文课", name: "创建图文课",
}, },
{ {
path: "/create-offline-course",
component: AddOfflineCoursePage,
name: "创建线下课",
},
{
path: "/resource-disk", path: "/resource-disk",
component: ResourceDisk, component: ResourceDisk,
name: "资料云盘", name: "资料云盘",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment