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.
educoder/public/react/src/modules/ecs/subroute/ecCourseEvaluations/EcCourseEvaluationsbottom.js

1039 lines
56 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Link, Switch } from "react-router-dom";
import classNames from 'classnames'
import axios from 'axios';
// import { TPMIndexHOC } from '../../../tpm/TPMIndexHOC';
import { SnackbarHOC } from 'educoder'
import { Select,InputNumber,message,Modal,Input,Radio,Spin,Icon,Tooltip } from 'antd';
import 'antd/dist/antd.css';
import '../../css/ecCourseEvaluations.css';
import EcTitleCourseEvaluations from "../../ecTitle/ecTitle";
const $ = window.$;
// 课程目标评价方法
class EcCourseEvaluationsbottom extends Component {
constructor(props) {
super(props)
this.state={
totalevaluations_list:[],
ec_course_target_id:0,
achievement_list:[],
evaluations_listSelec:[],
evaluations_lists: [],
evaluation_subitems_lists: [],
evaluations_list:[],
evaluation_subitems_list:{},
achievement_methods:[],
ec_course_target_name:"",
buttomSaveCourseEvaluationsbottom:this.SaveCourseEvaluationsbottom,
spinningstate:true,
schooldata:{},
sequenceid:0,
target_id:null,
titlemessages:"提示",
Modallists:"",
eacoursetype:false,
eacoursesavetypes:false,
newec_course_idbottom:undefined,
methodologytype:false,
meweacoursetype:false,
newshowredvalue:false,
percentagetype:false,
ismanager:false
}
}
getec_course_achievement_methods=()=>{
const {newec_course_idbottom}=this.state;
if(newec_course_idbottom!=undefined){
const url = `/ec_course_achievement_methods?ec_course_id=`+newec_course_idbottom;
axios.get(url, {
withCredentials: true,
})
.then((response)=>{
this.setState({
achievement_list:response.data.achievement_list,
spinningstate:false,
ismanager:response.data.is_manager
})
}).catch(function (error) {
console.log(error);
});
}
// this.setState({
// achievement_list:[
// {target_evaluate_data: [
// {
// evaluate_id: 24,
// evaluate_name: "期末考试",
// evaluation_relates_data: [
// {evaluation_relates_id: 31, evaluation_relates_name: "期末考试1目标1考题"},
// {evaluation_relates_id: 32, evaluation_relates_name: "期末考试1目标2考题"}
// ],
// percentage: 100,
// score: 15
// }
// ],
// target_id: 5
// },
// ],
// spinningstate:false
// })
}
getNavigationData=(ec_course_id)=>{
// const jol =`/ec_major_schools/get_navigation_data?ec_year_id=`+ec_year_id+"&ec_course_id="+ec_course_id;
const jol =`/ec_major_schools/get_navigation_data?ec_course_id=`+ec_course_id;
axios.get(jol, {
withCredentials: true,
})
.then((response) => {
if(response.status===200){
// if(response.data.allow_visit===false){
// window.location.href="/403"
// }
this.setState({
schooldata:response.data
})
}
})
.catch(function (error) {
console.log(error);
});
}
componentDidMount(){
let ec_course_id=this.props.match.params.ec_course_id;
const url = `/ec_course_achievement_methods?ec_course_id=`+ec_course_id;
axios.get(url, {
withCredentials: true,
})
.then((response)=>{
this.setState({
achievement_list:response.data.achievement_list,
spinningstate:false,
ismanager:response.data.is_manager
})
}).catch(function (error) {
console.log(error);
});
this.getNavigationData(ec_course_id);
this.setState({
newec_course_idbottom:ec_course_id
})
}
editecCourseEvaluationslist=(e)=>{
let id =e.target.getAttribute("target_id");
let newid =e.target.name;
this.setState({
buttomSaveCourseEvaluationsbottom:this.SaveCourseEvaluationsbottom,
target_id:id,
percentagetype:false
})
// $("#ecCourseEvaluationsbottomsubmit").show();
// $("#SystemParametersbottom").show();
// let offsettop=$("#ecCourseEvaluationsbottomsubmit").position().top||$("#ecCourseEvaluationsbottomsubmit").scrollTop || $("#ecCourseEvaluationsbottomsubmit").pageYOffset;
// window.scrollTo(0, offsettop)
let {evaluations_list,evaluation_subitems_list,achievement_methods} = this.state;
this.setState({
achievement_methods:undefined,
selectevaluation_phase:[],
course_select_value:'',
evaluations_lists:[],
sequenceid:newid,
methodologytype:false,
Modallists:' ',
meweacoursetype:false,
eacoursesavetypes:false,
newshowredvalue:false
})
let newevaluations_list=[];
let newevaluation_subitems_list=new Object ();
let newachievement_methods=[];
const url = `/ec_course_achievement_methods/edit_course_target?ec_course_target_id=`+id;
axios.get(url, {
withCredentials: true,
})
.then((response)=>{
if(response.status===200){
if(response.data.evaluation_phase_list.length===0){
this.setState({
achievement_methods:undefined
})
let newObject=new Object ();
newachievement_methods.push(newObject)
}
if(response.data.evaluation_phase_list.length>0){
let evaluation_phase_list=response.data.evaluation_phase_list;
let evaluations_list=response.data.evaluations_list;
for(var i=0; i<evaluation_phase_list.length;i++){
let course_select_value=null;
let newevaluation_phase=evaluation_phase_list[i].evaluation_phase;
let selectevaluation_phase=[]
for(var j=0;j<response.data.evaluations_list.length;j++){
if(evaluation_phase_list[i].evaluation_id===evaluations_list[j].id){
course_select_value=evaluations_list[j].name
}
}
for(var z=0;z<newevaluation_phase.length;z++){
selectevaluation_phase.push(newevaluation_phase[z].name)
}
let newObject={
course_evaluation_id:evaluation_phase_list[i].evaluation_id,
score:evaluation_phase_list[i].score,
percentage: evaluation_phase_list[i].percentage,
evaluation_subitems:evaluation_phase_list[i].evaluation_phase,
course_select_value:course_select_value,
selectevaluation_phase:selectevaluation_phase
}
newachievement_methods.push(newObject)
}
}
for(var i=0; i<response.data.evaluations_list.length;i++){
newevaluations_list.push(response.data.evaluations_list[i].name);
newevaluation_subitems_list[response.data.evaluations_list[i].name]=[];
for(var j=0; j<response.data.evaluations_list[i].evaluation_subitems_list.length;j++){
newevaluation_subitems_list[response.data.evaluations_list[i].name].push(response.data.evaluations_list[i].evaluation_subitems_list[j].name)
}
}
// let newec_course_target_name="";
// let newec_course_target_namelist=response.data.evaluations_list;
// for(var o=0; o<newec_course_target_namelist.length;o++){
// newec_course_target_name=newec_course_target_namelist[o].ec_course_target_name
// }
this.setState({
achievement_methods:newachievement_methods,
totalevaluations_list:response.data,
// ec_course_target_name:newec_course_target_name,
evaluations_list:newevaluations_list,
evaluation_subitems_list:newevaluation_subitems_list,
newec_course_target_id:id,
methodologytype:true,
ec_course_target_name:response.data.ec_course_target_name,
ismanager:response.data.is_manager
})
// this.setState({
// // evaluations_lists: evaluation_subitems_list[evaluations_list[0]],
// evaluation_subitems_lists: evaluation_subitems_list[evaluations_list[0]][0]
// })
}
}).catch(function (error) {
console.log(error);
});
}
handleevaluations_list=(value,keythis)=>{
let {evaluation_subitems_list,totalevaluations_list,achievement_methods} = this.state;
let newachievement_methods=achievement_methods;
let newlist=new Object ();
let location=keythis.key;
let list=totalevaluations_list.evaluations_list;
// 点击切换清空
for(var z=0; z<newachievement_methods.length;z++){
if(z===location){
newachievement_methods[z].evaluation_subitems=[]
}
}
this.setState({
evaluations_lists: evaluation_subitems_list[value],
evaluation_subitems_lists: evaluation_subitems_list[value][0],
achievement_methods:newachievement_methods
});
if(newachievement_methods.length===0){
for(var i=0; i<list.length;i++){
if(list[i].name===value){
newlist.course_evaluation_id=list[i].id
}
}
newachievement_methods.push(newlist)
}else if(newachievement_methods.length>0){
if(newachievement_methods[location]===undefined){
newachievement_methods.push(newlist)
}
for(var i=0; i<list.length;i++){
if(list[i].name===value){
newachievement_methods[location].course_evaluation_id=list[i].id
newachievement_methods[location].course_select_value=value
newachievement_methods[location].selectevaluation_phase=[]
}
}
}
this.setState({
achievement_methods: newachievement_methods
});
}
handevaluation_subitems_list=(value,keynum)=>{
let{totalevaluations_list,achievement_methods}=this.state;
let newachievement_methods=[];
let id;
if(value.length>0){
newachievement_methods=achievement_methods
for(var j=0; j<value.length;j++){
if(!isNaN(keynum[j].key)){
id=keynum[j].key
}
}
let list=[];
for(var k=0; k<value.length;k++){
for(var i=0; i<totalevaluations_list.evaluations_list.length;i++){
let newlist=totalevaluations_list.evaluations_list[i].evaluation_subitems_list;
for(var z=0; z<newlist.length; z++){
if(value[k]===newlist[z].name){
let Objectlist=new Object ();
Objectlist.id=newlist[z].id;
// Objectlist.name=newlist[z].name;
Objectlist.position=newlist[z].position;
list.push(Objectlist)
}
}
}
}
newachievement_methods[id].evaluation_subitems=list;
newachievement_methods[id].selectevaluation_phase=value;
this.setState({
evaluation_subitems_lists: value,
achievement_methods:newachievement_methods
});
}
}
handevaluation_Addlist=(value,keynum)=>{
let id=parseInt(keynum.key);
let{achievement_methods}=this.state;
let newachievement_methods=achievement_methods;
for(var i=0; i<newachievement_methods.length;i++){
if(isNaN(id)){
for(var j=0; j< newachievement_methods[i].evaluation_subitems.length; j++){
if(newachievement_methods[i].evaluation_subitems[j].name===value){
newachievement_methods[i].evaluation_subitems.splice(j,1);
newachievement_methods[i].selectevaluation_phase.splice(j,1);
}
}
}else{
if(id===i){
newachievement_methods[i].evaluation_subitems.splice(i,1);
newachievement_methods[i].selectevaluation_phase.splice(i,1);
}
}
}
this.setState({
achievement_methods:newachievement_methods
})
}
handevaluation_CourseScore=(e)=>{
let {achievement_methods} = this.state;
let newachievement_methods=achievement_methods;
let id=e.target.id;
var value=parseFloat(e.target.value);
for(var i=0; i<newachievement_methods.length;i++){
newachievement_methods[id].score=value
}
this.setState({
achievement_methods:newachievement_methods
})
}
handevaluation_CoursePercentag=(e)=>{
let {achievement_methods} = this.state;
let newachievement_methods=achievement_methods;
let id=e.target.id;
let value=parseFloat(e.target.value);
if(value>100){
// message.warning('占比请输入0~100的数');
this.setState({
Modallists:'占比请输入0~100的数',
meweacoursetype:true,
newshowredvalue:true
})
value=100
}
if(value<0){
// message.warning('占比请输入0~100的数');
this.setState({
Modallists:'占比不能小于0',
meweacoursetype:true,
newshowredvalue:true
})
value=0
}
if(value===""||value===null||value===undefined){
// message.warning('占比请输入0~100的数');
this.setState({
Modallists:'占比不能为空',
meweacoursetype:true,
newshowredvalue:true
})
value=0
}
for(var i=0; i<newachievement_methods.length;i++){
newachievement_methods[id].percentage=value
}
this.setState({
achievement_methods:newachievement_methods
})
}
Addhandevaluation=(e)=>{
let {achievement_methods} = this.state;
let newachievement_methods=achievement_methods;
let newlist=new Object ();
newachievement_methods.push(newlist);
this.setState({
achievement_methods:newachievement_methods
});
}
Delethandevaluation=(e)=>{
let {achievement_methods} = this.state;
let id =e.target.getAttribute("index");
let newachievement_methods=achievement_methods;
newachievement_methods.splice(id,1);
this.setState({
achievement_methods:newachievement_methods
});
}
EvaluationsSaveonloadgetdata=(id)=>{
const url = `/ec_course_achievement_methods?ec_course_id=`+id
axios.get(url, {
withCredentials: true,
})
.then((response)=>{
this.setState({
achievement_list:response.data.achievement_list,
spinningstate:false,
ismanager:response.data.is_manager
})
}).catch(function (error) {
console.log(error);
this.setState({
spinningstate:false
})
});
}
ecrestoration=()=>{
this.setState({
buttomSaveCourseEvaluationsbottom:this.SaveCourseEvaluationsbottom
})
}
SaveCourseEvaluationsbottom=()=>{
let ec_course_id=this.props.match.params.ec_course_id;
this.setState({
buttomSaveCourseEvaluationsbottom:'',
percentagetype:true
})
let {newec_course_target_id,achievement_methods} = this.state;
for(var j=0; j<achievement_methods.length;j++){
if(achievement_methods[j].course_evaluation_id===undefined){
// message.error('提交失败!请选择该目标评价环节');
this.setState({
Modallists:'提交失败,评价环节不能为空',
meweacoursetype:true,
eacoursesavetypes:true
})
this.ecrestoration();
return;
}
if(achievement_methods[j].evaluation_subitems===undefined){
// message.error('提交失败!请选择支撑项');
this.setState({
Modallists:'提交失败,支撑项内容不能为空',
meweacoursetype:true,
eacoursesavetypes:true
})
this.ecrestoration();
return;
}
if(achievement_methods[j].score===undefined||achievement_methods[j].score===NaN||achievement_methods[j].score===null){
// message.error('提交失败!请填写支撑分数!');
this.setState({
Modallists:'提交失败,支撑分数不能为空',
meweacoursetype:true,
eacoursesavetypes:true
})
this.ecrestoration();
return;
}
if(achievement_methods[j].percentage===undefined||achievement_methods[j].percentage===NaN||achievement_methods[j].percentage===null){
// message.error('提交失败!请填写占比!');
this.setState({
Modallists:'提交失败,占比不能为空',
meweacoursetype:true,
eacoursesavetypes:true,
newshowredvalue:true
})
this.ecrestoration();
return;
}
}
let percentagenum=0;
for(var o=0;o<achievement_methods.length;o++){
percentagenum=percentagenum+achievement_methods[o].percentage;
}
if(percentagenum>100){
// message.error('提交失败支撑占比不能超过总和100%');
this.setState({
Modallists:'提交失败,支撑占比不能超过总和100%',
meweacoursetype:true,
newshowredvalue:true,
percentagetype:true
})
this.setState({
buttomSaveCourseEvaluationsbottom:this.SaveCourseEvaluationsbottom
})
return
}
if(percentagenum<100){
// message.error('提交失败支撑占比不能超过总和100%');
this.setState({
Modallists:'提交失败,支撑占比总和要等于100%',
meweacoursetype:true,
newshowredvalue:true,
percentagetype:true
})
this.setState({
buttomSaveCourseEvaluationsbottom:this.SaveCourseEvaluationsbottom
})
return
}
for(var i=0;i<achievement_methods.length;i++){
if(JSON.stringify(achievement_methods[i])==="{}"){
achievement_methods.splice(i,1);
}else{
delete achievement_methods[i].course_select_value;
delete achievement_methods[i].selectevaluation_phase;
for(var j=0; j< achievement_methods[i].evaluation_subitems.length;j++){
delete achievement_methods[i].evaluation_subitems[j].evaluation_subitem_id;
delete achievement_methods[i].evaluation_subitems[j].name;
}
}
}
var Url = '/ec_course_achievement_methods/create_evaluation_methods';
axios.post(Url, {
ec_course_target_id: newec_course_target_id,
achievement_methods:achievement_methods
},
{
withCredentials: true
}
).then((response) => {
if(response.data.status===0){
this.setState({
target_id:null,
newec_course_idbottom:response.data.ec_course_id,
buttomSaveCourseEvaluationsbottom:this.SaveCourseEvaluationsbottom,
// Modallists:response.data.message,
// eacoursetype:true,
Modallists:' ',
meweacoursetype:false,
achievement_methods:undefined,
eacoursesavetypes:false,
newshowredvalue:false,
ismanager:response.data.is_manager
})
// $("#ecCourseEvaluationsbottomsubmit").hide();
// $("#SystemParametersbottom").hide();
this.EvaluationsSaveonloadgetdata(response.data.ec_course_id);
this.getNavigationData(ec_course_id);
}else if(response.data.status===-1){
this.setState({
buttomSaveCourseEvaluationsbottom:this.SaveCourseEvaluationsbottom,
Modallists:response.data.message,
eacoursetype:true,
})
}
}).catch((error) => {
console.log(error)
})
}
CancelecCourseEvaluationsbottom=()=>{
this.setState({
achievement_methods:undefined,
target_id:null,
methodologytype:false,
Modallists:' ',
meweacoursetype:false,
eacoursesavetypes:false,
newshowredvalue:false,
percentagetype:false
})
// $("#ecCourseEvaluationsbottomsubmit").hide();
// $("#SystemParametersbottom").hide();
this.getec_course_achievement_methods();
}
selectsonFocuslist=(e,key)=>{
let value =e.course_select_value;
let {evaluation_subitems_list,totalevaluations_list,achievement_methods} = this.state;
let newachievement_methods=achievement_methods;
let newlist=new Object ();
let location=key;
let list=totalevaluations_list.evaluations_list;
this.setState({
evaluations_lists: evaluation_subitems_list[value],
evaluation_subitems_lists: evaluation_subitems_list[value][0]
});
if(newachievement_methods.length===0){
for(var i=0; i<list.length;i++){
if(list[i].name===value){
newlist.course_evaluation_id=list[i].id
}
}
newachievement_methods.push(newlist)
}else if(newachievement_methods.length>0){
if(newachievement_methods[location]===undefined){
newachievement_methods.push(newlist)
}
for(var i=0; i<list.length;i++){
if(list[i].name===value){
newachievement_methods[location].course_evaluation_id=list[i].id
}
}
}
this.setState({
achievement_methods: newachievement_methods
});
}
hidemodeleacourse=()=>{
this.setState({
eacoursetype:false
})
}
render() {
const Option = Select.Option;
let {schooldata,achievement_list,spinningstate,evaluations_list,evaluations_lists,newec_course_target_id,achievement_methods,ec_course_target_name,buttomSaveCourseEvaluationsbottom,sequenceid,target_id,
titlemessages,
Modallists,
eacoursetype,
eacoursesavetypes,
methodologytype,
newec_course_idbottom,
meweacoursetype,
percentagetype,
ismanager
} = this.state;
return (
<div className="newMain clearfix">
<div className="educontent mb50">
<Modal
title={titlemessages}
// visible={modeldelet===true&&listid===list.id?true:false}
visible={eacoursetype}
className={"ecmodeldelet"}
closable={false}
footer={null}
>
<div className="task-popup-content" >
<div className="task-popup-text-center font-14">{Modallists}</div>
</div>
<div className="task-popup-submit clearfix">
<a onClick={this.hidemodeleacourse} className="task-btn fl">取消</a>
<a className="task-btn task-btn-orange fr"
onClick={this.hidemodeleacourse}
>确定</a>
</div>
</Modal>
{/*导航*/}
{/*<div className="edu-back-white eacourse">*/}
{/*<p className="clearfix padding20-30 bor-bottom-greyE" id="SystemParametersP">*/}
{/*<a href={schooldata.course_setting_url} className="TrainingLecturer color-grey-9">课程列表 > </a>*/}
{/*<a className="TrainingTheory major_name"> {schooldata.ec_course_name} 课程考核方式与数据来源</a>*/}
{/*/!* <span className="fl font-18 courseSystem"></span> *!/*/}
{/*/!* <a href="javascript:void(0)" className="fr white-btn edu-blueback-btn mt4">导出培养目标</a> *!/*/}
{/*<span className="Importclassroomdata" style={{top: '22px'}}><a className="white-btn edu-blueback-btn fr mb10 mr10">导出策略</a></span>*/}
{/*</p>*/}
{/*<div className="padding20-30" id="SystemParameters">*/}
{/*<span className="fl SystemParameters">课程考核标准</span>*/}
{/*<span className="fl ml20 SystemParameters">(请在完成配置后,使用各项成绩导入模板,将本学年所有参与的学生成绩数据导入系统)</span>*/}
{/*<span className="fr ml20 SystemParameters" style={{display:course_name===null||course_name===undefined?"none":"block",height:'37px'}}><span className="ecblock">在线课堂:</span><a href={course_url} target="_blank" className="ecnowrap" data-tip-down={course_name}>{course_name}</a></span>*/}
{/*<span className="Importclassroomdata" style={{display:course_name===null||course_name===undefined?"none":"block"}}><a onClick={this.sync_course_data} className="white-btn edu-orangeback-btn fr mt2 mr10">导入课堂数据</a></span>*/}
{/*</div>*/}
{/*</div>*/}
{/*<EcTitleCourseEvaluations*/}
{/* {...this.props}*/}
{/* schooldata={schooldata}*/}
{/* ecpath={"show"}*/}
{/*/>*/}
{/*<div className="edu-back-white eacourse">*/}
{/* <p className="clearfix padding20-30 bor-bottom-greyE" id="SystemParametersP">*/}
{/* <a href={schooldata.course_setting_url} className="TrainingLecturer color-grey-9">课程体系 </a> >*/}
{/* <a className="TrainingTheory major_name"> {schooldata.ec_course_name} </a>*/}
{/* <div className="color-grey-9 mr10">请结合本课程的教学情况,修改说明每个课程目标的评价环节和评估方式 <a className={"color-blue"} onClick={() => window.elasticLayer(3533)}>查看详情</a></div>*/}
{/* /!*课程考核方式与数据来源*!/*/}
{/* /!* <span className="fl font-18 courseSystem"></span> *!/*/}
{/* /!* <a href="javascript:void(0)" className="fr white-btn edu-blueback-btn mt4">导出培养目标</a> *!/*/}
{/* <span className="Importclassroomdata" style={{top: '22px'}}>*/}
{/* <a className="white-btn edu-blueback-btn fr mb10 mr10" target="_blank" href={'/ec_courses/'+newec_course_idbottom+'/export_ec_course_targets?format=xls'}>导出评价方法</a>*/}
{/* </span>*/}
{/* </p>*/}
{/* <div className="padding20-30" id="SystemParameters">*/}
{/* /!*<span className="fl SystemParameters">课程目标达成方法</span>*!/*/}
{/* <a className="fl SystemParameters color4D4D4D" style={{display:schooldata.ec_course_support_setting_url===null?"none":"block",marginLeft: '9px' }}*/}
{/* href={schooldata.ec_course_support_setting_url}>1.课程目标</a>*/}
{/* <a className="fl ml40 SystemParameters4CACFF color4D4D4D"*/}
{/* style={{display:schooldata.ec_course_reach_setting_url===null?"none":"block"}}*/}
{/* href={schooldata.ec_course_reach_setting_url}>2.课程考核方式与数据来源</a>*/}
{/* <a className="fl SystemParameters4CACFF ml40 color4D4D4D"*/}
{/* href={schooldata.score_level_setting_url}*/}
{/* >3.成绩等级设置</a>*/}
{/* <a className="fl ml40 SystemParameters4CACFF color4CACFF"*/}
{/* style={{display:schooldata.evaluation_methods_url===null?"none":"block"}}*/}
{/* href={schooldata.evaluation_methods_url}>4.课程目标评价方法</a>*/}
{/* <a className="fl SystemParameters ml40 color4D4D4D"*/}
{/* style={{display:schooldata.competition_calculation_info_url===null?"none":"block"}}*/}
{/* href={schooldata.competition_calculation_info_url}>5.课程达成评价结果</a>*/}
{/* <span className="fr ml20 SystemParameters" style={{color: '#989898'}}>(各环节平均得分*占比)之和/(各环节总分*占比)之和</span>*/}
{/* </div>*/}
{/*</div>*/}
<div className="ListTableLine newSystem" id="school_major_list">
<p className="clearfix Coursetitle" style={{width:"1200px"}}>
<span className="column-1 color-666">课程目标</span>
<span className="column-1 color-666">评价环节</span>
<span className="column-1 ml15 color-666">数据内容</span>
<span className="column-1 operationright color-666 f5f5f5"
>
操作
</span>
<span className="column-1 ml30 operationright color-666">评价占比</span>
<span className="column-1 ml15 operationright color-666">支撑总分值</span>
</p>
{
achievement_list.length===0?<Spin spinning={spinningstate} className="Spinlarge" indicator={<Icon type="loading" style={{ fontSize: 30 }} spin />}/>:achievement_list.map((item,key)=>{
return(
<div key={key} >
{
item.target_evaluate_data.length===0?
<li key={key} className="clearfix" style={{width:"1140px"}}>
<div style={{ width:'99.8%'}} style={{display:parseInt(target_id)===item.target_id?"none":"block"}}>
<span className="column-1 mt4 textaligncenter"><span>{key+1}</span></span>
<span>
<span className="column-1 ml80 mt4">
<span></span>
</span>
<span className="column-1 ml80 color99 mt4 newtextaligncenter">
<span></span>
</span>
<span className="column-1 operationright mt4">
<div className="operationColumn">
<div className="right operationalter nulleditSubentry" style={{display:ismanager===false?'none':'block'}}>
<a className="mr16 editSubentry" data-tip-down="编辑" ><i target_id={item.target_id} name={key} onClick={this.editecCourseEvaluationslist.bind(this)} className="iconfont icon-bianjidaibeijing color-green" ></i></a>
</div>
</div>
</span>
<span className="column-1 ml15 operationright mt4 percentage">
<div></div>
</span>
<span className="column-1 ml15 operationright mt4">
<div className="ColorF68"></div>
</span>
</span>
</div>
{/* 修改start*/}
<div className="ListTableLine newSystem" id="EvaluationsList">
<div style={{display:parseInt(target_id)===item.target_id?"block":"none"}} >
{/* <div className="edu-back-white eacourse" id="SystemParametersbottom" style={{display:parseInt(sequenceid)===key?"block":"none"}}> */}
<div className="edu-back-white eacourse" id="SystemParametersbottom" style={{display:parseInt(target_id)===item.target_id?"block":"none"}}>
<div className="padding20-30" id="SystemParameters" style={{paddingLeft:'0px'}}>
{/* <span className="fl SystemParameters">课程目标{sequenceid}{ec_course_target_name}</span> */}
<span className="fl SystemParameters">课程目标{key+1}{ec_course_target_name}</span>
</div>
</div>
{
achievement_methods===undefined?" ":achievement_methods.map((item,itemkey)=>{
return(
<div key={itemkey} className="clearfix editorModify" >
<div className="">
<span className="column-1 mr12" style={{paddingLeft:'0px'}}>评价环节</span>
<Select
// className={item.course_select_value===undefined&&eacoursesavetypes===true? "inputWeight bor-red": "inputWeight"}
className={item.course_select_value===undefined&&eacoursesavetypes===true?Modallists==='提交失败,评价环节不能为空'?"inputWeight bor-red":"inputWeight": "inputWeight"}
placeholder="请选择该目标的评价环节"
size="large"
style={{ width: '20%' }}
value={item.course_select_value}
onChange={this.handleevaluations_list.bind(this)}
>
{evaluations_list.map(province => <Option value={province} key={itemkey}>{province}</Option>)}
</Select>
<span className="column-1 mr13"></span>
<Select
mode="multiple"
// className={item.selectevaluation_phase===undefined&&eacoursesavetypes===true? "inputWeight bor-red": "inputWeight"}
className={item.selectevaluation_phase===undefined&&eacoursesavetypes===true?Modallists==='提交失败,支撑项内容不能为空'?"inputWeight bor-red":"inputWeight": "inputWeight"}
placeholder="请选择具体数据内容"
size="large"
id="Coursemultiple"
style={{ width: '37%' }}
onChange={this.handevaluation_subitems_list.bind(this)}
onDeselect={this.handevaluation_Addlist.bind(this)}
value={item.selectevaluation_phase}
onFocus={()=>this.selectsonFocuslist(item,itemkey)}
>
{evaluations_lists.map(city => <Option value={city} key={itemkey}>{city}</Option>)}
</Select>
<span className="column-1 mr14"></span>
<Input size="large" type="number" value={item.score}
className={item.score===undefined&&eacoursesavetypes===true?Modallists==='提交失败,支撑分数不能为空'?"bor-red": "": ""}
onInput={this.handevaluation_CourseScore.bind(this)} id={itemkey} style={{ width: '11%' }} placeholder="请输入支撑分数"/>
<span className="column-1 ml5 mr10"></span>
<Input size="large" type="number" value={item.percentage}
className={item.percentage===undefined&&eacoursesavetypes===true||item.percentage>100&&eacoursesavetypes===true||percentagetype===true?"bor-red": ""}
onInput={this.handevaluation_CoursePercentag.bind(this)} id={itemkey} style={{ width: '11%' }} placeholder="请输入占比"/>
<span className="column-1 ml5 mr10">%</span>
<span className="buttoninline SetTheAssociated" style={{marginLeft:'10px'}}>
<div className="left operatebutton" style={{display:ismanager===false?'none':'block'}}>
<a className="mr15 delSubentry" style={{display:itemkey===0?'none':'inline-block'}}>
<Tooltip placement="bottom" title="删除">
<i className="iconfont icon-shanchu color-grey-c font-17" index={itemkey} onClick={this.Delethandevaluation.bind(this)}></i>
</Tooltip>
</a>
<a className="newAddSubentry" data-tip-down="添加"
style={{ display:itemkey===achievement_methods.length-1?'inline-block':'none'}}
><i className="iconfont icon-tianjiafangda color-green" index={itemkey} onClick={this.Addhandevaluation.bind(this)}></i></a>
</div>
</span>
</div>
<br />
</div>
)
})
}
<span className="c_red none ml30" id="error_tip" style={{display:meweacoursetype===true?'inline-block':'none'}}>{Modallists}</span>
<div className="right editglybuttonbox mb10" id="ecCourseEvaluationsbottomsubmit" style={{display:parseInt(target_id)===item.target_id?"block":"none"}} >
<div className="defalutSubmitbtn fr" onClick={buttomSaveCourseEvaluationsbottom}>保存</div>
<div className="defalutCancelbtn fr mr20" onClick={this.CancelecCourseEvaluationsbottom}>取消</div>
</div>
</div>
</div>
{/* 修改end*/}
</li>
:item.target_evaluate_data.map((i,k)=>{
return(
<li key={key} className={achievement_list.length-1===key?item.target_evaluate_data.length-1===k?"clearfix":"bordereaeaea clearfix":item.target_evaluate_data.length-1===k?"bordereaeaeas clearfix":" bordereaeaea clearfix" } style={{width:"1140px",display:parseInt(target_id)===item.target_id&&methodologytype===true?item.target_evaluate_data.length-1===k?'block':"none":"block"}}>
<div style={{ width:'99.8%'}} style={{display:parseInt(target_id)===item.target_id&&methodologytype===true?"none":"block"}} >
<span className="column-1 mt4 textaligncenter absolute"><span>{key-k===key?key+1:""}</span></span>
<span>
<span className="column-1 ml100 mt4 absolute">
<span>{i.evaluate_name}</span>
</span>
<span className="column-1 ml80 color99 mt4 newtextaligncenter evaluationdataClass" style={{marginLeft: '72px'}}>
{
i.evaluation_relates_data.map((y,e)=>{
return(
<div key={y} className="boxinline">{y.evaluation_relates_name+" "} </div>
)
})
}
</span>
{
key-k===key?<span className="column-1 operationright mt4">
<div className="operationColumn">
<div className="right operationalter neweditSubentry" style={{display:ismanager===false?'none':'block'}}>
<a className="mr20 editSubentry" data-tip-down="编辑" ><i target_id={item.target_id} name={key} onClick={this.editecCourseEvaluationslist.bind(this)} className="iconfont icon-bianjidaibeijing color-green" ></i></a>
</div>
</div>
</span>:
<span className="column-1 operationright mt4">
<div className="operationColumn">
<div className="left operationalter neweditSubentry">
<a className="mr20 editSubentry"></a>
</div>
</div>
</span>
}
<span className="column-1 ml15 operationright mt4 percentage">
<div>{i.percentage+"%"}</div>
</span>
<span className="column-1 ml15 operationright mt4">
<div className="ColorF68">{i.score}</div>
</span>
</span>
</div>
{/* 修改start*/}
<div className="ListTableLine newSystem" id="EvaluationsList">
<div style={{display:parseInt(target_id)===item.target_id&&item.target_evaluate_data.length-1===k?"block":"none"}} >
<div className="edu-back-white eacourse" id="SystemParametersbottom" style={{display:parseInt(target_id)===item.target_id&&item.target_evaluate_data.length-1===k?"block":"none"}}>
<div className="padding20-30" id="SystemParameters" style={{paddingLeft:'0px'}}>
{/* <span className="fl SystemParameters">课程目标{sequenceid}{ec_course_target_name}</span> */}
<span className="fl SystemParameters">课程目标{key+1}{ec_course_target_name}</span>
</div>
</div>
{
achievement_methods===undefined?" ":achievement_methods.map((item,itemkey)=>{
return(
<div key={itemkey} className="clearfix editorModify" >
<div className="">
<span className="column-1 mr12" style={{
paddingLeft: '0px'
}}>评价环节</span>
<Select
className={item.course_select_value===undefined&&eacoursesavetypes===true?Modallists==='提交失败,评价环节不能为空'?"inputWeight bor-red":"inputWeight": "inputWeight"}
placeholder="请选择该目标的评价环节"
size="large"
style={{ width: '20%' }}
value={item.course_select_value}
onChange={this.handleevaluations_list.bind(this)}
>
{evaluations_list.map(province => <Option value={province} key={itemkey}>{province}</Option>)}
</Select>
<span className="column-1 mr13"></span>
<Select
mode="multiple"
className={item.selectevaluation_phase===undefined&&eacoursesavetypes===true?Modallists==='提交失败,支撑项内容不能为空'?"inputWeight bor-red":"inputWeight": "inputWeight"}
placeholder="请选择具体支撑项"
size="large"
id="Coursemultiple"
style={{ width: '37%' }}
onChange={this.handevaluation_subitems_list.bind(this)}
onDeselect={this.handevaluation_Addlist.bind(this)}
value={item.selectevaluation_phase}
onFocus={()=>this.selectsonFocuslist(item,itemkey)}
>
{evaluations_lists.map(city => <Option value={city} key={itemkey}>{city}</Option>)}
</Select>
<span className="column-1 mr14"></span>
<Input size="large" type="number"
value={item.score}
className={item.score===undefined&&eacoursesavetypes===true?Modallists==='提交失败,支撑分数不能为空'?"bor-red": "": ""}
onInput={this.handevaluation_CourseScore.bind(this)} id={itemkey} style={{ width: '11%' }} placeholder="请输入支撑分数"/>
<span className="column-1 ml5 mr10"></span>
<Input size="large" type="number"
value={item.percentage}
className={item.percentage===undefined&&eacoursesavetypes===true||item.percentage>100&&eacoursesavetypes===true||percentagetype===true?"bor-red": ""}
onInput={this.handevaluation_CoursePercentag.bind(this)}
id={itemkey} style={{ width: '11%' }}
placeholder="请输入占比"/>
<span className="column-1 ml5 mr10">%</span>
<span className="buttoninline SetTheAssociated" style={{marginLeft:'10px'}}>
<div className="left operatebutton" style={{display:ismanager===false?'none':'block'}}>
<a className="mr15 delSubentry" style={{display:achievement_methods.length===1?'none':'inline-block'}}>
<Tooltip placement="bottom" title="删除">
<i className="iconfont icon-shanchu color-grey-c font-17" index={itemkey} onClick={this.Delethandevaluation.bind(this)}></i>
</Tooltip>
</a>
<a className="newAddSubentry" data-tip-down="添加"
style={{ display:itemkey===achievement_methods.length-1?'inline-block':'none'}}
><i className="iconfont icon-tianjiafangda color-green" index={itemkey} onClick={this.Addhandevaluation.bind(this)}></i></a>
</div>
</span>
</div>
<br />
</div>
)
})
}
<span className="c_red none ml30" id="error_tip" style={{display:meweacoursetype===true?'inline-block':'none'}}>{Modallists}</span>
<div className="right editglybuttonbox mb10" id="ecCourseEvaluationsbottomsubmit" style={{display:parseInt(target_id)===item.target_id?"block":"none"}}>
<div className="defalutSubmitbtn fr" onClick={buttomSaveCourseEvaluationsbottom}>保存</div>
<div className="defalutCancelbtn fr mr20" onClick={this.CancelecCourseEvaluationsbottom}>取消</div>
</div>
</div>
</div>
{/* 修改end*/}
</li>
)
})
}
</div>
)
})
}
</div>
</div>
</div>
);
}
}
export default SnackbarHOC() (EcCourseEvaluationsbottom);