新课堂指引第一页

public/react/src/modules/courses/coursesDetail/CoursesBanner.js

@@ -7,6 +7,7 @@ import CoursesListType from '../coursesPublic/CoursesListType';
 import Addcourses from '../coursesPublic/Addcourses';
 import '../css/Courses.css';
 import Modals from "../../modals/Modals";
+import Guide from './CoursesGuide';
 import AddStudentModal from '../members/modal/AddStudentModal'
 import AddTeacherModal from '../members/modal/AddTeacherModal'
 
@@ -43,6 +44,7 @@ class CoursesBanner extends Component {
             modalsBottomval: "",
             antIcon:false,
             coursedata:undefined,
+            is_guide:false
         }
     }
     componentDidMount() {
@@ -323,12 +325,14 @@ class CoursesBanner extends Component {
   postsettings=()=>{
     window.location.href = "/courses/" + this.props.match.params.coursesId + "/settings";
   }
-
     render() {
-        let { Addcoursestypes, coursedata, modalsType, modalsTopval, loadtype,modalsBottomval,antIcon} = this.state;
+        let { Addcoursestypes, coursedata, modalsType, modalsTopval, loadtype,modalsBottomval,antIcon,is_guide} = this.state;
 
         return (
           <div>
+            {
+              is_guide && <Guide></Guide>
+            }
             
             {
               coursedata === undefined || coursedata.status===401? <div id="course_info_1309" className="courseHead" style={{height: '206px'}}></div>:<div id="course_info_1309" className="courseHead" style={{height: '206px'}}>

public/react/src/modules/courses/coursesDetail/CoursesGuide.js

@@ -0,0 +1,44 @@
+import React, {Component} from 'react';
+import '../css/Courses.css';
+import {setImagesUrl} from 'educoder';
+
+
+class CoursesGuide extends Component {
+  constructor(props) {
+    super(props)
+    this.state={
+      step:1
+    }
+  }
+  render(){
+    let {step} = this.state;
+    return(
+      <div className="guidePanel">
+        <style>{`
+          body{
+            overflow:hidden!important;
+          }
+        `}</style>
+        <div className="educontent">
+          {
+            step ==1 &&
+            <div>
+              <p className="clearfix"><img className="fr" src="/images/course/guide/1-1.png" width="175px" style={{margin:"205px 38px 0px 0px"}}/></p>
+              <p className="clearfix pr"><img src="/images/course/guide/1-2.png" className="fr mt20 guideFirstRight"/></p>
+              <p className="clearfix pr" style={{marginTop:"80px"}}>
+                <img src="/images/course/guide/1-4.png" className="fl guideFirstLeft"/>
+                <img src="/images/course/guide/1-3.png" className="fl" style={{marginLeft:"410px"}}/>
+              </p>
+              <p className="clearfix">
+                <img src="/images/course/guide/1-5.png" className="fl mt50"/>
+                <img src="/images/course/guide/1-6.png" className="fl mt40"/>
+                <a href="javascript:void(0)"><img src="/images/course/guide/1-7.png" className="fl mt80 ml100"/></a>
+              </p>
+            </div>
+          }
+        </div>
+      </div>
+    )
+  }
+}
+export default CoursesGuide;

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

@@ -1520,3 +1520,23 @@ input.ant-input-number-input:focus {
     border-bottom: 1px solid transparent !important;
 }
 
+
+/* 指引 */
+.guidePanel{
+    position: fixed;
+    top:0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    background: rgba(0,0,0,0.7);
+    z-index: 10000;
+}
+.guideFirstRight{
+    position: absolute;
+    right: -90px;
+}
+.guideFirstLeft{
+    position: absolute;
+    left: -95px;
+    top:120px;
+}

public/react/src/modules/courses/graduation/tasks/GraduateTaskItem.js

@@ -224,11 +224,11 @@ class GraduateTaskItem extends Component{
               <span className="mr50">
                 {/* <a href="/users/innov" className="panel-name-small hide fl mr15 mr30 color-grey3">{discussMessage.author.name}</a> */}
 
-								{discussMessage.commit_count===undefined?"":<span className="mr15 color-grey9">{discussMessage.commit_count} 已交</span>}
+								{discussMessage.commit_count===undefined?"":<span className="mr15 color-grey9 font-14">{discussMessage.commit_count} 已交</span>}
-								{discussMessage.uncommit_count===undefined?"":<span className="mr15 color-grey9">{discussMessage.uncommit_count} 未交</span>}
+								{discussMessage.uncommit_count===undefined?"":<span className="mr15 color-grey9 font-14">{discussMessage.uncommit_count} 未交</span>}
                 {/*<span className="mr15 color-grey9">{discussMessage.replies_count} 3 未评</span>*/}
                 <Tooltip title={discussMessage.task_status===1?"提交剩余时间":discussMessage.task_status===2?"补交剩余时间":""} placement="bottom">
-                    <span className="mr15 color-grey9">{discussMessage.status_time}</span>
+                    <span className="mr15 color-grey9 font-14">{discussMessage.status_time}</span>
                 </Tooltip>
 
                 {/* { discussMessage.replies_count != 0 && <span className="mr15 color-grey9">{discussMessage.replies_count} 回复</span> }

public/react/src/modules/tpm/challengesnew/TPMMDEditor.js

@@ -7,6 +7,7 @@ import {BrowserRouter as Router, Route, Link, Switch} from "react-router-dom";
 // import "antd/dist/antd.css";
 
 import { getImageUrl, toPath, getUrl } from 'educoder';
+import '../../courses/css/Courses.css'
 
 import axios from 'axios';