diff --git a/public/react/src/modules/courses/Index.js b/public/react/src/modules/courses/Index.js index 70cc43f4c..ad94f079a 100644 --- a/public/react/src/modules/courses/Index.js +++ b/public/react/src/modules/courses/Index.js @@ -925,6 +925,14 @@ class CoursesIndex extends Component{ } > + {/*课堂统计列表2019.10.29 */} + + () + } + > + {/*/!*实训作业and课堂详情页*!/*/} import('./gradinforms/Eduinforms.js'), + loader: () => import('./gradinforms/Eduinforms'), loading: Loading, }); + +//2019.10.29 统计 +const Statistics=Loadable({ + loader: () => import('./statistics/Statistics'), + loading: Loading, +}); + const Elearning= Loadable({ - loader: () => import('./elearning/Elearning.js'), + loader: () => import('./elearning/Elearning'), loading: Loading, }); // @@ -268,6 +275,15 @@ class ListPageIndex extends Component{ } > + {/*课堂统计列表2019.10.29 */} + + () + } + > + + {/*公告栏列表*/} : item.type==="attachment"?: item.type==="board"?: - item.type==="course_group"?:"" + item.type==="course_group"?: + item.type==="statistics"?:"" } {/*||this.props.location.pathname===this.state.url&&key===this.state.indexs*/} diff --git a/public/react/src/modules/courses/statistics/Statistics.css b/public/react/src/modules/courses/statistics/Statistics.css new file mode 100644 index 000000000..686abd52e --- /dev/null +++ b/public/react/src/modules/courses/statistics/Statistics.css @@ -0,0 +1,67 @@ +.height-60{ + line-height: 60px; + height:60px; + background:rgba(255,208,88,1); + border-radius:4px 4px 0px 0px; +} +.height-40{ + line-height: 40px; + height:40px; + background:rgba(224,229,234,1); + border-radius:4px 0px 0px 0px; +} +.height-20{ + line-height: 20px; + height:20px; + background:rgba(229,168,102,1); + border-radius:0px 4px 0px 0px; +} +.Statisticscenter{ + text-align: center; +} +.Statisticscenter div:nth-child(1){ + margin-top: 5px; + font-size:12px; + color:rgba(51,51,51,1); +} + +.Statisticscenter div:nth-child(2){ + margin-top: 5px; + font-size: 12px; + color: rgba(153,153,153,1); +} + +.rankingss { + text-align: center; + margin-top: 40px; +} + +.rankingss a img { + width: 60px; + height: 60px; + border-radius: 50%; + box-shadow: 0px 0px 12px rgba(0,0,0,0.2); +} + +.huangguans{ + position: absolute; + top: -30px; + left: 72px; +} + +.relatives{ + position: relative; +} + +.statisticsTabs{ + padding: 30px; + padding-top: 0px; +} + +.statisticsTabs .ant-tabs-tab{ + height: 80px; + text-align: center; + line-height: 61px; + font-size: 16px; + color: rgba(80,145,255,1); +} \ No newline at end of file diff --git a/public/react/src/modules/courses/statistics/Statistics.js b/public/react/src/modules/courses/statistics/Statistics.js new file mode 100644 index 000000000..955cb70e5 --- /dev/null +++ b/public/react/src/modules/courses/statistics/Statistics.js @@ -0,0 +1,138 @@ +import React,{ Component } from "react"; +import {Table, Pagination,Tooltip,Spin, Row, Col ,Tabs} from "antd"; +import { WordsBtn,on, off, trigger } from 'educoder'; +import {BrowserRouter as Router,Route,Switch,Link} from 'react-router-dom'; +import axios from'axios'; +import './Statistics.css'; +const { TabPane } = Tabs; +class Statistics extends Component{ + constructor(props){ + super(props); + this.state={ + nd1:60, + nd2:40, + nd3:20 + } + } + + componentDidMount() { + this.setState({ + isSpin:true, + + }) + + } + + callback=(key)=>{ + console.log(key); + } + + render(){ + let {nd1,nd2,nd3}=this.state; + + return( + +
+
+

+ + + 明星学员 + + + + + +

  • + + + +
    • + + + +
  • + + + +
    • + + + + + + +
  • + + + + +
    • + + + + + + +
  • + + + +
    • + + + + + + +
  • + + + +
    • + + + + + + + + 威震江湖 + 4th + + + 神魔遮天 + 2th + + + 雄霸天下 + 1th + + + 不灭战神 + 3th + + + 霸气初现 + 5th + + +

    +
    + +
    + + + Content of Tab Pane 1 + + + Content of Tab Pane 2 + + +
    +
    +     + ) + } +} +export default Statistics;