调整

public/react/public/css/edu-all.css

@@ -3453,4 +3453,4 @@ a.singlepublishtwo{
 /*.ant-notification{*/
     /*width: auto !important;*/
     /*max-width: 600px !important;*/
-/*}*/
+/*}*/

public/react/src/modules/courses/Index.js

@@ -449,7 +449,7 @@ class CoursesIndex extends Component{
             <Switch {...this.props}>
               {/*Generaljobbankdetails*/}
               {/*  普通作业题库详情*/}
-              <Route path="/courses/questionbank" exact
+              <Route path="/courses/questionbank"
                      render={
                        (props) => (<Generaljobbankdetails {...this.props} {...props} {...this.state} />)
                      }

public/react/src/modules/courses/questionbank/Generaljobanswer.js

@@ -0,0 +1,88 @@
+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 './questionbank.css';
+
+class Generaljobanswer extends Component {
+
+	constructor(props) {
+		super(props);
+
+		this.state = {
+
+		}
+	}
+
+	componentDidMount() {
+		console.log("Generaljobanswer");
+		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, "▁▁▁")}}/>
+
+					<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>
+				</div>
+
+
+			</div>
+
+		)
+	}
+}
+
+export default Generaljobanswer;

public/react/src/modules/courses/questionbank/Generaljobbankdetails.js

@@ -6,7 +6,8 @@ import {
 	notification
 } from "antd";
 import CoursesListType from '../coursesPublic/CoursesListType';
-
+import Generaljobdetails from './Generaljobdetails';
+import Generaljobanswer from './Generaljobanswer';
 import '../css/members.css';
 import "../common/formCommon.css";
 import '../css/Courses.css';
@@ -133,6 +134,9 @@ class Generaljobbankdetails extends Component {
 						</div>
 					</div>
 
+					{parseInt(tab) === 0 ? <Generaljobdetails/>:""}
+					{parseInt(tab) === 1 ? <Generaljobanswer/>:""}
+
 				</div>
 			</div>
 		)

public/react/src/modules/courses/questionbank/Generaljobdetails.js

@@ -0,0 +1,90 @@
+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 './questionbank.css';
+
+
+class Generaljobdetails extends Component {
+
+	constructor(props) {
+		super(props);
+
+		this.state = {
+
+		}
+	}
+
+	componentDidMount() {
+		console.log("Generaljobdetails");
+		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, "▁▁▁")}}/>
+
+						<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>
+				</div>
+
+
+			</div>
+
+
+		)
+	}
+}
+
+export default Generaljobdetails;

public/react/src/modules/courses/questionbank/questionbank.css

@@ -0,0 +1,22 @@
+.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: 44px !important;
+}
+.ysltextcolor9999{
+   color: #999999;
+    font-size: 14px;
+}