|
|
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, handleDateString, getNextHalfHourOfMoment, PopInstruction, ConditionToolTip, on, off } from 'educoder';
|
|
|
import axios from 'axios';
|
|
|
import Modals from '../../modals/Modals';
|
|
|
import CoursesListType from '../coursesPublic/CoursesListType';
|
|
|
import HomeworkModal from "../coursesPublic/HomeworkModal";
|
|
|
import AccessoryModal from "../coursesPublic/AccessoryModal";
|
|
|
|
|
|
import WorkDetailPageHeader from './common/WorkDetailPageHeader'
|
|
|
import PublishRightnow from './PublishRightnow'
|
|
|
import PollDetailTabForthRules from '../poll/PollDetailTabForthRules'
|
|
|
import { STATUS_UN_PUBLISH } from './common'
|
|
|
import moment from 'moment';
|
|
|
import '../css/Courses.css'
|
|
|
const { Option} = Select;
|
|
|
const CheckboxGroup = Checkbox.Group;
|
|
|
const confirm = Modal.confirm;
|
|
|
let GraduationTasksnewtype=true;
|
|
|
const $ = window.$;
|
|
|
const Search = Input.Search;
|
|
|
const RadioGroup = Radio.Group;
|
|
|
const dateFormat = 'YYYY-MM-DD HH:mm';
|
|
|
|
|
|
function scrollTo(className) {
|
|
|
$("html").animate({ scrollTop: $(`${className}`).offset().top - 400 })
|
|
|
}
|
|
|
|
|
|
function range(start, end) {
|
|
|
const result = [];
|
|
|
for (let i = start; i < end; i++) {
|
|
|
result.push(i);
|
|
|
}
|
|
|
return result;
|
|
|
}
|
|
|
function disabledDateTime() {
|
|
|
return {
|
|
|
// disabledHours: () => range(0, 24).splice(4, 20),
|
|
|
disabledMinutes: () => range(1, 30).concat(range(31, 60)),
|
|
|
// disabledSeconds: () => [55, 56],
|
|
|
};
|
|
|
}
|
|
|
// 类似页面 http://localhost:3007/courses/1309/graduation/graduation_tasks/48/76/setting
|
|
|
class CommonWorkSetting extends Component{
|
|
|
|
|
|
constructor(props){
|
|
|
super(props)
|
|
|
this.publishModal = React.createRef();
|
|
|
this.endModal = React.createRef();
|
|
|
this.state={
|
|
|
unified_setting: true,
|
|
|
rules: [],
|
|
|
course_name:"",
|
|
|
homework_name:"",
|
|
|
publish_time:null,
|
|
|
end_time:null,
|
|
|
|
|
|
homework_status: [],
|
|
|
anonymous_comment: false,
|
|
|
ta_mode: 1,
|
|
|
evaluation_num: 3,
|
|
|
absence_penalty: 2,
|
|
|
appeal_penalty: 2,
|
|
|
|
|
|
te_proportion: 50,
|
|
|
ta_proportion: 30,
|
|
|
st_proportion: 20,
|
|
|
|
|
|
startEditFlag: false,
|
|
|
}
|
|
|
}
|
|
|
|
|
|
getsettings=()=>{
|
|
|
let workId=this.props.match.params.workId;
|
|
|
const isAdmin = this.props.isAdmin()
|
|
|
const url = `/homework_commons/${workId}/settings.json`
|
|
|
axios.get(url).then((result)=> {
|
|
|
if (result.data.course_id) {
|
|
|
// let assigngroups = []
|
|
|
// for (var list of result.data.graduation_groups) {
|
|
|
// assigngroups.push({
|
|
|
// assign_group_id: list.assign_group_id,
|
|
|
// select_name: list.select_name,
|
|
|
// })
|
|
|
// }
|
|
|
|
|
|
// let starttype=false;
|
|
|
// let endtype=false;
|
|
|
// if(Date.parse(result.data.publish_time)<Date.parse(new Date())){
|
|
|
// starttype=true
|
|
|
// }
|
|
|
// if(Date.parse(result.data.end_time)<Date.parse(new Date())){
|
|
|
// endtype=true
|
|
|
// }
|
|
|
|
|
|
//
|
|
|
let disable_unified_setting = false
|
|
|
|
|
|
let rules = []
|
|
|
if (result.data.unified_setting == false) {
|
|
|
rules = result.data.group_settings.filter(item => item.publish_time).map(item => {
|
|
|
|
|
|
if (disable_unified_setting == false && moment(item.publish_time) < moment()) {
|
|
|
// 已经有规则发不过了，不能修改统一设置
|
|
|
disable_unified_setting = true
|
|
|
}
|
|
|
return {
|
|
|
course_group_id:[item.group_id],
|
|
|
course_group_name:[item.group_name],
|
|
|
publish_time:item.publish_time,
|
|
|
end_time: item.end_time,
|
|
|
publish_flag:"",
|
|
|
end_flag:"",
|
|
|
class_flag:"",
|
|
|
course_search:"",
|
|
|
poll_status:0,
|
|
|
e_timeflag: !(moment(item.end_time) > moment() && isAdmin) ,
|
|
|
p_timeflag: !(moment(item.publish_time) > moment() && isAdmin),
|
|
|
}
|
|
|
})
|
|
|
} else if (result.data.publish_time && moment(result.data.publish_time) < moment()) {
|
|
|
disable_unified_setting = true
|
|
|
}
|
|
|
this.setState({
|
|
|
// starttimetype:starttype,
|
|
|
// endtimetype:endtype,
|
|
|
disable_unified_setting,
|
|
|
...result.data,
|
|
|
init_publish_time: result.data.publish_time,
|
|
|
init_end_time: result.data.end_time,
|
|
|
init_late_time: result.data.late_time,
|
|
|
init_evaluation_start: result.data.evaluation_start,
|
|
|
init_evaluation_end: result.data.evaluation_end,
|
|
|
init_appeal_time: result.data.appeal_time,
|
|
|
|
|
|
rules,
|
|
|
ta_proportion: result.data.ta_proportion * 100,
|
|
|
te_proportion: result.data.te_proportion * 100,
|
|
|
st_proportion: result.data.st_proportion * 100,
|
|
|
|
|
|
})
|
|
|
this.props.initWorkDetailCommonState && this.props.initWorkDetailCommonState( Object.assign({...result.data}, {
|
|
|
moduleName: '设置'
|
|
|
}))
|
|
|
}
|
|
|
|
|
|
}).catch((error)=>{
|
|
|
console.log(error)
|
|
|
})
|
|
|
}
|
|
|
|
|
|
|
|
|
componentDidMount(){
|
|
|
|
|
|
this.getsettings();
|
|
|
on('commonwork_fetch_all', this.fetchAllListener)
|
|
|
}
|
|
|
componentWillUnmount() {
|
|
|
off('commonwork_fetch_all', this.fetchAllListener)
|
|
|
}
|
|
|
fetchAllListener = () => {
|
|
|
this.getsettings()
|
|
|
}
|
|
|
|
|
|
|
|
|
base_on_project_change=(e)=>{
|
|
|
this.setState({
|
|
|
base_on_project:e.target.checked
|
|
|
})
|
|
|
}
|
|
|
|
|
|
|
|
|
setminnum=(e)=>{
|
|
|
|
|
|
if(isNaN(parseInt(e.target.value))){
|
|
|
this.setState({
|
|
|
minnum:""
|
|
|
})
|
|
|
}else if(parseInt(e.target.value)===0) {
|
|
|
this.setState({
|
|
|
minnum:1
|
|
|
})
|
|
|
}else{
|
|
|
this.setState({
|
|
|
minnum:parseInt(e.target.value)
|
|
|
})
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
setmaxnum=(e)=>{
|
|
|
let {minnum}=this.state;
|
|
|
|
|
|
if(isNaN(parseInt(e.target.value))){
|
|
|
this.setState({
|
|
|
maxnum:""
|
|
|
})
|
|
|
}else if(parseInt(e.target.value)===0) {
|
|
|
this.setState({
|
|
|
maxnum:parseInt(minnum)+1
|
|
|
})
|
|
|
}else{
|
|
|
if(parseInt(e.target.value)<=parseInt(minnum)){
|
|
|
this.setState({
|
|
|
maxnum:minnum+1
|
|
|
})
|
|
|
}else{
|
|
|
this.setState({
|
|
|
maxnum:parseInt(e.target.value)
|
|
|
})
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
onChangeTimepublish= (date, dateString) => {
|
|
|
|
|
|
// console.log('startValue', dateString);
|
|
|
this.setState({
|
|
|
publish_time: handleDateString(dateString),
|
|
|
})
|
|
|
let endTime = null;
|
|
|
if (!this.state.end_time && date) {
|
|
|
endTime = date.add(1, 'months').add(1, 'hours').minutes(0)
|
|
|
this.setState({
|
|
|
end_time: endTime.format(dateFormat)
|
|
|
})
|
|
|
}
|
|
|
if (!this.state.late_time && endTime) {
|
|
|
this.setState({
|
|
|
late_time: endTime.add(1, 'months').format(dateFormat)
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
|
|
|
onChangeTimeend= (date, dateString) => {
|
|
|
// console.log('startValue',dateString);
|
|
|
|
|
|
this.setState({
|
|
|
end_time: handleDateString(dateString),
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
onChangeTimelatetime=(date, dateString)=>{
|
|
|
|
|
|
this.setState({
|
|
|
late_time: handleDateString(dateString)
|
|
|
})
|
|
|
}
|
|
|
on_unified_setting = (e) => {
|
|
|
const checked = e.target.checked;
|
|
|
this.setState({
|
|
|
unified_setting: checked
|
|
|
})
|
|
|
}
|
|
|
// 启用匿评
|
|
|
anonymous_comment_change = (e) => {
|
|
|
const checked = e.target.checked;
|
|
|
const currentEndTime = this._getCurrentEndTime()
|
|
|
let evaluation_start, evaluation_end, evaluation_num = 0, absence_penalty = 0;
|
|
|
if (checked) {
|
|
|
if (currentEndTime) {
|
|
|
evaluation_start = moment(currentEndTime).add(7, 'days').format(dateFormat)
|
|
|
evaluation_end = moment(currentEndTime).add(21, 'days').format(dateFormat)
|
|
|
}
|
|
|
if (!this.state.evaluation_num) {
|
|
|
evaluation_num = 3
|
|
|
}
|
|
|
if (!this.state.absence_penalty) {
|
|
|
absence_penalty = 2
|
|
|
}
|
|
|
} else {
|
|
|
evaluation_start = null
|
|
|
evaluation_end = null
|
|
|
evaluation_num = 0
|
|
|
absence_penalty = 0
|
|
|
}
|
|
|
this.setState({
|
|
|
evaluation_start,
|
|
|
evaluation_end,
|
|
|
evaluation_num,
|
|
|
absence_penalty,
|
|
|
anonymous_comment: checked,
|
|
|
te_proportion: checked ? 50 : 70,
|
|
|
ta_proportion: checked ? 30 : 30,
|
|
|
st_proportion: checked ? 20 : 0,
|
|
|
})
|
|
|
}
|
|
|
onChangeEvaluationStart = (date, dateString) => {
|
|
|
this.setState({
|
|
|
evaluation_start: handleDateString(dateString)
|
|
|
})
|
|
|
}
|
|
|
onChangeEvaluationEnd = (date, dateString) => {
|
|
|
this.setState({
|
|
|
evaluation_end: handleDateString(dateString)
|
|
|
})
|
|
|
}
|
|
|
|
|
|
evaluation_num_change = (e) => {
|
|
|
let value= e.target.value;
|
|
|
this.setState({
|
|
|
evaluation_num:value
|
|
|
})
|
|
|
}
|
|
|
absence_penalty_change = (e) => {
|
|
|
let value= e.target.value;
|
|
|
this.setState({
|
|
|
absence_penalty:value
|
|
|
})
|
|
|
}
|
|
|
// 启用匿评申诉
|
|
|
anonymous_appeal_change = (e) => {
|
|
|
const { evaluation_end } = this.state;
|
|
|
const anonymous_appeal = e.target.checked
|
|
|
let appeal_time, appeal_penalty = this.state.appeal_penalty
|
|
|
if (anonymous_appeal) {
|
|
|
appeal_penalty = 2
|
|
|
if (evaluation_end) {
|
|
|
appeal_time = moment(evaluation_end).add(7, 'days').format(dateFormat)
|
|
|
}
|
|
|
} else {
|
|
|
appeal_time = null;
|
|
|
}
|
|
|
this.setState({
|
|
|
appeal_time,
|
|
|
appeal_penalty,
|
|
|
anonymous_appeal,
|
|
|
})
|
|
|
}
|
|
|
appeal_time_change = (date, dateString) => {
|
|
|
this.setState({
|
|
|
appeal_time: handleDateString(dateString)
|
|
|
})
|
|
|
}
|
|
|
appeal_penalty_change = (e) => {
|
|
|
let value= e.target.value;
|
|
|
this.setState({
|
|
|
appeal_penalty: value
|
|
|
})
|
|
|
}
|
|
|
ta_mode_change = (e) => {
|
|
|
this.setState({
|
|
|
ta_mode: e.target.value
|
|
|
})
|
|
|
}
|
|
|
te_proportion_change = (e) => {
|
|
|
this.setState({
|
|
|
te_proportion: e.target.value
|
|
|
})
|
|
|
}
|
|
|
ta_proportion_change = (e) => {
|
|
|
this.setState({
|
|
|
ta_proportion: e.target.value
|
|
|
})
|
|
|
}
|
|
|
st_proportion_change = (e) => {
|
|
|
this.setState({
|
|
|
st_proportion: e.target.value
|
|
|
})
|
|
|
}
|
|
|
final_mode_change = (e) => {
|
|
|
this.setState({
|
|
|
final_mode: e.target.value
|
|
|
})
|
|
|
}
|
|
|
|
|
|
work_public_change = (e) => {
|
|
|
this.setState({
|
|
|
work_public: e.target.checked
|
|
|
})
|
|
|
}
|
|
|
score_open_change = (e) => {
|
|
|
this.setState({
|
|
|
score_open: e.target.checked
|
|
|
})
|
|
|
}
|
|
|
answer_public_change = (e) => {
|
|
|
this.setState({
|
|
|
answer_public: e.target.checked
|
|
|
})
|
|
|
}
|
|
|
|
|
|
allow_late_change=(e)=>{
|
|
|
this.setState({
|
|
|
allow_late: e.target.value
|
|
|
})
|
|
|
if (e.target.value) {
|
|
|
this.setState({
|
|
|
late_penalty: 5
|
|
|
})
|
|
|
const currentEndTime = this._getCurrentEndTime();
|
|
|
if (currentEndTime && !this.state.late_time) {
|
|
|
this.setState({
|
|
|
late_time: moment(handleDateString(currentEndTime)).add(1, 'months').format(dateFormat)
|
|
|
})
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
late_penalty_change=(e)=>{
|
|
|
let value= parseInt(e.target.value);
|
|
|
|
|
|
if(isNaN(value)){
|
|
|
value=0
|
|
|
}
|
|
|
|
|
|
this.setState({
|
|
|
late_penalty:value
|
|
|
})
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//立即发布
|
|
|
publish=()=>{
|
|
|
let starttime= this.props.getNowFormatDates(1);
|
|
|
let endtime=this.props.getNowFormatDates(2);
|
|
|
this.setState({
|
|
|
modalname:"立即发布",
|
|
|
visible:true,
|
|
|
Topval:"本操作只对“未发布”的对象生效",
|
|
|
Botvalleft:"暂不发布",
|
|
|
Botval:"则通过后续手动设置，定时发布",
|
|
|
starttime:moment(moment(new Date())).format("YYYY-MM-DD HH:mm"),
|
|
|
endtime:endtime,
|
|
|
Cancelname:"暂不发布",
|
|
|
Savesname:"立即发布",
|
|
|
Cancel:this.publishcanner,
|
|
|
Saves:this.homepublish,
|
|
|
})
|
|
|
}
|
|
|
|
|
|
publishcanner=()=>{
|
|
|
this.setState({
|
|
|
visible:false,
|
|
|
})
|
|
|
}
|
|
|
|
|
|
homepublish=()=>{
|
|
|
// let task_Id=this.props.match.params.task_Id;
|
|
|
// const cid = this.props.match.params.coursesId
|
|
|
// let url = `/courses/${cid}/graduation_tasks/publish_task.json`;
|
|
|
// axios.post(url,{
|
|
|
// task_ids:[task_Id],
|
|
|
|
|
|
// }).then((response)=>{
|
|
|
// if (response.data.status == 0) {
|
|
|
// this.setState({
|
|
|
// Modalstype:true,
|
|
|
// Modalstopval:response.data.message,
|
|
|
// ModalSave:this.cancelmodel,
|
|
|
// Loadtype:true,
|
|
|
// checkBoxValues:[],
|
|
|
// checkAllValue:false
|
|
|
// })
|
|
|
// this.getsettings();
|
|
|
// }
|
|
|
// }).catch((error)=>{
|
|
|
|
|
|
// })
|
|
|
}
|
|
|
|
|
|
onSubmit = ()=> {
|
|
|
const { publish_time, unified_setting } = this.state;
|
|
|
// if (publish_time || !unified_setting) {
|
|
|
this.saveWorkSetting();
|
|
|
// } else {
|
|
|
// this.publishModal.current.open(true)
|
|
|
// }
|
|
|
|
|
|
}
|
|
|
_getCurrentEndTime = () => {
|
|
|
const { unified_setting, end_time, rules } = this.state;
|
|
|
if (unified_setting) {
|
|
|
return end_time
|
|
|
} else {
|
|
|
let max_un_unified_setting_end_time = null;
|
|
|
rules.map(item => {
|
|
|
if (!max_un_unified_setting_end_time || moment(item.end_time) > moment(max_un_unified_setting_end_time)) {
|
|
|
max_un_unified_setting_end_time = item.end_time;
|
|
|
}
|
|
|
})
|
|
|
return max_un_unified_setting_end_time
|
|
|
}
|
|
|
}
|
|
|
saveWorkSetting=()=>{
|
|
|
let workId=this.props.match.params.workId;
|
|
|
|
|
|
let {assigngroups,hascommit,minnums,max_nums}=this.state;
|
|
|
|
|
|
const {homework_status, homework_id, homework_name, homework_type, publish_immediately, end_immediately
|
|
|
,
|
|
|
publish_time, end_time,
|
|
|
allow_late, late_penalty, late_time, work_public, score_open, answer_public, group_settings,
|
|
|
anonymous_comment, anonymous_appeal, evaluation_start, evaluation_end, evaluation_num, absence_penalty, appeal_time,
|
|
|
appeal_penalty, ta_mode, final_mode, te_proportion, ta_proportion, st_proportion,
|
|
|
unified_setting,
|
|
|
publish_time_type, end_time_type
|
|
|
} = this.state;
|
|
|
let group_settings_param = []
|
|
|
let max_un_unified_setting_end_time = null
|
|
|
if (!unified_setting) {
|
|
|
const result = this.refs.pollDetailTabForthRules.notUnifiedSettingCheck(this.state.rules);
|
|
|
this.setState({
|
|
|
rules: result.rules
|
|
|
})
|
|
|
if(result.validate==false){
|
|
|
scrollTo('.unified_setting')
|
|
|
return false;
|
|
|
}
|
|
|
group_settings_param = result.rules.map(item => {
|
|
|
if (!max_un_unified_setting_end_time || moment(item.end_time) > moment(max_un_unified_setting_end_time)) {
|
|
|
max_un_unified_setting_end_time = item.end_time;
|
|
|
}
|
|
|
return {
|
|
|
group_id: item.course_group_id,
|
|
|
publish_time: item.publish_time,
|
|
|
end_time: item.end_time
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
|
|
|
if(unified_setting && !publish_time) {
|
|
|
this.setState({
|
|
|
publicTimeTip: '发布时间不能为空'
|
|
|
})
|
|
|
scrollTo('.publicTimeTip')
|
|
|
return false
|
|
|
}
|
|
|
if(unified_setting && !end_time) {
|
|
|
this.setState({
|
|
|
publicTimeTip: '截止时间不能为空'
|
|
|
})
|
|
|
scrollTo('.publicTimeTip')
|
|
|
return false
|
|
|
}
|
|
|
|
|
|
let temp_publish_time
|
|
|
let temp_end_time
|
|
|
if (unified_setting) {
|
|
|
temp_publish_time = publish_time
|
|
|
temp_end_time = end_time
|
|
|
if (!temp_publish_time) {
|
|
|
const publish_time_moment = getNextHalfHourOfMoment(moment());
|
|
|
temp_publish_time = publish_time_moment.format(dateFormat);
|
|
|
}
|
|
|
if (!temp_end_time) {
|
|
|
temp_end_time = moment(handleDateString(temp_publish_time)).add(1, 'months').format(dateFormat)
|
|
|
}
|
|
|
} else {
|
|
|
temp_end_time = max_un_unified_setting_end_time
|
|
|
}
|
|
|
|
|
|
// 已发布的不检查
|
|
|
const isUnPublish= homework_status.indexOf(STATUS_UN_PUBLISH) != -1
|
|
|
const isAdmin = this.props.isAdmin()
|
|
|
const current = moment();
|
|
|
const publish_time_editable = isUnPublish;
|
|
|
const end_time_editable = isAdmin || !end_time || moment(end_time) > current;
|
|
|
|
|
|
if (unified_setting) {
|
|
|
if (publish_time_editable && temp_publish_time && moment(temp_publish_time) < moment()) {
|
|
|
this.setState({
|
|
|
publicTimeTip: '发布时间不能小于当前时间'
|
|
|
})
|
|
|
scrollTo('.publicTimeTip')
|
|
|
return false
|
|
|
}
|
|
|
// 已截止的不检查
|
|
|
if (end_time_editable && temp_end_time && moment(temp_end_time) <= moment(temp_publish_time)) {
|
|
|
this.setState({
|
|
|
publicTimeTip: '截止时间必须晚于发布时间'
|
|
|
})
|
|
|
scrollTo('.publicTimeTip')
|
|
|
return false
|
|
|
}
|
|
|
}
|
|
|
this.setState({
|
|
|
publicTimeTip: ''
|
|
|
})
|
|
|
|
|
|
// 补交
|
|
|
if( allow_late && !late_time ){
|
|
|
this.setState({
|
|
|
latetimetype: '结束时间不能为空'
|
|
|
})
|
|
|
scrollTo('.latetimetype')
|
|
|
return false
|
|
|
}
|
|
|
|
|
|
if( allow_late && moment(late_time) < moment(temp_end_time) ){
|
|
|
this.setState({
|
|
|
latetimetype:"结束时间不能早于截止时间"
|
|
|
})
|
|
|
scrollTo('.latetimetype')
|
|
|
return false;
|
|
|
}
|
|
|
this.setState({
|
|
|
latetimetype: ''
|
|
|
})
|
|
|
// 匿评
|
|
|
if (anonymous_comment) {
|
|
|
if (!evaluation_start) {
|
|
|
this.setState({
|
|
|
anonymous_comment_time_tip: '匿评开启时间不能为空'
|
|
|
})
|
|
|
scrollTo('.anonymous_comment_time_tip')
|
|
|
return false;
|
|
|
}
|
|
|
if (!evaluation_end) {
|
|
|
this.setState({
|
|
|
anonymous_comment_time_tip: '匿评结束时间不能为空'
|
|
|
})
|
|
|
scrollTo('.anonymous_comment_time_tip')
|
|
|
return false;
|
|
|
}
|
|
|
if( moment(evaluation_start) < moment(temp_end_time) ){
|
|
|
this.setState({
|
|
|
anonymous_comment_time_tip:"匿评开启时间不能早于发布截止时间"
|
|
|
})
|
|
|
scrollTo('.anonymous_comment_time_tip')
|
|
|
return false;
|
|
|
}
|
|
|
if( moment(evaluation_start) >= moment(evaluation_end) ){
|
|
|
this.setState({
|
|
|
anonymous_comment_time_tip:"匿评结束时间必须晚于匿评开启时间"
|
|
|
})
|
|
|
scrollTo('.anonymous_comment_time_tip')
|
|
|
return false;
|
|
|
}
|
|
|
this.setState({ anonymous_comment_time_tip: '' })
|
|
|
|
|
|
if (evaluation_num == 0) {
|
|
|
this.setState({ evaluation_num_tip: '匿评数必须为正整数' }, () => { scrollTo('.evaluation_num_tip') })
|
|
|
return false;
|
|
|
}
|
|
|
this.setState({ evaluation_num_tip: '' })
|
|
|
|
|
|
if (absence_penalty == undefined || absence_penalty === "") {
|
|
|
this.setState({ absence_penalty_tip: '必须为0或正整数' }, () => { scrollTo('.absence_penalty_tip') })
|
|
|
return false;
|
|
|
}
|
|
|
this.setState({ absence_penalty_tip: '' })
|
|
|
|
|
|
if (anonymous_appeal) {
|
|
|
if (!appeal_time) {
|
|
|
this.setState({
|
|
|
appeal_time_tip: '匿评申诉结束时间不能为空'
|
|
|
})
|
|
|
scrollTo('.appeal_time_tip')
|
|
|
return false;
|
|
|
}
|
|
|
if( moment(appeal_time) <= moment(evaluation_end) ){
|
|
|
this.setState({
|
|
|
appeal_time_tip:"匿评申诉结束时间必须晚于匿评结束时间"
|
|
|
})
|
|
|
scrollTo('.appeal_time_tip')
|
|
|
return false;
|
|
|
}
|
|
|
this.setState({ appeal_time_tip: '' })
|
|
|
|
|
|
if( appeal_penalty == undefined) {
|
|
|
this.setState({ appeal_penalty_tip: '必须为0或正整数' }, () => { scrollTo('.appeal_penalty_tip') })
|
|
|
return false;
|
|
|
}
|
|
|
this.setState({ appeal_penalty_tip: '' })
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
if (final_mode == false && parseInt(te_proportion) + parseInt(ta_proportion) + parseInt(st_proportion) != 100) {
|
|
|
this.setState({
|
|
|
final_mode_false_tip: "评分占比之和必须等于100%"
|
|
|
})
|
|
|
scrollTo('.final_mode_false_tip')
|
|
|
return false
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
"group_settings": [
|
|
|
{
|
|
|
"group_id": [820, 821],
|
|
|
"publish_time": "2018-04-18 10:00:00",
|
|
|
"end_time": "2018-04-20 10:00:00"
|
|
|
},
|
|
|
* */
|
|
|
// axios
|
|
|
let course_id=this.props.match.params.coursesId;
|
|
|
const url = `/homework_commons/${workId}/update_settings.json`
|
|
|
// comments
|
|
|
axios.post(url,{
|
|
|
course_id ,
|
|
|
unified_setting: unified_setting, // 统一设置
|
|
|
group_settings: group_settings_param,
|
|
|
publish_time: temp_publish_time, // 发布
|
|
|
end_time: temp_end_time, // 截止
|
|
|
late_penalty: late_penalty, // 迟交扣分
|
|
|
allow_late: allow_late, // 是否允许补交
|
|
|
late_time: late_time, // 补交截止时间
|
|
|
anonymous_comment: anonymous_comment, // true: 启用匿评 false:未启用匿评
|
|
|
evaluation_start: evaluation_start, //匿评开始时间
|
|
|
evaluation_end: evaluation_end,
|
|
|
evaluation_num: evaluation_num, // 匿评数
|
|
|
absence_penalty: absence_penalty, // 匿评扣分
|
|
|
anonymous_appeal: anonymous_appeal, // true: 启用匿评申诉, false:未启用
|
|
|
appeal_time: appeal_time, // 申诉结束时间
|
|
|
appeal_penalty: appeal_penalty, // 违规匿评扣分
|
|
|
ta_mode: ta_mode, // 1:普通模式 0:复审模式
|
|
|
final_mode: final_mode, // true: 单项评分优先， false: 多项评分配比
|
|
|
te_proportion: te_proportion / 100,
|
|
|
ta_proportion: ta_proportion / 100,
|
|
|
st_proportion: st_proportion / 100,
|
|
|
work_public: work_public, //公开作品
|
|
|
score_open: score_open, // 公开成绩
|
|
|
answer_public: answer_public,
|
|
|
|
|
|
}).then((response)=>{
|
|
|
if (response.data.status == 0) {
|
|
|
this.setState({startEditFlag: false})
|
|
|
this.props.showNotification('更新成功')
|
|
|
// 查看是否需要弹框立即发布
|
|
|
if (!publish_time) {
|
|
|
}
|
|
|
}
|
|
|
}).catch((error)=>{
|
|
|
|
|
|
})
|
|
|
|
|
|
return true;
|
|
|
}
|
|
|
|
|
|
selectassigngroups=(e,index)=>{
|
|
|
|
|
|
let {assigngroups}=this.state;
|
|
|
let newassigngroups=assigngroups;
|
|
|
for(var i=0; i<newassigngroups.length; i++){
|
|
|
if(i===parseInt(index.key)){
|
|
|
newassigngroups[i].assign_group_id=index.props.id;
|
|
|
newassigngroups[i].select_name=index.props.value;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
//
|
|
|
// console.log(assigngroups)
|
|
|
// console.log(newassigngroups)
|
|
|
// assigngroups.push({
|
|
|
// assign_group_id:list.assign_group_id,
|
|
|
// select_name:list.select_name,
|
|
|
// })
|
|
|
this.setState({
|
|
|
assigngroups:newassigngroups,
|
|
|
})
|
|
|
}
|
|
|
|
|
|
goback=()=>{
|
|
|
this.setState({startEditFlag: false})
|
|
|
// this.props.toListPage(this.props.match.params, this.state.category.category_id)
|
|
|
}
|
|
|
|
|
|
|
|
|
end=()=>{
|
|
|
|
|
|
this.setState({
|
|
|
modalname:"立即截止",
|
|
|
visible:true,
|
|
|
Topval:"本操作只对“提交中”的对象生效",
|
|
|
Botvalleft:"暂不截止",
|
|
|
Botval:"则将根据已设置的截止时间，定时截止",
|
|
|
Cancelname:"暂不截止",
|
|
|
Savesname:"立即截止",
|
|
|
Cancel:this.publishcanner,
|
|
|
Saves:this.coursetaskend,
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
publishcanner=()=>{
|
|
|
this.setState({
|
|
|
visible:false,
|
|
|
})
|
|
|
}
|
|
|
|
|
|
cancelmodel=()=>{
|
|
|
|
|
|
this.setState({
|
|
|
Modalstype:false,
|
|
|
Loadtype:false,
|
|
|
visible:false,
|
|
|
Modalstopval:"",
|
|
|
ModalCancel:"",
|
|
|
ModalSave:"",
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
coursetaskend=()=>{
|
|
|
|
|
|
// const coursesId = this.props.match.params.coursesId;
|
|
|
// const task_Id = this.props.match.params.task_Id;
|
|
|
|
|
|
// let url = `/courses/${coursesId}/graduation_tasks/end_task.json`;
|
|
|
// axios.post(url,{
|
|
|
// task_ids:[task_Id],
|
|
|
// all_check:0
|
|
|
// }).then((response)=>{
|
|
|
// if (response.data.status == 0) {
|
|
|
// this.setState({
|
|
|
// Modalstype:true,
|
|
|
// Modalstopval:response.data.message,
|
|
|
// ModalSave:this.cancelmodel,
|
|
|
// Loadtype:true,
|
|
|
// checkBoxValues:[],
|
|
|
// checkAllValue:false
|
|
|
// })
|
|
|
// }
|
|
|
// }).catch((error)=>{
|
|
|
|
|
|
// })
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
setcommentnum=(e)=>{
|
|
|
this.setState({
|
|
|
commentnum:parseInt(e.target.value)
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
onToPublishClick = () => {
|
|
|
|
|
|
}
|
|
|
|
|
|
rulesCheckInfo=(rules)=>{
|
|
|
console.log(rules);
|
|
|
this.setState({
|
|
|
rules
|
|
|
})
|
|
|
}
|
|
|
|
|
|
// 补交附件
|
|
|
Cancelvisible=()=>{
|
|
|
this.setState({
|
|
|
accessoryVisible:false
|
|
|
})
|
|
|
}
|
|
|
|
|
|
addAccessory=()=>{
|
|
|
this.setState({
|
|
|
accessoryVisible:true
|
|
|
})
|
|
|
}
|
|
|
setupdate = () => {
|
|
|
|
|
|
}
|
|
|
|
|
|
render(){
|
|
|
const { getFieldDecorator } = this.props.form;
|
|
|
|
|
|
let {course_name, settingdata,base_on_project,Modalstype,Modalstopval,operworks,opergrade,graduationgroups,Loadtype,task_type,publicTimeTip,
|
|
|
ModalCancel,ModalSave,allowlate,latepenalty,latetime,crosscomment,commentstatus,commentnum,commenttime,numtype,
|
|
|
minnum,maxnum,modalname,
|
|
|
visible,
|
|
|
Topval,
|
|
|
Topvalright,
|
|
|
Botvalleft,
|
|
|
Botval,
|
|
|
starttime,
|
|
|
endtime,
|
|
|
Cancelname,
|
|
|
Savesname,
|
|
|
Cancel,
|
|
|
Saves,
|
|
|
course_groups,hasproject,hascommit,minnumstype,maxnumstype,
|
|
|
latepenaltytype,
|
|
|
latepenaltyvalue,
|
|
|
latetimetype,
|
|
|
starttimetype,
|
|
|
endtimetype,
|
|
|
commenttimetype,
|
|
|
commenttimevalue,
|
|
|
|
|
|
homework_status, homework_id, homework_name, homework_type, publish_immediately, end_immediately, unified_setting, publish_time,
|
|
|
end_time, allow_late, late_penalty, late_time, work_public, score_open, answer_public, group_settings,
|
|
|
anonymous_comment, anonymous_appeal, evaluation_start, evaluation_end, evaluation_num, absence_penalty, appeal_time,
|
|
|
appeal_penalty, ta_mode, final_mode, te_proportion, ta_proportion, st_proportion, anonymous_comment_time_tip, appeal_time_tip,
|
|
|
final_mode_false_tip,
|
|
|
startEditFlag,
|
|
|
publish_time_type, end_time_type, rules, disable_unified_setting,
|
|
|
work_statuses, work_id,
|
|
|
accessoryVisible,
|
|
|
|
|
|
init_late_time, init_evaluation_start, init_evaluation_end, init_appeal_time
|
|
|
} =this.state;
|
|
|
|
|
|
// 是否可编辑的判断
|
|
|
const isUnPublish= homework_status.indexOf(STATUS_UN_PUBLISH) != -1
|
|
|
|
|
|
const isSuperAdmin = this.props.isSuperAdmin()
|
|
|
const isAdmin = this.props.isAdmin()
|
|
|
const current = moment();
|
|
|
const publish_time_editable = isUnPublish;
|
|
|
const end_time_editable = !end_time || moment(end_time) > current;
|
|
|
|
|
|
let courseId=this.props.match.params.coursesId;
|
|
|
let workId=this.props.match.params.workId;
|
|
|
|
|
|
let category_id=this.props.match.params.category_id;
|
|
|
const radioStyle = {
|
|
|
display: 'block',
|
|
|
height: '30px',
|
|
|
lineHeight: '30px',
|
|
|
};
|
|
|
//
|
|
|
//
|
|
|
// console.log(Date.parse(publish_time))
|
|
|
// console.log(this.props.isSuperAdmin())
|
|
|
let adaptered_group_settings = []
|
|
|
if (group_settings) {
|
|
|
/**
|
|
|
item.end_time,
|
|
|
item.publish_time
|
|
|
*/
|
|
|
adaptered_group_settings = group_settings.map (item => {
|
|
|
return {
|
|
|
course_group_id: item.group_id,
|
|
|
course_group_name: item.group_name,
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
let exportUrl = `/api/homework_commons/${workId}/works_list.zip`
|
|
|
const exportResultUrl = `/api/homework_commons/${workId}/works_list.xlsx`
|
|
|
const noAuth = !isAdmin || !startEditFlag;
|
|
|
return(
|
|
|
|
|
|
|
|
|
|
|
|
<React.Fragment>
|
|
|
<Modals
|
|
|
modalsType={Modalstype}
|
|
|
modalsTopval={Modalstopval}
|
|
|
modalCancel={ModalCancel}
|
|
|
modalSave={ModalSave}
|
|
|
loadtype={Loadtype}
|
|
|
/>
|
|
|
|
|
|
{/*立即发布*/}
|
|
|
{/* <HomeworkModal
|
|
|
modalname={modalname}
|
|
|
visible={visible}
|
|
|
Topval={Topval}
|
|
|
Topvalright={Topvalright}
|
|
|
Botvalleft={Botvalleft}
|
|
|
Botval={Botval}
|
|
|
starttime={starttime}
|
|
|
endtime={endtime}
|
|
|
Cancelname={Cancelname}
|
|
|
Savesname={Savesname}
|
|
|
Cancel={Cancel}
|
|
|
Saves={Saves}
|
|
|
course_groups={course_groups}
|
|
|
/> */}
|
|
|
<PublishRightnow ref={this.publishModal} showActionButton={false} {...this.props} checkBoxValues={[workId]} action={this.getsettings}
|
|
|
isPublish={true} doWhenSuccess={this.doWhenSuccess} checkBeforePost={this.saveWorkSetting}
|
|
|
onToPublishClick={this.onToPublishClick}
|
|
|
></PublishRightnow>
|
|
|
<PublishRightnow ref={this.endModal} showActionButton={false} {...this.props} checkBoxValues={[workId]} action={this.getsettings}
|
|
|
isPublish={false} doWhenSuccess={this.doWhenSuccess}></PublishRightnow>
|
|
|
|
|
|
<style>{`
|
|
|
.settingForm .ant-radio-group, .settingForm.ant-form {
|
|
|
color: #666;
|
|
|
}
|
|
|
|
|
|
.settingForm input.ant-input {
|
|
|
height: 40px
|
|
|
}
|
|
|
|
|
|
.settingForm .color-grey-9 {
|
|
|
color: #ccc !important;
|
|
|
}
|
|
|
|
|
|
`}</style>
|
|
|
<Form labelCol={{ span: 5 }} wrapperCol={{ span: 12 }} className={'settingForm'}>
|
|
|
<div className="stud-class-set bor-bottom-greyE pd20 edu-back-white pl36">
|
|
|
{/* TODO
|
|
|
取消统一发布设置
|
|
|
https://lanhuapp.com/web/#/item/project/board/detail?val=&pid=a3bcd4b1-99ce-4e43-8ead-5b8b0a410807&project_id=a3bcd4b1-99ce-4e43-8ead-5b8b0a410807&image_id=72a5d2c1-3d69-4f1b-9839-c368e86262bc
|
|
|
*/}
|
|
|
{/* <div className={" font-16 color-dark h20 mb20"}>发布设置 </div> */}
|
|
|
<p className="mb30 clearfix">
|
|
|
<span className="font-16 fl color-dark">发布设置</span>
|
|
|
{
|
|
|
!startEditFlag && isAdmin ?
|
|
|
<a className="fr mr6" onClick={() => { this.setState({startEditFlag: true}) }}>
|
|
|
<Tooltip title="编辑"><i className="iconfont icon-bianjidaibeijing font-20 color-green"></i></Tooltip>
|
|
|
</a>
|
|
|
:""
|
|
|
}
|
|
|
</p>
|
|
|
|
|
|
{group_settings && !!group_settings.length && <p className="clearfix mb20 unified_setting">
|
|
|
<ConditionToolTip condition={disable_unified_setting} title={"已发布，不能再修改"}>
|
|
|
<Checkbox className="font-16 color-grey-6" checked={ unified_setting } onChange={this.on_unified_setting}
|
|
|
disabled={disable_unified_setting || noAuth}
|
|
|
>统一设置</Checkbox>
|
|
|
</ConditionToolTip>
|
|
|
|
|
|
|
|
|
<span className="color-grey-9">（选中则所有分班使用相同的发布设置，仅课堂管理员可修改；否则各个分班允许单独设置）</span>
|
|
|
</p>}
|
|
|
|
|
|
{ unified_setting ?
|
|
|
<React.Fragment>
|
|
|
<div className={"h20 mb30 ml30"}>
|
|
|
<span>发布时间：</span>
|
|
|
<Tooltip placement="bottom" title={this.props.isSuperAdmin()?"":publish_time_type===true?"发布时间已过，则不能修改":""}>
|
|
|
<span>
|
|
|
<ConditionToolTip condition={moment(this.state.init_publish_time) < moment()} title={"时间已过，不能再修改"}>
|
|
|
|
|
|
<DatePicker
|
|
|
dropdownClassName="hideDisable"
|
|
|
showTime={{ format: 'HH:mm' }}
|
|
|
disabledTime={disabledDateTime}
|
|
|
showToday={false}
|
|
|
locale={locale}
|
|
|
format={dateFormat}
|
|
|
placeholder="请选择发布时间"
|
|
|
id={"startime"}
|
|
|
width={"210px"}
|
|
|
value={!publish_time?"":moment(publish_time, dateFormat)}
|
|
|
onChange={this.onChangeTimepublish}
|
|
|
// disabled={this.props.isSuperAdmin()?false:publish_time_type===true?true:false}
|
|
|
disabled={moment(this.state.init_publish_time) < moment() || noAuth}
|
|
|
|
|
|
// disabledDate={ (publish_time) => {
|
|
|
// return publish_time && publish_time < moment().add(-1, 'days'); }
|
|
|
// }
|
|
|
/>
|
|
|
</ConditionToolTip>
|
|
|
</span>
|
|
|
</Tooltip>
|
|
|
<span className={"font-14 color-grey-9 ml10"}>（学生收到作业的时间）</span>
|
|
|
</div>
|
|
|
|
|
|
<div className={"h20 mb30 ml30"}>
|
|
|
<span>截止时间：</span>
|
|
|
<Tooltip placement="bottom" title={this.props.isSuperAdmin()?"":end_time_type===true?"截止时间已过，则不能修改":""}>
|
|
|
<span>
|
|
|
<ConditionToolTip condition={moment(this.state.init_end_time) < moment()} title={"时间已过，不能再修改"}>
|
|
|
<DatePicker
|
|
|
dropdownClassName="hideDisable"
|
|
|
showTime={{ format: 'HH:mm' }}
|
|
|
disabledTime={disabledDateTime}
|
|
|
showToday={false}
|
|
|
locale={locale}
|
|
|
format={dateFormat}
|
|
|
placeholder="请选择截止时间"
|
|
|
id={"endTime"}
|
|
|
width={"210px"}
|
|
|
value={!end_time?"":moment(end_time, dateFormat)}
|
|
|
onChange={this.onChangeTimeend}
|
|
|
disabled={this.props.isSuperAdmin()?false:end_time_type===true?true:false}
|
|
|
disabled={moment(this.state.init_end_time) < moment() || noAuth}
|
|
|
|
|
|
// disabledDate={ (end_time) =>
|
|
|
// {
|
|
|
// const publish_time = this.state.publish_time
|
|
|
// if (!publish_time) {
|
|
|
// return end_time && end_time < moment();
|
|
|
// }
|
|
|
// if (!publish_time || !end_time) { return false; }
|
|
|
// return end_time.valueOf() < moment(publish_time, dateFormat).valueOf(); }
|
|
|
// }
|
|
|
/>
|
|
|
</ConditionToolTip>
|
|
|
</span>
|
|
|
</Tooltip>
|
|
|
<span className={"font-14 color-grey-9 ml10"}>（学生“按时”提交作品的时间截点）</span>
|
|
|
</div>
|
|
|
|
|
|
{<div className={"publicTimeTip color-red ml30"}>{publicTimeTip}</div>}
|
|
|
</React.Fragment> :
|
|
|
adaptered_group_settings && !!adaptered_group_settings.length && <PollDetailTabForthRules
|
|
|
ref="pollDetailTabForthRules"
|
|
|
rules={rules}
|
|
|
course_group={adaptered_group_settings}
|
|
|
rulesCheckInfo={(info)=>this.rulesCheckInfo(info)}
|
|
|
flagPageEdit={true}
|
|
|
moduleName="作业"
|
|
|
></PollDetailTabForthRules>
|
|
|
}
|
|
|
|
|
|
{/*
|
|
|
flagPageEdit={flagPageEdit}
|
|
|
*/}
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div className="stud-class-set bor-bottom-greyE pd20 edu-back-white pl36">
|
|
|
<div className={" font-16 color-dark h20 mb20"}>补交设置
|
|
|
<span className={"ml15 font-14 color-grey-9 "}>（选中，则允许学生延时提交作品）</span>
|
|
|
</div>
|
|
|
|
|
|
<RadioGroup onChange={this.allow_late_change} value={allow_late}>
|
|
|
|
|
|
<Radio style={radioStyle} value={true} disabled={noAuth}>允许补交</Radio>
|
|
|
|
|
|
<div className={"h21 mb10 ml30 mt20"}>
|
|
|
<span>迟交扣分：</span>
|
|
|
<Input type="number" className="mr10" style={{width:"100px" }} value={late_penalty} onInput={this.late_penalty_change}
|
|
|
min={0} max={100} disabled={!allow_late || noAuth}
|
|
|
/>
|
|
|
<span className={"font-14 color-grey-9 "}>（延时提交作品时，学生成绩将被扣减的分值）</span>
|
|
|
{latepenaltytype===true?<div className={"color-red ml40"}>{latepenaltyvalue}</div>:""}
|
|
|
</div>
|
|
|
|
|
|
<div className={" mb10 ml30"}>
|
|
|
<span>结束时间：</span>
|
|
|
<ConditionToolTip condition={moment(init_late_time) < moment()} title={"时间已过，不能再修改"}>
|
|
|
<DatePicker
|
|
|
showToday={false}
|
|
|
dropdownClassName="hideDisable"
|
|
|
showTime={{ format: 'HH:mm' }}
|
|
|
locale={locale}
|
|
|
format={dateFormat}
|
|
|
placeholder="请选择结束时间"
|
|
|
id={"enTime"}
|
|
|
width={"210px"}
|
|
|
value={!late_time ? undefined :moment(late_time, dateFormat)}
|
|
|
onChange={this.onChangeTimelatetime}
|
|
|
disabledTime={disabledDateTime}
|
|
|
disabled={!allow_late || noAuth || moment(init_late_time) < moment()}
|
|
|
// disabledDate={ (late_time) =>
|
|
|
// {
|
|
|
// const end_time = this.state.end_time
|
|
|
// if (!end_time || !late_time) { return false; }
|
|
|
// return late_time < moment(end_time, dateFormat).add(-1, 'days'); }
|
|
|
// }
|
|
|
/>
|
|
|
</ConditionToolTip>
|
|
|
<span className={"font-14 color-grey-9 ml10"}>（学生“延时”提交作品的时间截点）</span>
|
|
|
{<div className={"latetimetype color-red "}>{latetimetype}</div>}
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<Radio style={radioStyle} value={false} disabled={noAuth}>禁止补交</Radio>
|
|
|
|
|
|
</RadioGroup>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div className="stud-class-set bor-bottom-greyE pd20 edu-back-white pl36">
|
|
|
<div className={" font-16 color-dark h20 mb20"}>匿评设置 </div>
|
|
|
|
|
|
<div className={"mb20"}>
|
|
|
<Checkbox className="ml30" checked={anonymous_comment} onChange={this.anonymous_comment_change}
|
|
|
disabled={noAuth || moment(init_evaluation_start) < moment()}
|
|
|
>启用匿评</Checkbox>
|
|
|
<span className={"font-14 color-grey-9"}>（作品数量≥2个，可以开启匿评）</span>
|
|
|
</div>
|
|
|
{/* 开启时间 */}
|
|
|
<div className={"h20 mb30 ml60"}>
|
|
|
<span>开启时间：</span>
|
|
|
<Tooltip placement="bottom" title={this.props.isSuperAdmin()?"":starttimetype===true?"发布时间已过，则不能修改":""}>
|
|
|
<span>
|
|
|
<ConditionToolTip condition={moment(init_evaluation_start) < moment()} title={"时间已过，不能再修改"}>
|
|
|
<DatePicker
|
|
|
dropdownClassName="hideDisable"
|
|
|
showTime={{ format: 'HH:mm' }}
|
|
|
disabledTime={disabledDateTime}
|
|
|
showToday={false}
|
|
|
locale={locale}
|
|
|
format={dateFormat}
|
|
|
placeholder="请选择匿名开启时间"
|
|
|
id={"startime"}
|
|
|
width={"210px"}
|
|
|
value={!evaluation_start ?"":moment(evaluation_start, dateFormat)}
|
|
|
onChange={this.onChangeEvaluationStart}
|
|
|
disabled={ (anonymous_comment && !noAuth ? false : true) || moment(init_evaluation_start) < moment() }
|
|
|
// disabledDate={ (evaluation_start) =>
|
|
|
// {
|
|
|
// const end_time = this.state.end_time
|
|
|
// if (!end_time || !evaluation_start) { return false; }
|
|
|
// return evaluation_start.valueOf() < moment(end_time, dateFormat).valueOf(); }
|
|
|
// }
|
|
|
/>
|
|
|
</ConditionToolTip>
|
|
|
</span>
|
|
|
</Tooltip>
|
|
|
<span className={"font-14 color-grey-9 ml10"}>（匿评开始时间之前提交作品的学生，参与匿评）</span>
|
|
|
</div>
|
|
|
<div className={"h20 mb30 ml60"}>
|
|
|
<span>结束时间：</span>
|
|
|
<Tooltip placement="bottom" title={this.props.isSuperAdmin()?"":starttimetype===true?"发布时间已过，则不能修改":""}>
|
|
|
<span>
|
|
|
<ConditionToolTip condition={moment(init_evaluation_end) < moment()} title={"时间已过，不能再修改"}>
|
|
|
<DatePicker
|
|
|
dropdownClassName="hideDisable"
|
|
|
showTime={{ format: 'HH:mm' }}
|
|
|
showToday={false}
|
|
|
locale={locale}
|
|
|
format={dateFormat}
|
|
|
placeholder="请选择匿名结束时间"
|
|
|
id={"endtime"}
|
|
|
width={"210px"}
|
|
|
value={!evaluation_end ?"":moment(evaluation_end, dateFormat)}
|
|
|
onChange={this.onChangeEvaluationEnd}
|
|
|
disabledTime={disabledDateTime}
|
|
|
disabled={(anonymous_comment && !noAuth ? false : true) || moment(init_evaluation_end) < moment()}
|
|
|
// disabledDate={ (evaluation_end) =>
|
|
|
// {
|
|
|
// const evaluation_start = this.state.evaluation_start
|
|
|
// if (!evaluation_start || !evaluation_end) { return false; }
|
|
|
// return evaluation_end.valueOf() < moment(evaluation_start, dateFormat).valueOf(); }
|
|
|
// }
|
|
|
/>
|
|
|
</ConditionToolTip>
|
|
|
<span className={"font-14 color-grey-9 ml10"}>（学生匿评TA人作品的时间截点）</span>
|
|
|
|
|
|
</span>
|
|
|
</Tooltip>
|
|
|
<span className={"font-14 color-grey-9 ml10"}></span>
|
|
|
|
|
|
</div>
|
|
|
{<div className={" anonymous_comment_time_tip color-red ml60"} style={{marginTop: '-6px'}}>{anonymous_comment_time_tip}</div>}
|
|
|
|
|
|
{/* 匿评数量 */}
|
|
|
<div className={"h20 mb30 ml60"}>
|
|
|
<span>匿评数量：</span>
|
|
|
<Tooltip placement="bottom" title={this.props.isSuperAdmin()?"":starttimetype===true?"发布时间已过，则不能修改":""}>
|
|
|
<span>
|
|
|
<Input type="number" className="mr10" style={{width:"100px" }} value={evaluation_num} onInput={this.evaluation_num_change}
|
|
|
disabled={anonymous_comment && !noAuth? false : true} min={0} max={100}
|
|
|
/>
|
|
|
</span>
|
|
|
</Tooltip>
|
|
|
<span className={"font-14 color-grey-9 "}>（每个学生将被分配的匿评作品数量）</span>
|
|
|
</div>
|
|
|
{this.state.evaluation_num_tip && <div className={" evaluation_num_tip color-red ml60"} style={{marginTop: '-6px'}}>{this.state.evaluation_num_tip}</div>}
|
|
|
|
|
|
<div className={"h20 mb30 ml60"}>
|
|
|
<span>缺评扣分：</span>
|
|
|
<Tooltip placement="bottom" title={this.props.isSuperAdmin()?"":starttimetype===true?"发布时间已过，则不能修改":""}>
|
|
|
<span>
|
|
|
<Input type="number" className="mr10" style={{width:"100px" }} value={absence_penalty} onInput={this.absence_penalty_change}
|
|
|
disabled={ anonymous_comment && !noAuth ? false : true} min={0} max={100}
|
|
|
/>
|
|
|
</span>
|
|
|
</Tooltip>
|
|
|
<span className={"font-14 color-grey-9 "}>（学生缺评时，其成绩将被扣减的分值）</span>
|
|
|
</div>
|
|
|
{this.state.absence_penalty_tip && <div className={" absence_penalty_tip color-red ml60"} style={{marginTop: '-6px'}}>{this.state.absence_penalty_tip}</div>}
|
|
|
|
|
|
|
|
|
{ anonymous_comment &&
|
|
|
<React.Fragment>
|
|
|
<div className={"mb20"}>
|
|
|
<Checkbox className="ml30" checked={anonymous_appeal} onChange={this.anonymous_appeal_change}
|
|
|
disabled={noAuth || moment(init_appeal_time) < moment()}
|
|
|
>启用匿评申诉</Checkbox>
|
|
|
<style>{`
|
|
|
.pop-instruction p.p {
|
|
|
margin-left: 18px;
|
|
|
}
|
|
|
`}</style>
|
|
|
<PopInstruction width={458} id={1}>
|
|
|
<p className="font-14 edu-txt-left pop-instruction">
|
|
|
|
|
|
允许学生对自己作品的匿评评分进行申诉，由教师和助教处理申诉<br/>
|
|
|
|
|
|
<br/>
|
|
|
1、接受学生的合理申诉：<br/>
|
|
|
<p className="p">被申诉的评分记录无效，不参与最终成绩的计算</p>
|
|
|
<p className="p">被申诉的评阅人的作品成绩，将被扣减违规匿评分</p>
|
|
|
|
|
|
<br/>
|
|
|
2、拒绝学生的不合理申诉：<br/>
|
|
|
<p className="p">被申诉的评分记录有效，不允许学生对该评分记录进行二次申诉</p>
|
|
|
<p className="p">被申诉的评阅人的作品成绩，不会扣除违规匿评分</p>
|
|
|
|
|
|
</p>
|
|
|
</PopInstruction>
|
|
|
{/* <span className={"font-14 color-grey-9"}>（提交作品少于2个时，匿评开启将失败；请在作品数量达标后，重新进行匿评设置）</span> */}
|
|
|
</div>
|
|
|
{/* 启用匿评申述 结束时间： */}
|
|
|
<div className={"h20 mb30 ml60"}>
|
|
|
<span>结束时间：</span>
|
|
|
<Tooltip placement="bottom" title={this.props.isSuperAdmin()?"":starttimetype===true?"发布时间已过，则不能修改":""}>
|
|
|
<span>
|
|
|
<ConditionToolTip condition={moment(init_appeal_time) < moment()} title={"时间已过，不能再修改"}>
|
|
|
<DatePicker
|
|
|
dropdownClassName="hideDisable"
|
|
|
showTime={{ format: 'HH:mm' }}
|
|
|
disabledTime={disabledDateTime}
|
|
|
showToday={false}
|
|
|
locale={locale}
|
|
|
format={dateFormat}
|
|
|
placeholder="请选择申诉结束时间"
|
|
|
id={"endtime"}
|
|
|
width={"210px"}
|
|
|
value={!appeal_time?"":moment(appeal_time, dateFormat)}
|
|
|
onChange={this.appeal_time_change}
|
|
|
disabled={ (anonymous_appeal && !noAuth ? false : true) || moment(init_appeal_time) < moment()}
|
|
|
/>
|
|
|
</ConditionToolTip>
|
|
|
</span>
|
|
|
</Tooltip>
|
|
|
|
|
|
<span className={"font-14 color-grey-9 ml10"}>（学生提交匿评申诉的时间截点）</span>
|
|
|
</div>
|
|
|
{<div className={" appeal_time_tip color-red ml60 mb6"}>{appeal_time_tip}</div>}
|
|
|
|
|
|
{/* 违规匿评扣分： */}
|
|
|
<div className={"h20 mb30 ml60"}>
|
|
|
<span>违规匿评扣分：</span>
|
|
|
<Tooltip placement="bottom" title={this.props.isSuperAdmin()?"":starttimetype===true?"发布时间已过，则不能修改":""}>
|
|
|
<span>
|
|
|
<Input type="number" className="mr10" style={{width:"100px" }} value={appeal_penalty} onInput={this.appeal_penalty_change}
|
|
|
disabled={ anonymous_appeal && !noAuth ? false : true} min={0} max={100}
|
|
|
/>
|
|
|
</span>
|
|
|
</Tooltip>
|
|
|
<span className={"font-14 color-grey-9 ml10"}>（学生违规匿评TA人作品时，其成绩将被扣减的分值）</span>
|
|
|
</div>
|
|
|
{this.state.appeal_penalty_tip && <div className={" appeal_penalty_tip color-red ml60"} style={{marginTop: '-6px'}}>{this.state.appeal_penalty_tip}</div>}
|
|
|
|
|
|
</React.Fragment> }
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div className="stud-class-set bor-bottom-greyE pd20 edu-back-white pl36">
|
|
|
<div className={" font-16 color-dark h20 mb20"}>评分设置 </div>
|
|
|
<div className={"mb20 ml30"}>
|
|
|
<span className={"font-16 "}>助教评分</span>
|
|
|
</div>
|
|
|
|
|
|
<div className={"mb30 ml60"}>
|
|
|
<Tooltip placement="bottom" title={this.props.isSuperAdmin()?"":starttimetype===true?"发布时间已过，则不能修改":""}>
|
|
|
<RadioGroup onChange={this.ta_mode_change} value={ta_mode}>
|
|
|
<Radio style={radioStyle} value={1} disabled={noAuth}>
|
|
|
普通模式<span className={"font-14 color-grey-9 ml10"}>（选中，则取各助教最终评分的平均分）</span>
|
|
|
</Radio>
|
|
|
<Radio style={radioStyle} value={0} disabled={noAuth}>
|
|
|
复审模式<span className={"font-14 color-grey-9 ml10"}>（选中，则只取最新的助教评分）</span>
|
|
|
</Radio>
|
|
|
</RadioGroup>
|
|
|
</Tooltip>
|
|
|
<span className={"font-14 color-grey-9 ml10"}></span>
|
|
|
</div>
|
|
|
|
|
|
<div className={"mb20 ml30"} style={{marginTop: '20px'}}>
|
|
|
<span className={"font-16 "}>最终成绩组成</span>
|
|
|
</div>
|
|
|
<div className={"mb30 ml60"}>
|
|
|
<RadioGroup onChange={this.final_mode_change} value={final_mode}>
|
|
|
<Radio style={radioStyle} value={false} disabled={noAuth}>
|
|
|
多项评分配比<span className={"font-14 color-grey-9 ml10"}>（选中，则按照比例计算最终成绩）</span>
|
|
|
<PopInstruction width={512} id={2}>
|
|
|
<p className="font-14 edu-txt-left pop-instruction">
|
|
|
计算说明：<br/>
|
|
|
|
|
|
教师评分 * 其百分比 + 助教评分 * 其百分比 + 学生匿评平均分 * 其百分比 - ( <br/>
|
|
|
迟交扣分 + 缺评扣分 * 缺评数 + 违规匿评扣分 * 违规匿评数 )<br/><br/>
|
|
|
注意<br/>
|
|
|
非零百分比的评分选项，若评分记录为空，则其百分比将自动平摊到其它非零<br/>
|
|
|
评分选项上。<br/>
|
|
|
例：教师评分40% + 助教评分35% + 学生匿评25%，学生A没有教师评分记<br/>
|
|
|
录，则其最终成绩按照助教评分55% + 学生匿评45%进行计算
|
|
|
|
|
|
</p>
|
|
|
</PopInstruction>
|
|
|
</Radio>
|
|
|
|
|
|
|
|
|
<div className={"h21 mb10 ml30 mt20"}>
|
|
|
<span>教师评分：</span>
|
|
|
<Input type="number" className="mr10" min={0} max={100} style={{width:"100px" }}
|
|
|
value={te_proportion} onInput={this.te_proportion_change} disabled={final_mode || noAuth}
|
|
|
/>
|
|
|
%
|
|
|
</div>
|
|
|
<div className={"h21 mb10 ml30"}>
|
|
|
<span>助教评分：</span>
|
|
|
<Input type="number" className="mr10" min={0} max={100} style={{width:"100px" }}
|
|
|
value={ta_proportion} onInput={this.ta_proportion_change} disabled={final_mode || noAuth}
|
|
|
/>
|
|
|
%
|
|
|
</div>
|
|
|
<div className={"h21 mb10 ml30 mb20"}>
|
|
|
<span>学生匿评：</span>
|
|
|
<ConditionToolTip title="未开启匿评，不能修改" condition={!anonymous_comment}>
|
|
|
<Input type="number" className="mr10" min={0} max={100} style={{width:"100px" }} value={st_proportion}
|
|
|
onInput={this.st_proportion_change} disabled={final_mode || !anonymous_comment || noAuth}/>
|
|
|
</ConditionToolTip>
|
|
|
%
|
|
|
</div>
|
|
|
{<div className={"color-red ml30 final_mode_false_tip"}>{final_mode_false_tip}</div>}
|
|
|
<Radio style={radioStyle} value={true} disabled={noAuth}>
|
|
|
单项评分优先<span className={"font-14 color-grey-9 ml10"}>（选中，则按照优先顺序计算最终成绩）</span>
|
|
|
<PopInstruction width={500} id={3}>
|
|
|
<p className="font-14 edu-txt-left pop-instruction">
|
|
|
计算说明：<br/>
|
|
|
|
|
|
优先顺序排前的非零评分 * 100% - <br/>
|
|
|
( 迟交扣分 + 缺评扣分 * 缺评数 + 违规匿评扣分 * 违规匿评数 )<br/>
|
|
|
例：有教师评分则教师评分100%，否则教辅评分100%，依次类推
|
|
|
{/* 教师评分 * 其百分比 + 助教评分 * 其百分比 + 学生匿评平均分 * 其百分比 - <br/>
|
|
|
( 迟交扣分 + 缺评扣分 * 缺评数 + 违规匿评扣分 * 违规匿评数 )<br/>
|
|
|
|
|
|
<br/>
|
|
|
注意<br/>
|
|
|
非零百分比的评分选项，在没有评分记录的情况下，其百分比平摊到另外的评<br/>
|
|
|
分选项上。例如：教师评分40% + 助教评分35% + 学生匿评25%，学生A没<br/>
|
|
|
有得到教师评分，则最终成绩将按照助教评分55% + 学生匿评45%进行计算 */}
|
|
|
|
|
|
</p>
|
|
|
</PopInstruction>
|
|
|
</Radio>
|
|
|
|
|
|
</RadioGroup>
|
|
|
<div className={"font-16"} style={{ marginLeft: '25px' }}>
|
|
|
<span>教师评分 → 教辅评分 → 学生匿评评分</span>
|
|
|
{/* <span className={"font-14 color-grey-9 ml10"}>（有教师评分则教师评分100%，否则教辅评分100%，依次类推 ）</span> */}
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div className="stud-class-set pd20 edu-back-white pl36">
|
|
|
<div className={" font-16 color-dark h20 mb20"}>公开设置 </div>
|
|
|
|
|
|
<div className={""}>
|
|
|
<Checkbox className="ml40" checked={work_public} onChange={this.work_public_change}
|
|
|
disabled={noAuth}
|
|
|
>公开作品</Checkbox>
|
|
|
<span className={"font-14 color-grey-9"}>（选中，则在作业截止/补交结束时间之后，已提交作品的学生可以查看其它学生的作品，否则只能查看自己的作品）</span>
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
<Checkbox className="ml40" checked={score_open} onChange={this.score_open_change}
|
|
|
disabled={noAuth}
|
|
|
>公开成绩</Checkbox>
|
|
|
<span className={"font-14 color-grey-9"}>（选中，则在作业截止/补交结束时间之后，已提交作品的学生可以查看其它学生的成绩，否则只能查看自己的成绩）</span>
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
<Checkbox className="ml40" checked={answer_public} onChange={this.answer_public_change}
|
|
|
disabled={noAuth}
|
|
|
>公开答案</Checkbox>
|
|
|
<span className={"font-14 color-grey-9"}>（选中，则在作业截止/补交结束时间之后，已提交作品的学生可以查看作业参考答案，否则不能查看作业参考答案）</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</Form>
|
|
|
{this.props.isAdmin() && startEditFlag ?<div className="clearfix mt30 mb30">
|
|
|
<Button type="primary" htmlType="submit" className="defalutSubmitbtn fl mr20"
|
|
|
onClick={this.onSubmit}
|
|
|
>提交</Button>
|
|
|
{/*<Link to={"/courses/"+courseId+"/graduation_tasks/"+position+"/"+category_id+coursesearch} className="defalutCancelbtn fl">取消</Link>*/}
|
|
|
<a onClick={this.goback} className="defalutCancelbtn fl"
|
|
|
>取消</a>
|
|
|
</div>:""}
|
|
|
</React.Fragment>
|
|
|
|
|
|
)
|
|
|
}
|
|
|
}
|
|
|
|
|
|
const CommonWorkSettingForm = Form.create({ name: 'commonworkSettingForm' })(CommonWorkSetting);
|
|
|
export default CommonWorkSettingForm; |
