Merge branch 'master' of https://bdgit.educoder.net/Hjqreturn/educoder
commit
9d8ce094ca
@ -1,153 +1,153 @@
|
|||||||
import React,{Component} from "React";
|
import React,{Component} from "React";
|
||||||
import { Form, Select, Input, Button,Checkbox,Icon,message,Modal, Table, Divider, Tag,DatePicker,Radio,Tooltip} from "antd";
|
import { Form, Select, Input, Button,Checkbox,Icon,message,Modal, Table, Divider, Tag,DatePicker,Radio,Tooltip} from "antd";
|
||||||
import {Link} from 'react-router-dom';
|
import {Link} from 'react-router-dom';
|
||||||
import { WordsBtn, MarkdownToHtml } from 'educoder';
|
import { WordsBtn, MarkdownToHtml } from 'educoder';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
import PublishRightnow from '../PublishRightnow'
|
import PublishRightnow from '../PublishRightnow'
|
||||||
import AccessoryModal from "../../coursesPublic/AccessoryModal";
|
import AccessoryModal from "../../coursesPublic/AccessoryModal";
|
||||||
|
|
||||||
const { Option} = Select;
|
const { Option} = Select;
|
||||||
const CheckboxGroup = Checkbox.Group;
|
const CheckboxGroup = Checkbox.Group;
|
||||||
const confirm = Modal.confirm;
|
const confirm = Modal.confirm;
|
||||||
let GraduationTasksnewtype=true;
|
let GraduationTasksnewtype=true;
|
||||||
const $ = window.$;
|
const $ = window.$;
|
||||||
const Search = Input.Search;
|
const Search = Input.Search;
|
||||||
const RadioGroup = Radio.Group;
|
const RadioGroup = Radio.Group;
|
||||||
|
|
||||||
class TabRightComponents extends Component{
|
class TabRightComponents extends Component{
|
||||||
|
|
||||||
constructor(props){
|
constructor(props){
|
||||||
super(props)
|
super(props)
|
||||||
|
|
||||||
this.publishModal = React.createRef();
|
this.publishModal = React.createRef();
|
||||||
this.endModal = React.createRef();
|
this.endModal = React.createRef();
|
||||||
|
|
||||||
this.state={
|
this.state={
|
||||||
accessoryVisible: false
|
accessoryVisible: false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
}
|
}
|
||||||
|
|
||||||
onToPublishClick = () => {
|
onToPublishClick = () => {
|
||||||
|
|
||||||
}
|
}
|
||||||
// 补交附件
|
// 补交附件
|
||||||
Cancelvisible=()=>{
|
Cancelvisible=()=>{
|
||||||
this.setState({
|
this.setState({
|
||||||
accessoryVisible:false
|
accessoryVisible:false
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
addAccessory=()=>{
|
addAccessory=()=>{
|
||||||
this.setState({
|
this.setState({
|
||||||
accessoryVisible:true
|
accessoryVisible:true
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
setupdate = () => {
|
setupdate = () => {
|
||||||
|
|
||||||
}
|
}
|
||||||
render(){
|
render(){
|
||||||
const dateFormat = 'YYYY-MM-DD HH:mm';
|
const dateFormat = 'YYYY-MM-DD HH:mm';
|
||||||
const { accessoryVisible } = this.state
|
const { accessoryVisible } = this.state
|
||||||
let { work_statuses, publish_immediately, work_id
|
let { work_statuses, publish_immediately, work_id
|
||||||
, end_immediately
|
, end_immediately
|
||||||
} =this.props;
|
} =this.props;
|
||||||
|
|
||||||
let courseId=this.props.match.params.coursesId;
|
let courseId=this.props.match.params.coursesId;
|
||||||
let category_id=this.props.match.params.category_id;
|
let category_id=this.props.match.params.category_id;
|
||||||
let workId=this.props.match.params.workId;
|
let workId=this.props.match.params.workId;
|
||||||
|
|
||||||
const isGroup = this.props.isGroup()
|
const isGroup = this.props.isGroup()
|
||||||
const moduleName = !isGroup? "普通作业":"分组作业";
|
const moduleName = !isGroup? "普通作业":"分组作业";
|
||||||
const moduleEngName = this.props.getModuleName()
|
const moduleEngName = this.props.getModuleName()
|
||||||
|
|
||||||
const childModuleName = this.props.moduleName
|
const childModuleName = this.props.moduleName
|
||||||
|
|
||||||
const isAdmin = this.props.isAdmin()
|
const isAdmin = this.props.isAdmin()
|
||||||
const isSuperAdmin = this.props.isSuperAdmin()
|
const isSuperAdmin = this.props.isSuperAdmin()
|
||||||
|
|
||||||
let exportUrl = `/api/homework_commons/${workId}/works_list.zip`
|
let exportUrl = `/api/homework_commons/${workId}/works_list.zip`
|
||||||
const exportResultUrl = `/api/homework_commons/${workId}/works_list.xlsx`
|
const exportResultUrl = `/api/homework_commons/${workId}/works_list.xlsx`
|
||||||
|
|
||||||
return(
|
return(
|
||||||
<React.Fragment>
|
<React.Fragment>
|
||||||
{isAdmin ?
|
{isAdmin ?
|
||||||
<React.Fragment>
|
<React.Fragment>
|
||||||
<div style={{display: 'inline', float: 'right'}}>
|
<div style={{display: 'inline', float: 'right'}}>
|
||||||
<PublishRightnow ref={this.publishModal} showActionButton={false} {...this.props} checkBoxValues={[workId]}
|
<PublishRightnow ref={this.publishModal} showActionButton={false} {...this.props} checkBoxValues={[workId]}
|
||||||
isPublish={true} doWhenSuccess={this.props.doWhenSuccess} checkBeforePost={this.props.saveWorkSetting}
|
isPublish={true} doWhenSuccess={this.props.doWhenSuccess} checkBeforePost={this.props.saveWorkSetting}
|
||||||
onToPublishClick={this.onToPublishClick}
|
onToPublishClick={this.onToPublishClick}
|
||||||
></PublishRightnow>
|
></PublishRightnow>
|
||||||
<PublishRightnow ref={this.endModal} showActionButton={false} {...this.props} checkBoxValues={[workId]}
|
<PublishRightnow ref={this.endModal} showActionButton={false} {...this.props} checkBoxValues={[workId]}
|
||||||
isPublish={false} doWhenSuccess={this.props.doWhenSuccess}></PublishRightnow>
|
isPublish={false} doWhenSuccess={this.props.doWhenSuccess}></PublishRightnow>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>{`
|
<style>{`
|
||||||
.drop_down_menu li a {
|
.drop_down_menu li a {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
.drop_down_menu {
|
.drop_down_menu {
|
||||||
width: 121px;
|
width: 121px;
|
||||||
}
|
}
|
||||||
.drop_down_menu li {
|
.drop_down_menu li {
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
width: 121px;
|
width: 121px;
|
||||||
}
|
}
|
||||||
.drop_down_menu, .drop_down_normal {
|
.drop_down_menu, .drop_down_normal {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
`}</style>
|
`}</style>
|
||||||
{this.props.isAdmin()? <li className="li_line drop_down fr color-blue font-16 mr8 mt20" style={{"padding":"0 20px"}}>
|
{this.props.isAdmin()? <li className="li_line drop_down fr color-blue font-16 mr8 mt20" style={{"padding":"0 20px"}}>
|
||||||
导出<i className="iconfont icon-xiajiantou font-12 ml2"></i>
|
导出<i className="iconfont icon-xiajiantou font-12 ml2"></i>
|
||||||
<ul className="drop_down_menu" style={{"right":"-34px","left":"unset","height":"auto"}}>
|
<ul className="drop_down_menu" style={{"right":"-34px","left":"unset","height":"auto"}}>
|
||||||
<li><a href={exportResultUrl} calssName="color-dark">导出成绩</a></li>
|
<li><a href={exportResultUrl} className="color-dark">导出成绩</a></li>
|
||||||
<li><a href={exportUrl} calssName="color-dark">导出作品附件</a></li>
|
<li><a href={exportUrl} className="color-dark">导出作品附件</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>:""}
|
</li>:""}
|
||||||
|
|
||||||
{/* <a className={"fr color-blue font-16"} href={exportUrl}>导出作品附件</a>
|
{/* <a className={"fr color-blue font-16"} href={exportUrl}>导出作品附件</a>
|
||||||
<a className={"fr color-blue font-16"} href={exportResultUrl}>导出成绩</a> */}
|
<a className={"fr color-blue font-16"} href={exportResultUrl}>导出成绩</a> */}
|
||||||
{/*<a className={"fr color-blue font-16"}>导出</a>*/}
|
{/*<a className={"fr color-blue font-16"}>导出</a>*/}
|
||||||
{end_immediately && <a className={"fr color-blue font-16"} onClick={() => { this.endModal.current.open() } }>立即截止</a>}
|
{end_immediately && <a className={"fr color-blue font-16"} onClick={() => { this.endModal.current.open() } }>立即截止</a>}
|
||||||
{publish_immediately && <a className={"fr color-blue font-16"} onClick={() => { this.publishModal.current.open() } } >立即发布</a>}
|
{publish_immediately && <a className={"fr color-blue font-16"} onClick={() => { this.publishModal.current.open() } } >立即发布</a>}
|
||||||
|
|
||||||
{/*<a className={"fr color-blue font-16"}>项目在线质量检测</a>*/}
|
{/*<a className={"fr color-blue font-16"}>项目在线质量检测</a>*/}
|
||||||
{isAdmin && <a className={"fr color-blue font-16"} onClick={() => this.props.toEditPage(this.props.match.params, workId)}>编辑作业</a>}
|
{isAdmin && <a className={"fr color-blue font-16"} onClick={() => this.props.toEditPage(this.props.match.params, workId)}>编辑作业</a>}
|
||||||
</React.Fragment> :
|
</React.Fragment> :
|
||||||
<React.Fragment>
|
<React.Fragment>
|
||||||
{work_statuses && work_statuses.indexOf('提交作品') != -1 && <a className={"fr color-blue font-16"} href={"javascript:void(0)"}
|
{work_statuses && work_statuses.indexOf('提交作品') != -1 && <a className={"fr color-blue font-16"} href={"javascript:void(0)"}
|
||||||
onClick={() => { this.props.toWorkPostPage(this.props.match.params)}}
|
onClick={() => { this.props.toWorkPostPage(this.props.match.params)}}
|
||||||
>提交作品</a>}
|
>提交作品</a>}
|
||||||
{work_statuses && work_statuses.indexOf('修改作品') != -1 && <a className={"fr color-blue font-16"} href={"javascript:void(0)"}
|
{work_statuses && work_statuses.indexOf('修改作品') != -1 && <a className={"fr color-blue font-16"} href={"javascript:void(0)"}
|
||||||
onClick={() => { this.props.toWorkPostPage(this.props.match.params, null, true, work_id)}}
|
onClick={() => { this.props.toWorkPostPage(this.props.match.params, null, true, work_id)}}
|
||||||
>修改作品</a>}
|
>修改作品</a>}
|
||||||
{work_statuses && work_statuses.indexOf('补交附件') != -1 &&
|
{work_statuses && work_statuses.indexOf('补交附件') != -1 &&
|
||||||
<React.Fragment>
|
<React.Fragment>
|
||||||
<AccessoryModal
|
<AccessoryModal
|
||||||
{...this.props}
|
{...this.props}
|
||||||
modalname={"补交附件"}
|
modalname={"补交附件"}
|
||||||
visible={accessoryVisible}
|
visible={accessoryVisible}
|
||||||
Cancelname={"取消"}
|
Cancelname={"取消"}
|
||||||
Savesname={"确认"}
|
Savesname={"确认"}
|
||||||
Cancel={this.Cancelvisible}
|
Cancel={this.Cancelvisible}
|
||||||
setupdate={this.setupdate}
|
setupdate={this.setupdate}
|
||||||
reviseAttachmentUrl={`/student_works/${work_id}/revise_attachment.json`}
|
reviseAttachmentUrl={`/student_works/${work_id}/revise_attachment.json`}
|
||||||
/>
|
/>
|
||||||
<a className={"fr color-blue font-16"} href={"javascript:void(0)"}
|
<a className={"fr color-blue font-16"} href={"javascript:void(0)"}
|
||||||
onClick={this.addAccessory}
|
onClick={this.addAccessory}
|
||||||
>补交附件</a>
|
>补交附件</a>
|
||||||
</React.Fragment>
|
</React.Fragment>
|
||||||
}
|
}
|
||||||
</React.Fragment> }
|
</React.Fragment> }
|
||||||
</React.Fragment>
|
</React.Fragment>
|
||||||
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export default TabRightComponents;
|
export default TabRightComponents;
|
||||||
@ -1,235 +1,235 @@
|
|||||||
import React, { Component } from "react";
|
import React, { Component } from "react";
|
||||||
import { Modal, Checkbox, Input, Spin, Select, Divider } from "antd";
|
import { Modal, Checkbox, Input, Spin, Select, Divider } from "antd";
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import ModalWrapper from "../../common/ModalWrapper"
|
import ModalWrapper from "../../common/ModalWrapper"
|
||||||
import InfiniteScroll from 'react-infinite-scroller';
|
import InfiniteScroll from 'react-infinite-scroller';
|
||||||
import { ConditionToolTip } from 'educoder'
|
import { ConditionToolTip } from 'educoder'
|
||||||
const Option = Select.Option;
|
const Option = Select.Option;
|
||||||
const pageCount = 15;
|
const pageCount = 15;
|
||||||
|
|
||||||
// 代码查重弹框
|
// 代码查重弹框
|
||||||
class CheckCodeModal extends Component{
|
class CheckCodeModal extends Component{
|
||||||
constructor(props){
|
constructor(props){
|
||||||
super(props);
|
super(props);
|
||||||
this.state={
|
this.state={
|
||||||
checkBoxValues: [],
|
checkBoxValues: [],
|
||||||
candidates: [],
|
candidates: [],
|
||||||
hasMore: true,
|
hasMore: true,
|
||||||
loading: false,
|
loading: false,
|
||||||
page: 1
|
page: 1
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
fetchMemberList = (arg_page) => {
|
fetchMemberList = (arg_page) => {
|
||||||
const courseId = this.props.match.params.coursesId
|
const courseId = this.props.match.params.coursesId
|
||||||
const page = arg_page || this.state.page;
|
const page = arg_page || this.state.page;
|
||||||
const { name, school_name } = this.state
|
const { name, school_name } = this.state
|
||||||
let url = `/courses/${courseId}/search_teacher_candidate.json`
|
let url = `/courses/${courseId}/search_teacher_candidate.json`
|
||||||
this.setState({ loading: true })
|
this.setState({ loading: true })
|
||||||
axios.post(url, {
|
axios.post(url, {
|
||||||
page: page,
|
page: page,
|
||||||
limit: pageCount,
|
limit: pageCount,
|
||||||
school_name: school_name || '',
|
school_name: school_name || '',
|
||||||
name: name || ''
|
name: name || ''
|
||||||
})
|
})
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
if (!response.data.candidates || response.data.candidates.length == 0) {
|
if (!response.data.candidates || response.data.candidates.length == 0) {
|
||||||
this.setState({
|
this.setState({
|
||||||
page,
|
page,
|
||||||
loading: false,
|
loading: false,
|
||||||
hasMore: false,
|
hasMore: false,
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
this.setState({
|
this.setState({
|
||||||
candidates: page == 1 ? response.data.candidates : this.state.candidates.concat(response.data.candidates),
|
candidates: page == 1 ? response.data.candidates : this.state.candidates.concat(response.data.candidates),
|
||||||
page,
|
page,
|
||||||
loading: false,
|
loading: false,
|
||||||
hasMore: response.data.candidates.length == pageCount
|
hasMore: response.data.candidates.length == pageCount
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
.catch(function (error) {
|
.catch(function (error) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
fetchOptions = () => {
|
fetchOptions = () => {
|
||||||
// add_teacher_popup
|
// add_teacher_popup
|
||||||
const courseId = this.props.match.params.coursesId
|
const courseId = this.props.match.params.coursesId
|
||||||
|
|
||||||
let url = `/courses/${courseId}/add_teacher_popup.json`
|
let url = `/courses/${courseId}/add_teacher_popup.json`
|
||||||
|
|
||||||
axios.get(url, {
|
axios.get(url, {
|
||||||
})
|
})
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
if (response.data.graduation_groups) {
|
if (response.data.graduation_groups) {
|
||||||
this.setState({
|
this.setState({
|
||||||
graduation_groups: response.data.graduation_groups
|
graduation_groups: response.data.graduation_groups
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
if (response.data.course_groups) {
|
if (response.data.course_groups) {
|
||||||
this.setState({
|
this.setState({
|
||||||
course_groups: response.data.course_groups
|
course_groups: response.data.course_groups
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
})
|
})
|
||||||
.catch(function (error) {
|
.catch(function (error) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
setVisible = (visible) => {
|
setVisible = (visible) => {
|
||||||
if (visible) {
|
if (visible) {
|
||||||
this.fetchMemberList()
|
this.fetchMemberList()
|
||||||
this.fetchOptions()
|
this.fetchOptions()
|
||||||
}
|
}
|
||||||
this.refs.modalWrapper.setVisible(visible)
|
this.refs.modalWrapper.setVisible(visible)
|
||||||
if (visible == false) {
|
if (visible == false) {
|
||||||
this.setState({
|
this.setState({
|
||||||
checkBoxValues: []
|
checkBoxValues: []
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
onSendOk = () => {
|
onSendOk = () => {
|
||||||
const courseId = this.props.match.params.coursesId
|
const courseId = this.props.match.params.coursesId
|
||||||
const url = `/courses/${courseId}/add_teacher.json`
|
const url = `/courses/${courseId}/add_teacher.json`
|
||||||
const params = {
|
const params = {
|
||||||
"user_list": this.state.checkBoxValues.map (item => { return { 'user_id': item }}) ,
|
"user_list": this.state.checkBoxValues.map (item => { return { 'user_id': item }}) ,
|
||||||
"graduation_group_id": "2",
|
"graduation_group_id": "2",
|
||||||
"course_group_id": "820",
|
"course_group_id": "820",
|
||||||
// "role": ROLE_TEACHER_NUM
|
// "role": ROLE_TEACHER_NUM
|
||||||
}
|
}
|
||||||
const { graduationGroup, courseGroup } = this.state
|
const { graduationGroup, courseGroup } = this.state
|
||||||
if (graduationGroup) {
|
if (graduationGroup) {
|
||||||
params.graduation_group_id = graduationGroup
|
params.graduation_group_id = graduationGroup
|
||||||
}
|
}
|
||||||
if (courseGroup) {
|
if (courseGroup) {
|
||||||
params.course_group_id = courseGroup
|
params.course_group_id = courseGroup
|
||||||
}
|
}
|
||||||
axios.post(url, params)
|
axios.post(url, params)
|
||||||
.then((response) => {
|
.then((response) => {
|
||||||
if (response.data.status == 0) {
|
if (response.data.status == 0) {
|
||||||
this.setVisible(false)
|
this.setVisible(false)
|
||||||
this.props.showNotification('添加成功')
|
this.props.showNotification('添加成功')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
.catch(function (error) {
|
.catch(function (error) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
onOk = () => {
|
onOk = () => {
|
||||||
this.onSendOk()
|
this.onSendOk()
|
||||||
}
|
}
|
||||||
|
|
||||||
onCheckBoxChange = (checkBoxValues) => {
|
onCheckBoxChange = (checkBoxValues) => {
|
||||||
this.setState({
|
this.setState({
|
||||||
checkBoxValues: checkBoxValues
|
checkBoxValues: checkBoxValues
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
handleInfiniteOnLoad = () => {
|
handleInfiniteOnLoad = () => {
|
||||||
this.fetchMemberList(this.state.page + 1)
|
this.fetchMemberList(this.state.page + 1)
|
||||||
}
|
}
|
||||||
|
|
||||||
onSearch = () => {
|
onSearch = () => {
|
||||||
this.fetchMemberList(1)
|
this.fetchMemberList(1)
|
||||||
}
|
}
|
||||||
handleGradationGroupChange = (value) => {
|
handleGradationGroupChange = (value) => {
|
||||||
this.setState({
|
this.setState({
|
||||||
graduationGroup: value
|
graduationGroup: value
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
handleCourseGroupChange = (value) => {
|
handleCourseGroupChange = (value) => {
|
||||||
this.setState({
|
this.setState({
|
||||||
courseGroup: value
|
courseGroup: value
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
render(){
|
render(){
|
||||||
const { candidates, checkBoxValues, loading, hasMore, name, school_name
|
const { candidates, checkBoxValues, loading, hasMore, name, school_name
|
||||||
, graduationGroup, graduation_groups, courseGroup, course_groups } = this.state
|
, graduationGroup, graduation_groups, courseGroup, course_groups } = this.state
|
||||||
const { moduleName } = this.props
|
const { moduleName } = this.props
|
||||||
return(
|
return(
|
||||||
<ModalWrapper
|
<ModalWrapper
|
||||||
ref="modalWrapper"
|
ref="modalWrapper"
|
||||||
width="700px"
|
width="700px"
|
||||||
title={`代码查重`}
|
title={`代码查重`}
|
||||||
{...this.props }
|
{...this.props }
|
||||||
onOk={this.onOk}
|
onOk={this.onOk}
|
||||||
className="checkCodeModal"
|
className="checkCodeModal"
|
||||||
>
|
>
|
||||||
<style>
|
<style>
|
||||||
{`
|
{`
|
||||||
.demo-loading-container {
|
.demo-loading-container {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 93px;
|
bottom: 93px;
|
||||||
width: 82%;
|
width: 82%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.df {
|
.df {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
margin: 12px 0;
|
margin: 12px 0;
|
||||||
}
|
}
|
||||||
.firstLabel {
|
.firstLabel {
|
||||||
flex: 0 0 60px;
|
flex: 0 0 60px;
|
||||||
}
|
}
|
||||||
.df span.label {
|
.df span.label {
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
}
|
}
|
||||||
.df .ant-input-affix-wrapper {
|
.df .ant-input-affix-wrapper {
|
||||||
width: 32%;
|
width: 32%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.checkCodeModal label.task-hide {
|
.checkCodeModal label.task-hide {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<p className="clearfix mb2" style={{ margin: '0px 15px 6px' }}>
|
<p className="clearfix mb2" style={{ margin: '0px 15px 6px' }}>
|
||||||
<Checkbox className="fl" style={{ visibility: 'hidden' }} ></Checkbox>
|
<Checkbox className="fl" style={{ visibility: 'hidden' }} ></Checkbox>
|
||||||
<span className="fl with25"><label className="task-hide fl" style={{"maxWidth":"208px;"}}>{'分班名称'}</label></span>
|
<span className="fl with25"><label className="task-hide fl" style={{"maxWidth":"208px;"}}>{'分班名称'}</label></span>
|
||||||
<span className="fl with25"><label className="task-hide fl" style={{"maxWidth":"208px;"}}>{'有效作品数'}</label></span>
|
<span className="fl with25"><label className="task-hide fl" style={{"maxWidth":"208px;"}}>{'有效作品数'}</label></span>
|
||||||
<span className="fl with45"><label className="task-hide fl" style={{"maxWidth":"208px;"}}>{'上次查重时间'}</label></span>
|
<span className="fl with45"><label className="task-hide fl" style={{"maxWidth":"208px;"}}>{'上次查重时间'}</label></span>
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
<div>
|
<div>
|
||||||
{/* https://github.com/CassetteRocks/react-infinite-scroller/issues/70 */}
|
{/* https://github.com/CassetteRocks/react-infinite-scroller/issues/70 */}
|
||||||
<div className="edu-back-skyblue padding10-15" style={{"height":"300px", overflowY: "scroll", overflowAnchor: 'none' }}>
|
<div className="edu-back-skyblue padding10-15" style={{"height":"300px", overflowY: "scroll", overflowAnchor: 'none' }}>
|
||||||
<Checkbox.Group style={{ width: '100%' }} onChange={this.onCheckBoxChange} value={checkBoxValues}>
|
<Checkbox.Group style={{ width: '100%' }} onChange={this.onCheckBoxChange} value={checkBoxValues}>
|
||||||
|
|
||||||
{ candidates && candidates.map( candidate => {
|
{ candidates && candidates.map( candidate => {
|
||||||
return (
|
return (
|
||||||
<p className="clearfix mb7" key={candidate.id}>
|
<p className="clearfix mb7" key={candidate.id}>
|
||||||
<Checkbox className="fl" value={candidate.id} ></Checkbox>
|
<Checkbox className="fl" value={candidate.id} ></Checkbox>
|
||||||
<span className="fl with25">
|
<span className="fl with25">
|
||||||
<ConditionToolTip title={candidate.name} condition={candidate.name && candidate.name.length > 12 }>
|
<ConditionToolTip title={candidate.name} condition={candidate.name && candidate.name.length > 12 }>
|
||||||
<label className="task-hide fl" style={{"maxWidth":"208px;"}}>{candidate.name}</label>
|
<label className="task-hide fl" style={{"maxWidth":"208px;"}}>{candidate.name}</label>
|
||||||
</ConditionToolTip>
|
</ConditionToolTip>
|
||||||
</span>
|
</span>
|
||||||
<span className="fl with25">
|
<span className="fl with25">
|
||||||
<ConditionToolTip title={candidate.nickname} condition={candidate.nickname && candidate.nickname.length > 12 }>
|
<ConditionToolTip title={candidate.nickname} condition={candidate.nickname && candidate.nickname.length > 12 }>
|
||||||
<label className="task-hide fl" style={{"maxWidth":"208px;"}}>{candidate.nickname}</label>
|
<label className="task-hide fl" style={{"maxWidth":"208px;"}}>{candidate.nickname}</label>
|
||||||
</ConditionToolTip>
|
</ConditionToolTip>
|
||||||
</span>
|
</span>
|
||||||
<span className="fl with45"><label className="task-hide fl" style={{"maxWidth":"208px;"}}>{candidate.school_name}</label></span>
|
<span className="fl with45"><label className="task-hide fl" style={{"maxWidth":"208px;"}}>{candidate.school_name}</label></span>
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
)
|
)
|
||||||
}) }
|
}) }
|
||||||
</Checkbox.Group>
|
</Checkbox.Group>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ModalWrapper>
|
</ModalWrapper>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
export default CheckCodeModal;
|
export default CheckCodeModal;
|
||||||
|
|||||||
@ -1,181 +1,186 @@
|
|||||||
import React, {Component} from "react";
|
import React, {Component} from "react";
|
||||||
import {WordsBtn} from 'educoder';
|
import {WordsBtn} from 'educoder';
|
||||||
import {Table} from "antd";
|
import {Table} from "antd";
|
||||||
import {Link,Switch,Route,Redirect} from 'react-router-dom';
|
import {Link,Switch,Route,Redirect} from 'react-router-dom';
|
||||||
|
|
||||||
class OfficialAcademicTranscript extends Component {
|
class OfficialAcademicTranscript extends Component {
|
||||||
|
|
||||||
constructor(props) {
|
constructor(props) {
|
||||||
super(props);
|
super(props);
|
||||||
this.state = {
|
this.state = {
|
||||||
loadingstate:true,
|
loadingstate:true,
|
||||||
datas:undefined
|
datas:undefined
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
|
|
||||||
let {data}=this.props;
|
let {data}=this.props;
|
||||||
let datas=[];
|
let datas=[];
|
||||||
// data&&data.exercise_counts.forEach((item,key)=>{ })
|
// data&&data.exercise_counts.forEach((item,key)=>{ })
|
||||||
|
|
||||||
datas.push({
|
datas.push({
|
||||||
commit_percent:data&&data.exercise_counts.commit_percent,
|
commit_percent:data&&data.exercise_counts.commit_percent,
|
||||||
min_score:data&&data.exercise_counts.min_score,
|
min_score:data&&data.exercise_counts.min_score,
|
||||||
max_score:data&&data.exercise_counts.max_score,
|
max_score:data&&data.exercise_counts.max_score,
|
||||||
average_score:data&&data.exercise_counts.average_score,
|
average_score:data&&data.exercise_counts.average_score,
|
||||||
fail_counts:data&&data.exercise_counts.fail_counts,
|
fail_counts:data&&data.exercise_counts.fail_counts,
|
||||||
pass_counts:data&&data.exercise_counts.pass_counts,
|
pass_counts:data&&data.exercise_counts.pass_counts,
|
||||||
good_counts:data&&data.exercise_counts.good_counts,
|
good_counts:data&&data.exercise_counts.good_counts,
|
||||||
best_counts:data&&data.exercise_counts.best_counts,
|
best_counts:data&&data.exercise_counts.best_counts,
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
let columns=[{
|
let columns=[{
|
||||||
title: '提交率',
|
title: '提交率',
|
||||||
dataIndex: 'commit_percent',
|
dataIndex: 'commit_percent',
|
||||||
key: 'commit_percent',
|
key: 'commit_percent',
|
||||||
render: (text, record) => (
|
render: (text, record) => (
|
||||||
<span style={{color:'#333333'}}>
|
<span style={{color:'#333333'}}>
|
||||||
{record.commit_percent===0?0:(record.commit_percent*100).toFixed(2)}<span className={"font-size12"}>%</span>
|
{record.commit_percent===0?0:(record.commit_percent*100).toFixed(2)}<span className={"font-size12"}>%</span>
|
||||||
</span>
|
</span>
|
||||||
),
|
),
|
||||||
}, {
|
}, {
|
||||||
title: '最低分',
|
title: '最低分',
|
||||||
dataIndex: 'min_score',
|
dataIndex: 'min_score',
|
||||||
key: 'min_score',
|
key: 'min_score',
|
||||||
render: (text, record) => (
|
render: (text, record) => (
|
||||||
<span>
|
<span>
|
||||||
<span style={{color:'#333333'}}>{record.min_score}<span className={"font-size12"}>分</span></span>
|
<span style={{color:'#333333'}}>{record.min_score}<span className={"font-size12"}>分</span></span>
|
||||||
</span>
|
</span>
|
||||||
),
|
),
|
||||||
}, {
|
}, {
|
||||||
title: '最高分',
|
title: '最高分',
|
||||||
dataIndex: 'max_score',
|
dataIndex: 'max_score',
|
||||||
key: 'max_score',
|
key: 'max_score',
|
||||||
render: (text, record) => (
|
render: (text, record) => (
|
||||||
<span style={{color:'#FF6800'}}>
|
<span style={{color:'#FF6800'}}>
|
||||||
{record.max_score}<span className={"font-size12"}>分</span>
|
{record.max_score}<span className={"font-size12"}>分</span>
|
||||||
</span>
|
</span>
|
||||||
),
|
),
|
||||||
}, {
|
}, {
|
||||||
title: '平均分',
|
title: '平均分',
|
||||||
key: 'average_score',
|
key: 'average_score',
|
||||||
dataIndex: 'average_score',
|
dataIndex: 'average_score',
|
||||||
|
|
||||||
render: (text, record) => (
|
render: (text, record) => (
|
||||||
<span style={{color:'#333333'}}>
|
<span style={{color:'#333333'}}>
|
||||||
{record.average_score}<span className={"font-size12"}>分</span>
|
{record.average_score}<span className={"font-size12"}>分</span>
|
||||||
</span>
|
</span>
|
||||||
),
|
),
|
||||||
}, {
|
}, {
|
||||||
title: '不及格(0-60)',
|
title: '不及格(0-60)',
|
||||||
key: 'fail_counts',
|
key: 'fail_counts',
|
||||||
dataIndex: 'fail_counts',
|
dataIndex: 'fail_counts',
|
||||||
render: (text, record) => (
|
render: (text, record) => (
|
||||||
<span style={{color:'#333333'}}>
|
<span style={{color:'#333333'}}>
|
||||||
{record.fail_counts}<span className={"font-size12"}>人</span>
|
{record.fail_counts}<span className={"font-size12"}>人</span>
|
||||||
</span>
|
</span>
|
||||||
),
|
),
|
||||||
}, {
|
}, {
|
||||||
title: '及格(60-70)',
|
title: '及格(60-70)',
|
||||||
key: 'pass_counts',
|
key: 'pass_counts',
|
||||||
dataIndex: 'pass_counts',
|
dataIndex: 'pass_counts',
|
||||||
|
|
||||||
render: (text, record) => (
|
render: (text, record) => (
|
||||||
<span style={{color:'#333333'}}>
|
<span style={{color:'#333333'}}>
|
||||||
{record.pass_counts}<span className={"font-size12"}>人</span>
|
{record.pass_counts}<span className={"font-size12"}>人</span>
|
||||||
</span>
|
</span>
|
||||||
),
|
),
|
||||||
}, {
|
}, {
|
||||||
title: '良好(70-90)',
|
title: '良好(70-90)',
|
||||||
key: 'good_counts',
|
key: 'good_counts',
|
||||||
dataIndex: 'good_counts',
|
dataIndex: 'good_counts',
|
||||||
|
|
||||||
render: (text, record) => (
|
render: (text, record) => (
|
||||||
<span>
|
<span>
|
||||||
<span style={{color:'#333333'}}>{record.good_counts}<span className={"font-size12"}>人</span></span>
|
<span style={{color:'#333333'}}>{record.good_counts}<span className={"font-size12"}>人</span></span>
|
||||||
</span>
|
</span>
|
||||||
),
|
),
|
||||||
}, {
|
}, {
|
||||||
title: '优秀(90-100)',
|
title: '优秀(90-100)',
|
||||||
key: 'best_counts',
|
key: 'best_counts',
|
||||||
dataIndex: 'best_counts',
|
dataIndex: 'best_counts',
|
||||||
|
|
||||||
render: (text, record) => (
|
render: (text, record) => (
|
||||||
<span>
|
<span>
|
||||||
<span style={{color:'#FF6800'}}>{record.best_counts}<span className={"font-size12"}>人</span></span>
|
<span style={{color:'#FF6800'}}>{record.best_counts}<span className={"font-size12"}>人</span></span>
|
||||||
</span>
|
</span>
|
||||||
),
|
),
|
||||||
}];
|
}];
|
||||||
// {
|
// {
|
||||||
// title: '调分',
|
// title: '调分',
|
||||||
// key: 'adjustmentminute',
|
// key: 'adjustmentminute',
|
||||||
// dataIndex: 'adjustmentminute',
|
// dataIndex: 'adjustmentminute',
|
||||||
//
|
//
|
||||||
// render: (text, record) => (
|
// render: (text, record) => (
|
||||||
// <span>
|
// <span>
|
||||||
// <a>6小时 50分钟 6秒</a>
|
// <a>6小时 50分钟 6秒</a>
|
||||||
// </span>
|
// </span>
|
||||||
// ),
|
// ),
|
||||||
// },
|
// },
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
{/*{data===undefined?"":""}*/}
|
{/*{data===undefined?"":""}*/}
|
||||||
<style>{`
|
<style>{`
|
||||||
.ant-table-thead > tr > th{
|
.ant-table-thead > tr > th{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.tasknamebox{
|
.tasknamebox{
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 24px;
|
height: 24px;
|
||||||
border: 1px solid rgba(221,23,23,1);
|
border: 1px solid rgba(221,23,23,1);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
color: rgba(221,23,23,1);
|
color: rgba(221,23,23,1);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tasknameboxs{
|
.tasknameboxs{
|
||||||
color: #666666 !important;
|
color: #666666 !important;
|
||||||
background:rgba(237,237,237,1) !important;
|
background:rgba(237,237,237,1) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-table-tbody > tr > td{
|
.ant-table-tbody > tr > td{
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
}
|
}
|
||||||
.task-hide{
|
.task-hide{
|
||||||
max-width: 345px;
|
max-width: 345px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
.ant-table-tbody > tr{
|
.ant-table-tbody > tr{
|
||||||
height:64px;
|
height:64px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
`}
|
.exerctabel .ant-table-tbody > tr >td{
|
||||||
</style>
|
border:1px solid transparent;
|
||||||
{datas===undefined?"":<Table
|
}
|
||||||
dataSource={datas}
|
|
||||||
columns={columns}
|
`}
|
||||||
pagination={false}
|
</style>
|
||||||
// loading={loadingstate}
|
{datas===undefined?"":<Table
|
||||||
// onChange={this.TablePagination}
|
className={"exerctabel"}
|
||||||
/>}
|
dataSource={datas}
|
||||||
</div>
|
columns={columns}
|
||||||
|
pagination={false}
|
||||||
)
|
// loading={loadingstate}
|
||||||
}
|
// onChange={this.TablePagination}
|
||||||
}
|
/>}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
export default OfficialAcademicTranscript;
|
export default OfficialAcademicTranscript;
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue