tab 首页筛选调整

dev_cs_new
杨树明 6 years ago
parent 50e1c25392
commit 74cddf178e

@ -16,7 +16,7 @@ class CoursesHome extends Component{
this.state = { this.state = {
limit:16, limit:16,
page:1, page:1,
order:"all", order:"created_at",
coursesHomelist:undefined, coursesHomelist:undefined,
search:"", search:"",
} }
@ -118,25 +118,25 @@ class CoursesHome extends Component{
</div> </div>
<div className="mt20 educontent mb20 clearfix"> <div className="mt20 educontent mb20 clearfix">
<a className={ order == "all" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"} {/*<a className={ order == "all" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"}*/}
onClick={ () => this.changeStatus("all")}>全部</a> {/*onClick={ () => this.changeStatus("all")}>全部</a>*/}
<a className={ order == "mine" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"} {/*<a className={ order == "mine" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"}*/}
onClick={ () => this.changeStatus("mine")}>我的</a> {/*onClick={ () => this.changeStatus("mine")}>我的</a>*/}
<a className={ order == "created_at" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"} <a className={ order == "created_at" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"}
onClick={ () => this.changeStatus("created_at")}>最新</a> onClick={ () => this.changeStatus("created_at")}>最新</a>
<a className={ order == "course_members_count" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"} <a className={ order == "course_members_count" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"}
onClick={ () => this.changeStatus("course_members_count")}>最热</a> onClick={ () => this.changeStatus("course_members_count")}>最热</a>
<div className="fr mr5 search-new"> {/*<div className="fr mr5 search-new">*/}
{/* <Search {/*/!* <Search*/}
placeholder="课堂名称/教师姓名/学校名称" {/*placeholder="课堂名称/教师姓名/学校名称"*/}
id="subject_search_input" {/*id="subject_search_input"*/}
value={search} {/*value={search}*/}
onInput={this.inputSearchValue} {/*onInput={this.inputSearchValue}*/}
onSearch={this.searchValue} {/*onSearch={this.searchValue}*/}
autoComplete="off" {/*autoComplete="off"*/}
></Search> */} {/*></Search> *!/*/}
</div> {/*</div>*/}
</div> </div>

@ -14,7 +14,7 @@ class ShixunPathSearch extends Component{
constructor(props) { constructor(props) {
super(props) super(props)
this.state = { this.state = {
order:"publish_time", order:"updated_at",
select:0, select:0,
search:"", search:"",
page:1, page:1,
@ -126,20 +126,20 @@ class ShixunPathSearch extends Component{
</div> </div>
</div> </div>
<div className="mt20 educontent mb20 clearfix"> <div className="mt20 educontent mb20 clearfix">
<a href="javascript:void(0)" className={ order == "publish_time" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"} onClick={ () => this.changeStatus("publish_time")}>全部</a> {/*<a href="javascript:void(0)" className={ order == "publish_time" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"} onClick={ () => this.changeStatus("publish_time")}>全部</a>*/}
<a href="javascript:void(0)" className={ order == "mine" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"} onClick={ () => this.changeStatus("mine")}>我的</a> {/*<a href="javascript:void(0)" className={ order == "mine" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"} onClick={ () => this.changeStatus("mine")}>我的</a>*/}
<a href="javascript:void(0)" className={ order == "updated_at" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"} onClick={ () => this.changeStatus("updated_at")}>最新</a> <a className={ order == "updated_at" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"} onClick={ () => this.changeStatus("updated_at")}>最新</a>
<a href="javascript:void(0)" className={ order == "myshixun_count" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"} onClick={ () => this.changeStatus("myshixun_count")}>最热</a> <a className={ order == "myshixun_count" ? "fl mr20 font-16 bestChoose active" : "fl mr20 font-16 bestChoose"} onClick={ () => this.changeStatus("myshixun_count")}>最热</a>
<div className="fr mr5 search-new"> {/*<div className="fr mr5 search-new">*/}
{/* <Search {/*/!* <Search*/}
placeholder="请输入路径名称进行搜索" {/*placeholder="请输入路径名称进行搜索"*/}
id="subject_search_input" {/*id="subject_search_input"*/}
value={search} {/*value={search}*/}
onInput={this.inputSearchValue} {/*onInput={this.inputSearchValue}*/}
onSearch={this.searchValue} {/*onSearch={this.searchValue}*/}
autoComplete="off" {/*autoComplete="off"*/}
></Search> */} {/*></Search> *!/*/}
</div> {/*</div>*/}
</div> </div>
<PathCard {...this.props} {...this.state}></PathCard> <PathCard {...this.props} {...this.state}></PathCard>
{ {

@ -166,16 +166,16 @@ class ShixunCardList extends Component {
<div className="educontent mt20"> <div className="educontent mt20">
<div className="clearfix"> <div className="clearfix">
<div className="fl mr20 font-16 bestChoose shixun_repertoire active" {/*<div className="fl mr20 font-16 bestChoose shixun_repertoire active"*/}
id={"all"} {/*id={"all"}*/}
onClick={(e)=>this.latestHot(e,1)}>全部 {/*onClick={(e)=>this.latestHot(e,1)}>全部*/}
</div> {/*</div>*/}
<div className="fl mr20 font-16 bestChoose shixun_repertoire" {/*<div className="fl mr20 font-16 bestChoose shixun_repertoire"*/}
id={mine} {/*id={mine}*/}
onClick={(e)=>this.onSwitchChange(e,2)}>我的 {/*onClick={(e)=>this.onSwitchChange(e,2)}>我的*/}
</div> {/*</div>*/}
<div className="fl mr20 font-16 bestChoose shixun_repertoire" <div className="fl mr20 font-16 bestChoose shixun_repertoire active"
id="new" id="new"
onClick={(e)=>this.latestHot(e,4)}>最新 onClick={(e)=>this.latestHot(e,4)}>最新
</div> </div>
@ -186,26 +186,26 @@ class ShixunCardList extends Component {
</div> </div>
<div className="fl font-16 bestChoose shixun_repertoire ml20 mt1" {/*<div className="fl font-16 bestChoose shixun_repertoire ml20 mt1"*/}
style={{display:upcircle===true?"block":"none"}} {/*style={{display:upcircle===true?"block":"none"}}*/}
// onClick={()=>this.upcircles("asc")} {/*// onClick={()=>this.upcircles("asc")}*/}
> {/*>*/}
<Tooltip placement="bottom" title={"升序"}> {/*<Tooltip placement="bottom" title={"升序"}>*/}
<Icon type="up-circle" theme="twoTone" /> {/*<Icon type="up-circle" theme="twoTone" />*/}
{/*<Icon type="sort-descending" />*/} {/*/!*<Icon type="sort-descending" />*!/*/}
</Tooltip> {/*</Tooltip>*/}
</div> {/*</div>*/}
<div className="fl font-16 bestChoose shixun_repertoire ml20 mt1" {/*<div className="fl font-16 bestChoose shixun_repertoire ml20 mt1"*/}
// onClick={()=>this.upcircles("desc")} {/*// onClick={()=>this.upcircles("desc")}*/}
style={{display:upcircle===true?"none":"block"}} {/*style={{display:upcircle===true?"none":"block"}}*/}
> {/*>*/}
<Tooltip placement="bottom" title={"降序"}> {/*<Tooltip placement="bottom" title={"降序"}>*/}
<Icon type="down-circle" theme="twoTone" /> {/*<Icon type="down-circle" theme="twoTone" />*/}
{/*<Icon type="sort-ascending" />*/} {/*/!*<Icon type="sort-ascending" />*!/*/}
</Tooltip> {/*</Tooltip>*/}
</div> {/*</div>*/}
<div className="fr mt3"> {/*<div className="fr mt3">*/}
{/*<Search*/} {/*<Search*/}
{/*style={{ width: 300 }}*/} {/*style={{ width: 300 }}*/}
{/*className="search-new-input fl"*/} {/*className="search-new-input fl"*/}
@ -225,11 +225,11 @@ class ShixunCardList extends Component {
onSearch={value => this.Input_search(value)} onSearch={value => this.Input_search(value)}
autoComplete="off" autoComplete="off"
></Search> */} ></Search> */}
</div> {/*</div>*/}
<div className="fr"> {/*<div className="fr">*/}
<span className="fl color-grey-6 mr30 font-16 mt5" id="search_name">{ {/*<span className="fl color-grey-6 mr30 font-16 mt5" id="search_name">{*/}
this.props.search_tags === null ? "" : this.props.search_tags {/*this.props.search_tags === null ? "" : this.props.search_tags*/}
}</span> {/*}</span>*/}
{/*<div className="fl mr5" style={{marginTop:'1px'}}>*/} {/*<div className="fl mr5" style={{marginTop:'1px'}}>*/}
{/*/!* <div className="controlblue"></div>*/} {/*/!* <div className="controlblue"></div>*/}
{/*<span className="controlring"></span> *!/*/} {/*<span className="controlring"></span> *!/*/}
@ -242,8 +242,8 @@ class ShixunCardList extends Component {
{/*</div>*/} {/*</div>*/}
{/*<span className="fl font-16 cdefault" data-tip-down="隐藏我学习的实训">隐藏我的</span>*/} {/*<span className="fl font-16 cdefault" data-tip-down="隐藏我学习的实训">隐藏我的</span>*/}
</div> {/*</div>*/}
<span className="fr color-grey-6 mr30 font-16" id="search_name"></span> {/*<span className="fr color-grey-6 mr30 font-16" id="search_name"></span>*/}
</div> </div>
</div> </div>
); );

@ -28,7 +28,7 @@ class ShixunsIndex extends Component {
constructor(props) { constructor(props) {
super(props) super(props)
this.state={ this.state={
order_by: "publish_time", order_by: "new",
page:1, page:1,
limit:16, limit:16,
keyword:"", keyword:"",

Loading…
Cancel
Save