Skip to content

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

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

parent c233f4f6
Showing with 302 additions and 148 deletions
src/components/Breadcrumbs.tsx
...@@ -28,9 +28,10 @@ const Breadcrumbs = (props: BreadcrumbsProps) => { ...@@ -28,9 +28,10 @@ const Breadcrumbs = (props: BreadcrumbsProps) => {
const isArray = _.isArray(navList); const isArray = _.isArray(navList);
return ( return (
<div className="xm-breadCrumb"> <div className="xm-breadCrumb">
<span onClick={_onClick} className="back-btn" /> <span onClick={_onClick} className="back-btn">
<LeftOutlined/> <LeftOutlined/>
<span className="text ml5" >{text ? text : '返回'}</span> <span className="text ml5" >{text ? text : '返回'}</span>
</span>
<div className="divide"></div> <div className="divide"></div>
<Breadcrumb> <Breadcrumb>
{isString && <Breadcrumb.Item>{navList}</Breadcrumb.Item>} {isString && <Breadcrumb.Item>{navList}</Breadcrumb.Item>}
......
src/data-source/course/request-api.ts
/* /*
* @Author: wufan * @Author: wufan
* @Date: 2020-12-12 11:57:10 * @Date: 2020-12-12 11:57:10
* @LastEditors: wufan * @LastEditors: zhangleyuan
* @LastEditTime: 2020-12-16 15:01:26 * @LastEditTime: 2020-12-16 15:49:11
* @Description: Description * @Description: Description
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有 * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/ */
...@@ -34,4 +34,15 @@ export function exportPlayBackCourseData(params: object) { ...@@ -34,4 +34,15 @@ export function exportPlayBackCourseData(params: object) {
} }
export function fetchPlaybackList(params: object) { export function fetchPlaybackList(params: object) {
return Service.Hades("public/courseCloud/getUserReplayRecordPage", params); 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 * @Author: wufan
* @Date: 2020-11-25 18:25:02 * @Date: 2020-11-25 18:25:02
* @LastEditors: wufan * @LastEditors: zhangleyuan
* @LastEditTime: 2020-12-15 14:27:36 * @LastEditTime: 2020-12-16 15:50:43
* @Description: Description * @Description: Description
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有 * @@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 { export default class courseService {
// 获取讲师上课数据 // 获取讲师上课数据
...@@ -40,4 +40,13 @@ export default class courseService { ...@@ -40,4 +40,13 @@ export default class courseService {
return fetchPlaybackList(params); 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/LiveCoursePage.jsx
...@@ -9,13 +9,11 @@ class LiveCoursePage extends React.Component { ...@@ -9,13 +9,11 @@ class LiveCoursePage extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
// const { instId, teacherId } = window.currentUserInstInfo;
this.state = { this.state = {
courseList: [], // 直播课列表 courseList: [], // 直播课列表
query: { query: {
current: 1, current: 1,
size: 10, size: 10,
storeId:User.getStoreId()
}, },
total: 0, total: 0,
loading: true, loading: true,
...@@ -26,10 +24,9 @@ class LiveCoursePage extends React.Component { ...@@ -26,10 +24,9 @@ class LiveCoursePage extends React.Component {
} }
// 获取直播课列表 // 获取直播课列表
handleFetchLiveList = (_query) => { handleFetchLiveList = (_query) => {
const { query } = this.state;
const params = { const params = {
...query,
..._query, ..._query,
storeId:User.getStoreId()
}; };
this.setState({ query: params }); this.setState({ query: params });
CourseService.getLiveCloudCoursePage(params).then((res) => { CourseService.getLiveCloudCoursePage(params).then((res) => {
...@@ -42,49 +39,11 @@ class LiveCoursePage extends React.Component { ...@@ -42,49 +39,11 @@ class LiveCoursePage extends React.Component {
this.setState({ loading: false }); 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() { render() {
const { query, total, courseList } = this.state; const { query, total, courseList } = this.state;
return ( return (
<div className="page big-live-page"> <div className="page big-live-page">
<div className="content-header">大班直播</div> <div className="content-header">直播课</div>
<div className="box"> <div className="box">
<LiveCourseFilter <LiveCourseFilter
onChange={this.handleFetchLiveList} onChange={this.handleFetchLiveList}
......
src/modules/course-manage/components/AddLiveBasic.jsx
...@@ -77,7 +77,7 @@ class AddLiveBasic extends React.Component { ...@@ -77,7 +77,7 @@ class AddLiveBasic extends React.Component {
} }
render() { render() {
const { showCutModal, imageFile,courseCatalogList} = this.state; const { showCutModal, imageFile,courseCatalogList} = this.state;
const { data, liveScene } = this.props; const { data} = this.props;
const { courseName, coverUrl} = data; const { courseName, coverUrl} = data;
const fileName = ''; const fileName = '';
......
src/modules/course-manage/components/AddLiveClass.jsx
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
*/ */
import React from 'react'; 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 {InfoCircleFilled} from '@ant-design/icons';
import StoreService from "@/domains/store-domain/storeService"; import StoreService from "@/domains/store-domain/storeService";
...@@ -124,25 +124,21 @@ class AddLiveClass extends React.Component { ...@@ -124,25 +124,21 @@ class AddLiveClass extends React.Component {
assistantQuery assistantQuery
} = this.state; } = this.state;
const { pageType, liveScene, data, selectedAssistant, isXiaomai,isEdit, after} = this.props; const { pageType,data,isEdit} = this.props;
const { const {
endTime, endTime,
startTime, startTime,
studentList,
consumeStudentList,
calendarTime, calendarTime,
teacherId,
liveDate,
timeHorizonStart,
timeHorizonEnd
} = data; } = data;
// 已选择的上课学员数量(不扣课时) console.log("teacherId",teacherId);
const hasSelectedStu = studentList.length;
// 已选择的上课学员数量(扣课时)
const hasSelectedDeductionStu = consumeStudentList.length;
return ( return (
<Spin spinning={loading}> <Spin spinning={loading}>
<div className="add-live__class-info"> <div className="add-live__class-info">
<div className="course"> {/* <div className="course">
<div className="day"> <div className="day">
<span className="label"> <span className="label">
<span className="require">*</span> <span className="require">*</span>
...@@ -192,12 +188,113 @@ class AddLiveClass extends React.Component { ...@@ -192,12 +188,113 @@ class AddLiveClass extends React.Component {
}} }}
/> />
</div> </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>
}
<div className="teacher"> <div className="teacher">
<span className="label"><span className="require">* </span>讲师：</span> <span className="label"><span className="require">* </span>讲师：</span>
<Select <Select
placeholder="请选择讲师" placeholder="请选择讲师"
style={{ width: 240, marginTop: 6 }} style={{ width: 240, marginTop: 6 }}
showSearch
allowClear
value={teacherId}
filterOption={(input, option) => option} filterOption={(input, option) => option}
onPopupScroll={this.handleScrollTeacherList} onPopupScroll={this.handleScrollTeacherList}
onChange={(value) => { onChange={(value) => {
...@@ -208,7 +305,7 @@ class AddLiveClass extends React.Component { ...@@ -208,7 +305,7 @@ class AddLiveClass extends React.Component {
this.setState({ this.setState({
teacherQuery teacherQuery
}, () => { }, () => {
this.handleScrollTeacherList() this.getTeacherList()
}) })
}} }}
> >
...@@ -224,6 +321,8 @@ class AddLiveClass extends React.Component { ...@@ -224,6 +321,8 @@ class AddLiveClass extends React.Component {
<Select <Select
id="assistant" id="assistant"
placeholder="请选择助教老师" placeholder="请选择助教老师"
showSearch
allowClear
style={{ width: 240, marginTop: 6 }} style={{ width: 240, marginTop: 6 }}
filterOption={(input, option) => option} filterOption={(input, option) => option}
onPopupScroll={this.handleScrollAssistantList} onPopupScroll={this.handleScrollAssistantList}
......
src/modules/course-manage/components/AddLiveIntro.jsx
...@@ -207,7 +207,7 @@ class AddLiveIntro extends React.Component { ...@@ -207,7 +207,7 @@ class AddLiveIntro extends React.Component {
} }
render() { 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 const { showCutModal, warmUrl, showSelectFileModal, diskList, imageFile } = this.state
return ( return (
<div className="add-live__intro-info"> <div className="add-live__intro-info">
...@@ -269,7 +269,7 @@ class AddLiveIntro extends React.Component { ...@@ -269,7 +269,7 @@ class AddLiveIntro extends React.Component {
</div> </div>
<div className="opt-btns"> <div className="opt-btns">
<Button <Button
disabled={liveScene === 'large' && !isEdit} disabled={!isEdit}
onClick={() => { onClick={() => {
this.setState({ this.setState({
showSelectFileModal: true showSelectFileModal: true
......
src/modules/course-manage/components/LiveCourseFilter.jsx
...@@ -13,7 +13,8 @@ import Bus from '@/core/bus'; ...@@ -13,7 +13,8 @@ import Bus from '@/core/bus';
import TeacherSearchSelect from "@/modules/common/TeacherSearchSelect"; import TeacherSearchSelect from "@/modules/common/TeacherSearchSelect";
import RangePicker from "@/modules/common/DateRangePicker"; import RangePicker from "@/modules/common/DateRangePicker";
import moment from 'moment';
import StoreService from "@/domains/store-domain/storeService";
import './LiveCourseFilter.less'; import './LiveCourseFilter.less';
const { Search } = Input; const { Search } = Input;
...@@ -22,31 +23,57 @@ const { Option } = Select; ...@@ -22,31 +23,57 @@ const { Option } = Select;
const defaultQuery = { const defaultQuery = {
courseName: null, courseName: null,
startTime: null, startTime: null,
teacherName: null, teacherId: null,
courseState: null, courseState: null,
shelfState:null, shelfState:null,
} }
const defaultTeacherQuery = {
size: 10,
current: 1,
nickName:null
}
class LiveCourseFilter extends React.Component { class LiveCourseFilter extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
query: {...defaultQuery}, query: {...defaultQuery},
teacherQuery: defaultTeacherQuery,
teacherList:[],
expandFilter:false expandFilter:false
} }
} }
componentDidMount() {
componentWillReceiveProps(nextProps) { this.getTeacherList();
const { match: { path } } = nextProps; }
const { match: { path: curPath } } = this.props; getTeacherList(current = 1, selectList){
if (path !== curPath) { const { teacherQuery,teacherList} = this.state;
this.setState({ const _query = {
query: {...defaultQuery} ...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) => { handleChangeQuery = (field, value) => {
this.setState({ this.setState({
...@@ -117,7 +144,7 @@ class LiveCourseFilter extends React.Component { ...@@ -117,7 +144,7 @@ class LiveCourseFilter extends React.Component {
courseState, teacherName, teacherId, courseState, teacherName, teacherId,
shelfState shelfState
} = this.state.query; } = this.state.query;
const {expandFilter} = this.state; const {expandFilter,teacherList,teacherQuery} = this.state;
const { teacherId: _teahcerId } = {}; const { teacherId: _teahcerId } = {};
const isTeacher = !!_teahcerId; // 判断是否是老师身份 const isTeacher = !!_teahcerId; // 判断是否是老师身份
...@@ -147,20 +174,35 @@ class LiveCourseFilter extends React.Component { ...@@ -147,20 +174,35 @@ class LiveCourseFilter extends React.Component {
style={{ width: "calc(100% - 70px)" }} style={{ width: "calc(100% - 70px)" }}
/> />
</div> </div>
<div className="search-condition__item">
{!isTeacher && <span>讲师：</span>
<div className="search-condition__item"> <Select
<TeacherSearchSelect placeholder="请选择讲师"
id="teacher_select" style={{ width: 240, marginTop: 6 }}
ref="TeacherSelect" showSearch
label="讲师" allowClear
placeholder="请选择" filterOption={(input, option) => option}
teacherName={teacherName} onPopupScroll={this.handleScrollTeacherList}
onSelect={this.handleSelectTeacher} onChange={(value) => {
defaultValue={teacherId} this.handleChangeQuery('teacherId', value)
/> }}
</div> 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 && { expandFilter &&
<div className="search-condition__item"> <div className="search-condition__item">
<span className="select-status">上课状态：</span> <span className="select-status">上课状态：</span>
...@@ -188,8 +230,8 @@ class LiveCourseFilter extends React.Component { ...@@ -188,8 +230,8 @@ class LiveCourseFilter extends React.Component {
value={shelfState} value={shelfState}
onChange={(value) => { this.handleChangeQuery('shelfState', value) }} onChange={(value) => { this.handleChangeQuery('shelfState', value) }}
> >
<Option value="UN_START">上架中</Option> <Option value="YES">上架中</Option>
<Option value="STARTING">未上架</Option> <Option value="NO">未上架</Option>
</Select> </Select>
</div> </div>
} }
......
src/modules/course-manage/components/LiveCourseList.jsx
...@@ -79,7 +79,6 @@ class LiveCourseList extends React.Component { ...@@ -79,7 +79,6 @@ class LiveCourseList extends React.Component {
getDownloadVersion() { getDownloadVersion() {
} }
// 显示分享弹窗 // 显示分享弹窗
handleShowShareModal = (item, needStr = false) => { handleShowShareModal = (item, needStr = false) => {
const _appId = appId; const _appId = appId;
...@@ -107,7 +106,15 @@ class LiveCourseList extends React.Component { ...@@ -107,7 +106,15 @@ class LiveCourseList extends React.Component {
this.setState({ shareLiveModal }) this.setState({ shareLiveModal })
} }
//改变上架状态
changeShelfState = (item) =>{
if(item.shelfState==='NO'){
item.shelfState = "YES"
}else{
}
}
// 前往上课数据页面 // 前往上课数据页面
handleLinkToClassData = (item) => { handleLinkToClassData = (item) => {
// TODOLIST 确定后端是否是根据liveCourseId 返回数据 // TODOLIST 确定后端是否是根据liveCourseId 返回数据
...@@ -131,7 +138,7 @@ class LiveCourseList extends React.Component { ...@@ -131,7 +138,7 @@ class LiveCourseList extends React.Component {
const columns = [ const columns = [
{ {
title: "直播课", title: "直播课",
width: "20%", width: "25%",
key: "course", key: "course",
dataIndex: "courseName", dataIndex: "courseName",
render: (val, record) => { render: (val, record) => {
...@@ -139,13 +146,13 @@ class LiveCourseList extends React.Component { ...@@ -139,13 +146,13 @@ class LiveCourseList extends React.Component {
<div className="record__item"> <div className="record__item">
<img className="course-cover" src={'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png'} /> <img className="course-cover" src={'https://image.xiaomaiketang.com/xm/YNfi45JwFA.png'} />
<div> <div>
<div className="course-name">课程名称</div> <div className="course-name">{record.courseName}</div>
<div> <div>
<span className="course-time">2020-11-09 10:00~11:00</span> <span className="course-time">{formatDate("YYYY-MM-DD H:i",parseInt(record.startTime))}~{formatDate("H:i", parseInt(record.endTime))}</span>
<span>待开课</span> <span>{courseStateShow[record.courseState].title}</span>
</div> </div>
<div> <div>
<span>讲师：吴帆</span> <span>讲师：{record.teacherName}</span>
<span> | </span> <span> | </span>
<span>助教：周晓</span> <span>助教：周晓</span>
</div> </div>
...@@ -161,7 +168,7 @@ class LiveCourseList extends React.Component { ...@@ -161,7 +168,7 @@ class LiveCourseList extends React.Component {
dataIndex: "couseCatalog", dataIndex: "couseCatalog",
render: (val, item) => { render: (val, item) => {
return ( return (
<div>一阶培训</div> <div>{item.categoryName}</div>
) )
}, },
}, },
...@@ -172,7 +179,7 @@ class LiveCourseList extends React.Component { ...@@ -172,7 +179,7 @@ class LiveCourseList extends React.Component {
dataIndex: "courseware", dataIndex: "courseware",
render: (val, item) => { render: (val, item) => {
return ( return (
<span>2个</span> <span>{item.courseDocumentCount}</span>
); );
}, },
}, },
...@@ -185,7 +192,7 @@ class LiveCourseList extends React.Component { ...@@ -185,7 +192,7 @@ class LiveCourseList extends React.Component {
return ( return (
<span className="iconfont icon" onClick={() => { <span className="iconfont icon" onClick={() => {
this.handleLinkToClassData(item) this.handleLinkToClassData(item)
}}>&#xe7d6; </span> }}>&#xe7d6;</span>
); );
}, },
}, },
...@@ -195,51 +202,74 @@ class LiveCourseList extends React.Component { ...@@ -195,51 +202,74 @@ class LiveCourseList extends React.Component {
dataIndex: "courseware", dataIndex: "courseware",
render: (val, item, index) => { render: (val, item, index) => {
return ( return (
<Switch defaultChecked /> <Switch checked={item.shelfState==="YES"?true:false} onChange={()=>this.changeShelfState(item)}/>
) )
}, },
}, },
{ {
title: "操作", title: "操作",
width: "20%", width: "15%",
key: "operate", key: "operate",
dataIndex: "operate", dataIndex: "operate",
render: (val, item) => { render: (val, item) => {
return ( return (
<div className="operate"> <div className="operate">
<div { (item.courseState==="UN_START" || item.courseState==="STARTING") &&
key="enter_live_room1" <div
className="operate__item" key="enter_live_room1"
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"
className="operate__item" className="operate__item"
onClick={() => { this.handleShowShareModal(item); }} onClick={() => { this.handleEnterLiveRoom(item) }}
> >进入直播间
分享
</div> </div>
<span key="split1" className="operate__item split"> | </span> }
<div className="big-live"> { (item.courseState==="FINISH") &&
<Dropdown overlay={this.renderMoreOperate(item)}>
<span className="more-operate"> <>
<span className="operate-text">更多</span> <span className="operate__item split" key="enter_live_room1_split"> | </span>
<span <div
className="iconfont icon" key="view_play_back"
style={{ color: "#FC9C6B" }} 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> </div>
</span> </>
</Dropdown> }
</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> </div>
) )
} }
...@@ -253,12 +283,14 @@ class LiveCourseList extends React.Component { ...@@ -253,12 +283,14 @@ class LiveCourseList extends React.Component {
<div className="live-course-more-menu"> <div className="live-course-more-menu">
<div <div
className="operate__item" className="operate__item"
onClick={this.toEditCoursePage(item)} onClick={()=>this.toEditCoursePage(item)}
>编辑</div> >编辑</div>
<div { item.courseState !=="STARTING" &&
className="operate__item" <div
onClick={this.handleDelete} className="operate__item"
>删除</div> onClick={this.handleDelete}
>删除</div>
}
</div> </div>
) )
} }
...@@ -276,12 +308,13 @@ class LiveCourseList extends React.Component { ...@@ -276,12 +308,13 @@ class LiveCourseList extends React.Component {
}) })
} }
deleteConfirm = (item)=>{ deleteConfirm = (item)=>{
message.success("已删除"); message.success("已删除");
} }
toEditCoursePage =(item)=>{ toEditCoursePage =(item)=>{
// window.RCHistory.push({ window.RCHistory.push({
// pathname: '/create-live-course?type=edit', pathname: `/create-live-course?type=edit&id=${item.liveCourseId}`,
// }) })
} }
refreshCourseList = ()=>{ refreshCourseList = ()=>{
this.props.onChange(this.props.query); 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