m52mxtq3o
/
educoder
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

调整

Browse Source
dev_aliyun_beta
杨树林 6 years ago
parent 406ce0f988
commit ab5cec6470
15 changed files with 523 additions and 29 deletions
Show Stats Download Patch File Download Diff File

16
public/react/src/modules/courses/Index.js
Unescape View File

@ -263,11 +263,16 @@ const GraduationTasksSubmiteditApp=Loadable({
loader: () => import('./graduation/tasks/GraduationTasksSubmitedit'),
loading: Loading,
})
//普通作业题库详情
const Generaljobbankdetails =Loadable({
loader: () => import('../../modules/courses/questionbank/Generaljobbankdetails'),
loading: Loading,
})
});
//分组作业题库详情
const GroupjobbankPage =Loadable({
loader: () => import('../../modules/courses/groupjobbank/GroupjobbankPage'),
loading: Loading,
});
class CoursesIndex extends Component{
constructor(props) {
@ -447,6 +452,13 @@ class CoursesIndex extends Component{
// console.log(commons)
return (
<Switch {...this.props}>
{/*GroupjobbankPage*/}
{/*分组作业题库详情*/}
<Route path="/courses/questionbankanswer"
render={
(props) => (<GroupjobbankPage {...this.props} {...props} {...this.state} />)
}
></Route>
{/*Generaljobbankdetails*/}
{/* 普通作业题库详情*/}
<Route path="/courses/questionbank"

0
public/react/src/modules/courses/comtopicdetails/CompletetopicdePage.js
Unescape View File

0
public/react/src/modules/courses/comtopicdetails/Completetopicdeswer.js
Unescape View File

0
public/react/src/modules/courses/comtopicdetails/Completetopicdetails.js
Unescape View File

0
public/react/src/modules/courses/comtopicdetails/completetopicde.css
Unescape View File

74
public/react/src/modules/courses/groupjobbank/GroupPackage.js
Unescape View File

@ -0,0 +1,74 @@
import React, {Component} from "react";
import { WordsBtn,on, off, trigger,markdownToHTML,getImageUrl} from 'educoder';
import {
Button,
Checkbox,
message,
InputNumber,
DatePicker,
Radio,
Tooltip,
notification,
} from "antd";
import './questionbanks.css';
class GroupPackage extends Component {
constructor(props) {
super(props);
this.state = {
}
}
componentDidMount() {
console.log("Groupjobquesanswer");
console.log("componentDidMount");
// let query = this.props.location.pathname;
// const type = query.split('/');
// this.setState({
// shixuntypes:type[3]
// })
// this.props.triggerRef(this);
}
// 获取数据地方
getTrainingjobsetting = () => {
var homeworkid = this.props.match.params.homeworkid;
}
//跳转道描点的地方
scrollToAnchor = (anchorName) => {
if (anchorName) {
// 找到锚点
let anchorElement = document.getElementById(anchorName);
// 如果对应id的锚点存在，就跳转到锚点
if(anchorElement) { anchorElement.scrollIntoView(); }
}
};
render() {
return (
<div className="color-grey df yslquesmat26" key={0} style={{ lineHeight: '17px'}}>
<a className="color-grey ">
<i className="font-14 color-green iconfont icon-fujian mr8" aria-hidden="true"></i>
</a>
<a href={"/"} title={''}
className="mr12 ysltextcolor99999 overflowHidden1" length="58" style={{maxWidth: '480px'}}>
清除浏览器缓存或换个浏览器操作指南更新版本.zip
</a>
<span className="color656565 color-grey-6 font-12 mr8">{2}</span>
</div>
)
}
}
export default GroupPackage;

73
public/react/src/modules/courses/groupjobbank/GroupPackage2.js
Unescape View File

@ -0,0 +1,73 @@
import React, {Component} from "react";
import { WordsBtn,on, off, trigger,markdownToHTML,getImageUrl} from 'educoder';
import {
Button,
Checkbox,
message,
InputNumber,
DatePicker,
Radio,
Tooltip,
notification,
} from "antd";
import './questionbanks.css';
class GroupPackage extends Component {
constructor(props) {
super(props);
this.state = {
}
}
componentDidMount() {
console.log("Groupjobquesanswer");
console.log("componentDidMount");
// let query = this.props.location.pathname;
// const type = query.split('/');
// this.setState({
// shixuntypes:type[3]
// })
// this.props.triggerRef(this);
}
// 获取数据地方
getTrainingjobsetting = () => {
var homeworkid = this.props.match.params.homeworkid;
}
//跳转道描点的地方
scrollToAnchor = (anchorName) => {
if (anchorName) {
// 找到锚点
let anchorElement = document.getElementById(anchorName);
// 如果对应id的锚点存在，就跳转到锚点
if(anchorElement) { anchorElement.scrollIntoView(); }
}
};
render() {
return (
<div className="ml47text">
<p>
<span className="ysltextcolor66">分组要求：</span>
<span className="ysltextcolor05">2~ 5（学生提交作品时需要关联同组成员，组内成员作品共享）</span>
</p>
<p>
<span className="ysltextcolor66">基于项目实施</span>
<span className="ysltextcolor05">（学生必须在本平台创建项目，项目管理员可以提交作品）</span>
</p>
</div>
)
}
}
export default GroupPackage;

84
public/react/src/modules/courses/groupjobbank/Groupjobbandetails.js
Unescape View File

@ -0,0 +1,84 @@
import React, {Component} from "react";
import { WordsBtn,on, off, trigger,markdownToHTML,getImageUrl} from 'educoder';
import {
Button,
Checkbox,
message,
InputNumber,
DatePicker,
Radio,
Tooltip,
notification,
} from "antd";
import './questionbanks.css';
import GroupPackage from "./GroupPackage";
import GroupPackage2 from "./GroupPackage2";
class Groupjobbandetails extends Component {
constructor(props) {
super(props);
this.state = {
}
}
componentDidMount() {
console.log("Groupjobbandetails");
console.log("componentDidMount");
// let query = this.props.location.pathname;
// const type = query.split('/');
// this.setState({
// shixuntypes:type[3]
// })
// this.props.triggerRef(this);
}
// 获取数据地方
getTrainingjobsetting = () => {
var homeworkid = this.props.match.params.homeworkid;
}
//跳转道描点的地方
scrollToAnchor = (anchorName) => {
if (anchorName) {
// 找到锚点
let anchorElement = document.getElementById(anchorName);
// 如果对应id的锚点存在，就跳转到锚点
if(anchorElement) { anchorElement.scrollIntoView(); }
}
};
render() {
return (
<div className=" clearfix edu-back-white" ref='targetElementTrainingjobsetting' style={{margin: "auto", minWidth:"1200px"}}>
<div className="yslquestionbank1">
<div id="MakedownHTML"className="markdown-body yslquesHeigth yslquesmarkdowntext" dangerouslySetInnerHTML={{__html: markdownToHTML("C++是C语言的面向对象扩展，是C语言的一个超集，同时也是历史最悠久、最受欢迎的程序设计语言之一。根据C++创始人Stroustrup的自述：C++是一个“更好的C语言”。\n" +
"\n" +
"输入输出是计算机程序的基本功能。程序本质上是对数据进行处理的一系列操作，一般程序都可以分解为：“数据输入”、“数据处理”和“数据输出”三个步骤。标准输入输出（键盘输入和显示器输出）是程序的重要组成部分。\n" +
"\n" +
"本实训项目的主要目标是学习和掌握C++程序的基本结构和基本输入输出，主要内容包括标准C语言自有的单个字符的输入输出、格式化的输入输出，以及C++扩展的使用流对象的输入输出").replace(/▁/g, "▁▁▁")}}/>
<GroupPackage></GroupPackage>
<GroupPackage2></GroupPackage2>
</div>
</div>
)
}
}
export default Groupjobbandetails;

146
public/react/src/modules/courses/groupjobbank/GroupjobbankPage.js
Unescape View File

@ -0,0 +1,146 @@
import React, {Component} from "react";
import {Link, NavLink} from 'react-router-dom';
import {WordsBtn, ActionBtn} from 'educoder';
import axios from 'axios';
import {
notification
} from "antd";
import CoursesListType from '../coursesPublic/CoursesListType';
import Groupjobbandetails from './Groupjobbandetails';
import Groupjobquesanswer from './Groupjobquesanswer';
import '../css/members.css';
import "../common/formCommon.css";
import '../css/Courses.css';
import '../css/busyWork.css';
import '../poll/pollStyle.css';
class GroupjobbankPage extends Component {
//分组作业的题库详情
constructor(props) {
super(props);
// this.answerMdRef = React.createRef();
this.state = {
tab: ["0"],
}
}
//切换tab
ChangeTab = (e) => {
// console.log(e);
this.setState({
tab: e
})
try {
var currenturl = window.location.href;
var newUrl = (currenturl.split("?"))[0];
window.history.pushState('','',newUrl+'?tab='+e);
}catch (e) {
console.log(e);
console.log("44");
}
}
componentDidMount() {
// console.log("父组件加载框");
const query = this.props.location.search;
const type = query.split('?tab=');
// let sum = []
// sum.push(type[1])
// console.log("componentDidMountcomponentDidMount");
// console.log(type);
this.setState({
tab: type[1],
})
let querys = this.props.location.pathname;
const types = querys.split('/');
// console.log(types);
this.setState({
shixuntypes: types[3]
})
}
confirmysl(child,i) {
if(i===1){
child.daochushixunbaogao();
}
if(i===2){
child.daochuzuoye();
}
}
homeworkendss(child){
// child.homeworkends();
}
homeworkstarts(child){
// child.homeworkstart();
}
workshowmodels(child){
// child.workshowmodel();
}
/// 确认是否下载
bindRef = ref => { this.child = ref }
///////////////教师截止
render() {
let {tab, teacherdatapage, jobsettingsdatapage} = this.state;
const isAdmin = this.props.isAdmin();
// console.log(119)
console.log(jobsettingsdatapage);
return (
<div className="newMain clearfix ">
<div className={"educontent mt10 mb20"} style={{width: "1200px"}}>
<div className="educontent mb20">
<p className="clearfix mb20 mt10">
<a className="btn colorgrey fl hovercolorblue ">题库</a>
<span className="color-grey-9 fl ml3 mr3">&gt;</span>
<a
className=" btn colorgrey fl hovercolorblue "
>详情</a>
</p>
</div>
<div className="educontent mb20">
<p className=" fl color-black summaryname" style={{heigth: "33px"}}>
MySQL数据库编程开发实训（基础篇）
</p>
<CoursesListType
typelist={["公开"]}
/>
</div>
<div className="edu-back-white ">
<div className="stud-class-set bor-bottom-greyE ">
<div className=" clearfix edu-back-white poll_list">
<a className={parseInt(tab) === 0 ? "active" : ""} onClick={(e) => this.ChangeTab(0)}>内容详情</a>
<a className={parseInt(tab) === 1 ? "active" : ""} onClick={(e) => this.ChangeTab(1)}>参考答案</a>
<a className="fr color-blue font-16" >发送</a>
<a className="fr color-blue font-16" >编辑</a>
<a className="fr color-blue font-16" >删除</a>
</div>
</div>
</div>
{parseInt(tab) === 0 ? <Groupjobbandetails/>:""}
{parseInt(tab) === 1 ? <Groupjobquesanswer/>:""}
</div>
</div>
)
}
}
export default GroupjobbankPage;

82
public/react/src/modules/courses/groupjobbank/Groupjobquesanswer.js
Unescape View File

@ -0,0 +1,82 @@
import React, {Component} from "react";
import { WordsBtn,on, off, trigger,markdownToHTML,getImageUrl} from 'educoder';
import {
Button,
Checkbox,
message,
InputNumber,
DatePicker,
Radio,
Tooltip,
notification,
} from "antd";
import GroupPackage from './GroupPackage';
import GroupPackage2 from './GroupPackage2';
import './questionbanks.css';
class Groupjobquesanswer extends Component {
constructor(props) {
super(props);
this.state = {
}
}
componentDidMount() {
console.log("Groupjobquesanswer");
console.log("componentDidMount");
// let query = this.props.location.pathname;
// const type = query.split('/');
// this.setState({
// shixuntypes:type[3]
// })
// this.props.triggerRef(this);
}
// 获取数据地方
getTrainingjobsetting = () => {
var homeworkid = this.props.match.params.homeworkid;
}
//跳转道描点的地方
scrollToAnchor = (anchorName) => {
if (anchorName) {
// 找到锚点
let anchorElement = document.getElementById(anchorName);
// 如果对应id的锚点存在，就跳转到锚点
if(anchorElement) { anchorElement.scrollIntoView(); }
}
};
render() {
return (
<div className=" clearfix edu-back-white" ref='targetElementTrainingjobsetting' style={{margin: "auto", minWidth:"1200px"}}>
<div className="yslquestionbank1">
<div id="MakedownHTML"className="markdown-body yslquesHeigth yslquesmarkdowntext" dangerouslySetInnerHTML={{__html: markdownToHTML("C++是C语言的面向对象扩展，是C语言的一个超集，同时也是历史最悠久、最受欢迎的程序设计语言之一。根据C++创始人Stroustrup的自述：C++是一个“更好的C语言”。\n" +
"\n" +
"输入输出是计算机程序的基本功能。程序本质上是对数据进行处理的一系列操作，一般程序都可以分解为：“数据输入”、“数据处理”和“数据输出”三个步骤。标准输入输出（键盘输入和显示器输出）是程序的重要组成部分。\n" +
"\n" +
"本实训项目的主要目标是学习和掌握C++程序的基本结构和基本输入输出，主要内容包括标准C语言自有的单个字符的输入输出、格式化的输入输出，以及C++扩展的使用流对象的输入输出").replace(/▁/g, "▁▁▁")}}/>
<GroupPackage></GroupPackage>
<GroupPackage2></GroupPackage2>
</div>
</div>
)
}
}
export default Groupjobquesanswer;

38
public/react/src/modules/courses/groupjobbank/questionbanks.css
Unescape View File

@ -0,0 +1,38 @@
.yslquestionbank1{
padding-top: 30px !important;
padding-right: 30px !important;
padding-left: 30px !important;
}
.yslquesHeigth{
min-height: 500px !important;
}
.yslquesmarkdowntext{
font-size: 16px;
color: #707070;
}
.yslquesmat26{
margin-top: 26px;
padding-bottom: 33px !important;
}
.ysltextcolor9999{
color: #999999;
font-size: 14px;
}
.ysltextcolor66{
color: #666666;
font-size: 14px;
}
.ysltextcolor05{
color: #05101A;
font-size: 14px;
}
.ml47text{
margin-left: 17px;
padding-bottom: 37px;
}
.ysltextcolor99999{
color: #999999;
font-size: 16px;
}

13
public/react/src/modules/courses/questionbank/Generaljobanswer.js
Unescape View File

@ -10,6 +10,7 @@ import {
Tooltip,
notification,
} from "antd";
import GroupPackage from '../groupjobbank/GroupPackage'
import './questionbank.css';
class Generaljobanswer extends Component {
@ -65,17 +66,7 @@ class Generaljobanswer extends Component {
"\n" +
"本实训项目的主要目标是学习和掌握C++程序的基本结构和基本输入输出，主要内容包括标准C语言自有的单个字符的输入输出、格式化的输入输出，以及C++扩展的使用流对象的输入输出").replace(/▁/g, "▁▁▁")}}/>
<div className="color-grey df yslquesmat26" key={0} style={{ lineHeight: '17px'}}>
<a className="color-grey ">
<i className="font-14 color-green iconfont icon-fujian mr8" aria-hidden="true"></i>
</a>
<a href={"/"} title={''}
className="mr12 ysltextcolor9999 overflowHidden1" length="58" style={{maxWidth: '480px'}}>
清除浏览器缓存或换个浏览器操作指南更新版本.zip
</a>
<span className="color656565 mt2 color-grey-6 font-12 mr8">{0}</span>
</div>
<GroupPackage></GroupPackage>
</div>

9
public/react/src/modules/courses/questionbank/Generaljobbankdetails.js
Unescape View File

@ -15,6 +15,7 @@ import '../css/busyWork.css';
import '../poll/pollStyle.css';
class Generaljobbankdetails extends Component {
//普通作业的题库详情
constructor(props) {
super(props);
// this.answerMdRef = React.createRef();
@ -109,8 +110,6 @@ class Generaljobbankdetails extends Component {
<a
className=" btn colorgrey fl hovercolorblue "
>详情</a>
<span className="color-grey-9 fl ml3 mr3">&gt;</span>
<WordsBtn className="fl">作业详情</WordsBtn>
</p>
</div>
<div className="educontent mb20">
@ -127,9 +126,9 @@ class Generaljobbankdetails extends Component {
<div className=" clearfix edu-back-white poll_list">
<a className={parseInt(tab) === 0 ? "active" : ""} onClick={(e) => this.ChangeTab(0)}>内容详情</a>
<a className={parseInt(tab) === 1 ? "active" : ""} onClick={(e) => this.ChangeTab(1)}>参考答案</a>
<a className="fr color-blue font-16" >发送</a>
<a className="fr color-blue font-16" >编辑</a>
<a className="fr color-blue font-16" >删除</a>
<a className="fr color-blue font-16" >发送</a>
<a className="fr color-blue font-16" >编辑</a>
<a className="fr color-blue font-16" >删除</a>
</div>
</div>
</div>

13
public/react/src/modules/courses/questionbank/Generaljobdetails.js
Unescape View File

@ -10,6 +10,7 @@ import {
Tooltip,
notification,
} from "antd";
import GroupPackage from '../groupjobbank/GroupPackage'
import './questionbank.css';
@ -66,17 +67,7 @@ class Generaljobdetails extends Component {
"\n" +
"本实训项目的主要目标是学习和掌握C++程序的基本结构和基本输入输出，主要内容包括标准C语言自有的单个字符的输入输出、格式化的输入输出，以及C++扩展的使用流对象的输入输出").replace(/▁/g, "▁▁▁")}}/>
<div className="color-grey df yslquesmat26" key={0} style={{ lineHeight: '17px'}}>
<a className="color-grey ">
<i className="font-14 color-green iconfont icon-fujian mr8" aria-hidden="true"></i>
</a>
<a href={"/"} title={''}
className="mr12 color9B9B overflowHidden1" length="58" style={{maxWidth: '480px'}}>
清除浏览器缓存或换个浏览器操作指南更新版本.zip
</a>
<span className="color656565 mt2 color-grey-6 font-12 mr8">{0}</span>
</div>
<GroupPackage></GroupPackage>
</div>

4
public/react/src/modules/courses/questionbank/questionbank.css
Unescape View File

@ -19,4 +19,8 @@
.ysltextcolor9999{
color: #999999;
font-size: 14px;
}
.ysltextcolor99999{
color: #999999;
font-size: 16px;
}
Write Preview
Loading…
Cancel
Save