|
@@ -10,7 +10,8 @@ class Banner extends Component {
|
|
|
constructor(props){
|
|
|
super(props)
|
|
|
this.state = {
|
|
|
- mode: props.typeConfig
|
|
|
+ mode: props.typeConfig,
|
|
|
+ zIndex:40
|
|
|
};
|
|
|
this.showConfigModal = this.showConfigModal.bind(this);
|
|
|
this.closeConfigModal = this.closeConfigModal.bind(this);
|
|
@@ -20,13 +21,17 @@ class Banner extends Component {
|
|
|
|
|
|
showConfigModal(){
|
|
|
this.setState({
|
|
|
- mode:this.props.typeConfig
|
|
|
+ mode:this.props.typeConfig,
|
|
|
+ zIndex:202
|
|
|
});
|
|
|
this.props.showConfigModal()
|
|
|
}
|
|
|
|
|
|
closeConfigModal(){
|
|
|
this.props.closeConfigModal();
|
|
|
+ this.setState({
|
|
|
+ zIndex:40
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
changeType(typeConfig){
|
|
@@ -36,8 +41,17 @@ class Banner extends Component {
|
|
|
}
|
|
|
|
|
|
confirmType(){
|
|
|
- this.props.confirmType(this.state.mode);
|
|
|
+ const {typeConfig,confirmType} = this.props;
|
|
|
+ const mode = this.state.mode;
|
|
|
+ if(mode==typeConfig){
|
|
|
+ this.closeConfigModal()
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ confirmType&&confirmType(mode);
|
|
|
this.closeConfigModal()
|
|
|
+ this.setState({
|
|
|
+ zIndex:40
|
|
|
+ })
|
|
|
}
|
|
|
/*componentDidUpdate(){
|
|
|
const {failed} = this.props;
|
|
@@ -48,11 +62,11 @@ class Banner extends Component {
|
|
|
}*/
|
|
|
render() {
|
|
|
const {visible} = this.props;
|
|
|
- const {mode} = this.state;
|
|
|
+ const {mode,zIndex} = this.state;
|
|
|
const {showConfigModal, closeConfigModal, changeType, confirmType} = this;
|
|
|
|
|
|
return (
|
|
|
- <div className={style["logo"]} >
|
|
|
+ <div className={style["logo"]} style={{zIndex:zIndex}}>
|
|
|
<img src={logo} />
|
|
|
<span>| 智能辅助临床决策系统</span>
|
|
|
<div className={style["buon"]} onClick={showConfigModal}>
|
|
@@ -63,7 +77,7 @@ class Banner extends Component {
|
|
|
<div className={style['shade']}></div>
|
|
|
<div className={style['content']}>
|
|
|
<div className={style['close']}>设置<img src={close} onClick={closeConfigModal} /></div>
|
|
|
- <p className={style['title']}>模式切换<i>(模式说明:切换模式会清空当前主诉、现病史、其他史填入的数据)</i></p>
|
|
|
+ <p className={style['title']}>模式切换<i>(模式说明:切换模式会清空当前所有的数据)</i></p>
|
|
|
<ul>
|
|
|
<li className={+mode===0?style['selected']:''} onClick={() => changeType(0)}><img src={ok} />智能推送模式</li>
|
|
|
<li className={+mode===1?style['selected']:''} onClick={() => changeType(1)}><img src={ok} />纯文本模式</li>
|