|
|
|
@ -25,7 +25,7 @@ class ShixunSearchBar extends Component {
|
|
|
|
|
super(props)
|
|
|
|
|
this.state = {
|
|
|
|
|
status: undefined,
|
|
|
|
|
diff: undefined,
|
|
|
|
|
diff: 0,
|
|
|
|
|
InputValue: undefined,
|
|
|
|
|
shixunhoverData: [],
|
|
|
|
|
shixunchildValues:'',
|
|
|
|
@ -238,6 +238,7 @@ render() {
|
|
|
|
|
<li className={shixunsearchAllvalue==="a"?"shaiItem shixun_repertoire active":"shaiItem shixun_repertoire"} value= "a" onClick={this.shixunsearchall}>全部</li>
|
|
|
|
|
{
|
|
|
|
|
shixunhoverData.map((item,key)=>{
|
|
|
|
|
|
|
|
|
|
return(
|
|
|
|
|
<li key={key} className={parseInt(shixunsearchAllvalue)===item.id?"shaiItem shixun_repertoire active":"shaiItem shixun_repertoire"} value={item.id} onClick={this.shixunsearchAll}>
|
|
|
|
|
{item.name}
|
|
|
|
@ -269,21 +270,48 @@ render() {
|
|
|
|
|
</div>
|
|
|
|
|
<div className="clearfix">
|
|
|
|
|
<span className="shaiTitle fl mt6">筛选:</span>
|
|
|
|
|
<div className="fl" onMouseLeave={this.openStatusOptions} id={"area"}>
|
|
|
|
|
{/*<Select className="statusSelect" defaultValue="0" style={{ width: 120 }} onChange={this.status_search} onMouseEnter={this.openStatusOption} open={openStatus}>*/}
|
|
|
|
|
{/*<Option value="0" type="status">全部状态</Option>*/}
|
|
|
|
|
{/*<Option value="1" type="status">已发布</Option>*/}
|
|
|
|
|
{/*<Option value="2" type="status">未发布</Option>*/}
|
|
|
|
|
{/*<Option value="3" type="status">已关闭</Option>*/}
|
|
|
|
|
{
|
|
|
|
|
<style>
|
|
|
|
|
{`
|
|
|
|
|
.shaiItems{
|
|
|
|
|
padding: 3px 15px;
|
|
|
|
|
float: left;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
color: #4C4C4C;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
margin-right: 15px;
|
|
|
|
|
display: block;
|
|
|
|
|
float:left;
|
|
|
|
|
}
|
|
|
|
|
.shaiItems.active {
|
|
|
|
|
background-color: #4CACFF!important;
|
|
|
|
|
color: #fff!important;
|
|
|
|
|
}
|
|
|
|
|
`}
|
|
|
|
|
</style>
|
|
|
|
|
}
|
|
|
|
|
<div className="fl pr shaiAllItem mt1">
|
|
|
|
|
<li className={this.state.diff===0?"shaiItems shixun_repertoire active":"shaiItems shixun_repertoire"} onClick={()=>this.diff_search(0)}>全部难度</li>
|
|
|
|
|
<li className={this.state.diff===1?"shaiItems shixun_repertoire active":"shaiItems shixun_repertoire"} onClick={()=>this.diff_search(1)}>初级学员</li>
|
|
|
|
|
<li className={this.state.diff===2?"shaiItems shixun_repertoire active":"shaiItems shixun_repertoire"} onClick={()=>this.diff_search(2)}>中级学员</li>
|
|
|
|
|
<li className={this.state.diff===3?"shaiItems shixun_repertoire active":"shaiItems shixun_repertoire"} onClick={()=>this.diff_search(3)}>高级学员</li>
|
|
|
|
|
<li className={this.state.diff===4?"shaiItems shixun_repertoire active":"shaiItems shixun_repertoire"} onClick={()=>this.diff_search(4)}>顶级学员</li>
|
|
|
|
|
</div>
|
|
|
|
|
{/*<div className="fl" onMouseLeave={this.openStatusOptions} id={"area"}>*/}
|
|
|
|
|
{/*/!*<Select className="statusSelect" defaultValue="0" style={{ width: 120 }} onChange={this.status_search} onMouseEnter={this.openStatusOption} open={openStatus}>*!/*/}
|
|
|
|
|
{/*/!*<Option value="0" type="status">全部状态</Option>*!/*/}
|
|
|
|
|
{/*/!*<Option value="1" type="status">已发布</Option>*!/*/}
|
|
|
|
|
{/*/!*<Option value="2" type="status">未发布</Option>*!/*/}
|
|
|
|
|
{/*/!*<Option value="3" type="status">已关闭</Option>*!/*/}
|
|
|
|
|
{/*/!*</Select>*!/*/}
|
|
|
|
|
{/*<Select defaultValue="0" style={{ width: 120 }} onChange={this.diff_search} onMouseEnter={this.openLevelOption} open={openLevel} getPopupContainer={() => document.getElementById("area")}>*/}
|
|
|
|
|
{/*<Option value="0">全部难度</Option>*/}
|
|
|
|
|
{/*<Option value="1">初级学员</Option>*/}
|
|
|
|
|
{/*<Option value="2">中级学员</Option>*/}
|
|
|
|
|
{/*<Option value="3">高级学员</Option>*/}
|
|
|
|
|
{/*<Option value="4">顶级学员</Option>*/}
|
|
|
|
|
{/*</Select>*/}
|
|
|
|
|
<Select defaultValue="0" style={{ width: 120 }} onChange={this.diff_search} onMouseEnter={this.openLevelOption} open={openLevel} getPopupContainer={() => document.getElementById("area")}>
|
|
|
|
|
<Option value="0">全部难度</Option>
|
|
|
|
|
<Option value="1">初级学员</Option>
|
|
|
|
|
<Option value="2">中级学员</Option>
|
|
|
|
|
<Option value="3">高级学员</Option>
|
|
|
|
|
<Option value="4">顶级学员</Option>
|
|
|
|
|
</Select>
|
|
|
|
|
</div>
|
|
|
|
|
{/*</div>*/}
|
|
|
|
|
{/*<div className="fr mt3">*/}
|
|
|
|
|
{/*<Search*/}
|
|
|
|
|
{/*style={{ width: 300 }}*/}
|
|
|
|
|