|
@@ -8,13 +8,13 @@ class ScaleSearch extends Component {
|
|
|
super(props);
|
|
|
this.$inp = React.createRef();
|
|
|
this.$cont = React.createRef();
|
|
|
- this.$contList = React.createRef();
|
|
|
this.state={
|
|
|
val:''
|
|
|
};
|
|
|
this.search = this.search.bind(this);
|
|
|
this.handleChange = this.handleChange.bind(this);
|
|
|
this.clear = this.clear.bind(this);
|
|
|
+ this.handleEnter = this.handleEnter.bind(this);
|
|
|
}
|
|
|
getResult(id){
|
|
|
const {formulaResult} = this.props;
|
|
@@ -52,6 +52,11 @@ class ScaleSearch extends Component {
|
|
|
val:this.$inp.current.value
|
|
|
});
|
|
|
}
|
|
|
+ handleEnter(e){
|
|
|
+ if(e.keyCode==13){
|
|
|
+ this.search();
|
|
|
+ }
|
|
|
+ }
|
|
|
clear(){
|
|
|
this.$inp.current.value = '';
|
|
|
this.setState({
|
|
@@ -59,14 +64,12 @@ class ScaleSearch extends Component {
|
|
|
});
|
|
|
}
|
|
|
componentDidMount(){
|
|
|
- const height = getWindowInnerHeight()-234;
|
|
|
+ const height = getWindowInnerHeight()-170;
|
|
|
this.$cont.current.style.height = height+"px";
|
|
|
- this.$contList.current.style.height = height-30+"px";
|
|
|
if(this.$cont.current){
|
|
|
windowEventHandler('resize', ()=>{
|
|
|
- const height = getWindowInnerHeight()-234;
|
|
|
+ const height = getWindowInnerHeight()-170;
|
|
|
this.$cont.current.style.height = height+"px";
|
|
|
- this.$contList.current.style.height = height-30+"px";
|
|
|
});
|
|
|
}
|
|
|
}
|
|
@@ -74,31 +77,27 @@ class ScaleSearch extends Component {
|
|
|
const {searchResult} = this.props;
|
|
|
const {val} = this.state;
|
|
|
return (
|
|
|
- <div className={style['mefical-info-wrapper']}>
|
|
|
- <div className={style['search-cont']}>
|
|
|
- <p className={style['title']}>量表搜索</p>
|
|
|
- <p className={style['cont']}>
|
|
|
- <input type="text" className={style['input']} ref={this.$inp} onInput={this.handleChange}/>
|
|
|
- {val?<img src={delIcon} alt="清空" onClick={this.clear}/>:''}
|
|
|
- <button onClick={this.search}>搜索</button>
|
|
|
- </p>
|
|
|
- <div className={style['result-box']} ref={this.$cont}>
|
|
|
- <div className={style['result']} style={searchResult&&searchResult.length>0? {'display': 'block'} : {'display': 'none'}}>
|
|
|
- <p className={style['title']}>查询内容</p>
|
|
|
- <ul className={style['result-list']} ref={this.$contList}>
|
|
|
- {this.getSearchList()}
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- <p className={style['no-data']} style={searchResult&&searchResult.length>0? {'display': 'none'} : {'display': 'block'}}>暂无搜索结果!</p>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
+ <div className={style['search-cont']} ref={this.$cont}>
|
|
|
+ <div className={style['search-box']}>
|
|
|
+ <p className={style['title']}>量表搜索</p>
|
|
|
+ <p className={style['cont']}>
|
|
|
+ <input type="text" className={style['input']} ref={this.$inp} onInput={this.handleChange} onKeyUp={this.handleEnter}/>
|
|
|
+ {val?<img src={delIcon} alt="清空" onClick={this.clear}/>:''}
|
|
|
+ <button onClick={this.search}>搜索</button>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ {searchResult&&searchResult.length>0?<div className={style['result']}>
|
|
|
+ <p className={style['title']}>查询内容</p>
|
|
|
+ <ul>
|
|
|
+ {this.getSearchList()}
|
|
|
+ </ul>
|
|
|
+ </div>:<p className={style['no-data']}>暂无搜索结果!</p>}
|
|
|
</div>
|
|
|
-
|
|
|
)
|
|
|
|
|
|
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-export default ScaleSearch;
|
|
|
+export default ScaleSearch;
|