|
|
|
|
@ -1,306 +1,306 @@
|
|
|
|
|
import React, { Component } from 'react';
|
|
|
|
|
|
|
|
|
|
import { Select, Input } from 'antd';
|
|
|
|
|
|
|
|
|
|
import 'antd/lib/style/index.css';
|
|
|
|
|
|
|
|
|
|
import 'antd/lib/select/style/index.css';
|
|
|
|
|
|
|
|
|
|
import 'antd/lib/input/style/index.css';
|
|
|
|
|
|
|
|
|
|
import './shixunCss/ShixunSearchBar.css';
|
|
|
|
|
|
|
|
|
|
import axios from 'axios';
|
|
|
|
|
|
|
|
|
|
const $ = window.$;
|
|
|
|
|
|
|
|
|
|
const Option = Select.Option;
|
|
|
|
|
|
|
|
|
|
const Search = Input.Search;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class ShixunSearchBar extends Component {
|
|
|
|
|
|
|
|
|
|
constructor(props) {
|
|
|
|
|
super(props)
|
|
|
|
|
this.state = {
|
|
|
|
|
status: undefined,
|
|
|
|
|
diff: undefined,
|
|
|
|
|
InputValue: undefined,
|
|
|
|
|
shixunhoverData: [],
|
|
|
|
|
shixunchildValues:'',
|
|
|
|
|
shixunsearchAllvalue:"a",
|
|
|
|
|
openStatus:false,
|
|
|
|
|
openLevel:false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//状态筛选
|
|
|
|
|
status_search = (value) => {
|
|
|
|
|
let newvalue = value;
|
|
|
|
|
if (newvalue === "0") {
|
|
|
|
|
newvalue = " "
|
|
|
|
|
} else if (newvalue === "1") {
|
|
|
|
|
newvalue = 2
|
|
|
|
|
} else if (newvalue === "2") {
|
|
|
|
|
newvalue = 1
|
|
|
|
|
} else if (newvalue === "3") {
|
|
|
|
|
newvalue = 3
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
status: newvalue,
|
|
|
|
|
openStatus:false
|
|
|
|
|
})
|
|
|
|
|
let list = [{'type': 1}, {'value': newvalue}];
|
|
|
|
|
this.props.StatusEnquiry(list);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//难度筛选
|
|
|
|
|
diff_search = (value) => {
|
|
|
|
|
this.setState({
|
|
|
|
|
diff: value,
|
|
|
|
|
openLevel:false
|
|
|
|
|
})
|
|
|
|
|
let list=[{'type':2},{'value':value}];
|
|
|
|
|
this.props.StatusEnquiry(list);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//输入框搜索
|
|
|
|
|
Input_search = (value) => {
|
|
|
|
|
this.setState({
|
|
|
|
|
InputValue: value
|
|
|
|
|
})
|
|
|
|
|
this.props.OnSearchInput(value);
|
|
|
|
|
}
|
|
|
|
|
//查询
|
|
|
|
|
shixunsearchAll = (e) => {
|
|
|
|
|
let{shixunsearchAllvalue}=this.state;
|
|
|
|
|
let id = e.target.value;
|
|
|
|
|
|
|
|
|
|
if(shixunsearchAllvalue===id){
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
if(id===0){
|
|
|
|
|
id=" "
|
|
|
|
|
this.setState({
|
|
|
|
|
InputValue: " "
|
|
|
|
|
})
|
|
|
|
|
this.props.OnSearchInput("");
|
|
|
|
|
}
|
|
|
|
|
let list=[{'tag_level':1},{'tag_id':id}];
|
|
|
|
|
if(id!=undefined){
|
|
|
|
|
this.setState({
|
|
|
|
|
shixunsearchAllvalue:id,
|
|
|
|
|
shixunchildValues:""
|
|
|
|
|
})
|
|
|
|
|
this.props.Updatasearchlist(list);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
shixunsearchall=(e)=>{
|
|
|
|
|
let{shixunsearchAllvalue}=this.state;
|
|
|
|
|
let id = "a";
|
|
|
|
|
|
|
|
|
|
if(shixunsearchAllvalue===id){
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.setState({
|
|
|
|
|
shixunsearchAllvalue:"a",
|
|
|
|
|
shixunchildValues:""
|
|
|
|
|
})
|
|
|
|
|
this.props.allUpdatashixunlist();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//选择Tab页详情
|
|
|
|
|
getshixunchildValue = (e) => {
|
|
|
|
|
let id = e.target.name;
|
|
|
|
|
let newid=e.target.id;
|
|
|
|
|
let list=[{'tag_level':2},{'tag_id':id}];
|
|
|
|
|
if(id!=undefined||newid!=undefined){
|
|
|
|
|
this.setState({
|
|
|
|
|
shixunsearchAllvalue:newid
|
|
|
|
|
})
|
|
|
|
|
this.props.Updatasearchlist(list);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
getshixunchildValues = (e) => {
|
|
|
|
|
let id = e.target.id;
|
|
|
|
|
let newid=e.target.name;
|
|
|
|
|
let list=[{'tag_level':3},{'tag_id':id}];
|
|
|
|
|
if(id!=undefined||newid!=undefined){
|
|
|
|
|
this.setState({
|
|
|
|
|
shixunchildValues:id,
|
|
|
|
|
shixunsearchAllvalue:newid
|
|
|
|
|
})
|
|
|
|
|
this.props.Updatasearchlist(list);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
componentDidMount() {
|
|
|
|
|
let hoverUrlArr = [];
|
|
|
|
|
let hoverUrl = `/shixuns/menus.json`;
|
|
|
|
|
axios.get(hoverUrl
|
|
|
|
|
).then((response) => {
|
|
|
|
|
hoverUrlArr = response.data;
|
|
|
|
|
hoverUrlArr.reverse();
|
|
|
|
|
this.setState({
|
|
|
|
|
shixunhoverData: hoverUrlArr
|
|
|
|
|
})
|
|
|
|
|
}).catch((error) => {
|
|
|
|
|
console.log(error)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// componentWillReceiveProps(nextProps) {
|
|
|
|
|
// console.log(nextProps.parsedid)
|
|
|
|
|
// if(nextProps.newtag_level===1){
|
|
|
|
|
// this.setState({
|
|
|
|
|
// InputValue: this.props.keyword,
|
|
|
|
|
// shixunsearchAllvalue:nextProps.parsedid
|
|
|
|
|
//
|
|
|
|
|
// })
|
|
|
|
|
// }else if(nextProps.newtag_level===2){
|
|
|
|
|
// this.setState({
|
|
|
|
|
// InputValue: this.props.keyword,
|
|
|
|
|
// shixunsearchAllvalue:nextProps.newpalce,
|
|
|
|
|
// shixunchildValues:nextProps.parsedid
|
|
|
|
|
//
|
|
|
|
|
// })
|
|
|
|
|
// }else if(nextProps.newtag_level===3){
|
|
|
|
|
// this.setState({
|
|
|
|
|
// InputValue: this.props.keyword,
|
|
|
|
|
// shixunsearchAllvalue:nextProps.newpalce,
|
|
|
|
|
// shixunchildValues:nextProps.parsedid
|
|
|
|
|
//
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
//
|
|
|
|
|
// }
|
|
|
|
|
openStatusOption=()=>{
|
|
|
|
|
this.setState({
|
|
|
|
|
openLevel:false,
|
|
|
|
|
openStatus:true
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
openLevelOption=()=>{
|
|
|
|
|
this.setState({
|
|
|
|
|
openLevel:true,
|
|
|
|
|
openStatus:false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
openStatusOptions=()=>{
|
|
|
|
|
this.setState({
|
|
|
|
|
openLevel:false,
|
|
|
|
|
openStatus:false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Input_searchs = (e) => {
|
|
|
|
|
this.setState({
|
|
|
|
|
InputValue: e.target.value
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
render() {
|
|
|
|
|
let {shixunhoverData, shixunchildValues, shixunsearchAllvalue, InputValue,openStatus,openLevel} = this.state;
|
|
|
|
|
let {typepvisible} = this.props;
|
|
|
|
|
//实训首页筛选的移入和点击事件
|
|
|
|
|
$(".shaiItem").hover(function(){
|
|
|
|
|
var hei=parseInt($(".shaiAllItem").height())-2;
|
|
|
|
|
$(this).find(".subshaicontent").css("top", '34px');
|
|
|
|
|
$(this).find(".subshaicontent").show();
|
|
|
|
|
},function(){
|
|
|
|
|
$(this).find(".subshaicontent").hide();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$(".shaiItem").live("click",function(){
|
|
|
|
|
$(".shaiItem").removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
$(".subshaicontent").hide();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$(".subshaicontent").live("click", function(event){
|
|
|
|
|
$(".subshaicontent").hide();
|
|
|
|
|
event.stopPropagation();
|
|
|
|
|
});
|
|
|
|
|
return (
|
|
|
|
|
<div className="edu-back-white" >
|
|
|
|
|
<div className="educontent">
|
|
|
|
|
<div className="pt40 pb40">
|
|
|
|
|
<div className="clearfix mb30 shaiContent">
|
|
|
|
|
<span className="shaiTitle fl mt3">方向：</span>
|
|
|
|
|
<div className="fl pr shaiAllItem">
|
|
|
|
|
<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}
|
|
|
|
|
<div className="subshaicontent" id={item.id+"show"} style={{ top: '33px', display: 'none',maxHeight: '400px' }}>
|
|
|
|
|
{
|
|
|
|
|
item.sub_repertoires.map((list,k)=>{
|
|
|
|
|
return(
|
|
|
|
|
<div className="mt20 pb10 subshaicontent-part" key={k}>
|
|
|
|
|
<a style={{ height: '20px' }} className={ "mb15 shixun_repertoire color-dark"} name={list.id} id={item.id} onClick={this.getshixunchildValue}>{list.name}</a>
|
|
|
|
|
<div className="sub-Item clearfix">
|
|
|
|
|
{
|
|
|
|
|
list.tags.map((tag,e)=>{
|
|
|
|
|
return(
|
|
|
|
|
<a className={parseInt(shixunchildValues)===tag.id?"shixun_repertoire active":"shixun_repertoire"} key={e} id={tag.id} name={item.id} title="subshaicontentshow" rel="subshaicontent" onClick={this.getshixunchildValues}>{tag.name}</a>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
</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>*/}
|
|
|
|
|
{/*</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 className="fr mt3">*/}
|
|
|
|
|
{/*<Search*/}
|
|
|
|
|
{/*style={{ width: 300 }}*/}
|
|
|
|
|
{/*class="search-new-input fl"*/}
|
|
|
|
|
{/*placeholder="请输入创建者或名称进行搜索"*/}
|
|
|
|
|
{/*value={InputValue}*/}
|
|
|
|
|
{/*onInput={this.Input_searchs}*/}
|
|
|
|
|
{/*onSearch={value => this.Input_search(value)}*/}
|
|
|
|
|
{/*enterButton*/}
|
|
|
|
|
{/*/>*/}
|
|
|
|
|
{/*</div>*/}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default ShixunSearchBar;
|
|
|
|
|
import React, { Component } from 'react';
|
|
|
|
|
|
|
|
|
|
import { Select, Input } from 'antd';
|
|
|
|
|
|
|
|
|
|
import 'antd/lib/style/index.css';
|
|
|
|
|
|
|
|
|
|
import 'antd/lib/select/style/index.css';
|
|
|
|
|
|
|
|
|
|
import 'antd/lib/input/style/index.css';
|
|
|
|
|
|
|
|
|
|
import './shixunCss/ShixunSearchBar.css';
|
|
|
|
|
|
|
|
|
|
import axios from 'axios';
|
|
|
|
|
|
|
|
|
|
const $ = window.$;
|
|
|
|
|
|
|
|
|
|
const Option = Select.Option;
|
|
|
|
|
|
|
|
|
|
const Search = Input.Search;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class ShixunSearchBar extends Component {
|
|
|
|
|
|
|
|
|
|
constructor(props) {
|
|
|
|
|
super(props)
|
|
|
|
|
this.state = {
|
|
|
|
|
status: undefined,
|
|
|
|
|
diff: undefined,
|
|
|
|
|
InputValue: undefined,
|
|
|
|
|
shixunhoverData: [],
|
|
|
|
|
shixunchildValues:'',
|
|
|
|
|
shixunsearchAllvalue:"a",
|
|
|
|
|
openStatus:false,
|
|
|
|
|
openLevel:false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//状态筛选
|
|
|
|
|
status_search = (value) => {
|
|
|
|
|
let newvalue = value;
|
|
|
|
|
if (newvalue === "0") {
|
|
|
|
|
newvalue = " "
|
|
|
|
|
} else if (newvalue === "1") {
|
|
|
|
|
newvalue = 2
|
|
|
|
|
} else if (newvalue === "2") {
|
|
|
|
|
newvalue = 1
|
|
|
|
|
} else if (newvalue === "3") {
|
|
|
|
|
newvalue = 3
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.setState({
|
|
|
|
|
status: newvalue,
|
|
|
|
|
openStatus:false
|
|
|
|
|
})
|
|
|
|
|
let list = [{'type': 1}, {'value': newvalue}];
|
|
|
|
|
this.props.StatusEnquiry(list);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//难度筛选
|
|
|
|
|
diff_search = (value) => {
|
|
|
|
|
this.setState({
|
|
|
|
|
diff: value,
|
|
|
|
|
openLevel:false
|
|
|
|
|
})
|
|
|
|
|
let list=[{'type':2},{'value':value}];
|
|
|
|
|
this.props.StatusEnquiry(list);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//输入框搜索
|
|
|
|
|
Input_search = (value) => {
|
|
|
|
|
this.setState({
|
|
|
|
|
InputValue: value
|
|
|
|
|
})
|
|
|
|
|
this.props.OnSearchInput(value);
|
|
|
|
|
}
|
|
|
|
|
//查询
|
|
|
|
|
shixunsearchAll = (e) => {
|
|
|
|
|
let{shixunsearchAllvalue}=this.state;
|
|
|
|
|
let id = e.target.value;
|
|
|
|
|
|
|
|
|
|
if(shixunsearchAllvalue===id){
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
if(id===0){
|
|
|
|
|
id=" "
|
|
|
|
|
this.setState({
|
|
|
|
|
InputValue: " "
|
|
|
|
|
})
|
|
|
|
|
this.props.OnSearchInput("");
|
|
|
|
|
}
|
|
|
|
|
let list=[{'tag_level':1},{'tag_id':id}];
|
|
|
|
|
if(id!=undefined){
|
|
|
|
|
this.setState({
|
|
|
|
|
shixunsearchAllvalue:id,
|
|
|
|
|
shixunchildValues:""
|
|
|
|
|
})
|
|
|
|
|
this.props.Updatasearchlist(list);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
shixunsearchall=(e)=>{
|
|
|
|
|
let{shixunsearchAllvalue}=this.state;
|
|
|
|
|
let id = "a";
|
|
|
|
|
|
|
|
|
|
if(shixunsearchAllvalue===id){
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
this.setState({
|
|
|
|
|
shixunsearchAllvalue:"a",
|
|
|
|
|
shixunchildValues:""
|
|
|
|
|
})
|
|
|
|
|
this.props.allUpdatashixunlist();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//选择Tab页详情
|
|
|
|
|
getshixunchildValue = (e) => {
|
|
|
|
|
let id = e.target.name;
|
|
|
|
|
let newid=e.target.id;
|
|
|
|
|
let list=[{'tag_level':2},{'tag_id':id}];
|
|
|
|
|
if(id!=undefined||newid!=undefined){
|
|
|
|
|
this.setState({
|
|
|
|
|
shixunsearchAllvalue:newid
|
|
|
|
|
})
|
|
|
|
|
this.props.Updatasearchlist(list);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
getshixunchildValues = (e) => {
|
|
|
|
|
let id = e.target.id;
|
|
|
|
|
let newid=e.target.name;
|
|
|
|
|
let list=[{'tag_level':3},{'tag_id':id}];
|
|
|
|
|
if(id!=undefined||newid!=undefined){
|
|
|
|
|
this.setState({
|
|
|
|
|
shixunchildValues:id,
|
|
|
|
|
shixunsearchAllvalue:newid
|
|
|
|
|
})
|
|
|
|
|
this.props.Updatasearchlist(list);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
componentDidMount() {
|
|
|
|
|
let hoverUrlArr = [];
|
|
|
|
|
let hoverUrl = `/shixuns/menus.json`;
|
|
|
|
|
axios.get(hoverUrl
|
|
|
|
|
).then((response) => {
|
|
|
|
|
hoverUrlArr = response.data;
|
|
|
|
|
hoverUrlArr.reverse();
|
|
|
|
|
this.setState({
|
|
|
|
|
shixunhoverData: hoverUrlArr
|
|
|
|
|
})
|
|
|
|
|
}).catch((error) => {
|
|
|
|
|
console.log(error)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// componentWillReceiveProps(nextProps) {
|
|
|
|
|
// console.log(nextProps.parsedid)
|
|
|
|
|
// if(nextProps.newtag_level===1){
|
|
|
|
|
// this.setState({
|
|
|
|
|
// InputValue: this.props.keyword,
|
|
|
|
|
// shixunsearchAllvalue:nextProps.parsedid
|
|
|
|
|
//
|
|
|
|
|
// })
|
|
|
|
|
// }else if(nextProps.newtag_level===2){
|
|
|
|
|
// this.setState({
|
|
|
|
|
// InputValue: this.props.keyword,
|
|
|
|
|
// shixunsearchAllvalue:nextProps.newpalce,
|
|
|
|
|
// shixunchildValues:nextProps.parsedid
|
|
|
|
|
//
|
|
|
|
|
// })
|
|
|
|
|
// }else if(nextProps.newtag_level===3){
|
|
|
|
|
// this.setState({
|
|
|
|
|
// InputValue: this.props.keyword,
|
|
|
|
|
// shixunsearchAllvalue:nextProps.newpalce,
|
|
|
|
|
// shixunchildValues:nextProps.parsedid
|
|
|
|
|
//
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
//
|
|
|
|
|
//
|
|
|
|
|
// }
|
|
|
|
|
openStatusOption=()=>{
|
|
|
|
|
this.setState({
|
|
|
|
|
openLevel:false,
|
|
|
|
|
openStatus:true
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
openLevelOption=()=>{
|
|
|
|
|
this.setState({
|
|
|
|
|
openLevel:true,
|
|
|
|
|
openStatus:false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
openStatusOptions=()=>{
|
|
|
|
|
this.setState({
|
|
|
|
|
openLevel:false,
|
|
|
|
|
openStatus:false
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
Input_searchs = (e) => {
|
|
|
|
|
this.setState({
|
|
|
|
|
InputValue: e.target.value
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
render() {
|
|
|
|
|
let {shixunhoverData, shixunchildValues, shixunsearchAllvalue, InputValue,openStatus,openLevel} = this.state;
|
|
|
|
|
let {typepvisible} = this.props;
|
|
|
|
|
//实训首页筛选的移入和点击事件
|
|
|
|
|
$(".shaiItem").hover(function(){
|
|
|
|
|
var hei=parseInt($(".shaiAllItem").height())-2;
|
|
|
|
|
$(this).find(".subshaicontent").css("top", '34px');
|
|
|
|
|
$(this).find(".subshaicontent").show();
|
|
|
|
|
},function(){
|
|
|
|
|
$(this).find(".subshaicontent").hide();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$(".shaiItem").live("click",function(){
|
|
|
|
|
$(".shaiItem").removeClass("active");
|
|
|
|
|
$(this).addClass("active");
|
|
|
|
|
$(".subshaicontent").hide();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$(".subshaicontent").live("click", function(event){
|
|
|
|
|
$(".subshaicontent").hide();
|
|
|
|
|
event.stopPropagation();
|
|
|
|
|
});
|
|
|
|
|
return (
|
|
|
|
|
<div className="edu-back-white" >
|
|
|
|
|
<div className="educontent">
|
|
|
|
|
<div className="pt40 pb40">
|
|
|
|
|
<div className="clearfix mb30 shaiContent">
|
|
|
|
|
<span className="shaiTitle fl mt3">方向：</span>
|
|
|
|
|
<div className="fl pr shaiAllItem">
|
|
|
|
|
<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}
|
|
|
|
|
<div className="subshaicontent" id={item.id+"show"} style={{ top: '33px', display: 'none',maxHeight: '400px' }}>
|
|
|
|
|
{
|
|
|
|
|
item.sub_repertoires.map((list,k)=>{
|
|
|
|
|
return(
|
|
|
|
|
<div className="mt20 pb10 subshaicontent-part" key={k}>
|
|
|
|
|
<a style={{ height: '20px' }} className={ "mb15 shixun_repertoire color-dark"} name={list.id} id={item.id} onClick={this.getshixunchildValue}>{list.name}</a>
|
|
|
|
|
<div className="sub-Item clearfix">
|
|
|
|
|
{
|
|
|
|
|
list.tags.map((tag,e)=>{
|
|
|
|
|
return(
|
|
|
|
|
<a className={parseInt(shixunchildValues)===tag.id?"shixun_repertoire active":"shixun_repertoire"} key={e} id={tag.id} name={item.id} title="subshaicontentshow" rel="subshaicontent" onClick={this.getshixunchildValues}>{tag.name}</a>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</div>
|
|
|
|
|
</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>*/}
|
|
|
|
|
{/*</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 className="fr mt3">*/}
|
|
|
|
|
{/*<Search*/}
|
|
|
|
|
{/*style={{ width: 300 }}*/}
|
|
|
|
|
{/*class="search-new-input fl"*/}
|
|
|
|
|
{/*placeholder="请输入创建者或名称进行搜索"*/}
|
|
|
|
|
{/*value={InputValue}*/}
|
|
|
|
|
{/*onInput={this.Input_searchs}*/}
|
|
|
|
|
{/*onSearch={value => this.Input_search(value)}*/}
|
|
|
|
|
{/*enterButton*/}
|
|
|
|
|
{/*/>*/}
|
|
|
|
|
{/*</div>*/}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default ShixunSearchBar;
|
|
|
|
|
|
