题库调整

public/react/config/webpack.config.dev.js

@@ -31,7 +31,7 @@ module.exports = {
   // See the discussion in https://github.com/facebookincubator/create-react-app/issues/343.s
 	// devtool: "cheap-module-eval-source-map",
   // 开启调试
-  devtool: "source-map",  // 开启调试
+  // devtool: "source-map",  // 开启调试
   // These are the "entry points" to our application.
   // This means they will be the "root" imports that are included in JS bundle.
   // The first two entry points enable "hot" CSS and auto-refreshes for JS.

public/react/src/modules/user/usersInfo/InfosTopics.js

@@ -4,10 +4,11 @@ import {BrowserRouter as Router,Route,Switch} from 'react-router-dom';
 import {Tooltip,Menu,Pagination,Spin} from 'antd';
 import axios from 'axios';
 import {getImageUrl} from 'educoder';
+import moment from 'moment';
 import Modals from '../../modals/Modals';
 import NoneData from '../../courses/coursesPublic/NoneData';
 import "./usersInfo.css"
-import moment from 'moment';
+
 
 
 class InfosTopics extends Component{
@@ -174,7 +175,7 @@ class InfosTopics extends Component{
 								<li className={course_list_id===undefined?"shaiItem shixun_repertoire active":"shaiItem shixun_repertoire"}  onClick={()=>this.searchCourselistid(undefined)}>全部</li>
 								{data===undefined?"":data.course_list===undefined||data.course_list.length===0?"":data.course_list.map((item,key)=>{
 									return(
-										<li key={key} className={course_list_id===item.id?"shaiItem shixun_repertoire active":"shaiItem shixun_repertoire"} value={item.id} onClick={()=>this.searchCourselistid(item.id)}>{item.name}</li>
+										<li key={key} className={course_list_id===item.id?"shaiItem shixun_repertoire active":"shaiItem shixun_repertoire"} onClick={()=>this.searchCourselistid(item.id)}>{item.name}</li>
 									)
 								})}
 							</div>
@@ -189,60 +190,51 @@ class InfosTopics extends Component{
 						</p>
 						<p className="font-12 alltopiscright ml25 fr">
 								<span className="fr color-grey-9 mr10">最近更新</span>
-								<span className="fr mr20 topcsactive">发送</span>
-								<span className="fr mr20 topcsactive">删除</span>
+								<span className="fr mr30 topcsactive">发送</span>
+								<span className="fr mr30 topcsactive">删除</span>
 						</p>
 					</div>
 
 
 					{data===undefined?<NoneData></NoneData>:data.question_banks===undefined||data.question_banks.length===0?<NoneData></NoneData>:data.question_banks.map((item,key)=>{
 					return(
-						<div className="educontent project-packages-list" key={key}>
-							<div className="project-package-item with-operator project-package-11">
-								{/*course_list_name: "IP视频监控技术"*/}
-								{/*creator_name: "实践教学"*/}
+						<div className="mt20 edu-back-white pd1323" key={key} >
+							<div className="clearfix">
 								{/*id: 4269*/}
-								{/*is_public: false*/}
-								{/*name: "第四次训练"*/}
-								{/*quotes_count: 4*/}
-								{/*solve_count: 0*/}
-								{/*updated_at: "2018-11-16T09:30:11.000+08:00"*/}
 
 								<div className="item-body">
-									<div className="item-head">
-										<div className="item-head-title" title={item.name}>
-											<a href={`/crowdsourcing/${item.id}`}>{item.name}</a>
-										</div>
-									</div>
 
-									{/*<div className="item-category">*/}
-										{/*<div className="item-category-item">{item.category_name}</div>*/}
-									{/*</div>*/}
-									{/*<div className="item-other">*/}
-										{/*<div className="item-group item-other-visit">*/}
-											{/*<span className="item-group-icon mr10"><i className="fa fa-eye"></i></span>*/}
-											{/*<span className="item-group-text">{item.visit_count}人浏览</span>*/}
-										{/*</div>*/}
-										{/*<div className="item-group item-other-deadline">*/}
-											{/*<span className="item-group-icon mr10"><i className="fa fa-clock-o"></i></span>*/}
-											{/*<span className="item-group-text">{moment(item.deadline_at).format("YYYY-MM-DD HH:mm")}竞标截止</span>*/}
-										{/*</div>*/}
-										{/*<div className="item-group item-other-bidding pagemancenter">*/}
-											{/*<span className="item-group-icon mr10"><i className="fa fa-user"></i></span>*/}
-											{/*<span className="item-group-text">{item.bidding_users_count}人竞标</span>*/}
-										{/*</div>*/}
-									  {/*<div className="item-group item-other-publish-at">*/}
-											{/*{item.published_at===null?<span className="item-group-text">更新于：{moment(item.updated_at).format("YYYY-MM-DD HH:mm")} </span>:*/}
-												{/*<span className=" item-group-text">发布于：{moment(item.published_at).format("YYYY-MM-DD HH:mm")} </span>}*/}
-										{/*</div>*/}
-									{/*</div>*/}
+									<div className="clearfix ds pr pt5 contentSection" >
+										<style>{`
+													.maxwidth580{
+															max-width: 580px;
+															overflow:hidden;
+															text-overflow:ellipsis;
+															white-space:nowrap
+													}
+												`}
+										</style>
+
+									  <a title={item.name} className="fl mt3 font-16  color-dark maxwidth580">
+											{item.name}
+									  </a>
+
+										{item.is_public===true?<span className="edu-filter-btn edu-filter-btn-4CACFF ml15 fl typestyle mt10">公开</span>:""}
+
+										<div className="cl"></div>
+
+										<p className="color-grey panel-lightgrey mt16 fl">
+											<span className="mr50">
+												 <span className="mr50 color-grey9">{item.quotes_count}  次引用</span>
+												 <span className="mr50 color-grey9">{item.solve_count}  次答题</span>
+											   <span className="mr50 color-grey9">{moment(item.updated_at).fromNow()}</span>
+											   <span className="topicsbtn">{item.course_list_name}</span>
+											</span>
+
+										</p>
+									</div>
 								</div>
-
-
-
-
-
-
+								
 							</div>
 						</div>
 					)})}

public/react/src/modules/user/usersInfo/usersInfo.css

@@ -312,4 +312,18 @@
     font-weight: 400;
     color: rgba(153,153,153,1);
     line-height: 20px;
+}
+
+.topicsbtn{
+    padding: 3px 15px;
+    border-radius: 2px;
+    color: #4C4C4C;
+    cursor: pointer;
+    display: inline-block;
+    background-color: #4CACFF!important;
+    color: #fff!important;
+}
+
+.pd1323{
+    padding: 10px 30px 25px 30px;
 }