You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
104 lines
3.6 KiB
104 lines
3.6 KiB
import React,{ Component } from "react";
|
|
import { Pagination } from "antd";
|
|
import {ImageLayerOfCommentHOC} from '../../../page/layers/ImageLayerOfCommentHOC'
|
|
import GraduationTasksappraiseMainEditor from './GraduationTasksappraiseMainEditor'
|
|
import Graduationtaskitem from './Graduationtaskitem'
|
|
import '../../../forums/Post.css'
|
|
import '../../../comment/Comment.css'
|
|
import '../../common/courseMessage.css'
|
|
import './GraduationTasksappraiseReply.css'
|
|
import ModulationModal from "../../coursesPublic/ModulationModal";
|
|
import Modals from '../../../modals/Modals';
|
|
const REPLY_PAGE_COUNT = 10
|
|
const $ = window.$;
|
|
|
|
class GraduationTasksappraiseReplyChild extends Component{
|
|
constructor(props){
|
|
super(props);
|
|
this.state={
|
|
|
|
}
|
|
}
|
|
|
|
render(){
|
|
let { total_count, comments, pageCount, comment_scores} = this.props;
|
|
|
|
const isAdmin = this.props.isAdmin();
|
|
const isStudent=this.props.isStudent();
|
|
|
|
|
|
return(
|
|
<React.Fragment>
|
|
|
|
<div className={`${comment_scores && comment_scores.length && 'bor-bottom-greyE'} stud-class-set edu-back-white mb10 padding20-30 `}
|
|
style={{height:"100%"}}>
|
|
|
|
<Modals
|
|
modalsType={this.props.Modalstype}
|
|
modalsTopval={this.props.Modalstopval}
|
|
modalCancel={this.props.ModalCancel}
|
|
modalSave={this.props.ModalSave}
|
|
closable={false}
|
|
footer={null}
|
|
destroyOnClose={true}
|
|
centered={true}
|
|
/>
|
|
|
|
|
|
{this.props.Modulationtype===true?<ModulationModal
|
|
modalname={"调分"}
|
|
visible={this.props.Modulationtype}
|
|
Cancelname={"取消"}
|
|
Savesname={"保存"}
|
|
Cancel={this.props.cancelmodel}
|
|
Saves={(value,num)=>this.props.saveModulationModal(value,num)}
|
|
closable={false}
|
|
footer={null}
|
|
destroyOnClose={true}
|
|
centered={true}
|
|
/>:""}
|
|
|
|
{/*<div style={{ width:'100%',height:'75px'}} >*/}
|
|
{/*<p className=" fl color-black mt25 summaryname">{datalist&&datalist.task_name}</p>*/}
|
|
{/*<a className="color-grey-6 fr font-16 mt10 mr20" onClick={this.goback}>返回</a>*/}
|
|
{/*{this.props.isStudent()?<a className={"fr color-blue font-16 mt10 mr20"} onClick={this.addAccessory}>补交附件</a>:""}*/}
|
|
{/*</div>*/}
|
|
{this.props.ultimate===true? isAdmin &&
|
|
<div style={{ width:'100%',height:'75px'}} >
|
|
<a className={"fr color-blue font-16 mt10 mr20"} onClick={()=>this.props.showModulationtype(this.props.task_id)}>调分</a>
|
|
</div>
|
|
:""}
|
|
{this.props.ultimate===true?"":<div className={"color-grey-6 mb10"}>
|
|
<span className="labal">全部评阅</span>
|
|
{ !!comment_scores.length && <span className="count">
|
|
{comment_scores.length===0?"":`(${comment_scores.length})`}
|
|
</span> }
|
|
</div>}
|
|
|
|
{this.props.ultimate===true ? "": isAdmin && <GraduationTasksappraiseMainEditor {...this.props}
|
|
addSuccess={() => this.props.addSuccess()}
|
|
showSameScore={true}
|
|
></GraduationTasksappraiseMainEditor> }
|
|
</div>
|
|
|
|
<div className={"stud-class-set edu-back-white mb10"} style={{height:"100%"}}>
|
|
|
|
<div className="padding20 memoReplies commentsDelegateParent course-message"
|
|
style={{ paddingTop: '0px', paddingBottom: '0px' }}
|
|
>
|
|
|
|
|
|
<style>{`
|
|
`}</style>
|
|
<div className="panel-comment_item">
|
|
{ comment_scores.map(item => {
|
|
return <Graduationtaskitem item={item} onDelete={this.props.onDelete} {...this.props}></Graduationtaskitem>
|
|
}) }
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</React.Fragment>
|
|
)
|
|
}
|
|
}
|
|
export default ImageLayerOfCommentHOC() (GraduationTasksappraiseReplyChild); |