Browse Source

Chrome治疗方案组件直接放在root下,放在诊断下面chrome41拖动弹窗下面滚动条也会动(1878)

zhangxc 5 years ago
parent
commit
11e3cbe8ba
1 changed files with 4 additions and 2 deletions
  1. 4 2
      src/components/Treat/index.jsx

+ 4 - 2
src/components/Treat/index.jsx

@@ -16,6 +16,7 @@ import drugIcon from './img/drug.png';
 import adverseReactionIcon from './img/adverseReaction.png';
 import $ from "jquery";
 import {dragBox} from '@utils/drag';
+import ReactDom from "react-dom";
 
 class Treat extends Component {
     constructor(props){
@@ -65,7 +66,8 @@ class Treat extends Component {
                 selectDrug, drugInfo, treatDesc, setOtherRecommend, setDrugInfo, showDrug, showDrugInfo,hideDrugInfo,
                 title, drugInfoList, hideDrugInfoMore, adversReactionList, changeReact, followUp, setFollowUp, isRead, hasFollowUp} = this.props;
         const { zIndex,show } = this.state
-        return(
+        const domNode = document.getElementById('root');
+        return ReactDom.createPortal(
             <div   className={style['treat-wrapper']}>
                 <div className={style['treat-mask']} onClick={this.hideTreat}>
                 </div>
@@ -125,7 +127,7 @@ class Treat extends Component {
                 {showDrug && drugInfo && <DrugInfo setTreatBox={this.setTreatBox} treatIndexSet={treatIndexSet} drugInfo = {drugInfo} hideDrugInfo = {hideDrugInfo}></DrugInfo>}
                 {/* 查询多个药品说明书 (添加数据查看药品说明书用)*/}
                 {/* {showDrug && <DrugInfo drugInfoList = {drugInfoList} hideDrugInfoMore = {hideDrugInfoMore}></DrugInfo>} */}
-            </div>
+            </div>,domNode
         )
     }
 }