Commit 96a8244a by zhangleyuan

feat:处理没有数据时分页不用显示

parent d2356439
...@@ -227,6 +227,13 @@ class DataList extends React.Component { ...@@ -227,6 +227,13 @@ class DataList extends React.Component {
); );
}; };
onShowSizeChange = (current, size) => {
if (current == size) {
return;
}
this.setState({ size }, this.fetchUserData)
}
render() { render() {
const { const {
teacherData, teacherData,
...@@ -325,16 +332,18 @@ class DataList extends React.Component { ...@@ -325,16 +332,18 @@ class DataList extends React.Component {
pagination={false} pagination={false}
style={{ margin: "16px 0" }} style={{ margin: "16px 0" }}
/> />
{ total > 0 &&
<PageControl <PageControl
size="small" size="small"
current={current - 1} current={current - 1}
pageSize={size} pageSize={size}
total={total} total={total}
onShowSizeChange={this.onShowSizeChange}
toPage={(page) => { toPage={(page) => {
this.fetchUserData(page + 1); this.fetchUserData(page + 1);
}} }}
/> />
}
</div> </div>
</Spin> </Spin>
); );
......
...@@ -231,6 +231,10 @@ class AddLiveClass extends React.Component { ...@@ -231,6 +231,10 @@ class AddLiveClass extends React.Component {
onChange={(time) => { onChange={(time) => {
this.props.onChange('startTime', time); this.props.onChange('startTime', time);
}} }}
renderExtraFooter={()=>{
return null
}}
/>&nbsp;&nbsp;~&nbsp;&nbsp; />&nbsp;&nbsp;~&nbsp;&nbsp;
<TimePicker <TimePicker
format="HH:mm" format="HH:mm"
......
...@@ -176,15 +176,18 @@ class LiveCourseList extends React.Component { ...@@ -176,15 +176,18 @@ class LiveCourseList extends React.Component {
</div> </div>
<div> <div>
<span className="teacher">讲师:{record.teacherName}</span> <span className="teacher">讲师:{record.teacherName}</span>
<span className="split"> | </span>
{ record.admins.length >0 &&
<>
<span className="split"> | </span>
<span className="assistant">助教: <span className="assistant">助教:
{ record.admins.map((item,index)=>{ { record.admins.map((item,index)=>{
return <span>{item.adminName} { (index < record.admins.length-1)&&(<span></span>)} </span> return <span>{item.adminName} { (index < record.admins.length-1)&&(<span></span>)} </span>
}) })
} }
</span> </span>
</>
}
</div> </div>
</div> </div>
</div> </div>
...@@ -402,7 +405,14 @@ class LiveCourseList extends React.Component { ...@@ -402,7 +405,14 @@ class LiveCourseList extends React.Component {
// }); // });
} }
} }
onShowSizeChange = (current, size) => {
if (current == size) {
return
}
let _query = this.props.query
_query.size = size;
this.props.onChange(_query)
}
render() { render() {
const { total, query, courseList, loading} = this.props; const { total, query, courseList, loading} = this.props;
...@@ -425,7 +435,7 @@ class LiveCourseList extends React.Component { ...@@ -425,7 +435,7 @@ class LiveCourseList extends React.Component {
dataSource={courseList} dataSource={courseList}
rowKey={(row) => row.liveCourseId} rowKey={(row) => row.liveCourseId}
/> />
{ total>0 &&
<div className="box-footer"> <div className="box-footer">
<PageControl <PageControl
current={current - 1} current={current - 1}
...@@ -435,8 +445,10 @@ class LiveCourseList extends React.Component { ...@@ -435,8 +445,10 @@ class LiveCourseList extends React.Component {
const _query = {...query, current: page + 1}; const _query = {...query, current: page + 1};
this.props.onChange(_query) this.props.onChange(_query)
}} }}
onShowSizeChange={this.onShowSizeChange}
/> />
</div> </div>
}
{ this.state.shareLiveModal } { this.state.shareLiveModal }
{openCoursewareModal && ( {openCoursewareModal && (
<ManageCoursewareModal <ManageCoursewareModal
......
/* /*
* @Author: 吴文洁 * @Author: 吴文洁
* @Date: 2020-07-23 14:54:16 * @Date: 2020-07-23 14:54:16
* @LastEditors: wufan * @LastEditors: zhangleyuan
* @LastEditTime: 2020-12-22 20:31:31 * @LastEditTime: 2020-12-23 09:57:25
* @Description: 大班直播课预览弹窗 * @Description: 大班直播课预览弹窗
* @Copyright: 杭州杰竞科技有限公司 版权所有 * @Copyright: 杭州杰竞科技有限公司 版权所有
*/ */
import React from 'react'; import React from 'react';
import { Modal } from 'antd'; import { Modal } from 'antd';
import moment from 'moment';
import './PreviewCourseModal.less'; import './PreviewCourseModal.less';
class PreviewCourseModal extends React.Component { class PreviewCourseModal extends React.Component {
...@@ -50,7 +50,7 @@ class PreviewCourseModal extends React.Component { ...@@ -50,7 +50,7 @@ class PreviewCourseModal extends React.Component {
render() { render() {
const { courseBasinInfo, courseClassInfo = {}, courseIntroInfo, type } = this.props; const { courseBasinInfo, courseClassInfo = {}, courseIntroInfo, type } = this.props;
const { coverUrl, courseName, scheduleVideoUrl } = courseBasinInfo; const { coverUrl, courseName, scheduleVideoUrl } = courseBasinInfo;
const { liveDate, timeHorizonStart, timeHorizonEnd, nickname } = courseClassInfo; const { liveDate, timeHorizonStart, timeHorizonEnd, teacherName } = courseClassInfo;
const { liveCourseMediaRequests } = courseIntroInfo; const { liveCourseMediaRequests } = courseIntroInfo;
let liveDateStr, startTimeStr, endTimeStr; let liveDateStr, startTimeStr, endTimeStr;
...@@ -123,7 +123,7 @@ class PreviewCourseModal extends React.Component { ...@@ -123,7 +123,7 @@ class PreviewCourseModal extends React.Component {
</div> </div>
<div className="container__body__teacher"> <div className="container__body__teacher">
<span className="teacher__label">上课老师:</span> <span className="teacher__label">上课老师:</span>
<span className="teacher__value">{nickname}</span> <span className="teacher__value">{teacherName}</span>
</div> </div>
</div> </div>
} }
......
...@@ -203,7 +203,6 @@ function CourseCatalogPage() { ...@@ -203,7 +203,6 @@ function CourseCatalogPage() {
toPage={(page: any) => { toPage={(page: any) => {
const queryStates = _.clone(query); const queryStates = _.clone(query);
queryStates.current = page; queryStates.current = page;
console.log("queryStates",queryStates);
setQuery(queryStates); setQuery(queryStates);
}} }}
/> />
......
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