资源调整

public/react/src/modules/courses/coursesPublic/SendToFilesModal.js

@@ -1,9 +1,11 @@
 import React, { Component } from "react";
 import { Modal, Checkbox, Input, Spin} from "antd";
-import axios from 'axios'
+import axios from 'axios';
+import moment from 'moment';
 import ModalWrapper from "../common/ModalWrapper";
 import InfiniteScroll from 'react-infinite-scroller';
 
+const dateFormat ="YYYY-MM-DD HH:mm"
 const Search = Input.Search
 const pageCount = 15;
 class  Sendtofilesmodal extends Component{
@@ -170,7 +172,12 @@ class  Sendtofilesmodal extends Component{
 					  bottom: 93px;
 					  width: 82%;
 					  text-align: center;
-					}`}
+					}
+					 .ModalWrappertitle{
+					     background: #D0E8FC;
+               padding: 10px;
+					 }
+					`}
 				</style>
 				<p className="color-grey-6 mb20 edu-txt-center" style={{ fontWeight: "bold" }} >选择的{moduleName}发送到<span className="color-orange-tip">指定课堂</span></p>
 
@@ -183,7 +190,12 @@ class  Sendtofilesmodal extends Component{
 				></Search>
 
 				<div>
-					{/* https://github.com/CassetteRocks/react-infinite-scroller/issues/70 */}
+
+					<p className="clearfix ModalWrappertitle">
+						<div className="task-hide fl pagemancenter" style={{"width":'215px'}}>课堂名称</div>
+						<div className="task-hide fl pagemancenter" style={{"width":'140px'}}>更新时间</div>
+						<div className="task-hide fl pagemancenter" style={{"width":'110px'}}>结束时间</div>
+					</p>
 					<div className="edu-back-skyblue padding15" style={{"height":"300px", overflowY: "scroll", overflowAnchor: 'none' }}>
 						<InfiniteScroll
 							threshold={10}
@@ -199,20 +211,14 @@ class  Sendtofilesmodal extends Component{
 									return (
 										<p className="clearfix mb7" key={course.id}>
 											<Checkbox className="fl" value={course.id}  key={course.id} ></Checkbox>
-											<span className="fl with45"><label className="task-hide fl" style={{"maxWidth":"208px;"}}>{course.name}</label></span>
+										 <div className="task-hide fl" style={{"width":'215px'}} title={course.name}>{course.name}</div>
+										 <div className="task-hide fl" style={{"width":'140px'}}>{moment(course.updated_at).format('YYYY-MM-DD HH:mm')}</div>
+										 <div className="task-hide fl" style={{"width":'110px'}}>{course.end_date}</div>
 										</p>
 									)
 								}) }
 							</Checkbox.Group>
-							{loading && hasMore && (
-								<div className="demo-loading-container">
-									<Spin />
-								</div>
-							)}
-							{/* TODO */}
-							{/* {
-                !hasMore && <div>没有更多了。。</div>
-              } */}
+
 						</InfiniteScroll>
 
 					</div>