|
|
import React,{Component} from "React";
|
|
|
import { Form, Select, Input, Button,Checkbox,Upload,Icon,message,Modal, Table, Divider, Tag,DatePicker,Radio,Tooltip} from "antd";
|
|
|
import {Link} from 'react-router-dom';
|
|
|
import locale from 'antd/lib/date-picker/locale/zh_CN';
|
|
|
import { WordsBtn, MarkdownToHtml, markdownToHTML } from 'educoder';
|
|
|
import axios from 'axios';
|
|
|
import Modals from '../../modals/Modals';
|
|
|
import CoursesListType from '../coursesPublic/CoursesListType';
|
|
|
import HomeworkModal from "../coursesPublic/HomeworkModal";
|
|
|
import CheckAllGroup from '../common/button/CheckAllGroup'
|
|
|
import moment from 'moment';
|
|
|
import CheckCodeModal from '../coursesPublic/modal/CheckCodeModal'
|
|
|
import '../css/Courses.css'
|
|
|
import WorkDetailPageHeader from './common/WorkDetailPageHeader'
|
|
|
import CommonWorkAppraiseReply from './reply/CommonWorkAppraiseReply'
|
|
|
const { Option} = Select;
|
|
|
const CheckboxGroup = Checkbox.Group;
|
|
|
const confirm = Modal.confirm;
|
|
|
|
|
|
const $ = window.$;
|
|
|
const Search = Input.Search;
|
|
|
const RadioGroup = Radio.Group;
|
|
|
|
|
|
class CommonWorkAppraise extends Component{
|
|
|
|
|
|
constructor(props){
|
|
|
super(props)
|
|
|
this.state={
|
|
|
course_name:"",
|
|
|
homework_name:"",
|
|
|
search: '',
|
|
|
|
|
|
|
|
|
attachments: [],
|
|
|
revise_attachments: [],
|
|
|
}
|
|
|
}
|
|
|
getWork = () => {
|
|
|
let workId =this.props.match.params.workId;
|
|
|
let studentWorkId =this.props.match.params.studentWorkId;
|
|
|
|
|
|
// https://www.showdoc.cc/127895880302646?page_id=1957586480118445
|
|
|
const url = `/student_works/${studentWorkId}.json`
|
|
|
|
|
|
axios.get(url).then((result)=> {
|
|
|
if (result.data.course_id) {
|
|
|
|
|
|
this.setState({
|
|
|
...result.data
|
|
|
})
|
|
|
}
|
|
|
}).catch((error)=>{
|
|
|
console.log(error)
|
|
|
})
|
|
|
}
|
|
|
getSupplyAttachments = () => {
|
|
|
let workId =this.props.match.params.workId;
|
|
|
let studentWorkId =this.props.match.params.studentWorkId;
|
|
|
|
|
|
const url = `/student_works/${studentWorkId}/supply_attachments.json`
|
|
|
|
|
|
axios.get(url).then((result)=> {
|
|
|
if (result.data.course_id) {
|
|
|
|
|
|
this.setState({
|
|
|
...result.data
|
|
|
})
|
|
|
}
|
|
|
}).catch((error)=>{
|
|
|
console.log(error)
|
|
|
})
|
|
|
}
|
|
|
getReviseAttachments = () => {
|
|
|
let studentWorkId =this.props.match.params.studentWorkId;
|
|
|
const url = `/student_works/${studentWorkId}/supply_attachments.json`;
|
|
|
axios.get(url).then((result)=> {
|
|
|
if (result.data.revise_attachments) {
|
|
|
|
|
|
this.setState({
|
|
|
...result.data
|
|
|
})
|
|
|
}
|
|
|
|
|
|
}).catch((error)=>{
|
|
|
console.log(error)
|
|
|
})
|
|
|
}
|
|
|
componentDidMount() {
|
|
|
this.getWork();
|
|
|
this.getReviseAttachments()
|
|
|
|
|
|
let workId =this.props.match.params.workId;
|
|
|
let studentWorkId =this.props.match.params.studentWorkId;
|
|
|
// const url = `/student_works/${studentWorkId}/comment_list.json`
|
|
|
|
|
|
// axios.get(url).then((result)=> {
|
|
|
// if (result.data.course_id) {
|
|
|
|
|
|
// this.setState({
|
|
|
// ...result.data
|
|
|
// })
|
|
|
// }
|
|
|
|
|
|
// }).catch((error)=>{
|
|
|
// console.log(error)
|
|
|
// })
|
|
|
}
|
|
|
|
|
|
onAttachmentRemove = (id) => {
|
|
|
this.setState({
|
|
|
Modalstype:true,
|
|
|
// Modalstopval:'确定要删除这个附件吗?',
|
|
|
Modalstopval: '是否确认删除?',
|
|
|
|
|
|
ModalSave: ()=>this.deleteAttachment(id),
|
|
|
ModalCancel:this.cancelAttachment
|
|
|
})
|
|
|
}
|
|
|
deleteAttachment = (id) => {
|
|
|
const url = `/attachments/${id}.json`
|
|
|
axios.delete(url, {
|
|
|
})
|
|
|
.then((response) => {
|
|
|
if (response.data) {
|
|
|
const { status } = response.data;
|
|
|
if (status == 0) {
|
|
|
this.getWork()
|
|
|
this.getReviseAttachments();
|
|
|
this.cancelAttachment();
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
.catch(function (error) {
|
|
|
console.log(error);
|
|
|
});
|
|
|
}
|
|
|
cancelAttachment=()=>{
|
|
|
this.setState({
|
|
|
Modalstype:false,
|
|
|
Modalstopval:'',
|
|
|
ModalSave:"",
|
|
|
ModalCancel:""
|
|
|
})
|
|
|
}
|
|
|
onReplySuccess = () => {
|
|
|
this.getReviseAttachments();
|
|
|
}
|
|
|
|
|
|
render(){
|
|
|
const dateFormat = 'YYYY-MM-DD HH:mm';
|
|
|
|
|
|
let {course_name, homework_name, search, page, loadingstate, homework_status, reference_answer,
|
|
|
attachments, homework_id, project_info, work_members, is_evaluation,
|
|
|
description, update_user_name, update_time, commit_time, author_name,
|
|
|
revise_attachments, revise_reason, atta_update_user, atta_update_time, atta_update_user_login,
|
|
|
Modalstype,Modalstopval,ModalCancel,ModalSave,loadtype
|
|
|
} =this.state;
|
|
|
|
|
|
let courseId=this.props.match.params.coursesId;
|
|
|
let category_id=this.props.match.params.category_id;
|
|
|
let studentWorkId=this.props.match.params.studentWorkId;
|
|
|
return(
|
|
|
<WorkDetailPageHeader
|
|
|
{...this.props} {...this.state}
|
|
|
noTab={true}
|
|
|
moduleName={'作业详情'}
|
|
|
getReviseAttachments={this.getReviseAttachments}
|
|
|
>
|
|
|
{/*提示*/}
|
|
|
<Modals
|
|
|
modalsType={Modalstype}
|
|
|
modalsTopval={Modalstopval}
|
|
|
modalCancel={ModalCancel}
|
|
|
modalSave={ModalSave}
|
|
|
loadtype={loadtype}
|
|
|
/>
|
|
|
|
|
|
{/* 内容区 */}
|
|
|
{/* <div className="padding40 memoContent new_li">
|
|
|
</div> */}
|
|
|
|
|
|
<div className={" "} style={{}}>
|
|
|
<style>{`
|
|
|
.workAppraise>div:last-child {
|
|
|
border-bottom: none !important;
|
|
|
}
|
|
|
`}</style>
|
|
|
<div className={"workAppraise"}>
|
|
|
{(description || (attachments && attachments.length != 0)) && <div className={"stud-class-set bor-bottom-greyE edu-back-white"} style={{ padding: '20px 20px 20px 20px'}}>
|
|
|
<div className={"color-grey-6 h20 mb20 font-16"}>
|
|
|
内容
|
|
|
</div>
|
|
|
<div className={"ml20"} className="markdown-body" dangerouslySetInnerHTML={{__html: markdownToHTML(description)}}>
|
|
|
</div>
|
|
|
|
|
|
{attachments.map((item,key)=>{
|
|
|
return(
|
|
|
<div className="color-grey" key={key}>
|
|
|
<a className="color-grey ml20">
|
|
|
<i className="font-14 color-green iconfont icon-fujian mr8" aria-hidden="true"></i>
|
|
|
</a>
|
|
|
<a href={item.url}
|
|
|
className="mr12 color9B9B" length="58" title={`${item.title && item.title.length > 40 ? item.title : ''}`}>
|
|
|
{item.title}
|
|
|
</a>
|
|
|
<span className="color656565 mt2 color-grey-6 font-12 mr8">{item.filesize}</span>
|
|
|
{/*{item.delete===true?<i className="font-14 iconfont icon-guanbi " id={item.id} aria-hidden="true" onClick={()=>this.onAttachmentRemove(item.id)}></i>:""}*/}
|
|
|
{item.delete===true?<i className="font-14 iconfont icon-guanbi " style={{display: 'none'}} id={item.id} aria-hidden="true" onClick={()=>this.onAttachmentRemove(item.id)}></i>:""}
|
|
|
</div>
|
|
|
)
|
|
|
})}
|
|
|
|
|
|
|
|
|
<div className={"color-grey-6 h20 ml20"}>
|
|
|
{ update_time &&
|
|
|
<React.Fragment>
|
|
|
<span className={"color9B9B fr"}>更新</span>
|
|
|
<span className={"fr font-14 mr10 ml10"}>{update_user_name}</span>
|
|
|
<span className={"color9B9B fr"}>
|
|
|
{moment(update_time).format('YYYY-MM-DD HH:mm')==="Invalid date"?"":moment(update_time).format('YYYY-MM-DD HH:mm')}
|
|
|
</span>
|
|
|
</React.Fragment> }
|
|
|
|
|
|
{ commit_time &&
|
|
|
<React.Fragment>
|
|
|
<span className={"color9B9B fr mr30"}>提交</span>
|
|
|
<span className={"fr font-14 mr10 ml10"}>{author_name}</span>
|
|
|
<span className={" color9B9B fr"}>
|
|
|
{moment(commit_time).format('YYYY-MM-DD HH:mm')==="Invalid date"?"":moment(commit_time).format('YYYY-MM-DD HH:mm')}
|
|
|
</span>
|
|
|
</React.Fragment> }
|
|
|
</div>
|
|
|
|
|
|
</div> }
|
|
|
|
|
|
{revise_attachments.length===0?"":<div className={"stud-class-set bor-bottom-greyE pd20 edu-back-white"}>
|
|
|
<style>{`
|
|
|
.color-grey:hover i {
|
|
|
display: inline !important;
|
|
|
}
|
|
|
`}</style>
|
|
|
<div className={"color-grey-6 mb10 font-16"}>
|
|
|
补交附件
|
|
|
</div>
|
|
|
|
|
|
<div className={"ml20"}>
|
|
|
{revise_reason}
|
|
|
</div>
|
|
|
{revise_attachments.map((item,key)=>{
|
|
|
return(
|
|
|
<div className="color-grey" key={key}>
|
|
|
<a className="color-grey ml20">
|
|
|
<i className="font-14 color-green iconfont icon-fujian mr8" aria-hidden="true"></i>
|
|
|
</a>
|
|
|
<a href={item.url}
|
|
|
className="mr12 color9B9B" length="58">
|
|
|
{item.title}
|
|
|
</a>
|
|
|
<span className="color656565 mt2 color-grey-6 font-12 mr8">{item.filesize}</span>
|
|
|
{item.delete===true?<i className="font-14 iconfont icon-guanbi " style={{display: 'none'}} id={item.id} aria-hidden="true" onClick={()=>this.onAttachmentRemove(item.id)}></i>:""}
|
|
|
</div>
|
|
|
)
|
|
|
})}
|
|
|
<div className={"color-grey-6 h20 ml20"}>
|
|
|
<span className={"color9B9B fr mr10"}>更新</span>
|
|
|
<span className={"fr font-13 mr10 ml10"}>{atta_update_user}</span>
|
|
|
<span className={"color9B9B fr"}>
|
|
|
{moment(atta_update_time).format('YYYY-MM-DD HH:mm')==="Invalid date"?"":moment(atta_update_time).format('YYYY-MM-DD HH:mm')}
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
|
</div>}
|
|
|
|
|
|
{is_evaluation != true && project_info && project_info.name && <div className={"stud-class-set bor-bottom-greyE edu-back-white"} style={{ padding: '18px 20px 20px 20px'}}>
|
|
|
<div className={"color-grey-6 h20 mb20"}>
|
|
|
关联项目
|
|
|
</div>
|
|
|
<div className={"ml20"}>
|
|
|
{project_info.name}
|
|
|
</div>
|
|
|
</div>
|
|
|
}
|
|
|
|
|
|
{is_evaluation != true && work_members && !!work_members.length && <div className={"stud-class-set bor-bottom-greyE edu-back-white"} style={{ padding: '18px 20px 20px 20px'}}>
|
|
|
<div className={"color-grey-6 h20 mb20"}>
|
|
|
其他组员
|
|
|
</div>
|
|
|
<div className={"ml20"}>
|
|
|
{work_members.map((item, index) => {
|
|
|
return item.user_name + ' '
|
|
|
})}
|
|
|
</div>
|
|
|
</div>
|
|
|
}
|
|
|
</div>
|
|
|
|
|
|
|
|
|
{/* task_type={datalist&&datalist.task_type} */}
|
|
|
<CommonWorkAppraiseReply {...this.props} task_id={studentWorkId}
|
|
|
onReplySuccess={this.onReplySuccess} {...this.state}
|
|
|
></CommonWorkAppraiseReply>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</WorkDetailPageHeader>
|
|
|
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
|
|
|
export default CommonWorkAppraise; |
