|
|
import React,{Component} from "React";
|
|
|
import { Form, Select, Input, Button,Checkbox,Upload,Icon,message,Modal,Tooltip,Spin} from "antd";
|
|
|
import {Link} from 'react-router-dom';
|
|
|
import TPMMDEditor from '../../../tpm/challengesnew/TPMMDEditor';
|
|
|
import { WordsBtn,getUrl,getImageUrl,bytesToSize,appendFileSizeToUploadFileAll} from 'educoder';
|
|
|
import axios from 'axios';
|
|
|
import Modals from '../../../modals/Modals';
|
|
|
const Search = Input.Search;
|
|
|
const CheckboxGroup = Checkbox.Group;
|
|
|
let GraduationTasksnewtype=true;
|
|
|
|
|
|
class GraduationTasksSubmitnew extends Component{
|
|
|
|
|
|
constructor(props){
|
|
|
super(props)
|
|
|
this.state={
|
|
|
coursename:"",
|
|
|
coursesearch:"",
|
|
|
title_num:20,
|
|
|
title_value:"",
|
|
|
fileList: [],
|
|
|
contents: [{val:"",id:1}],
|
|
|
type:true,
|
|
|
workslist:undefined,
|
|
|
search:"",
|
|
|
memberslist:undefined,
|
|
|
task_status:[],
|
|
|
selectmemberslist:[],
|
|
|
minvalue:"",
|
|
|
setvalue:"",
|
|
|
minmaxtype:false,
|
|
|
selectobjct:undefined,
|
|
|
Loadtype:false,
|
|
|
spinnings:false,
|
|
|
shixunsreplace:false,
|
|
|
limit:20
|
|
|
}
|
|
|
}
|
|
|
|
|
|
componentDidMount(){
|
|
|
|
|
|
let id=this.props.match.params.task_Id;
|
|
|
// let categoryid=this.props.match.params.category_id;
|
|
|
let url = "/graduation_tasks/"+id+"/graduation_works/new.json";
|
|
|
axios.get(url).then((result)=>{
|
|
|
|
|
|
if(result.status===200){
|
|
|
|
|
|
let list=[];
|
|
|
|
|
|
let listobjct={
|
|
|
group_name:result.data.group_name,
|
|
|
student_id:result.data.user_student_id,
|
|
|
user_id:result.data.user_id,
|
|
|
user_name:result.data.user_name,
|
|
|
}
|
|
|
|
|
|
list.push(listobjct)
|
|
|
if(result.data.task_type===1){
|
|
|
|
|
|
}else{
|
|
|
this.searchList("",1,20)
|
|
|
}
|
|
|
this.setState({
|
|
|
workslist:result.data,
|
|
|
selectmemberslist:list,
|
|
|
selectobjct:listobjct
|
|
|
})
|
|
|
}
|
|
|
|
|
|
}).catch((error)=>{
|
|
|
console.log(error)
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
setedit=(workId)=>{
|
|
|
|
|
|
let coursesId=this.props.match.params.coursesId;
|
|
|
window.location.href="/courses/"+coursesId+"/graduation_tasks/"+workId+"/appraise";
|
|
|
|
|
|
// window.location.href="/courses/"+coursesId+"/graduation/graduation_tasks/"+task_Id+"/"+workId+"/works/edit";
|
|
|
}
|
|
|
|
|
|
handleSubmit=(e) => {
|
|
|
|
|
|
let {fileList,selectmemberslist,workslist}=this.state;
|
|
|
|
|
|
this.Commoninterface(fileList,selectmemberslist,workslist);
|
|
|
}
|
|
|
|
|
|
handleSelectChange = (value) => {
|
|
|
console.log(value);
|
|
|
this.props.form.setFieldsValue({
|
|
|
note: `Hi, ${value === 'male' ? 'man' : 'lady'}!`,
|
|
|
});
|
|
|
}
|
|
|
|
|
|
goback=()=>{
|
|
|
// let courseId=this.props.match.params.coursesId;
|
|
|
// if(courseId===undefined){
|
|
|
// this.props.history.push("/courses");
|
|
|
// }else{
|
|
|
// this.props.history.push(this.props.current_user.first_category_url);
|
|
|
// }
|
|
|
this.props.history.goBack()
|
|
|
}
|
|
|
|
|
|
|
|
|
// 输入title
|
|
|
changeTitle=(e)=>{
|
|
|
|
|
|
this.setState({
|
|
|
title_num:20-parseInt(e.target.value.length),
|
|
|
title_value:e.target.value
|
|
|
})
|
|
|
|
|
|
}
|
|
|
// 附件相关 START
|
|
|
handleChange = (info) => {
|
|
|
if (info.file.status === 'uploading') {
|
|
|
let fileList = info.fileList;
|
|
|
this.setState({ fileList:appendFileSizeToUploadFileAll(fileList) });
|
|
|
}
|
|
|
|
|
|
if (info.file.status === 'done') {
|
|
|
let fileList = info.fileList;
|
|
|
this.setState({ fileList:appendFileSizeToUploadFileAll(fileList) });
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
onAttachmentRemove = (file) => {
|
|
|
// confirm({
|
|
|
// title: '确定要删除这个附件吗?',
|
|
|
// okText: '确定',
|
|
|
// cancelText: '取消',
|
|
|
// // content: 'Some descriptions',
|
|
|
// onOk: () => {
|
|
|
// this.deleteAttachment(file)
|
|
|
// },
|
|
|
// onCancel() {
|
|
|
// console.log('Cancel');
|
|
|
// },
|
|
|
// });
|
|
|
// return false;
|
|
|
|
|
|
this.setState({
|
|
|
Modalstype:true,
|
|
|
Modalstopval:'确定要删除这个附件吗?',
|
|
|
ModalSave: ()=>this.deleteAttachment(file),
|
|
|
ModalCancel:this.cancelAttachment
|
|
|
})
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
cancelAttachment=()=>{
|
|
|
this.setState({
|
|
|
Modalstype:false,
|
|
|
Modalstopval:'确定要删除这个附件吗?',
|
|
|
ModalSave:"",
|
|
|
ModalCancel:""
|
|
|
})
|
|
|
}
|
|
|
|
|
|
deleteAttachment = (file) => {
|
|
|
const url = `/attachments/${file}.json`
|
|
|
axios.delete(url, {
|
|
|
})
|
|
|
.then((response) => {
|
|
|
if (response.data) {
|
|
|
// const { status } = response.data;
|
|
|
if (response.data.status === 0) {
|
|
|
|
|
|
console.log('--- success')
|
|
|
this.setState({
|
|
|
Modalstype:true,
|
|
|
Modalstopval:response.data.message,
|
|
|
ModalSave:this.cancelAttachment,
|
|
|
Loadtype:true,
|
|
|
})
|
|
|
|
|
|
this.setState((state) => {
|
|
|
const index = state.fileList.indexOf(file);
|
|
|
const newFileList = state.fileList.slice();
|
|
|
newFileList.splice(index, 1);
|
|
|
return {
|
|
|
fileList: newFileList,
|
|
|
};
|
|
|
});
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
.catch(function (error) {
|
|
|
console.log(error);
|
|
|
});
|
|
|
}
|
|
|
|
|
|
inputSearchValue=(e)=>{
|
|
|
|
|
|
if(e.target.value===""){
|
|
|
this.setState({
|
|
|
search:null
|
|
|
})
|
|
|
}else{
|
|
|
this.setState({
|
|
|
search:e.target.value
|
|
|
})
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
searchValue=()=>{
|
|
|
|
|
|
let {search} = this.state;
|
|
|
|
|
|
this.searchList(search,1,20)
|
|
|
|
|
|
}
|
|
|
|
|
|
searchList=(search,page,limit,types)=>{
|
|
|
let id=this.props.match.params.task_Id;
|
|
|
let {memberslist}=this.state;
|
|
|
let newmemberslist=memberslist
|
|
|
let url="/graduation_tasks/"+id+"/graduation_works/search_member_list.json";
|
|
|
|
|
|
axios.post(url,{
|
|
|
search:search,
|
|
|
page:page,
|
|
|
limit:15
|
|
|
}).then((result)=>{
|
|
|
|
|
|
if(result.status===200){
|
|
|
if(result.data.status!=403){
|
|
|
if(types===1){
|
|
|
if(result.data.members.length>0){
|
|
|
result.data.members.map((item,key)=>{
|
|
|
newmemberslist.push(item)
|
|
|
})
|
|
|
}
|
|
|
this.setState({
|
|
|
memberslist:newmemberslist,
|
|
|
search:search,
|
|
|
page:page,
|
|
|
limit:limit
|
|
|
})
|
|
|
|
|
|
}else{
|
|
|
this.setState({
|
|
|
memberslist:result.data.members,
|
|
|
search:search,
|
|
|
page:page,
|
|
|
limit:limit
|
|
|
})
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}).catch((error)=>{
|
|
|
console.log(error)
|
|
|
})
|
|
|
}
|
|
|
|
|
|
|
|
|
contentViewScroll=(e)=>{
|
|
|
//滑动到底判断
|
|
|
if(e.currentTarget.scrollHeight-e.currentTarget.scrollTop===e.currentTarget.clientHeight){
|
|
|
// console.log("到达底部");
|
|
|
|
|
|
let{ search,page,limit }=this.state;
|
|
|
|
|
|
let newpage=page+2
|
|
|
|
|
|
this.searchList(search,newpage,limit,1)
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
funtaskstatus=(checkedValues)=>{
|
|
|
let{memberslist,selectobjct,workslist}=this.state;
|
|
|
if(selectobjct.length>workslist.max_num){
|
|
|
this.setState({
|
|
|
minvalue:workslist.max_num,
|
|
|
setvalue:"大于",
|
|
|
minmaxtype:true
|
|
|
})
|
|
|
return
|
|
|
}else{
|
|
|
this.setState({
|
|
|
minmaxtype:false
|
|
|
})
|
|
|
}
|
|
|
let newlist =memberslist;
|
|
|
let newcheckedValues=checkedValues;
|
|
|
let selects=[];
|
|
|
selects.push(selectobjct)
|
|
|
for(var i=0; i<newlist.length; i++){
|
|
|
for(var z=0; z<newcheckedValues.length; z++){
|
|
|
if(newlist[i].user_id===newcheckedValues[z]){
|
|
|
selects.push(newlist[i])
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
this.setState({
|
|
|
task_status:checkedValues,
|
|
|
selectmemberslist:selects
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
delecttask_status=(id)=>{
|
|
|
let{selectmemberslist,task_status}=this.state;
|
|
|
let newlist=task_status;
|
|
|
let selects=selectmemberslist;
|
|
|
|
|
|
for(var i=0; i<newlist.length; i++){
|
|
|
|
|
|
if(newlist[i]===id){
|
|
|
newlist.splice(i,1)
|
|
|
}
|
|
|
}
|
|
|
|
|
|
for(var z=0; z<selects.length; z++){
|
|
|
if(selects[z].user_id===id){
|
|
|
selects.splice(z,1)
|
|
|
}
|
|
|
}
|
|
|
|
|
|
this.setState({
|
|
|
task_status:newlist,
|
|
|
selectmemberslist:selects
|
|
|
})
|
|
|
}
|
|
|
onSearchKeywordKeyUp = (e) => {
|
|
|
if (e.keyCode === 13) {
|
|
|
}
|
|
|
}
|
|
|
onSearckeyd=(e)=>{
|
|
|
if(e.keyCode){
|
|
|
|
|
|
let {search} = this.state;
|
|
|
|
|
|
this.searchList(search,1,20)
|
|
|
}
|
|
|
}
|
|
|
onSearchKeywordKeyUps= (e)=>{
|
|
|
if(e.keyCode=== 13){
|
|
|
}
|
|
|
}
|
|
|
onKeywordSearchKeyDown = (e) => {
|
|
|
if(e.keyCode == 13) {
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
gocannel=()=>{
|
|
|
this.props.history.goBack()
|
|
|
}
|
|
|
|
|
|
//公用数据
|
|
|
Commoninterface = (fileList,selectmemberslist,workslist)=>{
|
|
|
// debugger
|
|
|
let userids=[];
|
|
|
|
|
|
for(var list of selectmemberslist){
|
|
|
|
|
|
if(list.user_id!=undefined&&list.user_id!=null){
|
|
|
userids.push(list.user_id)
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
if(workslist.task_type===1){
|
|
|
userids=undefined
|
|
|
}
|
|
|
|
|
|
let listid=[];
|
|
|
|
|
|
for(var list of fileList){
|
|
|
listid.push(list.response.id)
|
|
|
}
|
|
|
// if( GraduationTasksnewtype===true){
|
|
|
this.props.form.validateFields((err, values) => {
|
|
|
|
|
|
// console.log(fileList);
|
|
|
if(values.description===undefined||values.description===""){
|
|
|
this.scrollToAnchor("valuestypes");
|
|
|
// debugger
|
|
|
return
|
|
|
}
|
|
|
if(workslist&&workslist.task_type===2){
|
|
|
if(userids!=undefined){
|
|
|
if(userids.length<workslist.min_num){
|
|
|
this.setState({
|
|
|
minvalue:workslist.min_num,
|
|
|
setvalue:"小于",
|
|
|
minmaxtype:true
|
|
|
})
|
|
|
|
|
|
return
|
|
|
}else if(userids.length>workslist.max_num){
|
|
|
this.setState({
|
|
|
minvalue:workslist.max_num,
|
|
|
setvalue:"大于",
|
|
|
minmaxtype:true
|
|
|
})
|
|
|
return
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
this.setState({
|
|
|
spinnings:true
|
|
|
})
|
|
|
|
|
|
|
|
|
let id=this.props.match.params.task_Id;
|
|
|
|
|
|
// if(fileList.length === 0){
|
|
|
// this.setState({
|
|
|
// shixunsreplace:true,
|
|
|
// })
|
|
|
// return
|
|
|
// }
|
|
|
let url="/graduation_tasks/"+id+"/graduation_works.json";
|
|
|
axios.post(url, {
|
|
|
description:values.description,
|
|
|
attachment_ids:listid,
|
|
|
user_ids:userids
|
|
|
}
|
|
|
).then((response) => {
|
|
|
this.setState({
|
|
|
spinnings:false
|
|
|
});
|
|
|
// /courses/2915/graduation_tasks/1301/appraise
|
|
|
// window.location.href
|
|
|
if(response){
|
|
|
if(response.data){
|
|
|
if(response.data.work_id){
|
|
|
window.location.href=`/courses/${this.props.match.params.coursesId}/graduation_tasks/${response.data.work_id}/appraise`
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
// console.log(this.props);
|
|
|
// console.log(response);
|
|
|
|
|
|
// 新需求
|
|
|
// https://www.trustie.net/issues/23015
|
|
|
// if(response!==undefined){
|
|
|
// this.goback()
|
|
|
// }
|
|
|
// if(response.status===200) {
|
|
|
// GraduationTasksnewtype=false;
|
|
|
// if(response.data.status===0){
|
|
|
// this.setState({
|
|
|
// Modalstype:true,
|
|
|
// Modalstopval:response.data.message,
|
|
|
// ModalSave:()=>this.setedit(response.data.work_id),
|
|
|
// Loadtype:true
|
|
|
// })
|
|
|
|
|
|
// }else{
|
|
|
// GraduationTasksnewtype=true;
|
|
|
// }
|
|
|
// }
|
|
|
}).catch((error) => {
|
|
|
console.log(error)
|
|
|
})
|
|
|
|
|
|
|
|
|
});
|
|
|
// }
|
|
|
|
|
|
}
|
|
|
|
|
|
//确认
|
|
|
hidestartshixunsreplace=()=>{
|
|
|
// debugger
|
|
|
let {fileList,selectmemberslist,workslist}=this.state;
|
|
|
this.Commoninterface(fileList,selectmemberslist,workslist);
|
|
|
|
|
|
}
|
|
|
//取消
|
|
|
hidestartshixunsreplacetwo=()=>{
|
|
|
this.setState({
|
|
|
shixunsreplace:false,
|
|
|
spinnings:false
|
|
|
})
|
|
|
}
|
|
|
scrollToAnchor = (anchorName) => {
|
|
|
if (anchorName) {
|
|
|
// 找到锚点
|
|
|
let anchorElement = document.getElementById(anchorName);
|
|
|
// 如果对应id的锚点存在，就跳转到锚点
|
|
|
if(anchorElement) { anchorElement.scrollIntoView({block: 'start', behavior: 'smooth'}); }
|
|
|
}
|
|
|
}
|
|
|
render(){
|
|
|
const { getFieldDecorator } = this.props.form;
|
|
|
let {search,fileList, workslist,setvalue,minvalue,minmaxtype,Loadtype,
|
|
|
Modalstype,Modalstopval,ModalCancel,ModalSave,memberslist,task_status,selectmemberslist,shixunsreplace} =this.state;
|
|
|
|
|
|
let courseId=this.props.match.params.coursesId;
|
|
|
let category_id=this.props.match.params.category_id;
|
|
|
let task_Id=this.props.match.params.task_Id
|
|
|
const uploadProps = {
|
|
|
width: 600,
|
|
|
fileList,
|
|
|
multiple: true,
|
|
|
// https://github.com/ant-design/ant-design/issues/15505
|
|
|
// showUploadList={false}，然后外部拿到 fileList 数组自行渲染列表。
|
|
|
// showUploadList: false,
|
|
|
action: `${getUrl()}/api/attachments.json`,
|
|
|
onChange: this.handleChange,
|
|
|
onRemove: this.onAttachmentRemove,
|
|
|
beforeUpload: (file) => {
|
|
|
// TODO 文件存在则提示并退出
|
|
|
let gotSameFile = false;
|
|
|
this.state.fileList && this.state.fileList.some((item) => {
|
|
|
if (item.name && item.name.startsWith(file.name)) {
|
|
|
gotSameFile = true;
|
|
|
return true
|
|
|
}
|
|
|
})
|
|
|
if (gotSameFile) {
|
|
|
this.props.showNotification("该附件已被上传！")
|
|
|
return false
|
|
|
}
|
|
|
console.log('beforeUpload', file.name);
|
|
|
const isLt150M = file.size / 1024 / 1024 < 150;
|
|
|
if (!isLt150M) {
|
|
|
message.error('文件大小必须小于150MB!');
|
|
|
}
|
|
|
return isLt150M;
|
|
|
},
|
|
|
};
|
|
|
|
|
|
// console.log(this.props)
|
|
|
|
|
|
|
|
|
|
|
|
return(
|
|
|
<React.Fragment>
|
|
|
|
|
|
<div>
|
|
|
{/*提示*/}
|
|
|
<Spin size="large" spinning={this.state.spinnings}>
|
|
|
<Modals
|
|
|
modalsType={Modalstype}
|
|
|
modalsTopval={Modalstopval}
|
|
|
modalCancel={ModalCancel}
|
|
|
modalSave={ModalSave}
|
|
|
loadtype={Loadtype}
|
|
|
/>
|
|
|
<Modal
|
|
|
keyboard={false}
|
|
|
title="提示"
|
|
|
visible={shixunsreplace}
|
|
|
closable={false}
|
|
|
footer={null}
|
|
|
>
|
|
|
<div className="task-popup-content">
|
|
|
<p className="task-popup-text-center font-16 ">还未上传附件</p>
|
|
|
<p className="task-popup-text-center font-16 pb20">是否确认提交作品?</p>
|
|
|
</div>
|
|
|
<div className="task-popup-submit clearfix">
|
|
|
<a className="task-btn task-btn-orange fr "
|
|
|
onClick={() => this.hidestartshixunsreplace()}>确认</a>
|
|
|
<a className="task-btn fr mr50"
|
|
|
onClick={() => this.hidestartshixunsreplacetwo()}>取消</a>
|
|
|
</div>
|
|
|
</Modal>
|
|
|
<div className="newMain clearfix">
|
|
|
<div className={"educontent mb20"}>
|
|
|
|
|
|
<p className="clearfix mt10">
|
|
|
{/*<WordsBtn style="grey" className="fl"> <Link to={"/courses/"+courseId+"/graduation_tasks"} className="color-grey-6">{workslist&&workslist.course_name}</Link></WordsBtn>*/}
|
|
|
{/*<span className="color-grey-9 fl ml3 mr3">></span>*/}
|
|
|
<WordsBtn style="grey" className="fl"> <a onClick={this.goback} className="color-grey-6">毕设任务</a></WordsBtn>
|
|
|
<span className="color-grey-9 fl ml3 mr3">></span>
|
|
|
<WordsBtn style="grey" className="fl"> <Link to={"/courses/"+courseId+"/graduation_tasks/"+category_id+"/"+task_Id+"/list"} className="color-grey-6">任务详情</Link></WordsBtn>
|
|
|
<span className="color-grey-9 fl ml3 mr3">></span>
|
|
|
{/*<WordsBtn style="grey" className="fl">*/}
|
|
|
{/*<Link to={"/courses/"+courseId+"/graduation/graduation_tasks/"+category_id} className="color-grey-6">{workslist&&workslist.task_name}</Link>*/}
|
|
|
{/*<span className="color-grey-9 ml3 mr3">></span>*/}
|
|
|
{/*</WordsBtn>*/}
|
|
|
<span>{this.props.user&&this.props.user.username} 提交作品</span>
|
|
|
</p>
|
|
|
|
|
|
<div style={{ width:'100%',height:'75px'}} >
|
|
|
<p className=" fl color-black mt25 summaryname">{workslist&&workslist.task_name}</p>
|
|
|
<a className="color-grey-6 fr font-16 ml30 mt10 mr20" onClick={this.goback}>返回</a>
|
|
|
</div>
|
|
|
|
|
|
{/*<Form onSubmit={GraduationTasksnewtype===true?this.handleSubmit:"return false"}*/}
|
|
|
{/*>*/}
|
|
|
<div className="stud-class-set pd20 coursenavbox edu-back-white" id={"valuestypes"}>
|
|
|
<style>{`
|
|
|
.uploadBtn.ant-btn {
|
|
|
border: none;
|
|
|
color: #4CACFF;
|
|
|
box-shadow: none;
|
|
|
background: transparent;
|
|
|
padding: 0 6px;
|
|
|
}
|
|
|
.ant-upload-list-item:hover .ant-upload-list-item-info{
|
|
|
background-color:#fff;
|
|
|
}
|
|
|
.upload_1 .ant-upload-list {
|
|
|
width: 350px;
|
|
|
}
|
|
|
`}</style>
|
|
|
<Form.Item
|
|
|
label="内容"
|
|
|
className={"contentbox mdInForm"}
|
|
|
>
|
|
|
{getFieldDecorator('description', {
|
|
|
rules: [{
|
|
|
required: true, message: '请在此输入作品内容或附件的简要描述',
|
|
|
}, {
|
|
|
max: 5000, message: '最大限制为5000个字符',
|
|
|
}],
|
|
|
})(
|
|
|
<TPMMDEditor ref={this.mdRef} placeholder={'请在此输入作品内容或附件的简要描述，最大限制5000个字符'} maxLent={"5000"}
|
|
|
mdID={'courseMessageMD'} initValue={this.editTopic ? this.editTopic.content : ''} className="courseMessageMD"></TPMMDEditor>
|
|
|
)}
|
|
|
</Form.Item>
|
|
|
<Upload {...uploadProps} className="upload_1">
|
|
|
<Button className="uploadBtn">
|
|
|
<Icon type="upload" /> 上传附件
|
|
|
</Button>
|
|
|
<span className={"color-grey-9"}>(单个文件150M以内)</span>
|
|
|
</Upload>
|
|
|
{/*<style>*/}
|
|
|
{/*{*/}
|
|
|
{/*`*/}
|
|
|
{/*.maxwidth500{*/}
|
|
|
{/*max-width:500px;*/}
|
|
|
{/*overflow: hidden;*/}
|
|
|
{/*text-overflow: ellipsis;*/}
|
|
|
{/*white-space: nowrap;*/}
|
|
|
{/*color: #05101a;*/}
|
|
|
{/*}*/}
|
|
|
{/*`*/}
|
|
|
{/*}*/}
|
|
|
{/*</style>*/}
|
|
|
{/*{this.state.fileList.length===0?"":this.state.fileList.map((item,key)=>{*/}
|
|
|
{/*return(*/}
|
|
|
{/*<p className="color-grey mt10" key={key} >*/}
|
|
|
{/*<a className="color-grey fl">*/}
|
|
|
{/*<i className="font-14 color-green iconfont icon-fujian mr8" aria-hidden="true"></i>*/}
|
|
|
{/*</a>*/}
|
|
|
{/*<span className="mr12 color9B9B maxwidth500 fl" length="58">*/}
|
|
|
{/*{item.name}*/}
|
|
|
{/*</span>*/}
|
|
|
{/*<span className="color656565 mt2 color-grey-6 font-12 mr8">*/}
|
|
|
{/*{item.response===undefined?"":bytesToSize(item.size)}*/}
|
|
|
{/*</span>*/}
|
|
|
{/*<i className="font-14 iconfont icon-guanbi "*/}
|
|
|
{/*id={item.response===undefined?"":item.response.id}*/}
|
|
|
{/*aria-hidden="true" onClick={()=>this.onAttachmentRemove(item.response===undefined?"":item.response.id&&item.response.id)}></i>*/}
|
|
|
{/*</p>*/}
|
|
|
{/*)*/}
|
|
|
{/*})}*/}
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
{workslist&&workslist.task_type===1?"":
|
|
|
<div className="stud-class-set pd20 coursenavbox edu-back-white"
|
|
|
style={{borderTop:'0.5px solid #ccc'}}
|
|
|
>
|
|
|
<Form.Item
|
|
|
label="小组成员"
|
|
|
|
|
|
>
|
|
|
<div>
|
|
|
<div className={"fl ml20"}>成员要求：{workslist&&workslist.min_num}～{workslist&&workslist.max_num}人</div>
|
|
|
<input type="text" style={{width:"0px",height:"0px",display:"none"}} onKeyUp={(e) => this.onSearchKeywordKeyUp(e)}
|
|
|
onkeydown={(e)=>this.onSearchKeywordKeyUps(e)}/>
|
|
|
|
|
|
<Search
|
|
|
style={{width:"0px",height:"0px",display:"none"}}
|
|
|
onKeyUp={(e) => this.onSearchKeywordKeyUp(e)}
|
|
|
onkeydown={(e)=>this.onSearchKeywordKeyUps(e)}
|
|
|
onPressEnter={this.onKeywordSearchKeyDown}
|
|
|
autoComplete="off"
|
|
|
></Search>
|
|
|
<Search
|
|
|
className={"fl mt5 ml20"}
|
|
|
style={{width:"270px"}}
|
|
|
placeholder="请输入姓名或学号搜索"
|
|
|
id="subject_search_input"
|
|
|
value={search}
|
|
|
onInput={this.inputSearchValue}
|
|
|
onSearch={this.searchValue}
|
|
|
onPressEnter={this.onKeywordSearchKeyDown}
|
|
|
onKeyUp={(e) => this.onSearckeyd(e)}
|
|
|
autoComplete="off"
|
|
|
></Search>
|
|
|
<input type="text" style={{display: "none",height:0, width: 0, border: "none"}}/>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
</Form.Item>
|
|
|
|
|
|
<style>{`
|
|
|
.fonthidden{
|
|
|
overflow:hidden;
|
|
|
text-overflow:ellipsis;
|
|
|
white-space:nowrap
|
|
|
}
|
|
|
.width100{
|
|
|
width: 100px;
|
|
|
height: 24px;
|
|
|
}
|
|
|
img.edu-nodata-img {
|
|
|
width: 200px;
|
|
|
margin: 50px 90px 20px;
|
|
|
display: block;
|
|
|
}
|
|
|
.autos{
|
|
|
overflow: auto;
|
|
|
}
|
|
|
`}</style>
|
|
|
|
|
|
<div className={"ml20"} style={{width:"100%"}}>
|
|
|
|
|
|
<div className={"members fl autos"}
|
|
|
style={{paddingLeft: '9px'}}
|
|
|
onScroll={this.contentViewScroll}>
|
|
|
<CheckboxGroup value={task_status} onChange={this.funtaskstatus} style={{ paddingTop: '4px'}}>
|
|
|
{memberslist===undefined?"":memberslist.length===0?
|
|
|
<div className="square-list clearfix">
|
|
|
<div className="edu-tab-con-box clearfix edu-txt-center">
|
|
|
<img className="edu-nodata-img mb20" src={getImageUrl("images/educoder/nodata.png")}/>
|
|
|
{/*<p className="edu-nodata-p mb20">未找到包含{search}的学生</p>*/}
|
|
|
<p className="edu-nodata-p mb20">未找到该学生</p>
|
|
|
</div>
|
|
|
</div>:memberslist&&memberslist.map((item,key)=>{
|
|
|
|
|
|
return(
|
|
|
<div key={key} style={{
|
|
|
width: '375px',
|
|
|
height: '30px'
|
|
|
}}>
|
|
|
<Checkbox value={item.user_id} key={item.user_id} checked={
|
|
|
task_status.map((item,key)=>{
|
|
|
return parseInt(task_status[key])===item.user_id?true:false
|
|
|
})
|
|
|
}
|
|
|
disabled={item.commit_status===true?true:false} className="fl "></Checkbox>
|
|
|
<div className={"fl ml5 fonthidden width100"} title={item.user_name} >{item.user_name}</div>
|
|
|
<div className={"fl ml5 fonthidden width100 color-grey-9"} title={item.group_name}>{item.group_name}</div>
|
|
|
<div className={"fl ml5 color-grey-9 fonthidden width100"} title={item.student_id}>{item.student_id}</div>
|
|
|
<div className={"fl ml20"}>{item.commit_status===true?<span className={"color-orange"}>已提交</span> :""}</div>
|
|
|
</div>
|
|
|
)
|
|
|
})}
|
|
|
</CheckboxGroup>
|
|
|
</div>
|
|
|
|
|
|
<div className={"youjiangboxs"}>
|
|
|
<i className={"iconfont icon-youjiang fl ml20 mr20"}></i>
|
|
|
</div>
|
|
|
<style>{`
|
|
|
.fonthidden{
|
|
|
overflow:hidden;
|
|
|
text-overflow:ellipsis;
|
|
|
white-space:nowrap
|
|
|
}
|
|
|
`}</style>
|
|
|
<div className={"members fl autos"}>
|
|
|
|
|
|
{selectmemberslist&&selectmemberslist.map((item,key)=>{
|
|
|
if(item.group_name!=undefined){
|
|
|
return(
|
|
|
<div key={key} style={{
|
|
|
width: '375px',
|
|
|
height: '30px',
|
|
|
display:item.user_name===undefined?"none":""
|
|
|
}}>
|
|
|
<div className={"fl ml5 fonthidden width100"} title={item.user_name}>{item.user_name}</div>
|
|
|
<div className={"fl ml5 fonthidden width100 color-grey-9"}>{item.group_name}</div>
|
|
|
<div className={"fl ml5 color-grey-9 fonthidden width100"}>{item.student_id}</div>
|
|
|
{key>0?<div className={"fr ml20"}><i className={"iconfont icon-shanchudiao fl color-grey-9 "} style={{marginTop:'-4px'}} onClick={()=>this.delecttask_status(item.user_id)}></i></div>:""}
|
|
|
|
|
|
</div>
|
|
|
)
|
|
|
}
|
|
|
|
|
|
})}
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div className={"both"}>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
{minmaxtype===true?<span className={"color-red mt20"}>
|
|
|
人数不能{setvalue+minvalue}个人
|
|
|
</span>:""}
|
|
|
|
|
|
</div>
|
|
|
</div>}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Form.Item>
|
|
|
<div className="clearfix mt30 mb30">
|
|
|
<Button type="primary" htmlType="submit" onClick={()=>this.handleSubmit()} className="defalutSubmitbtn fl mr20">提交</Button>
|
|
|
<a onClick={this.goback} className="defalutCancelbtn fl">取消</a>
|
|
|
</div>
|
|
|
</Form.Item>
|
|
|
{/*</Form>*/}
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</Spin>
|
|
|
</div>
|
|
|
|
|
|
</React.Fragment>
|
|
|
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
const GraduationTasksSubmitnewApp = Form.create({ name: 'coursesNew' })(GraduationTasksSubmitnew);
|
|
|
export default GraduationTasksSubmitnewApp; |
