题库个人主页

dev_aliyun_beta
杨树明 6 years ago
parent 5fae4571ce
commit 91af86223c

@ -43,7 +43,10 @@ const InfosVideo = Loadable({
loader: () => import('./video/InfosVideo'),
loading:Loading,
})
const InfosTopics=Loadable({
loader: () => import('./InfosTopics'),
loading:Loading,
})
const $ = window.$;
class Infos extends Component{
@ -259,15 +262,6 @@ class Infos extends Component{
{/* --------------------------------------------------------------------- */}
{/* 众包 */}
{/* http://localhost:3007/courses/1309/homework/9300/setting */}
<Route exact path="/users/:username/package"
render={
(props) => (<InfosPackage {...this.props} {...props} {...this.state} {..._commonProps}/>)
}
></Route>
{/* 课堂 */}
{/* http://localhost:3007/courses/1309/homework/9300/setting */}
<Route exact path="/users/:username/courses"
@ -297,13 +291,28 @@ class Infos extends Component{
}
></Route>
{/* 项目 */}
{/* 众包 */}
{/* http://localhost:3007/courses/1309/homework/9300/setting */}
<Route exact path="/users/:username/package"
render={
(props) => (<InfosPackage {...this.props} {...props} {...this.state} {..._commonProps}/>)
}
></Route>
{/* 视频 */}
<Route exact path="/users/:username/videos"
render={
(props) => (<InfosVideo {...this.props} {...props} {...this.state} {..._commonProps}/>)
}
></Route>
{/* 题库 */}
<Route exact path="/users/:username/topics"
render={
(props) => (<InfosTopics {...this.props} {...props} {...this.state} {..._commonProps}/>)
}
></Route>
<Route exact path="/users/:username"
render={

@ -119,9 +119,9 @@ class InfosBanner extends Component{
</li>}
{/*自己的主页且不是学生显示题库按钮*/}
{ user_id===targetuserid&&user_type!="学生"?<li className={`${moduleName == 'videos' ? 'active' : '' }`}>
{ user_id===targetuserid&&user_type!="学生"?<li className={`${moduleName == 'topics' ? 'active' : '' }`}>
<Link
onClick={() => this.setState({moduleName: 'videos'})}
onClick={() => this.setState({moduleName: 'topics'})}
to={`/users/${username}/topics`}>题库</Link>
</li>:""}

@ -0,0 +1,150 @@
import React, { Component } from 'react';
import { SnackbarHOC } from 'educoder';
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 Modals from '../../modals/Modals';
import NoneData from '../../courses/coursesPublic/NoneData';
import "./usersInfo.css"
import moment from 'moment';
class InfosTopics extends Component{
constructor(props){
super(props);
this.state={
isSpin:false
}
}
componentDidMount=()=>{
}
render(){
let{
category,
status,
page,
data,
totalCount,
isSpin
} = this.state;
let is_current=this.props.is_current;
// console.log(data)
return(
<div className="educontent mb50">
{/*提示*/}
<Modals
modalsType={this.state.Modalstype}
modalsTopval={this.state.Modalstopval}
modalCancel={this.state.ModalCancel}
modalSave={this.state.ModalSave}
/>
<Spin size="large" spinning={isSpin}>
<div className="clearfix topicsbox">
<div className={"topcschild"}>
<span className={"topicstopfont fl"}>我的题库</span>
<span className={"topicstopfont fr"}>公共题库</span>
</div>
</div>
<p className="pl25 pr25 clearfix font-12 mb20 mt20">
<span className="fl color-grey-9">共个</span>
<span className="fr color-grey-9">发布时间</span>
</p>
{/*{data===undefined?<NoneData></NoneData>:data.project_packages.length===0?<NoneData></NoneData>:data.project_packages.map((item,key)=>{*/}
{/*return(*/}
{/*<div className="educontent project-packages-list" key={key}>*/}
{/*<div className="project-package-item with-operator project-package-11">*/}
{/*<div className="item-image">*/}
{/*<img alt="图片" src={`/images/educoder/project_packages/${setcategorylist(item.category_name)}.png`} />*/}
{/*</div>*/}
{/*<div className="item-body">*/}
{/*<div className="item-head">*/}
{/*<div className="item-head-title" title={item.title}>*/}
{/*<a href={`/crowdsourcing/${item.id}`}>{item.title}</a>*/}
{/*</div>*/}
{/*<div className="item-head-tags">*/}
{/*{item.bidden_status==="pending"?<span className="pending">竞标中</span>:""}*/}
{/*{item.bidden_status==="bidding_won"?<span className="bidding_won">已中标</span>:""}*/}
{/*{item.bidden_status==="bidding_lost"?<span className="bidding_lost">未中标</span>:""}*/}
{/*</div>*/}
{/*<div className="item-head-blank"></div>*/}
{/*<div className="item-head-price mtf15">*/}
{/*{item.min_price===null?"":<span>¥{item.min_price}</span>}*/}
{/*{item.max_price===null||item.min_price===null?"":<span>~</span>}*/}
{/*{item.max_price===null?"":<span>¥{item.max_price}</span>}*/}
{/*{item.min_price===null&&item.max_price===null?<span>可议价</span>:""}*/}
{/*</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>*/}
{/*{category=="manage"?item.operation.can_edit===true&&item.operation.can_delete===true?*/}
{/*<div className="item-operator none">*/}
{/*<a href={`/crowdsourcing/${item.id}/edit`} title="编辑">*/}
{/*<i className="fa fa-pencil"></i>*/}
{/*</a>*/}
{/*<a className="delete-project-package-btn" onClick={()=>this.delectprojectModal(item.id)} data-id="10" title="删除">*/}
{/*<i className="fa fa-trash-o"></i>*/}
{/*</a>*/}
{/*</div>:"":""}*/}
{/*{category=="manage"?item.operation.can_edit===true&&item.operation.can_delete===false?*/}
{/*<div className="item-operator none">*/}
{/*<a href={`/crowdsourcing/${item.id}/edit`} title="编辑">*/}
{/*<i className="fa fa-pencil"></i>*/}
{/*</a>*/}
{/*</div>:"":""}*/}
{/*</div>*/}
{/*</div>*/}
{/*)})}*/}
{/*{*/}
{/*totalCount >20 &&*/}
{/*<div className="mt30 mb50 edu-txt-center">*/}
{/*<Pagination showQuickJumper total={totalCount} onChange={this.changePage} pageSize={20} current={page}/>*/}
{/*</div>*/}
{/*}*/}
</Spin>
</div>
)
}
}
export default InfosTopics;

@ -226,4 +226,26 @@
content: '';
left:0px;
background: #4CACFF;
}
.topicsbox{
width: 1200px;
height: 216px;
background: rgba(255,255,255,1);
padding: 0px 40px;
}
.topicstopfont{
width:64px;
height:16px;
font-size:16px;
font-family:PingFangSC;
font-weight:400;
color:rgba(51,51,51,1);
}
.topcschild{
width:1128px;
height:49px;
line-height: 35px;
border-bottom:1px solid rgba(235,235,235,1);
}
Loading…
Cancel
Save