Skip to content

X
xiaomai-cloud-class-web
Commit f6dd4e5e by zhangleyuan
Options

feat:解决合并代码后的一些冲突

parent c233f4f6
Showing with 446 additions and 350 deletions
src/components/Breadcrumbs.tsx
......@@ -28,9 +28,10 @@ const Breadcrumbs = (props: BreadcrumbsProps) => {
const isArray = _.isArray(navList);
return (
<div className="xm-breadCrumb">
<span onClick={_onClick} className="back-btn" />
<LeftOutlined/>
<span className="text ml5" >{text ? text : '返回'}</span>
<span onClick={_onClick} className="back-btn">
<LeftOutlined/>
<span className="text ml5" >{text ? text : '返回'}</span>
</span>
<div className="divide"></div>
<Breadcrumb>
{isString && <Breadcrumb.Item>{navList}</Breadcrumb.Item>}
......
src/data-source/course/request-api.ts
/*
* @Author: wufan
* @Date: 2020-12-12 11:57:10
* @LastEditors: wufan
* @LastEditTime: 2020-12-16 15:01:26
* @LastEditors: zhangleyuan
* @LastEditTime: 2020-12-16 15:49:11
* @Description: Description
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/
......@@ -34,4 +34,15 @@ export function exportPlayBackCourseData(params: object) {
}
export function fetchPlaybackList(params: object) {
return Service.Hades("public/courseCloud/getUserReplayRecordPage", params);
}
\ No newline at end of file
}
export function getLiveCloudCourseDetail(params: object) {
return Service.Hades("public/courseCloud/getLiveCloudCourseDetail", params);
}
export function updateLiveCloudCourse(params: object) {
return Service.Hades("public/courseCloud/updateLiveCloudCourse", params);
}
export function delOrRecoverLiveCloudCourse(params: object) {
return Service.Hades("public/courseCloud/delOrRecoverLiveCloudCourse", params);
}
src/domains/course-domain/CourseService.ts
/*
* @Author: wufan
* @Date: 2020-11-25 18:25:02
* @LastEditors: wufan
* @LastEditTime: 2020-12-15 14:27:36
* @LastEditors: zhangleyuan
* @LastEditTime: 2020-12-16 15:50:43
* @Description: Description
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/
import { fetchLecturerData, fetchUserData, exportStudentCourseData, createLiveCloudCourse, getLiveCloudCoursePage, exportPlayBackCourseData, fetchPlaybackList } from '@/data-source/course/request-api';
import { fetchLecturerData, fetchUserData, exportStudentCourseData,exportPlayBackCourseData, fetchPlaybackList,createLiveCloudCourse,getLiveCloudCoursePage,getLiveCloudCourseDetail,updateLiveCloudCourse,delOrRecoverLiveCloudCourse} from '@/data-source/course/request-api';
export default class courseService {
// 获取讲师上课数据
......@@ -40,4 +40,13 @@ export default class courseService {
return fetchPlaybackList(params);
}
static getLiveCloudCourseDetail(params: any) {
return getLiveCloudCourseDetail(params);
}
static updateLiveCloudCourse(params: any) {
return updateLiveCloudCourse(params);
}
static delOrRecoverLiveCloudCourse(params: any) {
return delOrRecoverLiveCloudCourse(params);
}
}
\ No newline at end of file
src/modules/course-manage/AddLive.jsx
......@@ -17,7 +17,6 @@ import AddLiveBasic from './components/AddLiveBasic';
import AddLiveClass from './components/AddLiveClass';
import AddLiveIntro from './components/AddLiveIntro';
import PreviewCourseModal from './modal/PreviewCourseModal';
import LackConsumeStudentModal from './modal/LackConsumeStudentModal';
import CourseService from "@/domains/course-domain/CourseService";
import moment from 'moment';
import User from '@/common/js/user';
......@@ -36,8 +35,8 @@ const defaultBasicInfo = {
};
const defaultClassInfo = {
teacherId: null,
adminId:null,
teacherId: null, //讲师的Id
adminId:null, //助教的Id
teacherName: null,
liveDate: null,
timeHorizonStart: null,
......@@ -45,7 +44,6 @@ const defaultClassInfo = {
calendarTime: [],
startTime: new Date().getTime() + 300000,
endTime: new Date().getTime() + 300000,
applyMode: ''
};
const defaultIntroInfo = {
......@@ -55,55 +53,26 @@ const defaultIntroInfo = {
liveCourseMediaRequests: [{
mediaType: 'TEXT',
mediaContent: '',
// key: editBoxKey
}],
}
class AddLive extends React.Component {
constructor(props) {
super(props);
const id = getParameterByName("id");
const type = getParameterByName("type");
this.state = {
id,
type,
after: false,
isXiaomai: false,
loading: false,
isEdit: true,
selectedAssistant: [], // 已经选择的助教数量
// 直播课基本信息
addLiveBasicInfo: {
courseName: null, // 课程名称
coverId: null,
coverUrl: defaultCover,
parentCatalogId:'',
sonCatalogId:'',
courseCatalogOption:[
{
value: '1',
label: 'Zhejiang',
children: [
{
value: '2',
label: 'Hangzhou',
},
],
},
{
value: '3',
label: 'Jiangsu',
children: [
{
value: '4',
label: 'Nanjing',
}
],
},
]
sonCatalogId:''
},
// 直播课上课信息
......@@ -114,12 +83,6 @@ class AddLive extends React.Component {
liveDate: null,
timeHorizonStart: null,
timeHorizonEnd: null,
studentList: [], // 不扣课时学员列表
consumeStudentList: [], // 扣课时学员列表
excludeStudentIds: [], // 已经入库的不扣课时学员
excludeConsumeStudentIds: [], // 已经入口的扣课时学员
assistant: [], // 已经选择的助教老师
applyMode: '',
calendarTime: [], // 批量排课
startTime: new Date().getTime() + 300000, // 批量开始时分
endTime: new Date().getTime() + 300000 // 批量结束时分
......@@ -132,9 +95,7 @@ class AddLive extends React.Component {
liveCourseMediaRequests: [{
mediaType: 'TEXT',
mediaContent: '',
// key: editBoxKey
}],
isAutoSendReport: true
}]
},
}
}
......@@ -143,110 +104,72 @@ class AddLive extends React.Component {
const { type } = this.state;
if (type === 'edit') {
this.getCourseDetail();
} else {
}
}
}
getCourseDetail = () => {
let { isEdit } = this.state;
this.setState({ loading: true });
// axios.Apollo('public/businessLive/getCourseDetail', {
// liveCourseId: this.state.id
// }).then((res) => {
// const {
// teacherId,
// studentIds,
// consumeStudentIds,
// courseName,
// coverUrl,
// coverId,
// intro,
// courseState,
// startTime,
// endTime,
// liveType,
// adminShowVOList,
// channel,
// podium,
// courseMediaVOS,
// nickname,
// needRecord,
// consumeHourNum,
// consumeClassTime,
// warmMedia,
// applyMode,
// autoSendReport
// } = res.result;
// const studentList = [];
// _.each(studentIds, (item) => {
// studentList.push({ studentId: item });
// });
// const selectedAssistant = _.map(adminShowVOList, (item) => ({
// id: item.adminId,
// adminName: item.adminName,
// }));
// const assistantId = _.pluck(adminShowVOList, "adminId");
// courseMediaVOS.map((item) => {
// item.key = window.random_string(16);
// return item;
// })
// const addLiveBasicInfo = {
// courseName,
// coverId,
// coverUrl: coverUrl || defaultCover,
// };
// const liveDate = startTime;
// const timeHorizonStart = startTime;
// const timeHorizonEnd = endTime;
// const addLiveClassInfo = {
// liveType,
// liveDate,
// nickname,
// teacherId,
// studentList,
// consumeHourNum,
// consumeClassTime,
// consumeStudentList: consumeStudentIds,
// timeHorizonStart,
// timeHorizonEnd,
// assistant: assistantId,
// excludeStudentIds: studentIds,
// excludeConsumeStudentIds: _.pluck(consumeStudentIds, 'studentId'),
// applyMode
// }
// const liveCourseMediaRequests = courseMediaVOS.length
// ? [...courseMediaVOS]
// : [{ mediaType: 'TEXT', mediaContent: '', key: window.random_string(16) }, ...courseMediaVOS];
CourseService.getLiveCloudCourseDetail({
liveCourseId: this.state.id
}).then((res) => {
const {
teacherId,
courseName,
coverUrl,
coverId,
startTime,
endTime,
courseMediaVOS,
nickname,
needRecord,
warmMedia,
} = res.result;
courseMediaVOS.map((item) => {
item.key = window.random_string(16);
return item;
})
const addLiveBasicInfo = {
courseName,
coverId,
coverUrl: coverUrl || defaultCover,
};
const liveDate = startTime;
const timeHorizonStart = startTime;
const timeHorizonEnd = endTime;
const addLiveClassInfo = {
liveDate,
nickname,
teacherId,
timeHorizonStart,
timeHorizonEnd,
startTime,
endTime,
}
const liveCourseMediaRequests = courseMediaVOS.length
? [...courseMediaVOS]
: [{ mediaType: 'TEXT', mediaContent: '', key: window.random_string(16) }, ...courseMediaVOS];
// const addLiveIntroInfo = {
// liveCourseWarmMedia: warmMedia,
// needRecord,
// liveCourseMediaRequests,
// isAutoSendReport: !!(autoSendReport === "AUTO")
// }
// // 晚于开课前30分钟
// if(new Date().getTime() > startTime - 1800000) {
// isEdit = false
// }
// this.setState({
// isEdit,
// loading: false,
// selectedAssistant,
// addLiveIntroInfo,
// addLiveClassInfo,
// addLiveBasicInfo,
// after: courseState !== "UN_START",
// isXiaomai: channel === "XIAOMAI",
// });
// })
const addLiveIntroInfo = {
liveCourseWarmMedia: warmMedia,
needRecord,
liveCourseMediaRequests,
}
// 晚于开课前30分钟
if(new Date().getTime() > startTime - 1800000) {
isEdit = false
}
this.setState({
isEdit,
loading: false,
addLiveIntroInfo,
addLiveClassInfo,
addLiveBasicInfo,
});
})
}
// 修改基本信息
......@@ -319,27 +242,18 @@ class AddLive extends React.Component {
this.handleValidate(addLiveBasicInfo, addLiveClassInfo, addLiveIntroInfo, isEdit).then((res) => {
if (!res) return;
const { type } = this.state;
const { courseName, coverId, coverUrl,parentCatalogId} = addLiveBasicInfo;
const {
podium,
liveType,
liveDate,
teacherId,
adminId,
assistant,
studentList,
consumeHourNum,
timeHorizonEnd,
consumeClassTime,
timeHorizonStart,
consumeStudentList,
applyMode,
calendarTime,
} = addLiveClassInfo;
let { startTime, endTime } = addLiveClassInfo;
const { liveCourseMediaRequests, needRecord, liveCourseWarmMedia, isAutoSendReport} = addLiveIntroInfo;
const { liveCourseMediaRequests, needRecord, liveCourseWarmMedia} = addLiveIntroInfo;
if(type === 'add') {
startTime = startTime;
endTime = endTime;
......@@ -350,43 +264,45 @@ class AddLive extends React.Component {
startTime = moment(_liveDate + ' ' + _timeHorizonStart).format('x');
endTime = moment(_liveDate + ' ' + _timeHorizonEnd).format('x');
}
const commonParams = {
adminIds:[adminId],
calendarTime,
categoryId:parentCatalogId,
endTime,
needRecord,
operatorId:User.getUserId(),
startTime,
storeId:User.getUserId(),
courseName: courseName.trim(),
storeId:User.getStoreId(),
teacherId:teacherId,
}
if (type === 'add') {
const params = {
...commonParams,
operatorId:User.getUserId(),
}
CourseService.createLiveCloudCourse(params).then((res) => {
if (res.success){
message.success("新建成功");
window.RCHistory.goBack();
}
});
} else {
const params = {
...commonParams,
updateUserId:User.getUserId(),
liveCourseId: id,
}
if(params.liveCourseWarmMedia && !params.liveCourseWarmMedia.mediaUrl) {
delete params.liveCourseWarmMedia
}
axios.Apollo("public/businessLive/updateCourse", params).then((res) => {
message.success("更新成功");
this.setState({ loading: false });
window.RCHistory.goBack();
// if(params.liveCourseWarmMedia && !params.liveCourseWarmMedia.mediaUrl) {
// delete params.liveCourseWarmMedia
// }
CourseService.updateLiveCloudCourse(params).then((res) => {
if (res.success){
message.success("更新成功");
window.RCHistory.goBack();
}
});
}
})
......@@ -398,7 +314,7 @@ class AddLive extends React.Component {
console.log("addLiveBasicInfo",addLiveBasicInfo);
const { courseName,parentCatalogId} = addLiveBasicInfo;
const {
liveDate, timeHorizonStart, timeHorizonEnd, teacherId, calendarTime, consumeStudentList, consumeHourNum, consumeClassTime, applyMode
liveDate, timeHorizonStart, timeHorizonEnd, teacherId, calendarTime
} = addLiveClassInfo;
const { liveCourseMediaRequests } = addLiveIntroInfo;
......@@ -413,40 +329,73 @@ class AddLive extends React.Component {
resolve(false);
return;
}
const { startTime, endTime } = addLiveClassInfo;
if(calendarTime.length === 0) {
message.warning('请选择上课日期');
resolve(false);
return;
} else if(startTime === endTime) {
message.warning('结束时间必须晚于开始时间');
resolve(false);
return;
}
// 若有今日排课 校验当前时间
const currentDay = moment(currentTime).format('YYYY-MM-DD');
const itemToday = _.find(calendarTime, (item) => {
const itemDay = moment(item).format('YYYY-MM-DD');
return itemDay === currentDay;
})
if(itemToday) {
const itemDay = moment(itemToday).format('YYYY-MM-DD');
const itemHour = moment(startTime).format('HH:mm');
if(itemDay === currentDay) {
if(moment(itemDay + ' ' + itemHour).format('x') < currentTime) {
message.warning('开始时间不能早于现在');
resolve(false);
return;
if(type === 'add') {
const { startTime, endTime } = addLiveClassInfo;
if(calendarTime.length && calendarTime.length === 0) {
message.warning('请选择上课日期');
resolve(false);
return;
} else if(startTime === endTime) {
message.warning('结束时间必须晚于开始时间');
resolve(false);
return;
}
// 若有今日排课 校验当前时间
const currentDay = moment(currentTime).format('YYYY-MM-DD');
const itemToday = _.find(calendarTime, (item) => {
const itemDay = moment(item).format('YYYY-MM-DD');
return itemDay === currentDay;
})
if(itemToday) {
const itemDay = moment(itemToday).format('YYYY-MM-DD');
const itemHour = moment(startTime).format('HH:mm');
if(itemDay === currentDay) {
if(moment(itemDay + ' ' + itemHour).format('x') < currentTime) {
message.warning('开始时间不能早于现在');
resolve(false);
return;
}
}
}
} else {
const _liveDate = moment(liveDate).format("YYYY-MM-DD");
const _timeHorizonStart = moment(timeHorizonStart).format('HH:mm');
const _timeHorizonEnd = moment(timeHorizonEnd).format('HH:mm');
const startTime = moment(_liveDate + ' ' + _timeHorizonStart).format('x');
const endTime = moment(_liveDate + ' ' + _timeHorizonEnd).format('x');
if(!startTime || !endTime) {
message.warning('日期不能为空');
resolve(false);
return;
} else if (!timeHorizonStart) {
message.warning('开始时间不能为空');
resolve(false);
return;
} else if (!timeHorizonEnd) {
message.warning('结束时间不能为空');
resolve(false);
return;
} else if (isEdit && startTime < currentTime) {
message.warning('开始时间不能早于当前时间');
resolve(false);
return;
} else if (isEdit && endTime < currentTime) {
message.warning('结束时间不能早于当前时间');
resolve(false);
return;
} else if (isEdit && endTime <= startTime) {
message.warning("结束时间不能早于开始时间");
resolve(false);
return;
}
}
if(!teacherId){
message.warning('上课老师不能为空');
resolve(false);
return;
}
resolve(true)
// if(consumeClassTime > (endTime - startTime) / 60000) {
// message.warning('到课规则时长不能超过排课时长');
// resolve(false);
// return;
// }
// if(!teacherId) {
// message.warning('上课老师不能为空');
// resolve(false);
......@@ -496,6 +445,7 @@ class AddLive extends React.Component {
// 取消编辑并返回上一级路由
handleGoBack = () => {
console.log('111');
// 比较state的addLiveBasicInfo, addLiveClassInfo, addLiveIntroInfo和默认数据是否相等
const { addLiveBasicInfo, addLiveClassInfo, addLiveIntroInfo } = this.state;
if (!_.isEqual(addLiveBasicInfo, defaultBasicInfo) ||
......@@ -513,7 +463,6 @@ class AddLive extends React.Component {
}
})
} else {
// 直接返回
window.RCHistory.goBack();
}
}
......@@ -521,7 +470,7 @@ class AddLive extends React.Component {
render() {
const {
id, type, after, isXiaomai, selectedAssistant,
id, type,
addLiveBasicInfo, addLiveClassInfo, addLiveIntroInfo,
isEdit
} = this.state;
......@@ -540,7 +489,6 @@ class AddLive extends React.Component {
<div className="basic-info__wrap">
<div className="title">基本信息</div>
<AddLiveBasic
liveScene="large"
isEdit={isEdit}
data={addLiveBasicInfo}
onChange={this.handleChangeBasicInfo}
......@@ -550,13 +498,9 @@ class AddLive extends React.Component {
<div className="class-info__wrap">
<div className="title">上课信息</div>
<AddLiveClass
liveScene="large"
isEdit={isEdit}
after={after}
pageType={type}
isXiaomai={isXiaomai}
data={{...addLiveClassInfo, id} }
selectedAssistant={selectedAssistant}
onChange={this.handleChangeClassInfo}
/>
</div>
......@@ -564,10 +508,8 @@ class AddLive extends React.Component {
<div className="intro-info__wrap">
<div className="title">更多信息</div>
<AddLiveIntro
liveScene="large"
isEdit={isEdit}
data={addLiveIntroInfo}
isXiaomai={isXiaomai}
onChange={this.handleChangeIntroInfo}
/>
</div>
......
src/modules/course-manage/LiveCoursePage.jsx
......@@ -9,13 +9,11 @@ class LiveCoursePage extends React.Component {
constructor(props) {
super(props);
// const { instId, teacherId } = window.currentUserInstInfo;
this.state = {
courseList: [], // 直播课列表
query: {
current: 1,
size: 10,
storeId:User.getStoreId()
},
total: 0,
loading: true,
......@@ -26,10 +24,9 @@ class LiveCoursePage extends React.Component {
}
// 获取直播课列表
handleFetchLiveList = (_query) => {
const { query } = this.state;
const params = {
...query,
..._query,
storeId:User.getStoreId()
};
this.setState({ query: params });
CourseService.getLiveCloudCoursePage(params).then((res) => {
......@@ -42,49 +39,11 @@ class LiveCoursePage extends React.Component {
this.setState({ loading: false });
});
}
// handleFetchLiveList= (_query) => {
// const _courseList=[
// {
// applyMode: "ANYONE",
// autoSendReport: "AUTO",
// channel: "XIAOMAI",
// consumeClassTime: 30,
// consumeHourNum: 1,
// courseDocumentCount: 0,
// courseMediaVOS: [],
// courseName: "0988",
// courseState: "EXPIRED",
// createdReport: "INVALID",
// endTime: 1607515751000,
// haveRecord: "NO",
// instId: "1213001850820476929",
// intro: "",
// liveCourseId: "1336612757182279681",
// liveType: "LARGE_CLASS_LIVE",
// needRecord: "YES",
// nickname: "张莹",
// podium: 0,
// quota: 1,
// roomId: 9984,
// startTime: 1607508551000,
// teacherId: "1226497609046880257",
// thirdPartType: "TENCENT",
// whetherRecord: "YES",
// }
// ];
// this.setState({
// courseList: _courseList,
// total:1
// });
// }
render() {
const { query, total, courseList } = this.state;
return (
<div className="page big-live-page">
<div className="content-header">大班直播</div>
<div className="content-header">直播课</div>
<div className="box">
<LiveCourseFilter
onChange={this.handleFetchLiveList}
......
src/modules/course-manage/components/AddLiveBasic.jsx
......@@ -77,7 +77,7 @@ class AddLiveBasic extends React.Component {
}
render() {
const { showCutModal, imageFile,courseCatalogList} = this.state;
const { data, liveScene } = this.props;
const { data} = this.props;
const { courseName, coverUrl} = data;
const fileName = '';
......
src/modules/course-manage/components/AddLiveClass.jsx
......@@ -7,7 +7,7 @@
*/
import React from 'react';
import {TimePicker, Select, Spin, Tooltip } from 'antd';
import {TimePicker, Select, Spin, Tooltip,DatePicker} from 'antd';
import {InfoCircleFilled} from '@ant-design/icons';
import StoreService from "@/domains/store-domain/storeService";
......@@ -124,25 +124,21 @@ class AddLiveClass extends React.Component {
assistantQuery
} = this.state;
const { pageType, liveScene, data, selectedAssistant, isXiaomai,isEdit, after} = this.props;
const { pageType,data,isEdit} = this.props;
const {
endTime,
startTime,
studentList,
consumeStudentList,
calendarTime,
teacherId,
liveDate,
timeHorizonStart,
timeHorizonEnd
} = data;
// 已选择的上课学员数量(不扣课时)
const hasSelectedStu = studentList.length;
// 已选择的上课学员数量(扣课时)
const hasSelectedDeductionStu = consumeStudentList.length;
console.log("teacherId",teacherId);
return (
<Spin spinning={loading}>
<div className="add-live__class-info">
<div className="course">
{/* <div className="course">
<div className="day">
<span className="label">
<span className="require">*</span>
......@@ -192,12 +188,113 @@ class AddLiveClass extends React.Component {
}}
/>
</div>
</div> */}
{pageType === 'add' &&
<div className="course">
<div className="day">
<span className="label">
<span className="require">*</span>
上课日期
<Tooltip
overlayStyle={{maxWidth: 300, zIndex: '9999'}}
title={<div style={{width: '266px'}}>支持按上课日期批量创建直播课，创建后按“课程名称_日期”命名，例如：<br/>张三的语文课_9月18日<br/>张三的语文课_9月19日......</div>}>
<span className="iconfont">&#xe6f2;</span>
</Tooltip>：
</span>
<div>
<div className='select-day'>
已选
<span className="mark-day">
{isLongArr(calendarTime)
? calendarTime.length : 0
}
</span> 天
</div>
<MultipleDatePicker
selectDateList={calendarTime}
onSelect={this.selectMultiDate}
canSelectTodayBefore={false}
/>
</div>
</div>
<div className="hour" id="hour">
<span className="label"><span className="require">*</span>上课时间：</span>
<TimePicker
format="HH:mm"
value={startTime ? moment(startTime) : null}
placeholder="开始时间"
style={{ width: 100, minWidth: 100}}
onChange={(time) => {
this.props.onChange('startTime', time);
}}
/>&nbsp;&nbsp;~&nbsp;&nbsp;
<TimePicker
format="HH:mm"
value={endTime ? moment(endTime) : null}
placeholder="结束时间"
style={{ width: 100, minWidth: 100 }}
onChange={(time) => {
this.props.onChange('endTime', time)
}}
/>
</div>
</div>
}
{pageType === 'edit' &&
<div className="time" id="time">
<div className="content">
<span className="label"><span className="require">*</span>上课时间：</span>
<DatePicker
disabled={!isEdit}
format="YYYY-MM-DD"
value={liveDate ? moment(Number(liveDate)) : null}
style={{ width: 160, minWidth: 130, marginRight: 10 }}
placeholder="上课日期"
getCalendarContainer={() =>
document.getElementById("time")
}
disabledDate={this.disabledDate}
onChange={(date) => { this.props.onChange('liveDate', date) }}
/>
<TimePicker
disabled={!isEdit}
format="HH:mm"
value={timeHorizonStart ? moment(Number(timeHorizonStart)) : null}
defaultOpenValue={moment(new Date().setHours(0,0,0,0))}
placeholder="开始时间"
style={{ width: 100, minWidth: 100, marginRight: 10 }}
getPopupContainer={() =>
document.getElementById("time")
}
onChange={(time) => { this.props.onChange('timeHorizonStart', time) }}
/>
<TimePicker
disabled={!isEdit}
format="HH:mm"
value={timeHorizonEnd ? moment(Number(timeHorizonEnd)) : null}
defaultOpenValue={moment(new Date().setHours(0,0,0,0))}
placeholder="结束时间"
style={{ width: 100, minWidth: 100 }}
getPopupContainer={() =>
document.getElementById("time")
}
onChange={(time) => { this.props.onChange('timeHorizonEnd', time) }}
/>
</div>
</div>
}
<div className="teacher">
<span className="label"><span className="require">* </span>讲师：</span>
<Select
placeholder="请选择讲师"
style={{ width: 240, marginTop: 6 }}
showSearch
allowClear
value={teacherId}
filterOption={(input, option) => option}
onPopupScroll={this.handleScrollTeacherList}
onChange={(value) => {
......@@ -208,7 +305,7 @@ class AddLiveClass extends React.Component {
this.setState({
teacherQuery
}, () => {
this.handleScrollTeacherList()
this.getTeacherList()
})
}}
>
......@@ -224,6 +321,8 @@ class AddLiveClass extends React.Component {
<Select
id="assistant"
placeholder="请选择助教老师"
showSearch
allowClear
style={{ width: 240, marginTop: 6 }}
filterOption={(input, option) => option}
onPopupScroll={this.handleScrollAssistantList}
......
src/modules/course-manage/components/AddLiveIntro.jsx
......@@ -207,7 +207,7 @@ class AddLiveIntro extends React.Component {
}
render() {
const { liveScene, liveType, isXiaomai, isEdit, data: { introduction, needRecord, whetherRecord, liveCourseMediaRequests = [], liveCourseWarmMedia = {}, isAutoSendReport } } = this.props;
const {liveType, isXiaomai, isEdit, data: { introduction, needRecord, whetherRecord, liveCourseMediaRequests = [], liveCourseWarmMedia = {}, isAutoSendReport } } = this.props;
const { showCutModal, warmUrl, showSelectFileModal, diskList, imageFile } = this.state
return (
<div className="add-live__intro-info">
......@@ -269,7 +269,7 @@ class AddLiveIntro extends React.Component {
</div>
<div className="opt-btns">
<Button
disabled={liveScene === 'large' && !isEdit}
disabled={!isEdit}
onClick={() => {
this.setState({
showSelectFileModal: true
......
src/modules/course-manage/components/LiveCourseFilter.jsx
......@@ -13,7 +13,8 @@ import Bus from '@/core/bus';
import TeacherSearchSelect from "@/modules/common/TeacherSearchSelect";
import RangePicker from "@/modules/common/DateRangePicker";
import moment from 'moment';
import StoreService from "@/domains/store-domain/storeService";
import './LiveCourseFilter.less';
const { Search } = Input;
......@@ -22,31 +23,57 @@ const { Option } = Select;
const defaultQuery = {
courseName: null,
startTime: null,
teacherName: null,
teacherId: null,
courseState: null,
shelfState:null,
}
const defaultTeacherQuery = {
size: 10,
current: 1,
nickName:null
}
class LiveCourseFilter extends React.Component {
constructor(props) {
super(props);
this.state = {
query: {...defaultQuery},
teacherQuery: defaultTeacherQuery,
teacherList:[],
expandFilter:false
}
}
componentWillReceiveProps(nextProps) {
const { match: { path } } = nextProps;
const { match: { path: curPath } } = this.props;
if (path !== curPath) {
this.setState({
query: {...defaultQuery}
})
componentDidMount() {
this.getTeacherList();
}
getTeacherList(current = 1, selectList){
const { teacherQuery,teacherList} = this.state;
const _query = {
...teacherQuery,
current,
size:10
};
StoreService.getEmployeeList( _query).then((res) => {
const { result = {} } = res;
const { records = [], total = 0, hasNext } = result;
const list = current > 1 ? teacherList.concat(records) : records;
this.setState({
hasNext,
teacherList: list,
})
});
}
// 滑动加载更多讲师列表
handleScrollTeacherList = (e) => {
const { hasNext } = this.state;
const container = e.target;
const scrollToBottom = container && container.scrollHeight <= container.clientHeight + container.scrollTop;
if (scrollToBottom && hasNext) {
const { teacherQuery } = this.state;
this.getTeacherList(teacherQuery.current + 1);
}
}
// 改变搜索条件
handleChangeQuery = (field, value) => {
this.setState({
......@@ -117,7 +144,7 @@ class LiveCourseFilter extends React.Component {
courseState, teacherName, teacherId,
shelfState
} = this.state.query;
const {expandFilter} = this.state;
const {expandFilter,teacherList,teacherQuery} = this.state;
const { teacherId: _teahcerId } = {};
const isTeacher = !!_teahcerId; // 判断是否是老师身份
......@@ -147,20 +174,35 @@ class LiveCourseFilter extends React.Component {
style={{ width: "calc(100% - 70px)" }}
/>
</div>
{!isTeacher &&
<div className="search-condition__item">
<TeacherSearchSelect
id="teacher_select"
ref="TeacherSelect"
label="讲师"
placeholder="请选择"
teacherName={teacherName}
onSelect={this.handleSelectTeacher}
defaultValue={teacherId}
/>
</div>
}
<div className="search-condition__item">
<span>讲师：</span>
<Select
placeholder="请选择讲师"
style={{ width: 240, marginTop: 6 }}
showSearch
allowClear
filterOption={(input, option) => option}
onPopupScroll={this.handleScrollTeacherList}
onChange={(value) => {
this.handleChangeQuery('teacherId', value)
}}
onSearch={(value) => {
teacherQuery.nickName = value
this.setState({
teacherQuery
}, () => {
this.getTeacherList()
})
}}
>
{_.map(teacherList, (item, index) => {
return (
<Select.Option value={item.userId} key={item.userId}>{item.nickName}</Select.Option>
);
})}
</Select>
</div>
{ expandFilter &&
<div className="search-condition__item">
<span className="select-status">上课状态：</span>
......@@ -188,8 +230,8 @@ class LiveCourseFilter extends React.Component {
value={shelfState}
onChange={(value) => { this.handleChangeQuery('shelfState', value) }}
>
<Option value="UN_START">上架中</Option>
<Option value="STARTING">未上架</Option>
<Option value="YES">上架中</Option>
<Option value="NO">未上架</Option>
</Select>
</div>
}
......
src/modules/course-manage/components/LiveCourseList.jsx
......@@ -79,7 +79,6 @@ class LiveCourseList extends React.Component {
getDownloadVersion() {
}
// 显示分享弹窗
handleShowShareModal = (item, needStr = false) => {
const _appId = appId;
......@@ -107,7 +106,15 @@ class LiveCourseList extends React.Component {
this.setState({ shareLiveModal })
}
//改变上架状态
changeShelfState = (item) =>{
if(item.shelfState==='NO'){
item.shelfState = "YES"
}else{
}
}
// 前往上课数据页面
handleLinkToClassData = (item) => {
// TODOLIST 确定后端是否是根据liveCourseId 返回数据
......@@ -131,7 +138,7 @@ class LiveCourseList extends React.Component {
const columns = [
{
title: "直播课",
width: "20%",
width: "25%",
key: "course",
dataIndex: "courseName",
render: (val, record) => {
......@@ -139,13 +146,13 @@ class LiveCourseList extends React.Component {
<div className="record__item">
<img className="course-cover" src={'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png'} />
<div>
<div className="course-name">课程名称</div>
<div className="course-name">{record.courseName}</div>
<div>
<span className="course-time">2020-11-09 10:00~11:00</span>
<span>待开课</span>
<span className="course-time">{formatDate("YYYY-MM-DD H:i",parseInt(record.startTime))}~{formatDate("H:i", parseInt(record.endTime))}</span>
<span>{courseStateShow[record.courseState].title}</span>
</div>
<div>
<span>讲师：吴帆</span>
<span>讲师：{record.teacherName}</span>
<span> | </span>
<span>助教：周晓</span>
</div>
......@@ -161,7 +168,7 @@ class LiveCourseList extends React.Component {
dataIndex: "couseCatalog",
render: (val, item) => {
return (
<div>一阶培训</div>
<div>{item.categoryName}</div>
)
},
},
......@@ -172,7 +179,7 @@ class LiveCourseList extends React.Component {
dataIndex: "courseware",
render: (val, item) => {
return (
<span>2个</span>
<span>{item.courseDocumentCount}</span>
);
},
},
......@@ -185,7 +192,7 @@ class LiveCourseList extends React.Component {
return (
<span className="iconfont icon" onClick={() => {
this.handleLinkToClassData(item)
}}>&#xe7d6; </span>
}}>&#xe7d6;</span>
);
},
},
......@@ -195,51 +202,74 @@ class LiveCourseList extends React.Component {
dataIndex: "courseware",
render: (val, item, index) => {
return (
<Switch defaultChecked />
<Switch checked={item.shelfState==="YES"?true:false} onChange={()=>this.changeShelfState(item)}/>
)
},
},
{
title: "操作",
width: "20%",
width: "15%",
key: "operate",
dataIndex: "operate",
render: (val, item) => {
return (
<div className="operate">
<div
key="enter_live_room1"
className="operate__item"
onClick={() => { this.handleEnterLiveRoom(item) }}
>进入直播间
</div>
<span className="operate__item split" key="enter_live_room1_split"> | </span>
<div
key="view_play_back"
className="operate__item"
>查看回放</div>
<span className="operate__item split" key="view_play_back_split"> | </span>
<div
key="share"
{ (item.courseState==="UN_START" || item.courseState==="STARTING") &&
<div
key="enter_live_room1"
className="operate__item"
onClick={() => { this.handleShowShareModal(item); }}
>
分享
onClick={() => { this.handleEnterLiveRoom(item) }}
>进入直播间
</div>
<span key="split1" className="operate__item split"> | </span>
<div className="big-live">
<Dropdown overlay={this.renderMoreOperate(item)}>
<span className="more-operate">
<span className="operate-text">更多</span>
<span
className="iconfont icon"
style={{ color: "#FC9C6B" }}
}
{ (item.courseState==="FINISH") &&
<>
<span className="operate__item split" key="enter_live_room1_split"> | </span>
<div
key="view_play_back"
className="operate__item"
>查看回放</div>
</>
}
{ item.courseState!=="EXPIRED" &&
<>
<span className="operate__item split" key="view_play_back_split"> | </span>
<div
key="share"
className="operate__item"
onClick={() => { this.handleShowShareModal(item); }}
>
&#xe824;
</span>
</span>
</Dropdown>
</div>
分享
</div>
</>
}
{ item.courseState!=="EXPIRED" &&
<>
<span key="split1" className="operate__item split"> | </span>
<div className="big-live">
<Dropdown overlay={this.renderMoreOperate(item)}>
<span className="more-operate">
<span className="operate-text">更多</span>
<span
className="iconfont icon"
style={{ color: "#FC9C6B" }}
>
&#xe824;
</span>
</span>
</Dropdown>
</div>
</>
}
{ item.courseState==="EXPIRED" &&
<div
className="operate__item"
onClick={this.handleDelete}
>删除</div>
}
</div>
)
}
......@@ -253,12 +283,14 @@ class LiveCourseList extends React.Component {
<div className="live-course-more-menu">
<div
className="operate__item"
onClick={this.toEditCoursePage(item)}
onClick={()=>this.toEditCoursePage(item)}
>编辑</div>
<div
className="operate__item"
onClick={this.handleDelete}
>删除</div>
{ item.courseState !=="STARTING" &&
<div
className="operate__item"
onClick={this.handleDelete}
>删除</div>
}
</div>
)
}
......@@ -276,12 +308,13 @@ class LiveCourseList extends React.Component {
})
}
deleteConfirm = (item)=>{
message.success("已删除");
}
toEditCoursePage =(item)=>{
// window.RCHistory.push({
// pathname: '/create-live-course?type=edit',
// })
window.RCHistory.push({
pathname: `/create-live-course?type=edit&id=${item.liveCourseId}`,
})
}
refreshCourseList = ()=>{
this.props.onChange(this.props.query);
......
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