Merge branch 'master' of https://bdgit.educoder.net/Hjqreturn/educoder
commit
146bbca22e
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
@ -0,0 +1,158 @@
|
||||
import React, { Component } from "react";
|
||||
import { Modal, Checkbox, Input, Spin, Upload, Divider, Icon } from "antd";
|
||||
import axios from 'axios'
|
||||
import ModalWrapper from "../../common/ModalWrapper"
|
||||
|
||||
import { ConditionToolTip, getUploadActionUrl } from 'educoder'
|
||||
|
||||
const { Dragger } = Upload;
|
||||
|
||||
|
||||
|
||||
class CreateGroupByImportModal extends Component{
|
||||
constructor(props){
|
||||
super(props);
|
||||
this.state={
|
||||
}
|
||||
}
|
||||
fetchMemberList = (arg_page) => {
|
||||
}
|
||||
componentDidMount() {
|
||||
|
||||
|
||||
}
|
||||
onSendOk = () => {
|
||||
const courseId = this.props.match.params.coursesId
|
||||
|
||||
let url = `/courses/${courseId}/create_group_by_importing_file.json`
|
||||
let { fileList } =this.state;
|
||||
|
||||
if (!fileList || fileList.length == 0) {
|
||||
// this.props.showNotification('请先上传附件')
|
||||
this.setState({
|
||||
errorTip :'请先上传附件',
|
||||
})
|
||||
return;
|
||||
}
|
||||
let newfileList=[];
|
||||
for(var list of fileList){
|
||||
newfileList.push(list.response.id)
|
||||
}
|
||||
|
||||
axios.post(url, {
|
||||
attachment_ids: newfileList
|
||||
})
|
||||
.then((response) => {
|
||||
if (response.data.status == 0) {
|
||||
this.props.showNotification(response.data.message)
|
||||
this.setVisible(false)
|
||||
} else {
|
||||
|
||||
}
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
}
|
||||
setVisible = (visible) => {
|
||||
if (visible) {
|
||||
this.setState({ fileList: [] });
|
||||
}
|
||||
this.refs.modalWrapper.setVisible(visible)
|
||||
|
||||
}
|
||||
handleChange = (info) => {
|
||||
let fileList = info.fileList;
|
||||
console.log(fileList)
|
||||
this.setState({ fileList });
|
||||
}
|
||||
|
||||
onOk = () => {
|
||||
this.onSendOk()
|
||||
}
|
||||
|
||||
onAttachmentRemove = (file) => {
|
||||
this.props.confirm({
|
||||
content: '是否确认删除?',
|
||||
|
||||
onOk: () => {
|
||||
this.deleteAttachment(file)
|
||||
},
|
||||
onCancel() {
|
||||
console.log('Cancel');
|
||||
},
|
||||
});
|
||||
|
||||
return false;
|
||||
}
|
||||
deleteAttachment = (file) => {
|
||||
const url = `/attachments/${file.response ? file.response.id : file.uid}.json`
|
||||
axios.delete(url, {
|
||||
})
|
||||
.then((response) => {
|
||||
if (response.data) {
|
||||
// const { status } = response.data;
|
||||
if (response.data.status === 0) {
|
||||
|
||||
this.setState((state) => {
|
||||
const index = state.fileList.indexOf(file);
|
||||
const newFileList = state.fileList.slice();
|
||||
newFileList.splice(index, 1);
|
||||
return {
|
||||
fileList: newFileList,
|
||||
};
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
}
|
||||
|
||||
render(){
|
||||
const { candidates, checkBoxValues, loading, hasMore, name, school_name, school_names
|
||||
, graduationGroup, graduation_groups, courseGroup, course_groups } = this.state
|
||||
const { moduleName } = this.props
|
||||
|
||||
const props = {
|
||||
name: 'file',
|
||||
multiple: true,
|
||||
action: getUploadActionUrl(),
|
||||
onRemove: this.onAttachmentRemove,
|
||||
onChange: this.handleChange
|
||||
};
|
||||
return(
|
||||
<ModalWrapper
|
||||
ref="modalWrapper"
|
||||
width="700px"
|
||||
title={`导入创建分班`}
|
||||
{...this.props }
|
||||
onOk={this.onOk}
|
||||
className="createGroupByImport"
|
||||
>
|
||||
|
||||
<style>
|
||||
{`
|
||||
|
||||
`}
|
||||
</style>
|
||||
<div className="df">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<Dragger {...props}>
|
||||
<p className="ant-upload-drag-icon">
|
||||
<Icon type="inbox" />
|
||||
</p>
|
||||
<p className="ant-upload-text">点击或拖拽文件到这里上传</p>
|
||||
<p className="ant-upload-hint">
|
||||
单个文件最大150MB
|
||||
</p>
|
||||
</Dragger>
|
||||
</ModalWrapper>
|
||||
)
|
||||
}
|
||||
}
|
||||
export default CreateGroupByImportModal;
|
@ -1,128 +1,128 @@
|
||||
import React, { Component } from 'react';
|
||||
import { getImageUrl} from 'educoder';
|
||||
import './TPMIndex.css';
|
||||
|
||||
const $ = window.$;
|
||||
|
||||
$(window).resize(function(){
|
||||
rightSlider();
|
||||
});
|
||||
|
||||
$(window).scroll(function(){
|
||||
if($(".gotop").length>0){
|
||||
if($(document).scrollTop()>0){
|
||||
$(".-task-sidebar .gotop").show();
|
||||
$(".gotop").click(function(){
|
||||
$("html,body").scrollTop(0);
|
||||
});
|
||||
}
|
||||
if($(document).scrollTop()==0){
|
||||
$(".-task-sidebar .gotop").hide();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function rightSlider(){
|
||||
var poi=parseInt((parseInt($(window).width())- 1200 )/2)-60;
|
||||
// console.log(parseInt($(window).width())+" "+poi);
|
||||
if(poi>0){
|
||||
$(".-task-sidebar").css("right",poi);
|
||||
}else{
|
||||
$(".-task-sidebar").css("right","0px");
|
||||
}
|
||||
$(".-task-sidebar").show();
|
||||
}
|
||||
|
||||
|
||||
function _initSider() {
|
||||
var $descSide = $("<div class='-task-desc'></div>").appendTo("body");
|
||||
$(".-task-sidebar>div").hover(function(){
|
||||
//移入显示二维码
|
||||
if($(this).hasClass("scan")){
|
||||
$(".scan_ewm").show().css({right:"75px",opacity:0}).stop().animate({
|
||||
right:"45px",opacity:1
|
||||
})
|
||||
return;
|
||||
}
|
||||
var $tool = $(this).attr("tooltips");
|
||||
$descSide.html($tool+"<div><img src='https://www.educoder.net/images/edu_user/jt.png'></div>");
|
||||
$descSide.data('_dom', this)
|
||||
$descSide.show().css({
|
||||
left:$(this).offset().left - $descSide.width()-30,
|
||||
opacity:0,
|
||||
top:$(this).offset().top
|
||||
}).stop().animate({
|
||||
left:$(this).offset().left - $descSide.width()-5,
|
||||
opacity:1
|
||||
},400);
|
||||
},function(){
|
||||
if($(this).hasClass("scan")){
|
||||
$(".scan_ewm").stop().animate({right:"75px",opacity:0},200).hide();
|
||||
}
|
||||
$descSide.stop().animate({
|
||||
left:$(this).offset().left - $descSide.width()-30,
|
||||
opacity:0
|
||||
},200).hide();
|
||||
});
|
||||
rightSlider();
|
||||
|
||||
$(window).scroll(function() {
|
||||
if ($descSide.height()) {
|
||||
var hoverIcon = $descSide.data('_dom')
|
||||
$descSide.css('top', $(hoverIcon).offset().top)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
class SiderBar extends Component {
|
||||
constructor(props) {
|
||||
super(props)
|
||||
|
||||
}
|
||||
|
||||
componentDidMount() {
|
||||
_initSider();
|
||||
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div className="-task-sidebar">
|
||||
<div className="gotop" tooltips="返回顶部">
|
||||
<a>
|
||||
<i className="iconfont icon-shangjiantou color-white"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="feedback" tooltips="意见反馈">
|
||||
<a target="_blank" className="color_white" href="https://www.educoder.net/help?index=6">
|
||||
<i className="iconfont icon-yijianfankui color-white font-22"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="scan pr">
|
||||
<span className="inline"><i className="iconfont icon-erweima color-white font-22 fl"></i></span>
|
||||
<p className="scan_ewm" style={{display: 'none', right:' 75px',opacity: '0'}}>
|
||||
<p className="pr padding10">
|
||||
<img src={getImageUrl("images/edu_user/EWM.jpg")} width="158px" height="158px" />
|
||||
<p>微信扫一扫</p>
|
||||
<p>关注公众号</p>
|
||||
<span className="trangle_right"></span>
|
||||
</p>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="consult" tooltips="在线咨询">
|
||||
<a target="_blank" className="color_white" href="//shang.qq.com/wpa/qunwpa?idkey=2f2043d88c1bd61d182b98bf1e061c6185e23055bec832c07d8148fe11c5a6cd">
|
||||
<i className="iconfont icon-qqzaixianzixun color-white font-22"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default SiderBar;
|
||||
import React, { Component } from 'react';
|
||||
import { getImageUrl} from 'educoder';
|
||||
import './TPMIndex.css';
|
||||
|
||||
const $ = window.$;
|
||||
|
||||
$(window).resize(function(){
|
||||
rightSlider();
|
||||
});
|
||||
|
||||
$(window).scroll(function(){
|
||||
if($(".gotop").length>0){
|
||||
if($(document).scrollTop()>0){
|
||||
$(".-task-sidebar .gotop").show();
|
||||
$(".gotop").click(function(){
|
||||
$("html,body").scrollTop(0);
|
||||
});
|
||||
}
|
||||
if($(document).scrollTop()==0){
|
||||
$(".-task-sidebar .gotop").hide();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function rightSlider(){
|
||||
var poi=parseInt((parseInt($(window).width())- 1200 )/2)-60;
|
||||
// console.log(parseInt($(window).width())+" "+poi);
|
||||
if(poi>0){
|
||||
$(".-task-sidebar").css("right",poi);
|
||||
}else{
|
||||
$(".-task-sidebar").css("right","0px");
|
||||
}
|
||||
$(".-task-sidebar").show();
|
||||
}
|
||||
|
||||
|
||||
function _initSider() {
|
||||
var $descSide = $("<div class='-task-desc'></div>").appendTo("body");
|
||||
$(".-task-sidebar>div").hover(function(){
|
||||
//移入显示二维码
|
||||
if($(this).hasClass("scan")){
|
||||
$(".scan_ewm").show().css({right:"75px",opacity:0}).stop().animate({
|
||||
right:"45px",opacity:1
|
||||
})
|
||||
return;
|
||||
}
|
||||
var $tool = $(this).attr("tooltips");
|
||||
$descSide.html($tool+"<div><img src='https://www.educoder.net/images/edu_user/jt.png'></div>");
|
||||
$descSide.data('_dom', this)
|
||||
$descSide.show().css({
|
||||
left:$(this).offset().left - $descSide.width()-30,
|
||||
opacity:0,
|
||||
top:$(this).offset().top
|
||||
}).stop().animate({
|
||||
left:$(this).offset().left - $descSide.width()-5,
|
||||
opacity:1
|
||||
},400);
|
||||
},function(){
|
||||
if($(this).hasClass("scan")){
|
||||
$(".scan_ewm").stop().animate({right:"75px",opacity:0},200).hide();
|
||||
}
|
||||
$descSide.stop().animate({
|
||||
left:$(this).offset().left - $descSide.width()-30,
|
||||
opacity:0
|
||||
},200).hide();
|
||||
});
|
||||
rightSlider();
|
||||
|
||||
$(window).scroll(function() {
|
||||
if ($descSide.height()) {
|
||||
var hoverIcon = $descSide.data('_dom')
|
||||
$descSide.css('top', $(hoverIcon).offset().top)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
class SiderBar extends Component {
|
||||
constructor(props) {
|
||||
super(props)
|
||||
|
||||
}
|
||||
|
||||
componentDidMount() {
|
||||
_initSider();
|
||||
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div className="-task-sidebar">
|
||||
<div className="gotop" tooltips="返回顶部">
|
||||
<a>
|
||||
<i className="iconfont icon-shangjiantou color-white"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="feedback" tooltips="意见反馈">
|
||||
<a target="_blank" className="color_white" href="https://www.educoder.net/help?index=6">
|
||||
<i className="iconfont icon-yijianfankui color-white font-22"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div className="scan pr">
|
||||
<span className="inline"><i className="iconfont icon-erweima color-white font-22 fl"></i></span>
|
||||
<p className="scan_ewm" style={{display: 'none', right:' 75px',opacity: '0'}}>
|
||||
<p className="pr padding10">
|
||||
<img src={getImageUrl("images/educoder/EWM.jpg")} width="158px" height="158px" />
|
||||
<p>微信扫一扫</p>
|
||||
<p>关注公众号</p>
|
||||
<span className="trangle_right"></span>
|
||||
</p>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="consult" tooltips="在线咨询">
|
||||
<a target="_blank" className="color_white" href="//shang.qq.com/wpa/qunwpa?idkey=2f2043d88c1bd61d182b98bf1e061c6185e23055bec832c07d8148fe11c5a6cd">
|
||||
<i className="iconfont icon-qqzaixianzixun color-white font-22"></i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default SiderBar;
|
||||
|
Loading…
Reference in new issue