挪工程认证页面

dev_cs
杨树林 5 years ago
parent 0ed5b1d79f
commit 06ffbb390a

@ -38,14 +38,15 @@ export function initAxiosInterceptors(props) {
// https://github.com/axios/axios/issues/1497
// TODO 读取到package.json中的配置
var proxy = "http://localhost:3000"
var proxy = "http://localhost:3000";
// proxy = "http://testbdweb.trustie.net"
// proxy = "http://testbdweb.educoder.net"
// proxy = "https://testeduplus2.educoder.net"
proxy="http://47.96.87.25:48080"
proxy="http://47.96.87.25:48080";
// wy
proxy="https://pre-newweb.educoder.net"
proxy="https://test-newweb.educoder.net"
proxy="https://pre-newweb.educoder.net";
proxy="https://test-newweb.educoder.net";
proxy="http://192.168.2.63:3001/";
// wy
// proxy="http://192.168.2.63:3001"

@ -0,0 +1,27 @@
.newedu-class-container{
width:1240px;
height:84px;
}
.ecnewbutton{
width:68px;
height:30px;
background:rgba(76,172,255,1);
border-radius:2px;
float:right;
}
.newedu-title-bottom{
width:1240px;
height:65px;
}
.edu-con-bottom {
padding: 10px 0;
background: #fff;
font-size: 16px;
}
.TabledataSource .ant-table-wrapper{
width: 1240px;
}
.ant-table-thead{
background:rgba(245,245,245,1);
}

@ -0,0 +1,565 @@
.TrainingLecturer{
font-size:18px;
font-family:MicrosoftYaHei;
font-weight:400;
color:#656565;
}
.TrainingTheory{
font-size:18px;
font-family:MicrosoftYaHei;
font-weight:400;
color:#05101A !important;
}
#SystemParameters{
height: 81px;
line-height: 40px;
}
#SystemParameters .SystemParameters:nth-child(1){
font-size:14px;
font-family:MicrosoftYaHei;
font-weight:400;
/* color:#989898 !important; */
}
#SystemParameters .SystemParameters:nth-child(2){
font-size:14px;
font-family:MicrosoftYaHei;
font-weight:400;
color:#989898 !important;
}
.operationright{
float:right !important;
}
.ml75{
margin-left:75px;
}
.mlim30{
margin-left:30px !important;
}
.RadioGroupbox{
display: inline-block;
width: 100px;
height: 25px;
position: relative;
}
.RadioGroupboxab{
position: absolute;
top: -5px;
left: 30px;
}
.buttoninline{
display: inline-block;
margin-left: 29px;
position: relative;
/* width: 100px; */
margin-top: 0px;
height: 25px;
}
.placeholder::-moz-placeholder{font-size:12px;}
.placeholder::-webkit-input-placeholder{font-size:12px;}
.placeholder:-ms-input-placeholder{font-size:12px;}
.mr16{
margin-right:16px;
}
.defalutSubmitbtn{
cursor: pointer;
}
.defalutCancelbtn{
cursor: pointer;
}
.newSystem{
background: #fff;
}
/* #EvaluationsList{
padding:20px 0px;
} */
.mt55{
margin-top:55px !important;
}
.mb100{
margin-bottom:100px !important;
}
.mt26{
margin-top:26px !important;
}
.mb80{
margin-bottom:80px !important;
}
.color99{
color:#999999;
}
.ant-select-selection__placeholder{
width: 100%;
font-size:14px;
height:58px;
}
.mt70{
margin-top:70px;
}
.mb50{
margin-bottom:50px;
}
/* 谷歌 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
font-size:14px;
}
/* 火狐 */
input{
-moz-appearance:textfield;
font-size:14px;
}
.ColorF68{
color:#FF6800;
}
.eaSystemp a{
color:#05101a;
}
.eaSystemp span{
color: #05101a !important;
}
.editorModify div .ant-input-lg{
font-size: 14px;
}
#Coursemultiple div div ul .ant-select-selection__choice{
margin-left: 0px;
height: 20px !important;
min-height: 29px;
font-size: 14px;
line-height: 27px;
margin-top: 4px;
margin-bottom: 3px;
}
#Coursemultiple .ant-select-selection--multiple{
min-height: 40px !important;
line-height: 38px !important;
}
#Coursemultiple div div ul .ant-select-search.ant-select-search--inline{
margin-left: 0px;
height: 20px !important;
min-height: 29px;
font-size: 14px;
line-height: 27px;
margin-top: 4px;
margin-bottom: 3px;
}
.neweditSubentry{
position: relative;
top: -4px;
left: 7px;
}
.nulleditSubentry{
position: relative;
top: -4px;
left: 3px;
}
.percentage{
margin-left: 8px;
padding-left: 25px !important;
}
.Coursetitle{
margin-bottom:0px !important;
}
.textaligncenter{
padding-left: 30px !important;
width: 70px !important;
}
.ml72{
margin-left:72px;
}
.bordereaeaea{
border-bottom: 1px solid transparent !important;
}
.ecnowrap{
max-width: 170px;
display: inline-block;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
color: #40a9ff !important;
margin-right: 108px;
}
.ecblock{
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Spinlarge{
text-align: center;
width: 100%;
margin-top: 25px;
margin-bottom: 25px;
}
/* .ant-select-search{
display:none;
}
.ant-select-search--inline{
display:none;
} */
.boxinline-block{
display: inline-block;
}
.boxinline{
margin-right: 20px;
}
.evaluationdataClass{
margin-left: 217px !important;
width: 589px !important;
display: inline-block;
}
.absolute{
position:absolute;
}
.ml115{
margin-left: 115px;
}
.ml100{
margin-left: 100px;
}
.Importclassroomdata{
position: absolute;
right: 18px;
top: 26px;
}
#SystemParameters{
position: relative;
}
.newSystem .newtarget_scoreclass{
padding: 10px 0px !important;
margin: 0px 20px !important;
}
.newSystem .newtarget_target{
padding: 10px 0px !important;
margin: 0px 30px !important;
border-bottom:1px solid transparent !important;
}
.nowrap329{
max-width: 329px !important;
text-align: left;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:transparent !important;
min-width: 329px !important;
}
.ListTableLine li>.column-500{
max-width: 360px !important;
text-align: left;
min-width: 360px !important;
}
.color-666{
color:#666666 !important;
}
.color-05101A{
color:#05101A !important;
}
#SystemParametersP{
position:relative;
margin-bottom:0px !important;
}
.major_name{
cursor:inherit;
}
.padding1030{
padding: 10px 30px;
height: 60px !important;
}
.color-red{
color:#DD1717;
}
.color-redFF{
color:#FF6666;
}
.margin-left63{
margin-left: 63px !important;
}
.colorTransparent{
color:transparent !important;
}
.color999{
color: #999999 !important;
}
.operationrightbotton{
margin-top: 2px!important;
margin-right: -25px;
}
.mr2{
margin-right:2px;
}
.colorFF6800{
color: #FF6800 !important;
}
.lineheight60{
line-height: 52px !important;
}
.mr13{
margin-right: 13px;
}
.mr14{
margin-right: 14px;
}
.ecmorelist{
margin: 0 auto;
width: 100px;
/* height: 100px; */
display: block;
}
.padding10im{
padding: 10px 0px !important;
}
.lipadding10im{
margin: 0 0px!important;
}
.lipadding20im{
padding: 10px 20px!important;
}
.marlr19{
margin: 0 19px!important;
}
.mrj15{
margin-right: -15px;
}
.margin64px{
margin: 0 64px!important;
}
.marginright84{
margin-right: 84px!important;
}
.marginright162{
margin-right: 162px;
}
.width86{
width: 86px!important;
}
.ant-modal-mask {
background-color: rgba(5,16,26,0.4);
}
.ecmodeldelet{
/* 考虑有各种尺寸的屏幕,用比例 */
top:36%;
}
.ecmodeldelet .ant-modal-header{
padding: 0px 24px;
}
.ecmodeldelet .ant-modal-title{
padding: 0px 15px;
text-align: center;
box-sizing: border-box;
line-height: 70px;
height: 70px;
border-radius: 10px 10px 0px 0px;
font-size: 16px;
font-weight: bold;
}
a.TrainingLecturer:hover{
color:#4CACFF !important;
}
.newSystem .lipadding10im{
margin: 0 0px!important;
}
.operationleft{
float:left !important;
}
.color4D4D4D{
color:#4D4D4D !important;
}
/* #SystemParameters .SystemParameters:nth-child(1){
color:#4D4D4D !important;
} */
.color4CACFF{
color:#4CACFF !important;
}
.SystemParameters4CACFF{
font-size:14px;
font-family:MicrosoftYaHei;
font-weight:400;
line-height: 45px;
}
.detaillist{
text-align: center !important;
width: 133px !important;
height: 24px ;
}
.associatedclass{
margin-right: 128px !important;
}
.associatedclasslist{
width: 234px;
height: 20px;
font-size: 14px;
font-family: MicrosoftYaHei;
font-weight: 400;
color: rgba(101,101,101,1);
line-height: 22px;
margin: 6px auto;
}
.associatedclasslists{
width: 323px;
height: 35px;
font-size: 14px;
font-family: MicrosoftYaHei;
font-weight: 400;
color: rgba(101,101,101,1);
line-height: 22px;
margin: 6px auto;
margin-bottom: 15px;
}
.newecmodeldelet{
width:600px !important;
top:100px;
}
.assclasslistsearch{
width:454px;
height:36px;
background:rgba(244,244,244,1);
border:1px solid rgba(234,234,234,1);
border-radius:4px;
position: relative;
}
.assclassposition{
position: absolute;
top: 3px;
left: 9px;
}
.assclasslistsearchbtn{
width: 64px;
height: 35px !important;
font-weight: 300 !important;
line-height: 35px !important;
}
.btnweight{
font-weight: 300 !important;
color: #fff !important;
}
.CBCBCB{
background:#CBCBCB!important;
}
.clear{
clear: both;
}
.ml120{
margin-left: 120px;
}
.ml88{
margin-left: 88px;
}
.assclasslistmid{
width: 540px;
height: 282px;
background: rgba(244,250,255,1);
border-radius: 4px;
margin-left: 10px;
overflow: auto;
padding-top: 10px;
}
.assclasslistsubmit{
margin-top: 26px !important;
margin-bottom: 8px !important;
}
.ant-modal-header{
border-top-left-radius:10px;
border-top-right-radius:10px;
}
.ant-modal-content{
border-radius: 10px;
}
.assclasslistmidname{
width: 160px;
overflow: hidden;
/* height: 24px; */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bordereaeaeas{
border-bottom: 1px solid #eaeaea !important;
}
.isreloadsbtn{
width: 80px !important;
font-weight: 400 !important;
padding: 0px !important;
padding-left: 10px !important;
}
.f5f5f5{
color:rgb(245, 245, 245) !important;
}
.ant-select-selection{
border-radius: 0px !important;
background-color: #F5F5F5;
}
.ant-select-selection:focus{
border-radius: 0px !important;
background-color: #fff;
border-color: #d9d9d9 !important;
}
.listchildbox{
overflow: hidden;
}
.listchildboxs{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ant-input:focus, .ant-input:hover{
border-color: transparent;
}
.inputWeight{
background-color: #F5F5F5;
}
.inputWeight:focus {
background-color: #fff;
}
.ant-input:focus {
outline: 0;
-webkit-box-shadow: 0 0 0 2px transparent !important;
box-shadow: 0 0 0 2px transparent !important;
}
.ant-input{
border-color: #d9d9d9 !important;
}
.mt60{
margin-top:60px;
}
.SystemParameters{
height:auto;
}

@ -0,0 +1,352 @@
.eaSystemp a{
color:#05101a;
}
.eaSystemp span{
color: #05101a !important;
}
.eacourse p{
height:84px;
margin-bottom:0px !important;
}
.eacourse #training_objective_contents{
height:81px;
}
.courseSystem{
font-size:18px;
font-family:MicrosoftYaHei;
font-weight:400;
line-height:45px;
color:rgba(5,16,26,1);
}
.SystemParameters{
font-size:14px;
font-family:MicrosoftYaHei;
font-weight:400;
line-height:45px;
color:rgba(50,50,50,1);
}
.Systemnum{
font-size:14px;
font-family:MicrosoftYaHei;
font-weight:400;
color:#FF6800;
}
.newSystem{
width:1200px;
overflow:auto;
background: #FFF;
}
.newSystem .clearfix .column-1{
width: 113px !important;
text-align: center;
}
.operationColumn{
margin: 0px 10%;
width:100%;
height:100%;
}
.operationalter{
margin: 20px 16px;
}
.SystemModifythelist .column-1{
width: 120px !important;
text-align: center;
}
.SystemModifythelist .column-3{
padding-left: 96px;
margin-right: 23px;
}
.operationright{
float:right !important;
}
.newSystem p{
/*padding: 10px 33px !important;*/
margin-bottom: 0em;
}
.newSystem li{
margin:0 !important;
}
.SystemModifythelist{
background:#FFF !important;
}
.SystemModifythelist .column-1:nth-child(1){
margin-left: 7px;
}
.Systempoint{
font-size:12px;
font-family:MicrosoftYaHei;
font-weight:400;
color:rgba(152,152,152,1);
}
.editorModify{
background:#FFF !important;
}
.newSystem .editorModify .column-1{
width: 194px !important;
text-align: left;
margin-left: 30px;
}
.newSystem .editorModify .column-1:nth-child(1){
margin-right: 510px;
}
.editorModify .ant-select{
width: 556px !important;
margin-left: 36px;
}
.editorModify .ant-select .ant-select-selection{
height: 30px !important;
}
.editorModify .ant-select .ant-select-selection .ant-select-selection__rendered{
height: 30px !important;
}
.editorModify .ant-select .ant-select-selection .ant-select-selection__rendered .ant-select-selection-selected-value{
line-height: 30px !important;
}
.inputWeight{
width: 20%;
font-size:14px;
height:30px;
margin-left: 20px;
background-color: #F5F5F5;
}
.SetTheAssociated{
width: 314px;
height: 30px;
float: right;
margin-right: -3.5%;
}
.SetTheAssociatedchild{
width: 120px;
height: 30px;
background: rgba(255,255,255,1);
border: 1px solid rgba(234,234,234,1);
border-radius: 4px;
float: left;
margin-right: 10px;
text-align: center;
line-height: 30px;
/*margin-left: 34px;*/
}
.operatebutton{
margin-left: 20px;
/* margin-top: 16px; */
}
.editbulebutton{
width:120px;
height:30px;
background:rgba(76,172,255,1);
border-radius:2px;
color:#FFF;
text-align: center;
line-height: 30px;
}
.editglybutton{
width:120px;
height:30px;
border:1px solid rgba(205,205,205,1);
border-radius:2px;
color:#999;
text-align: center;
line-height: 30px;
}
.editglybuttonbox{
width: 275px;
margin-bottom: 30px;
margin-right: 20px;
margin-right:7%;
}
.editglybuttonboxs{
width: 275px;
margin-bottom: 30px;
margin-right: 20px;
margin-right:3%;
}
.defalutCancelbtn:hover {
border: 1px solid #B2B2B2;
color: #B2B2B2!important;
}
.gouxuanbule{
color:#4CACFF;
}
.gouxuanwhite{
color:#FFF;
}
.icon-gouxuan{
cursor: pointer;
}
/* 谷歌 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
/* 火狐 */
input{
-moz-appearance:textfield;
}
.inputWeight{
text-indent:0.625rem;
}
.columnlocation{
height: 40px;
line-height: 40px;
}
.paddingLF{
padding:0 33px;
}
.width20{
width: 20px;
height: 20px;
text-align: center;
}
.defalutSubmitbtn,.defalutCancelbtn{
cursor: pointer;
}
.mb290{
margin-bottom:290px;
}
.Spinlarge{
text-align: center;
width: 100%;
margin-top: 25px;
margin-bottom: 25px;
}
.DDred{
color:#DD1717;
}
.color-666{
color:#666666 !important;
}
.color-05101A{
color:#05101A !important;
}
.ec_graduation_name{
margin-right:20px !important;
}
.column-width575{
color: transparent !important;
}
.column-width130{
width: 130px !important;
height: 40px;
}
.ListTableLine li>span {
max-width: 550px !important;
}
.graduateRequirement .clearfix .column-1 {
width: 76px!important;
}
.newrightcalculatebutton{
width: 50px;
height: 25px;
border: 1px solid rgba(76,172,255,1);
border-radius: 1px;
line-height: 25px;
text-align: center;
margin-top: 7px;
cursor: pointer;
color: rgba(76,172,255,1);
}
.columnbox{
height: 53px;
overflow: hidden;
}
.ant-modal-mask {
background-color: rgba(5,16,26,0.4);
}
.ecmodeldelet{
top:300px;
}
.ecmodeldelet .ant-modal-header{
padding: 0px 24px;
}
.ecmodeldelet .ant-modal-title{
padding: 0px 15px;
text-align: center;
box-sizing: border-box;
line-height: 70px;
height: 70px;
border-radius: 10px 10px 0px 0px;
font-size: 16px;
font-weight: bold;
}
.bor-red {
border: 1px solid #db0505 !important;
}
.ml93{
margin-left:93px;
}
.ml26{
margin-left: 26px;
}
.finishtarget{
width: 69px;
/* height: 48px; */
line-height: 20px;
text-align: center;
margin-right: 48px;
}
.bordereaeaea{
border-bottom: 1px solid transparent !important;
}
.heightimportant{
height: 30px !important;
background-color: #F5F5F5;
}
.heightimportant:focus {
background-color: #fff;
}
.inputWeight:focus {
background-color: #fff;
}
.heightlineimportant{
line-height: 30px !important;
}
.ant-select-selection:hover{
border-color: #d9d9d9 !important;
}
.ant-input:focus {
outline: 0;
-webkit-box-shadow: 0 0 0 2px transparent !important;
box-shadow: 0 0 0 2px transparent !important;
}
.ant-input{
border-color: #d9d9d9 !important;
}
.ant-select-selection:focus{
-webkit-box-shadow: 0 0 0 2px transparent !important;
box-shadow: 0 0 0 2px transparent !important;
}
.ant-select-selection:active{
-webkit-box-shadow: 0 0 0 2px transparent !important;
box-shadow: 0 0 0 2px transparent !important;
}
.ant-select-selection:focus{
border-color: #d9d9d9 !important;
}
.ant-select-selection{
-webkit-box-shadow: 0 0 0 2px transparent !important;
box-shadow: 0 0 0 2px transparent !important;
}
.mt60{
margin-top:60px;
}

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="20px" height="20px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#333333" d="M463.9 804.4c-194.7 0-353.1-158.4-353.1-353.1S269.2 98.2 463.9 98.2 817 256.6 817 451.3 658.6 804.4 463.9 804.4z m0-651.9c-164.8 0-298.8 134-298.8 298.8s134 298.8 298.8 298.8 298.8-134 298.8-298.8-134-298.8-298.8-298.8zM884.9 926.6c-7.2 0-14.4-2.9-19.8-8.6l-198-210.6c-10.3-10.9-9.7-28.1 1.2-38.4 10.9-10.3 28.1-9.8 38.4 1.2l198 210.6c10.3 10.9 9.7 28.1-1.2 38.4-5.2 5-11.9 7.4-18.6 7.4z" /></svg>

After

Width:  |  Height:  |  Size: 674 B

@ -0,0 +1,104 @@
#traningNav {
display: flex
}
#traningNav>li {
float: none !important;
}
/* 最后一个item 占满剩余空间 */
#traningNav>li:last-child{
flex: 1;
}
#traningNav>li>.ecTitle {
width: 24px;
height: 24px;
border: 1px solid rgba(65, 140, 205, 1);
border-radius: 50%;
text-align: center;
line-height: 22px;
display: inline-block;
color: rgba(65, 140, 205, 1) !important;
margin-right: 10px;
}
#traningNav>li>.ecTitles {
line-height: 16px !important;
height: 18px!important;
width: 18px!important;
}
#traningNav>li>.ecTitlefont:hover{
color: rgba(65, 140, 205, 1) !important;
}
.ecimgs3{
background: url("./img/3.png");
background-repeat: no-repeat;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
height: 90px;
line-height: 90px;
width: 235px;
}
.ecimgs2{
background: url("./img/4.png");
background-repeat: no-repeat;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
height: 90px;
line-height: 90px;
width: 190px;
}
.ecimgs11{
background: url("./img/3.png");
background-repeat: no-repeat;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
height: 90px;
line-height: 90px;
width: 146px;
}
.ml18{
margin-left: 18px;
}
.ecimgs{
height: 90px;
line-height: 90px;
}
.ecmarginleft{
margin-left: 23px;
}
#traningNav>li>.ecTitlefontFFF{
color:#fff !important;
}
#traningNav>li>.ecTitleFFF {
width: 24px;
height: 24px;
border: 1px solid #fff;
border-radius: 50%;
text-align: center;
line-height: 22px;
display: inline-block;
color: #fff !important;
margin-right: 10px;
}
.traningNavs{
padding: 0px 0px 0px 0px !important;
}
.traningNavs>li{
padding: 0px 10px 30px 10px !important;
}
.mb0{
margin-bottom: 0px !important;
}
.info2{
width:232px;
text-align: center;
}
.info1{
width: 206px;
text-align: center;
}

@ -0,0 +1,100 @@
import React, { Component } from 'react';
import './ecTitle.css';
class EcTitleCourseEvaluations extends Component {
constructor(props) {
super(props)
this.state = {
schooldata:{},
ecComponentState:"",
ecpaths:""
}
}
componentWillReceiveProps(nextProps){
const {schooldata,ecComponentState,ecpath}=nextProps;
this.setState({
schooldata:schooldata,
ecComponentState:ecComponentState,
ecpaths:ecpath
})
}
render() {
let{schooldata,ecComponentState,ecpaths}=this.state;
return (
<div>
<div className="mb10 mt10 eaSystemp">
<a href={schooldata.user_url}>{schooldata.user_name===undefined?"":schooldata.user_name+" > "}</a>
<a href={schooldata.school_url}>{schooldata.school_name===undefined?"":schooldata.school_name+"认证"}</a>
<a href={schooldata.major_url}>{schooldata.school_name===undefined?"":" > "+schooldata.major_name+" > "}</a>
<span> {schooldata.school_name===undefined?"":schooldata.year+"届"}</span>
</div>
<ul className="clearfix mb0 traningNavs " id="traningNav" style={{display:ecpaths==='none'?"none":"flex"}}>
<li className={"ecimgs"}>
<a className={"ecTitle ecTitles"} >1</a>
<a className={"ecTitlefont"} href={schooldata.major_training}>培养目标</a>
</li>
<li className={"ecimgs"}>
<a className={"ecTitle ecTitles"} >2</a>
<a className={"ecTitlefont"} href={schooldata.graduation_requirement_url} >毕业要求</a>
</li>
<li className={"ecimgs"}>
<a className={"ecTitle ecTitles"} >3</a>
<a className={"ecTitlefont"} href={schooldata.requirement_vs_objective_url}>毕业要求 vs 培养目标</a>
</li>
<li className={"ecimgs"}>
<a className={"ecTitle ecTitles"} >4</a>
<a className={"ecTitlefont"} href={schooldata.requirement_vs_standard}>毕业要求 vs 通用标准</a>
</li>
<li className={ecpaths==="ecStudentList"?"ecimgs11":"ecimgs"} style={{width: ecpaths==="ecStudentList"?'126px':'83px'}}>
<a className={ ecpaths==="ecStudentList"?"ml18 ecTitleFFF ecTitles":"ecTitle"} >5</a>
<a className={ ecpaths==="ecStudentList"?"ecTitlefontFFF":"ecTitlefont"} href={schooldata.students_url}>学生</a>
</li>
<li className={ecpaths==="ec_course_support_setting"||ecpaths==="show"?"ecimgs11":"ecimgs"}>
<a className={ ecpaths==="ec_course_support_setting"||ecpaths==="show"?"ml18 ecTitleFFF ecTitles":"ecTitle ecTitles"} >6</a>
<a className={ ecpaths==="ec_course_support_setting"||ecpaths==="show"?"ecTitlefontFFF":"ecTitlefont"} href={schooldata.course_setting_url}>课程体系</a>
</li>
<li className={ecpaths==="requirement_vs_courses"?"ecimgs3":"ecimgs"}>
<a className={ ecpaths==="requirement_vs_courses"?"ecmarginleft ecTitleFFF ecTitles":"ecTitle ecTitles"} >7</a>
<a className={ ecpaths==="requirement_vs_courses"?"ecTitlefontFFF":"ecTitlefont"} href={schooldata.requirement_vs_courses}>课程体系 vs 毕业要求</a>
</li>
<li className={ecpaths==="reach_calculation_info"?"ecimgs2 info2":"ecimgs"}>
<a className={ ecpaths==="reach_calculation_info"?"ecTitleFFF ml18 ecTitles":"ecTitle ecTitles"} >8</a>
<a className={ ecpaths==="reach_calculation_info"?"ecTitlefontFFF":"ecTitlefont"} href={schooldata.reach_calculation_info_url}>达成度评价结果</a>
</li>
{/*<li className={ecComponentState==="ecCourseSupports"?"active edu-menu-panel":"edu-menu-panel"}>*/}
{/*<a>毕业要求</a>*/}
{/*<i className="iconfont icon-xiajiantou font-14 ml5" style={{display:ecComponentState==="ecCourseSupports"?"inline-block":"none"}}></i>*/}
{/*<ul className="edu-menu-list" style={{width:'200px',right:'unset',top:'34px'}}>*/}
{/*<li><a href={schooldata.major_training} >专业培养目标</a></li>*/}
{/*<li><a href={schooldata.graduation_requirement_url} >毕业要求指标点</a></li>*/}
{/*<li><a href={schooldata.requirement_vs_objective_url} >毕业要求vs培养目标</a></li>*/}
{/*<li><a href={schooldata.requirement_vs_standard} >毕业要求vs通用要求</a></li>*/}
{/*<li><a href={schooldata.requirement_vs_courses} >毕业要求vs课程体系</a></li>*/}
{/*</ul>*/}
{/*</li>*/}
{/*<li className={ecComponentState==="ecCourseEvaluations"?"active edu-menu-panel":"edu-menu-panel"}>*/}
{/*<a href={schooldata.course_setting_url}>课程配置</a>*/}
{/*</li>*/}
{/*<li className={ecComponentState==="ecCompletion"?"active edu-menu-panel":"edu-menu-panel"}>*/}
{/*<a>达成度计算</a>*/}
{/*<i className="iconfont icon-xiajiantou font-14 ml5" style={{display:ecComponentState==="ecCompletion"?"inline-block":"none"}}></i>*/}
{/*<ul className="edu-menu-list" style={{width:'200px',right:'unset',top:'34px'}}>*/}
{/*<li><a href={schooldata.completion_calculation_url}>课程达成计算</a></li>*/}
{/*<li><a href={schooldata.reach_calculation_info_url}>毕业要求指标点达成计算</a></li>*/}
{/*</ul>*/}
{/*</li>*/}
{/*<a className="fr color-grey-6 font-16" href={schooldata.go_back_url}>返回</a>*/}
</ul>
</div>
)}
}
export default EcTitleCourseEvaluations;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

@ -0,0 +1,814 @@
import React, { Component } from 'react';
import classNames from 'classnames'
import axios from 'axios';
import { TPMIndexHOC } from '../../tpm/TPMIndexHOC';
import { SnackbarHOC } from 'educoder'
import { message,Modal,Spin,Icon} from 'antd';
import 'antd/dist/antd.css';
import EcTitleCourseEvaluations from '../ecTitle/ecTitle'
import '../css/ecCourseSupports.css';
import '../css/ecCourseEvaluations.css';
const $ = window.$;
class EcCompletionCalculation extends Component {
constructor(props) {
super(props)
this.state={
schooldata:{},
ecComponentState:"ecCompletion",
course_total_score:[],
ec_course_targets:0,
graduation_list:[],
target_list:[],
target_score:[],
evaluate_result:"",
ec_course_targets_count:0,
new_target_ec_year_id:0,
total_rate_data:undefined,
calculatetype:false,
ec_course_id:0,
morelisttype:false,
titlemessage:"提示",
completiontype:false,
completionlist:"",
course_total_scoreaverage:0,
calculatesetype:false,
Spintype:false,
ismanager:false
}
}
componentWillMount(){
window.document.title = '课程达成评价结果';
}
componentDidMount(){
let ec_course_id =this.props.match.params.ec_course_id;
this.UpdateClassData(true);
const Url =`/ec_major_schools/get_navigation_data?ec_course_id=`+ec_course_id;
axios.get(Url, {
withCredentials: true,
})
.then((response) => {
if(response.status===200){
// if(response.data.allow_visit===false){
// window.location.href="/403"
// }
this.setState({
schooldata:response.data,
ec_course_id:ec_course_id
})
}
})
.catch(function (error) {
console.log(error);
});
}
targetsget_navigation_data=(ec_year_id,ec_course_id)=>{
const Url =`/ec_major_schools/get_navigation_data?ec_year_id=`+ec_year_id+"&ec_course_id="+ec_course_id;
axios.get(Url, {
withCredentials: true,
})
.then((response) => {
if(response.status===200){
// if(response.data.allow_visit===false){
// window.location.href="/403"
// }
this.setState({
schooldata:response.data,
ec_course_id:ec_course_id
})
}
})
.catch(function (error) {
console.log(error);
});
}
showmorelist=()=>{
this.setState({
morelisttype:false
})
this.UpdateClassData(false)
}
UpdateClassData=(key)=>{
let {calculatetype} =this.state;
let ec_course_id =this.props.match.params.ec_course_id;
this.setState({
ec_course_id:ec_course_id
})
const Arl =`/ec_courses/`+ec_course_id+`/calculation_info_data`;
axios.get(Arl, {
withCredentials: true,
})
.then((response) => {
if(response.status===200){
// var list=[];
// if(key===true){
// for(var i=0; i<response.data.course_total_score.length;i++){
// if(i<10){
// list.push(response.data.course_total_score[i])
// }
// }
// }else{
// list=response.data.course_total_score
// }
// let newgraduation_list= response.data.graduation_list.reverse();
let newmorelisttype=false;
if(response.data.course_total_score>10){
newmorelisttype=true
}
let course_total_scoreaverage;
let newlist=response.data.course_total_score[response.data.course_total_score.length-1].total_rate;
for(var i=0; i<newlist.length;i++){
if(i===newlist.length-1){
course_total_scoreaverage=newlist[i].total_score
}
}
this.setState({
evaluate_result:response.data.evaluate_result,
course_total_score:response.data.course_total_score[response.data.course_total_score.length-1].total_rate,
total_rate_data:response.data.course_total_score[response.data.course_total_score.length-1].total_rate.length,
graduation_list:response.data.graduation_list,
target_list:response.data.target_list,
target_score:response.data.target_score,
ec_course_targets_count:response.data.ec_course_targets_count,
morelisttype:newmorelisttype,
course_total_scoreaverage:course_total_scoreaverage,
ismanager:response.data.is_manager
})
// ec_course_targets:response.data.ec_course_targets,
this.targetsget_navigation_data(response.data.ec_year_id,ec_course_id)
if(calculatetype===true){
this.setState({
calculatetype:false,
completiontype:true,
completionlist:'刷新列表数据成功',
calculatesetype:true
})
}
}
})
.catch(function (error) {
console.log(error);
});
//
// let newcourse_total_score=[
// {
// student_scores:{
// name: "黎子豪",
// student_number: "13408100113",
// target_info: [
// {position: 1, score: 73.3},
// {position: 2, score: 71.8},
// {position: 3, score: 92.2},
// {position: 4, score: 82.1},
// {position: 5, score: 87.7}
// ],
// total_score: 81.4
// }
// },{
// total_rate:[
// {position: 1, score: 65.35, rate: 0.1},
// {position: 2, score: 68.81, rate: 0.1},
// {position: 3, score: 68.34, rate: 0.1},
// {position: 4, score: 78.09, rate: 0.35},
// {position: 5, score: 77, rate: 0.35},
// {total_score: 74.5},
// ]
// }
// ]
//
// var list=[];
// if(key===true){
// for(var i=0; i<newcourse_total_score.length;i++){
// if(i<10){
// list.push(newcourse_total_score[i])
// }
// }
// }else{
// list=newcourse_total_score
// }
// let graduation_list=[
// {
// ec_graduation_name: "5-1",
// ec_subitem_content: "能够针对计算机系统的设计、开发、部署、运行和维护等方面的复杂工程问题,开发、选择与使用恰当的技术、资源、现代工程工具和信息技术工具,进行科学合理的预测与模拟,并充分认识到问题的复杂性与解决手段的局限性。",
// reach_real_target: 0.078,
// reach_target: 0.07,
// result: "达成",
// target_position: [0, 0, 0, 1, 0],
// weight: 0.1
// }
// ]
// let newgraduation_list= graduation_list.reverse();
// this.setState({
// course_total_score:list,
// total_rate_data:newcourse_total_score[newcourse_total_score.length-1].total_rate.length,
// graduation_list:newgraduation_list,
// evaluate_result:false,
// target_list:[
// {
// content: "理解数据管理技术和数据库技术的发展,区分不同数据模型的作用和特点,描述数据库系统的类型、结构、数据独立性。",
// real_grade: 65.35,
// result: "达成",
// standard_grade: 65,
// weigths: 0.1
// }
// ],
// target_score:[
// {average_score: 65.35,
// ec_course_targets_count: 5,
// from50: [9, 20.45],
// from60: [13, 29.55],
// from70: [14, 31.82],
// from80: [3, 6.82],
// from90: [1, 2.27],
// from_down: [4, 0.09],
// graduation_list: [],
// low_score: 40,
// top_score: 93.4}
// ],
// ec_course_targets_count:5
//
// })
// if(calculatetype===true){
// message.success('刷新列表数据成功!');
// this.setState({
// calculatetype:false,
// completiontype:true,
// completionlist:'刷新列表数据成功!'
// })
// }
}
newrightcalculatebutton=()=>{
this.setState({
Spintype:true
})
let {ec_course_id}=this.state;
const Orl =`/ec_courses/`+ec_course_id+`/sync_data`;
axios.get(Orl, {
withCredentials:true,
})
.then((response) => {
if(response.data.status===1){
this.setState({
calculatetype:true,
completiontype:true,
completionlist:'计算成功',
calculatesetype:true,
Spintype:false
})
this.UpdateClassData(true);
}
})
.catch(function (error) {
console.log(error)
});
}
hidecompletion=()=>{
this.setState({
completiontype:false,
completionlist:"",
calculatesetype:false
})
}
render() {
let {Spintype,calculatesetype,ec_course_id,course_total_scoreaverage,ec_course_targets_count,schooldata,ecComponentState,course_total_score,total_rate_data,ec_course_targets,graduation_list,target_list,target_score,evaluate_result,morelisttype,titlemessage,completiontype,completionlist,ismanager} = this.state;
let TargetresList = (length) => {
let target_listres = [];
for(let i = 0; i < length; i++) {
// target_listres.push(<span className="column-1 operationleft color-666" key={i}>目标{length-i}</span>)
// target_listres.push(<span className="column-2 operationleft color-666" key={i}>目标{i+1}</span>)
target_listres.push(<span className="column-1 operationright color-666" key={i}>目标{length-i}</span>)
}
return target_listres
}
let TargetresLists = (length) => {
let target_listress = [];
for(let i = 0; i < length; i++) {
// target_listres.push(<span className="column-1 operationleft color-666" key={i}>目标{length-i}</span>)
target_listress.push(<span className="column-2 operationleft color-666" key={i}>目标{i+1}</span>)
// target_listres.push(<span className="column-1 operationright color-666" key={i}>目标{length-i}</span>)
}
return target_listress
}
let TargetresContentList = (length,value) => {
let target_listres = [];
if(value!=undefined){
for(let i = 0; i < length; i++) {
if(value[i]===1){
target_listres.push(<span className="column-1 operationright color-green" key={i}><i class="iconfont icon-gouxuan color-green font-16 mr5"></i></span>)
}else{
target_listres.push(<span className="column-1 operationright color-666" key={i}><i class="iconfont icon-guanbi font-14 mr5"></i></span>)
}
}
target_listres.reverse()
return target_listres
}
}
let Total_rate_dataList = (value) => {
let target_listres = [];
if(value!=undefined){
for(let i = 0; i < value.length; i++) {
if(i===value.length-1){
target_listres.push(<span className="column-1 operationright" key={i}>
{/*<div className="color-red">{value[i].total_score}</div>*/}
<div className="color-red">100%</div>
</span>)
}else{
target_listres.push(<span className={i===0?" column-2 operationleft":"column-2 operationleft"} key={i}>
{/*<div>{value[i].score}</div>*/}
{/*<div className="color-redFF">占比{(value[i].rate*100).toFixed(2)}%</div>*/}
<div>
{(value[i].rate*100).toFixed(2)}%
</div>
</span>)
}
}
return target_listres
}else{
target_listres.push(<span className="column-1 operationright">
{/*<div className="color-red">{value[i].total_score}</div>*/}
<div className="">--</div>
</span>)
return target_listres
}
}
let newTotal_rate_dataList = (length,value) => {
let target_listres = [];
if(value!=undefined){
for(let i = 0; i < value.length; i++) {
// if(i===0){
// target_listres.push(<span className="column-2 color-05101A" key={i}>
// <div>{value[i].score.toFixed(2)}</div>
// </span>)
// }else{
// target_listres.push(<span className="column-2 color-05101A" key={i}>
// <div>{value[i].score.toFixed(2)}</div>
// </span>)
// }
if(i<value.length-1){
target_listres.push(<span className="column-2 color-05101A" key={i}>
<div>{value[i].score.toFixed(2)}</div>
</span>)
}
}
return target_listres
}
}
return (
<div className="newMain clearfix">
<Modal
title={titlemessage}
visible={completiontype}
className={"ecmodeldelet"}
closable={false}
footer={null}
>
<div className="task-popup-content">
<div className="task-popup-text-center font-14">{completionlist}</div>
</div>
{
calculatesetype===true?
<div className="task-popup-submit clearfix"
style={{width:'69px'}}
>
<a className="task-btn task-btn-orange fr"
style={{fontWeight: '400'}}
onClick={this.hidecompletion}
>知道啦</a>
</div>
:
<div className="task-popup-submit clearfix">
<a onClick={this.hidecompletion} className="task-btn fl">取消</a>
<a className="task-btn task-btn-orange fr"
onClick={this.hidecompletion}
>确定</a>
</div>
}
</Modal>
<div className="educontent mb290">
<EcTitleCourseEvaluations
{...this.props}
schooldata={schooldata}
ecComponentState={'ecCompletion'}
ecpath={"show"}
/>
<div className="edu-back-white eacourse">
<div className="clearfix padding20-30 bor-bottom-greyE">
<a href={schooldata.course_setting_url} className="color-grey-9 TrainingLecturer">课程体系</a> >
<a className="TrainingTheory major_name"> {schooldata.ec_course_name} 达成评价详情</a>
{/* <a href="javascript:void(0)" className="fr white-btn edu-blueback-btn mt4">导出培养目标</a> */}
<div className="color-grey-9 mr10">系统根据课程目标课程考核方式与课程目标评价方法一键计算评价课程目标的达成情况 <a className={"color-blue"} onClick={() => window.elasticLayer(3533)}>查看详情</a></div>
</div>
<div className="padding20-30" id="training_objective_contents"
style={{
position: 'relative'
}}
>
<a className="fl SystemParameters" style={{display:schooldata.ec_course_support_setting_url===null?"none":"block"}}
href={schooldata.ec_course_support_setting_url}>1.课程目标</a>
<a className="fl SystemParameters ml40"
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 SystemParameters ml40"
style={{display:schooldata.evaluation_methods_url===null?"none":"block"}}
href={schooldata.evaluation_methods_url}>4.课程目标评价方法</a>
<a className="fl SystemParameters ml40"
style={{display:schooldata.competition_calculation_info_url===null?"none":"block",color:'#4CACFF'}}
href={schooldata.competition_calculation_info_url}>5.课程达成评价结果</a>
{/* <span className="right ml20 SystemParameters">
{
evaluate_result===false?<span className="Systemnum">未达成</span>:<span className="Systemnum color-green"></span>
}
</span> */}
<span className={ismanager===false?"none":"right newrightcalculatebutton"}
style={{
marginLeft: '26px',
position: 'absolute',
right: '157px'
}}
onClick={this.newrightcalculatebutton}>计算</span>
<span className={ismanager===false?"none":"Importclassroomdata"} style={{top: "26px"}}>
<a className="white-btn edu-blueback-btn fr mb10 mr10" target="_blank" href={"/ec_courses/"+ec_course_id+"/export_evaluation_result.xls"}>导出评价详情</a>
</span>
</div>
</div>
<div className="ListTableLine newSystem mb20" id="school_major_list">
<p className="clearfix padding10im" >
<span className="column-1 color-666">课程目标</span>
<span className="column-1 operationright color-666">达成结果</span>
<span className="column-1 operationright color-666">达成标准()</span>
<span className="column-1 operationright color-666">实际达成</span>
<span className="column-1 operationright color-666">权重</span>
</p>
{ Spintype===true?<Spin className="Spinlarge" indicator={<Icon type="loading" style={{ fontSize: 30 }} spin />}/>:"" }
{ target_list.length===0&&Spintype===false?
<li className={ "clearfix newtarget_scoreclass lipadding10im"}>
<span className="column-1 color-05101A">--</span>
<span className="column-575 color-05101A">--</span>
<span className={"column-1 operationright Systemnum"}>--</span>
<span className="column-1 operationright color-05101A">--</span>
<span className="column-1 operationright">--</span>
<span className="column-1 operationright">--</span>
</li>:""}
{Spintype===false?target_list.map((item,key)=>{
return(
<li className={key+1===target_list.length?"clearfix newtarget_target lipadding10im":"clearfix newtarget_scoreclass lipadding10im"} key={key}>
<span className="column-1 color-05101A">{key+1}</span>
<span className="column-575 color-05101A">{item.content}</span>
<span className={item.result==="未达成"?"column-1 operationright Systemnum":"column-1 operationright color-green"}>{item.result}</span>
<span className="column-1 operationright color-05101A">{item.standard_grade}</span>
<span className="column-1 operationright">{item.real_grade}</span>
<span className="column-1 operationright">{item.weigths}</span>
</li>
)
}):""
}
</div>
<div className="edu-back-white eacourse">
<div className="padding1030" id="training_objective_contents">
<span className="fl SystemParameters lineheight60" style={{height:'46px'}}>毕业要求指标点达成评价结果</span>
<span className="right ml20 SystemParameters" style={{height:'46px'}}><span className="color-green"><i class="iconfont icon-gouxuan color-green font-16 mr5"></i></span> <i class="iconfont icon-guanbi font-14 mr5"></i></span>
</div>
</div>
<div className="ListTableLine newSystem mb20 graduateRequirement " id="school_major_list">
{
graduation_list.length===0?
<p className="clearfix lipadding20im" style={{minWidth:'1200px'}}>
<span className="column-1 color-666 mr16">毕业要求</span>
<span className="nowrap329">{5}</span>
<span className="column-1 operationright color-666">达成结果</span>
<span className="column-1 operationright color-666">达成目标值</span>
<span className="column-1 operationright color-666">达成实际值</span>
<span className="column-1 operationright color-666">课程权重</span>
{TargetresList(5)}
</p>
:""
}
{ Spintype===true?<Spin className="Spinlarge" indicator={<Icon type="loading" style={{ fontSize: 30 }} spin />}/>:"" }
{
graduation_list.length===0&&Spintype===false?
<li className={'clearfix newtarget_scoreclass marlr19'} style={{minWidth:'1137px'}}>
{/* <span className="column-1 color-05101A ec_graduation_name">{item.ec_graduation_name}</span> */}
<span className="column-1 color-05101A ec_graduation_name">{1}</span>
<span className="column-500 color-05101A">{"--"}</span>
<span className={"column-1 operationright Systemnum mrj15"}>{"--"}</span>
<span className="column-1 operationright color-05101A">{"--"}</span>
<span className="column-1 operationright">{"--"}</span>
<span className="column-1 operationright"> <a href={schooldata.requirement_vs_courses} style={{color:'rgb(76, 172, 255)'}}>立即配置</a></span>
{TargetresContentList(5,[2,2,2,2,2])}
</li>
:""
}
{
Spintype===false?graduation_list.map((item,key)=>{
if(key===0){
return(
<p key={key} className="clearfix lipadding20im" style={{minWidth: ec_course_targets_count > 5 ? (76*(ec_course_targets_count+4)+380+15):1200+"px"}}>
<span className="column-1 color-666 mr16">毕业要求</span>
<span className="nowrap329">{item.ec_subitem_content}</span>
<span className="column-1 operationright color-666">达成结果</span>
<span className="column-1 operationright color-666">达成目标值</span>
<span className="column-1 operationright color-666">达成实际值</span>
<span className="column-1 operationright color-666">课程权重</span>
{TargetresList(ec_course_targets_count)}
</p>
)
}
}):""
}
{
Spintype===false?graduation_list.map((item,key)=>{
return(
<li className={key+1===target_list.length?"clearfix newtarget_target marlr19":"clearfix newtarget_scoreclass marlr19"} key={key} style={{minWidth: ec_course_targets_count > 5 ? (76*(ec_course_targets_count+4)+380):1200+"px"}}>
{/* <span className="column-1 color-05101A ec_graduation_name">{item.ec_graduation_name}</span> */}
<span className="column-1 color-05101A ec_graduation_name">{key+1}</span>
<span className="column-500 color-05101A" data-tip-down={item.content}>{item.ec_subitem_content}</span>
<span className={item.result==="未达成"?"column-1 operationright Systemnum mrj15":"column-1 operationright color-green mrj15"}>{item.result}</span>
<span className="column-1 operationright color-05101A">{item.reach_target===null?0:item.reach_target}</span>
<span className="column-1 operationright">{item.reach_real_target===null?0:item.reach_real_target}</span>
{item.weight===null||item.weight===0?<span className="column-1 operationright" ><a href={schooldata.requirement_vs_courses} style={{color:'rgb(76, 172, 255)'}}>立即配置</a></span>:<span className="column-1 operationright">{item.weight}</span>}
{TargetresContentList(ec_course_targets_count,item.target_position)}
</li>
)
}):""
}
</div>
<div className="edu-back-white eacourse">
<div className="padding1030" id="training_objective_contents">
<span className="fl SystemParameters lineheight60" style={{height:'46px'}}>课程总评成绩表</span>
</div>
</div>
<div className="ListTableLine newSystem mb20" id="school_major_list">
<p className="clearfix padding10im" style={{width: total_rate_data > 5 ? (180 * total_rate_data+226+16) : 1200+"px"}}>
{/*<span className="column-1 color-666 mr16 width86">序号</span>*/}
<span className="column-1 color-666 mr16 width86">课程目标</span>
{/*<span className="column-1 color-666 mr16">姓名</span>*/}
{/*<span className="column-1 color-666 mr16">学号</span>*/}
{TargetresLists(total_rate_data-1)}
<span className="column-1 operationright color-666">总评成绩</span>
</p>
{/*style={{width: 113*(total_rate_data+4)>1136?113*(total_rate_data+4.5):1136+"px"}}*/}
{
// course_total_score.map((i,k)=>{
// if(k===course_total_score.length-1){
// return(
// <li className={"clearfix newtarget_scoreclass lipadding10im margin64px"} key={k} style={{width: 113*(total_rate_data+4)>1200?(113*(total_rate_data+4.5))+63:1200+"px"}}>
// <span className="column-1 color-05101A mr16 width86">占比</span>
// {/*colorTransparent*/}
// {/*<span className="column-1 color-05101A ec_graduation_name mr16 colorTransparent"> 平均数 </span>*/}
// {/*<span className="column-1 color-05101A ec_graduation_name mr16 colorTransparent "> 平均数 </span>*/}
// {/* {Total_rate_dataList(total_rate_data-1,i.total_rate)}
// </li>
// )
// }
// }) */}
}
{ Spintype===true?<Spin className="Spinlarge" indicator={<Icon type="loading" style={{ fontSize: 30 }} spin />}/>:"" }
{
Spintype===false? <li className={"clearfix newtarget_scoreclass lipadding10im margin64px"} style={{width: total_rate_data > 5 ? (180 * total_rate_data+226+16) : 1200 + "px"}}>
<span className="column-1 color-05101A mr16 width86">占比</span>
{/*colorTransparent*/}
{/*<span className="column-1 color-05101A ec_graduation_name mr16 colorTransparent"> 平均数 </span>*/}
{/*<span className="column-1 color-05101A ec_graduation_name mr16 colorTransparent "> 平均数 </span>*/}
{Total_rate_dataList(course_total_score)}
{
course_total_score.length===0? <span className="column-1 operationright">--</span>:""
}
</li>:""
}
{/*style={{width: 113*(total_rate_data+4)>1136?113*(total_rate_data+4):1136+"px"}}*/}
{
// course_total_score.map((i,k)=>{
// if(k!=course_total_score.length-1){
// return(
// <li className={"clearfix newtarget_scoreclass lipadding10im"} style={{width: 113*(total_rate_data+4)>1200?(113*(total_rate_data+4.5))+63:1200+"px"}}>
// {/*<span className="column-1 color-05101A mr16 width86">{k+1}</span>*/}
// <span className="column-1 color-05101A mr16 width86">平均分</span>
// {/*<span className="column-1 color-05101A ec_graduation_name mr16">{i.student_scores.name}</span>*/}
// {/*<span className="column-1 color999 ec_graduation_name mr16 ">{i.student_scores.student_number}</span>*/}
// {newTotal_rate_dataList(total_rate_data-1,i.student_scores.target_info)}
// <span className="column-1 color-red operationright">{i.student_scores.total_score.toFixed(2)}</span>
// </li>
// )
// }
// })
}
{
Spintype===false?<li className={"clearfix newtarget_scoreclass lipadding10im bordereaeaea"} style={{width: 113*(total_rate_data+4)>1200?(113*(total_rate_data+4.5))+63:1200+"px"}}>
{/*<span className="column-1 color-05101A mr16 width86">{k+1}</span>*/}
<span className="column-1 color-05101A mr16 width86">平均分</span>
{/*<span className="column-1 color-05101A ec_graduation_name mr16">{i.student_scores.name}</span>*/}
{/*<span className="column-1 color999 ec_graduation_name mr16 ">{i.student_scores.student_number}</span>*/}
{newTotal_rate_dataList(course_total_score-1,course_total_score)}
{/* <span className="column-1 color-red operationright">{course_total_score.length===0?"":course_total_score[course_total_score-1].total_score}</span> */}
{
course_total_score.length===0? <span className="column-1 operationright">--</span>:<span className="column-1 color-red operationright">{course_total_scoreaverage}</span>
}
</li>:""
}
<li class="clearfix newtarget_scoreclass" style={{width: 113*(total_rate_data+4)>1136?113*(total_rate_data+4):1136+"px",display:morelisttype===true?"block":"none"}}>
<a className={"ecmorelist"} onClick={()=>this.showmorelist()}>加载更多</a>
</li>
</div>
<div className="edu-back-white eacourse">
<div className="padding1030" id="training_objective_contents">
<span className="fl SystemParameters lineheight60" style={{height:'46px'}}>课程目标成绩分析</span>
</div>
</div>
<div className="ListTableLine newSystem mb20" id="school_major_list">
<p className="clearfix padding10im">
<span className="column-1 color-666">课程目标</span>
<span className="column-1 color-666">平均分</span>
<span className="column-1 color-666">最高分数</span>
<span className="column-1 color-666">最低分数</span>
<span className="column-1 color-666">90分以上</span>
<span className="column-1 color-666">80-89</span>
<span className="column-1 color-666">70-79</span>
<span className="column-1 color-666">60-69</span>
<span className="column-1 color-666">50-59</span>
<span className="column-1 color-666">低于50分</span>
</p>
{
Spintype===false?target_score.map((i,k)=>{
return(
<li className={"clearfix newtarget_scoreclass lipadding10im"} key={k}>
<span className="column-1 color-05101A">{k+1}</span>
<span className="column-1 color-05101A">{i.average_score}</span>
<span className="column-1 colorFF6800">{i.top_score}</span>
<span className="column-1 color-green">{i.low_score}</span>
<span className="column-1 color-05101A">
<div>{i.from90[0]}</div>
<div className="color999">{(i.from90[1]).toFixed(2)}%</div>
</span>
<span className="column-1 color-05101A">
<div>{i.from80[0]}</div>
<div className="color999">{(i.from80[1]).toFixed(2)}%</div>
</span>
<span className="column-1 color-05101A">
<div>{i.from70[0]}</div>
<div className="color999">{(i.from70[1]).toFixed(2)}%</div>
</span>
<span className="column-1 color-05101A">
<div>{i.from60[0]}</div>
<div className="color999">{(i.from60[1]).toFixed(2)}%</div>
</span>
<span className="column-1 color-05101A">
<div>{i.from50[0]}</div>
<div className="color999">{(i.from50[1]).toFixed(2)}%</div>
</span>
<span className="column-1 color-05101A">
<div>{i.from_down[0]}</div>
<div className="color999">{(i.from_down[1]).toFixed(2)}%</div>
</span>
</li>
)
}):""
}
{ Spintype===true?<Spin className="Spinlarge" indicator={<Icon type="loading" style={{ fontSize: 30 }} spin />}/>:"" }
{target_score.length===0&&Spintype===false?
<li className={"clearfix newtarget_scoreclass lipadding10im"}>
<span className="column-1 color-05101A">--</span>
<span className="column-1 color-05101A">--</span>
<span className="column-1 colorFF6800">--</span>
<span className="column-1 color-green">--</span>
<span className="column-1 color-05101A">
<div>--</div>
<div className="color999">--%</div>
</span>
<span className="column-1 color-05101A">
<div>--</div>
<div className="color999">--%</div>
</span>
<span className="column-1 color-05101A">
<div>--</div>
<div className="color999">--%</div>
</span>
<span className="column-1 color-05101A">
<div>--</div>
<div className="color999">--%</div>
</span>
<span className="column-1 color-05101A">
<div>--</div>
<div className="color999">--%</div>
</span>
<span className="column-1 color-05101A">
<div>--</div>
<div className="color999">--%</div>
</span>
</li>:""}
</div>
</div>
</div>
);
}
}
export default SnackbarHOC() ( TPMIndexHOC ( EcCompletionCalculation ) );

@ -0,0 +1,656 @@
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,message,Modal,Input,Spin,Icon,Tooltip } from 'antd';
import EcTitleCourseEvaluations from '../ecTitle/ecTitle'
import 'antd/dist/antd.css';
import '../css/ecCourseSupports.css';
const $ = window.$;
class ecCourseSupports extends Component {
constructor(props) {
super(props)
this.state={
data:'',
ec_courses_list:[],
editcourse:[{"weigths": 0,
"ec_course_name":'',
"top_relation": false,
"ec_course_id":''
}],
editnum:0,
index:0,
ec_graduation_subitem_id:0,
ec_year_id:0,
schooldata:{},
spinning:true,
ecComponentState:'ecCourseSupports',
supportid:null,
Editkey:null,
titlemessage:"提示",
Supportstype:false,
Supportslist:'',
Supportssum:false,
Supportsclass:false
}
}
componentWillMount(){
this.setState({
ec_year_id:this.props.match.params.ec_year_id,
major_school_id:this.props.match.params.major_school_id
})
window.document.title = '课程体系 vs 毕业要求';
}
UpdateClassData=()=>{
let ec_year_id=this.props.match.params.ec_year_id;
this.setState({
ec_year_id:ec_year_id
})
const jol =`/ec_major_schools/get_navigation_data?ec_year_id=`+ec_year_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);
});
const url = `/ec_course_supports?ec_year_id=`+ec_year_id;
axios.get(url, {
withCredentials: true,
})
.then((response) => {
if(response.status===200){
this.setState({
data:response.data
})
}
if(response.data.course_support_data.length===0){
this.setState({
Supportstype:true,
Supportslist:'数据为空,请去毕业要求——>毕业要求指标点分解列表配置数据'
})
}
})
.catch(function (error) {
console.log(error);
});
// this.setState({
// data:{course_count: 14,
// course_support_data: [
// {course_data: [{
// name: "军事课堂",
// top_relation: true,
// weigths: 0.1
// }, {
// name: "大学生心理健康教育",
// top_relation: true,
// weigths: 0.2
// }],
// ec_graduation_subitem_id: 2,
// num_total: 2,
// sequence_num: "1-1",
// weights_total: 0.30000000000000004,
// },
// ],
// course_url: "/ec_major_schools/1/academic_years/1/ec_course_setting",
// ec_year_id: 1,
// max_support_count: 12,
// subitems_count: 7,
// subitems_url: "/ec_major_schools/1/academic_years/1/graduation_requirement"
// }
// })
}
componentDidMount(){
this.setState({
ec_year_id:this.props.match.params.ec_year_id,
major_school_id:this.props.match.params.major_school_id
})
this.UpdateClassData();
}
EditSupportCourse=(key,e)=>{
$('#school_major_list').scrollLeft(0);
let id=e.target.id;
id=parseInt(id);
let subindex =e.target.getAttribute("subindex");
const url = `/ec_course_supports/edit_require_vs_course?subitem_id=`+id
axios.get(url, {
withCredentials: true,
})
.then((response) => {
if(response.status===200){
var support_data;
if(response.data.edit_support_data.length>0){
support_data=response.data.edit_support_data;
}else if(response.data.edit_support_data.length===0){
support_data=[{weights: 0,top_relation: false,ec_course_name:'',ec_course_id:''}];
}
this.setState({
ec_courses_list:response.data.ec_courses_list,
editcourse:support_data,
index:subindex,
ec_graduation_subitem_id:id,
Supportssum:false,
Supportsclass:false,
})
let {editcourse} =this.state;
let neweditcourse=editcourse;
let newnum=0;
for(var j=0;j<neweditcourse.length;j++){
if(neweditcourse[j].weigths===undefined){
newnum=0
}else{
newnum=newnum+neweditcourse[j].weigths;
}
}
newnum= Math.round(newnum*100)/100;
this.setState({
editnum:newnum
})
}
})
.catch(function (error) {
console.log(error);
});
this.setState({
Editkey:key
})
// $("#school_ListTableLine").show();
// let offsettop=$("#school_ListTableLine").position().top||$("#school_ListTableLine").scrollTop || $("#school_ListTableLine").pageYOffset;
// window.scrollTo(0, offsettop)
}
Addcourse=(e)=>{
let {editcourse} =this.state;
let neweditcourse=editcourse;
let newadd = {weigths: 0,top_relation: false,ec_course_name:'',ec_course_id:''};
neweditcourse.push(newadd);
this.setState({
editcourse:neweditcourse
})
}
editcourse=(neweditcourse)=>{
this.setState({
editcourse:neweditcourse
})
}
Deletcourse=(e)=>{
// 删除
// let id =e.target.getAttribute("index");
let {editcourse} = this.state;
let neweditcourse=editcourse;
neweditcourse.splice(e,1);
let newnum=0;
for(var j=0;j<neweditcourse.length;j++){
if(neweditcourse[j].weigths===undefined){
newnum=0
}else{
newnum=newnum+neweditcourse[j].weigths;
}
}
newnum= Math.round(newnum*100)/100;
this.setState({
Supportstype:false,
supportid:null,
Supportslist:"",
editcourse:neweditcourse,
editnum:newnum
})
}
enterweight=(e)=>{
let {editcourse} = this.state;
let neweditcourse=editcourse;
var id=e.target.id;
var value=parseFloat(e.target.value);
if(isNaN(value)){
value=""
}
var x = String(value).indexOf('.') + 1;
var y = String(value).length - x;
if(y > 2){
this.setState({
// Supportstype:true,
Supportslist:'请精确到2位数',
Supportssum:true
})
return
}
const person = new Object ();
person.weigths=value;
person.ec_course_id= neweditcourse[id].ec_course_id;
person.ec_course_name=neweditcourse[id].ec_course_name;
person.top_relation=neweditcourse[id].top_relation;
neweditcourse[id]=person;
let newnum=0;
for(var j=0;j<neweditcourse.length;j++){
if(neweditcourse[j].weigths===undefined){
newnum=newnum+0;
}else if(neweditcourse[j].weigths===""){
newnum=newnum+0;
}else{
newnum=newnum+neweditcourse[j].weigths;
}
}
newnum= Math.round(newnum*100)/100;
this.setState({
editnum:newnum,
editcourse:neweditcourse
})
if(newnum>1){
this.setState({
// Supportstype:true,
Supportslist:'权重之和不能大于1',
Supportssum:true
})
}
}
handleChange=(e)=> {
let {editcourse} = this.state;
let value=`${e[0]}`;
value=parseInt(value)
let neweditcourse=editcourse;
let num=`${e[1]}`;
num=parseInt(num)
for(var z=0;z<editcourse.length;z++){
if(neweditcourse[z].ec_course_name===`${e[2]}`){
this.setState({
Supportstype:true,
Supportslist:"请勿选择重复的支持课程"
})
return
}
}
for(var i=0;i<1;i++){
neweditcourse[num].ec_course_id=value;
neweditcourse[num].ec_course_name=`${e[2]}`
}
this.editcourse(neweditcourse);
}
relevancetop=(e)=>{
let {editcourse} = this.state;
let neweditcourse=editcourse;
let id =e.target.getAttribute("itindex");
for(var i=0;i<1;i++){
neweditcourse[id].top_relation=false;
}
this.editcourse(neweditcourse);
}
relevancebottom=(e)=>{
let {editcourse} = this.state;
let neweditcourse=editcourse;
let id =e.target.getAttribute("itindex");
for(var i=0;i<1;i++){
neweditcourse[id].top_relation=true;
}
this.editcourse(neweditcourse);
}
focus() {
this.inputNumberRef.focus();
}
blur() {
this.inputNumberRef.blur();
}
CancelSupports=()=>{
this.setState({
Editkey:null,
Supportssum:false,
Supportsclass:false,
})
}
SubmitClassData=()=>{
let {editcourse,editnum,ec_graduation_subitem_id,ec_year_id} = this.state;
if(editcourse.length===0){
this.setState({
// Supportstype:true,
Supportslist:'保存失败,至少保留一个课程',
Supportssum:true
})
return
}
if(editnum>1||editnum===0){
this.setState({
// Supportstype:true,
Supportslist:'保存失败,权重大于1或为空',
Supportssum:true
})
return
}
for(var p=0; p<editcourse.length;p++){
if(editcourse[p].weigths===""){
editcourse[p].weigths=0;
}
if(editcourse[p].ec_course_id===""){
this.setState({
// Supportstype:true,
Supportslist:'保存失败,课程不能为空',
Supportsclass:true
})
return
}
}
var Url = '/ec_course_supports';
axios.post(Url, {
ec_year_id: ec_year_id,
ec_graduation_subitem_id:ec_graduation_subitem_id,
course: editcourse
},
{
withCredentials: true
}
).then((response) => {
if(response.data.status===0){
this.setState({
Editkey:null,
Supportslist:response.data.messsage,
Supportstype:true,
Supportssum:false,
Supportsclass:false,
})
this.UpdateClassData();
}else if(response.data.status===-1){
this.setState({
Supportslist:"参数错误",
Supportstype:true,
Supportssum:false,
Supportsclass:false,
})
}
}).catch((error) => {
console.log(error)
})
}
Deletcourses=(key)=>{
this.setState({
supportid:key,
Supportslist:"您确定要删除吗?",
Supportstype:true
})
}
hideSupports=()=>{
this.setState({
Supportstype:false,
supportid:null,
Supportslist:"",
})
}
render() {
const Option = Select.Option;
let {data,ec_courses_list,editcourse,editnum,index,ec_year_id,schooldata,ecComponentState,hidesupport,supportid,Editkey,titlemessage,Supportstype,Supportslist,Supportssum,Supportsclass,major_school_id} = this.state;
var list = (length) => {
var res = [];
for(var i = 0; i < length; i++) {
res.push( <span key={i} className="column-1 color-666">
<div style={{lineHeight: '20px'}}>支撑课程
<br/> 权值
</div>
</span>)
}
return res
}
return (
<div className="newMain clearfix">
<Modal
title={titlemessage}
// Supportstype
visible={Supportstype}
className={"ecmodeldelet"}
closable={false}
footer={null}
>
<div className="task-popup-content">
<div className="task-popup-text-center font-14">{Supportslist}</div>
</div>
<div className="task-popup-submit clearfix">
<a onClick={this.hideSupports} className="task-btn fl">取消</a>
{ supportid===null?<a className="task-btn task-btn-orange fr"
onClick={this.hideSupports}
>确定</a>:
<a className="task-btn task-btn-orange fr"
onClick={()=>this.Deletcourse(supportid)}
>确定</a>}
</div>
</Modal>
<div className="educontent mb290">
<EcTitleCourseEvaluations
{...this.props}
schooldata={schooldata}
ecComponentState={ecComponentState}
ecpath={"requirement_vs_courses"}
/>
<div className="edu-back-white eacourse">
<div className="clearfix padding20-30 bor-bottom-greyE" style={{position:'relative'}}>
<span className="font-18 courseSystem">课程体系对毕业要求的支撑</span>
{/* <a href="javascript:void(0)" className="fr white-btn edu-blueback-btn mt4">导出培养目标</a> */}
<span className={data.is_manager===false?"none":"Importclassroomdata"} style={{top: '29px'}}>
<a className="white-btn edu-blueback-btn fr mb10 mr10" target="_blank" href={'/ec_major_schools/'+major_school_id+'/academic_years/'+ec_year_id+'/export_course_requirements?format=xls'}>导出课程体系支撑矩阵</a>
</span>
<div className="color-grey-9 mr10">用矩阵图的形式说明本专业课程体系对毕业要求的支撑关系 <a className={"color-blue"} onClick={() => window.elasticLayer(3534)} >查看详情</a></div>
</div>
<div className="padding20-30" id="training_objective_contents">
<span className="fl SystemParameters" >毕业要求指标点<a href={data.subitems_url}><span className="Systemnum">{data.subitems_count}</span></a></span>
<span className="fl ml20 SystemParameters">课程体系<a href={data.course_url}><span className="Systemnum">{data.course_count}</span></a></span>
</div>
</div>
<div className="ListTableLine" id="school_major_list" style={{overflow:'auto'}}>
<p className="clearfix" style={{width: 120*data.max_support_count>1200? 140*data.max_support_count : 1200+"px"}}>
<span className="color-666 finishtarget">毕业要求指标点</span>
{list(data.max_support_count<5||data.max_support_count===undefined?5:data.max_support_count)}
<span className="column-1 operationright color-666"
style={{
paddingLeft: '28px'
}}
>合计</span>
</p>
<div className="paddingLF" style={{background:'#fff'}}>
{
data.course_support_data===undefined? <Spin delay={500} className="Spinlarge" indicator={<Icon type="loading" style={{ fontSize: 30 }} spin />}/>:data.course_support_data.map((item,key)=>{
return (
<li className={data.course_support_data.length===key+1?"clearfix mb10":"clearfix"} key={key} style={{width: 120*data.max_support_count > 1134 ? 136*data.max_support_count : 1134+"px",margin: '0px 0px'}}>
<Tooltip placement="bottom" title={item.sequence_title}>
<span className="column-1 columnlocation" style={{display:Editkey!=key?"block":'none',width: '95px', paddingLeft: '23px'}}>{item.sequence_num}</span>
</Tooltip>
{
item.course_data.map((t,kes)=>{
return(
<span key={kes} className="column-1"
style={{
display:Editkey!=key?"block":'none',
marginRight: '-1px'
}}>
<div data-tip-down={t.name} className={t.top_relation===true?"DDred columnbox":"columnbox"}
style={{textAlign: 'center'}}
>{t.name.length>12?t.name.substring(0, 10)+"...":t.name}</div>
<div className={t.top_relation===true?"DDred":""}
style={{textAlign: 'center'}}
>{t.weigths}</div>
</span>
)
})
}
<span className="column-1 operationright" style={{display:Editkey!=key?"block":'none',width:'75px'}}>
<div className="operationColumn">
<div className="left">
<div className="width20 columnbox">{item.num_total===0?" ":item.num_total}</div>
<div className="width20">{Math.round(item.weights_total*100)/100===0?" ":(Math.round(item.weights_total*100)/100)}</div>
</div>
<div className="left operationalter">
{data.is_manager===false?"":<a className="editSubentry" data-tip-down="编辑">
<i className="iconfont icon-bianjidaibeijing color-green" id={item.ec_graduation_subitem_id} subindex={item.sequence_num} onClick={this.EditSupportCourse.bind(this,key)}></i>
</a>}
</div>
</div>
</span>
<p className="ListTableLine" id="school_ListTableLine" style={{width: '1134px',display:Editkey===key?"block":'none'}} >
<p className="clearfix SystemModifythelist">
<span className="ml6" style={{width:'77px'}}>指标点 {index}</span>
<span className="column-4">支撑课程</span>
<span className="column-2 ml93">
<span> 权重(=1)</span>
<span className="Systempoint">精确到两位小数</span>
</span>
<span className="column-1 ml50">关联度最高</span>
</p>
<div className="clearfix editorModify">
{
editcourse.map((it,key)=>{
return(
<div className="mb15" key={key}>
<Select className={Supportsclass===true?"bor-red heightimportant":"heightimportant"} showSearch value={it.ec_course_name} onChange={this.handleChange}>
{
ec_courses_list.map((qva,qk)=>{
return(
<Option value={[qva.id,key,qva.name]} key={qk}>{qva.name}</Option>
)
})
}
</Select>
<Input
type="number"
size="large"
className={Supportssum===true?"inputWeight bor-red":"inputWeight"}
id={key}
value={it.weigths}
onInput={this.enterweight.bind(this)}
/>
<div className="SetTheAssociated">
<div className="SetTheAssociatedchild">
<i className="iconfont icon-gouxuan gouxuanbule" style={{display:it.top_relation===false?'none':'block'}} itindex={key} onClick={this.relevancetop.bind(this)}></i>
<i className="iconfont icon-gouxuan gouxuanwhite" style={{display:it.top_relation===false?'block':'none'}} itindex={key} onClick={this.relevancebottom.bind(this)}></i>
</div>
<div className="left operatebutton">
<a className="mr15 delSubentry" data-tip-down="删除">
<i className="iconfont icon-shanchu color-grey-c font-15" onClick={()=>this.Deletcourses(key)}></i>
</a>
<a className="newAddSubentry" data-tip-down="添加"
style={{display:key===editcourse.length-1?"inline-block":'none'}}
><i className="iconfont icon-tianjiafangda color-green" onClick={this.Addcourse}></i></a>
</div>
</div>
</div>
)
})
}
</div>
<span className="c_red none ml35" id="error_tip" style={{display:Supportssum===true||Supportsclass===true?'inline':'none'}}>{Supportslist}</span>
<div className="clearfix editorModify">
<span className="column-1"
style={{
width: '580px',
paddingLeft: '37px',
display: 'inline-block'
}}
>合计: <span>{editcourse.length}</span></span>
<span className="ml30">合计: <span>{editnum}</span></span>
</div>
<div className="right editglybuttonboxs">
<div className="defalutSubmitbtn fr" onClick={this.SubmitClassData}>保存</div>
<div className="defalutCancelbtn fr mr20" onClick={this.CancelSupports}>取消</div>
</div>
</p>
</li>
)
})
}
</div>
</div>
</div>
</div>
);
}
}
export default SnackbarHOC() ( TPMIndexHOC ( ecCourseSupports ) );
Loading…
Cancel
Save