调整

public/react/src/modules/tpm/shixuns/ShixunSearchBar.js

@@ -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}>*/}
+														<style>
-                                {/*<Option value="0" type="status">全部状态</Option>*/}
+															{`
-                                {/*<Option value="1" type="status">已发布</Option>*/}
+															  .shaiItems{
-                                {/*<Option value="2" type="status">未发布</Option>*/}
+																		padding: 3px 15px;
-                                {/*<Option value="3" type="status">已关闭</Option>*/}
+																		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")}>
+                            {/*</div>*/}
-                                <Option value="0">全部难度</Option>
-                                <Option value="1">初级学员</Option>
-                                <Option value="2">中级学员</Option>
-                                <Option value="3">高级学员</Option>
-                                <Option value="4">顶级学员</Option>
-                                </Select>
-                            </div>
                         {/*<div className="fr mt3">*/}
                         {/*<Search*/}
                             {/*style={{ width: 300 }}*/}