Merge branch 'dev5.3.1' of http://192.168.2.236:10080/zhouna/newICSS into dev5.3.1

src/components/AddAssistCheck/index.jsx

@@ -37,7 +37,7 @@ class AddAssistCheck extends React.Component {
       let _closeTil = $('#delTit')[0];   // 弹窗标题
       if (_con && searchWrapAssist != event.target && !_con.is(event.target) && _con.has(event.target).length === 0) { // Mark 1
         if(this.state.show){
-          this.props.setHighter(0)
+          this.props.setHighter(10)
         }
         this.setState({ show: false });
       }
@@ -109,6 +109,7 @@ class AddAssistCheck extends React.Component {
             className={styles.searchLi}
             title={(item.name == item.retrievalName || !item.retrievalName) ? null : '(' + item.retrievalName + ')'}
             onClick={() => {
+              this.props.setHighter(10)
               handleSign(item.conceptId,idx,'search');
               this.setState({ show: false })
             }}
@@ -128,6 +129,7 @@ class AddAssistCheck extends React.Component {
             className={styles.searchLi}
             title={item.name}
             onClick={() => {
+              this.props.setHighter(10)
               handleSign(item.conceptId, idx,'common');
               this.setState({ show: false })
             }}
@@ -250,7 +252,19 @@ class AddAssistCheck extends React.Component {
         <div id="searchWrapAssist" style={{ position: "relative", clear: 'both' }}>
           <Add showText="添加辅检项" handleClick={(e) => this.handleSearchShow(e)} id="assistCheck" />
           {this.state.show ? <SearchOption windowHeight={windowHeight} refreshScroller={refreshScroller }  pageTop={pageTop} height={280} handleChangeValue={handleChangeValue} visible={true}>
-            {list && list.length>0?this.getSearchList(list):(assistVal == ''?'':<p style={{padding:'5px 30px',color:'#bfbfbf'}}>暂无筛选项</p>)}
+            {list && list.length>0?
+              <ScrollArea speed={0.8}
+                horizontal={false}
+                stopScrollPropagation={true}
+                style={{height:'257px'}}
+                className={styles["area"]}
+                verticalContainerStyle={contStyle}
+                verticalScrollbarStyle={barStyle}
+                contentClassName="content">
+                {
+                  this.getSearchList(list)
+                }
+              </ScrollArea>:(assistVal == ''?'':<p style={{padding:'5px 30px',color:'#bfbfbf'}}>暂无筛选项</p>)}
             {
               (list && list.length>0) || (assistVal != '') || (assistList&&assistList.length==0)?'':<div>
                 <p style={{padding:'5px 30px',color:'#bfbfbf'}}>常用辅检项</p>

src/components/AddInspect/index.jsx

@@ -91,7 +91,7 @@ class Inspect extends React.Component {
       if (searchOption) {
         if (searchOption != event.target && searchWrap != event.target && searchWrap != event.target.parentNode && !$.contains(searchOption, event.target)) { // Mark 1
           if(this.state.show){
-            this.props.setHighter(0)
+            this.props.setHighter(10)
           }
           this.setState({ show: false });
         }
@@ -99,7 +99,7 @@ class Inspect extends React.Component {
       if (inspectFill) {
         if ($(event.target).attr('id') != "getSureTime"&&event.target.getAttribute('data-flg') != 'current' && inspectFill != event.target && !$.contains(inspectFill, event.target)) { // Mark 1
           if(this.state.showFill){
-            this.props.setHighter(0)
+            this.props.setHighter(10)
           }
           this.setState({ showFill: false, date: false });
         }
@@ -123,7 +123,7 @@ class Inspect extends React.Component {
   }
   changeShowFill() {
     this.setState({ showFill: false })
-    this.props.setHighter(0)
+    this.props.setHighter(10)
   }
   handleChangeDate(info) {
     // let date = info.year+'-'+info.month.toString().padStart(2,'0')+'-'+info.day.toString().padStart(2,'0')
@@ -255,6 +255,7 @@ class Inspect extends React.Component {
             className={styles.searchLi}
             title={(item.name == item.retrievalName || !item.retrievalName) ? item.name : item.name + '(' + item.retrievalName + ')'}
             onClick={() => {
+              this.props.setHighter(10)
               handleSign(item.questionId, idx, 'search');
               this.setState({ show: false })
             }}
@@ -274,6 +275,7 @@ class Inspect extends React.Component {
             className={styles.searchLi}
             title={item.name}
             onClick={() => {
+              this.props.setHighter(10)
               handleSign(item.questionId, idx, 'common');
               this.setState({ show: false })
             }}
@@ -403,7 +405,19 @@ class Inspect extends React.Component {
         <div style={{ position: "relative", clear: "both", top: "5px" }}>
           <Add showText="添加化验项" handleClick={(e) => this.handleSearchShow(e)} id="searchWrap" />
           {this.state.show ? <SearchOption windowHeight={windowHeight} height={280} refreshScroller={refreshScroller} pageTop={pageTop} handleChangeValue={handleChangeValue} visible={true}>
-            {list && list.length > 0 ? this.getSearchList(list) : (inspectVal == '' ? '' : <p style={{ padding: '5px 30px', color: '#bfbfbf' }}>暂无筛选项</p>)}
+            {list && list.length > 0 ? 
+            <ScrollArea speed={0.8}
+              horizontal={false}
+              stopScrollPropagation={true}
+              style={{height:'257px'}}
+              className={styles["area"]}
+              verticalContainerStyle={contStyle}
+              verticalScrollbarStyle={barStyle}
+              contentClassName="content">
+              {
+                this.getSearchList(list)
+              }
+            </ScrollArea> : (inspectVal == '' ? '' : <p style={{ padding: '5px 30px', color: '#bfbfbf' }}>暂无筛选项</p>)}
             {
               (list && list.length > 0) || (inspectVal != '') || (inspectList&&inspectList.length==0) ? '' : <div>
                 <p style={{ padding: '5px 30px', color: '#bfbfbf' }}>常用化验项</p>

src/components/DiagResultSearch/index.jsx

@@ -28,7 +28,7 @@ class DiagResultSearch extends Component {
         } else {
           if (e.target != diagSearch && e.target != addDiag && e.target.parentNode != addDiag && !$.contains(diagSearch, e.target)) {
             that.props.hideSearch();
-            that.props.setHighter(0)
+            that.props.setHighter(10)
           }
 
 
@@ -41,10 +41,11 @@ class DiagResultSearch extends Component {
 
   getSearchList(searchResult) {
     return <div className={style['search-result']}>
-
       {
         searchResult && searchResult.map((item) => {
-          return (<div key={item.id} className={style['search-result-item']}><DiagnosticItem title={true} item={item} clearInput={this.clearInput} type='search'/></div>)
+          return (<div key={item.id} className={style['search-result-item']}>
+            <DiagnosticItem setHighter={this.props.setHighter} title={true} item={item} clearInput={this.clearInput} type='search'/>
+          </div>)
         })
       }
     </div>
@@ -67,7 +68,7 @@ class DiagResultSearch extends Component {
           <ScrollArea speed={0.8}
                       horizontal={false}
                       stopScrollPropagation={true}
-                      style={{height:'225px'}}
+                      style={{height:'257px'}}
                       className={style["area"]}
                       verticalContainerStyle={contStyle}
                       verticalScrollbarStyle={barStyle}

src/components/DiagResultSearch/index.less

@@ -43,7 +43,7 @@
 .search-result {
     /*overflow-y: auto;
     max-height: 225px;*/
-    min-height: 80px;
+    // min-height: 80px;
 }
 
 .search-result-item {

src/components/DiagnosticItem/index.jsx

@@ -25,11 +25,13 @@ class DiagnosticItem extends Component{
         this.getTips = this.getTips.bind(this)
     }
     confirm() {
+        this.props.setHighter&&this.props.setHighter(10)
         this.close();
         const diagType = 1;
         this.addDiagodal(diagType)
     }
     cancel() {
+        this.props.setHighter&&this.props.setHighter(10)
         this.close();
         const diagType = 2;
         this.addDiagodal(diagType)
@@ -72,7 +74,7 @@ class DiagnosticItem extends Component{
          addDiagnostic&&addDiagnostic(item);
          clearInput&&clearInput();
          hideSearch&&hideSearch();
-        this.context.scrollArea.refresh();
+         this.context.scrollArea&&this.context.scrollArea.refresh();
          //document.getElementById("diagnosisResult").scrollIntoView(true)
     }
     handleMouseEnterDrug() {

src/components/EMRContainer/index.jsx

@@ -37,6 +37,7 @@ class EMRContainer extends Component {
           }
         });
     }
+
     setHighter(ht){
       // console.log(this.$div.current.scrollHeight);
       if(this.$div.current){
@@ -60,7 +61,7 @@ class EMRContainer extends Component {
                       verticalContainerStyle={contStyle}
                       verticalScrollbarStyle={barStyle}
                       contentClassName="content">
-          <InfoTitle></InfoTitle>
+            <InfoTitle></InfoTitle>
             <div className={style['inner']} id="EmrContainer" ref={this.$div}>
                 <MainSuit></MainSuit>
                 <CurrentIll></CurrentIll>

src/components/Inspect/index.jsx

@@ -68,6 +68,7 @@ class Inspect extends React.Component {
         }
       }
     });
+    this.props.setContext(this.context)
   }
   handleBindFileApi(){
     const {message} = this.props;

src/components/PushItems/DetailsModal/index.less

@@ -67,6 +67,15 @@
     height: 100%;
     padding: 0 180px 0 40px;
     overflow-y: auto;
+    ul, ol {
+        padding: 0 0 0 15px;
+      }
+      ul li {
+        list-style: disc;
+      }
+      ol li{
+       list-style: decimal;
+     }
 }
 .content-menu-box {
     position: absolute;
@@ -121,4 +130,4 @@
     opacity: .6;
     filter:alpha(opacity=60);
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60);";
-}
+}

src/components/TreatDesc/DrugInfo/index.less

@@ -13,6 +13,15 @@
     box-shadow: 0px 0px 5px -2px #7d7c7c;
     word-break: break-all;
     max-width: 100%;
+    ul, ol {
+        padding: 0 0 0 15px;
+      }
+      ul li {
+        list-style: disc;
+      }
+      ol li{
+       list-style: decimal;
+     }
 }
 .drug-desc-wrapper {
     height: 100%;

src/components/TreatDesc/index.jsx

@@ -65,7 +65,7 @@ class TreatDesc extends Component {
         const  { treatment, treatDesc, setDrugInfo} = this.props
         const { title, basic, otherDrugIndex, drugDesc} = treatDesc
         const { currentIndex, hasEnterImg } = this.state
-        return (treatment && treatment.length >0 && <div  className={style['treat-desc-box']}>
+        return (treatment && treatment.length >0 && <div  className={style['treat-desc-box']+" "+"clearfix" }>
             {title && title === '药品推荐' ? <div className={style['similar-drug-box']} id='treatDescBox'>
                 {/* { basic && basic.length > 0 && <div> //推荐依据不需要展示
                     <h3 className={style['recommend-title']}>推荐依据</h3>
@@ -74,43 +74,45 @@ class TreatDesc extends Component {
                         </div>)
                     })}
                 </div> } */}
-                { otherDrugIndex > -1 && <div  className={style['similar-drug']}>
-                    <h3 className={style['drug-desc-title']}><span className={style['drug-desc-class-title']} title={'同类药物(' + treatment[otherDrugIndex].bigdrugsName + ')'}>同类药物({treatment[otherDrugIndex].bigdrugsName})</span>  <img src={packUp} onClick={this.hideTreatDesc} className={style['close-drug-desc']} /></h3>
-                    {treatment[otherDrugIndex].medicitionsList.map((item, index) =>{
-                        return (<span >
-                        {index === 0 ? '' : ', '}     
-                        <span className={style['drug-name-box']}
-                            onMouseEnter={this.handleMouseEnterDrug.bind(this, index, item )}
-                            onMouseLeave = {this.handleMouseLeaveDrug}
-                            id={item.medicitionName}
-                        >
-                            <span className={style['drug-name']} 
-                                // onDoubleClick={() =>{setDrugInfo(item);showDrugInfo();}} 
-                                onClick={()=>{item.forbidden === '2' ? '' : this.handleSelect(otherDrugIndex,index)}} 
-                                style={item.forbidden === '2' ? {opacity: '0.3', filter:'alpha(opacity=30)',filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=30)'} : item.selected ? {color: '#3B9ED0'}:''}
-                                >
-                                {item.medicitionName}
-                            </span>
-                            {<img className={style['info-img']}  
-                                style ={currentIndex === index ? {display: "inline-block"} : {display: "none"}}
-                                src={currentIndex === index ?  (hasEnterImg ? info3 : info2) : info2} 
+                { otherDrugIndex > -1 && <div  className={style['similar-drug-wrapper'] +" "+"clearfix" }>
+                        <h3 className={style['drug-desc-title']}><span className={style['drug-desc-class-title']} title={'同类药物(' + treatment[otherDrugIndex].bigdrugsName + ')'}>同类药物({treatment[otherDrugIndex].bigdrugsName})</span>  <img src={packUp} onClick={this.hideTreatDesc} className={style['close-drug-desc']} /></h3>
+                        <div  className={style['similar-drug'] +" "+"clearfix" }>
+                        {treatment[otherDrugIndex].medicitionsList.map((item, index) =>{
+                            return (<span >
+                            {index === 0 ? '' : ', '}     
+                            <span className={style['drug-name-box']}
+                                onMouseEnter={this.handleMouseEnterDrug.bind(this, index, item )}
+                                onMouseLeave = {this.handleMouseLeaveDrug}
+                                id={item.medicitionName}
+                            >
+                                <span className={style['drug-name']} 
+                                    // onDoubleClick={() =>{setDrugInfo(item);showDrugInfo();}} 
+                                    onClick={()=>{item.forbidden === '2' ? '' : this.handleSelect(otherDrugIndex,index)}} 
+                                    style={item.forbidden === '2' ? {opacity: '0.3', filter:'alpha(opacity=30)',filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=30)'} : item.selected ? {color: '#3B9ED0'}:''}
+                                    >
+                                    {item.medicitionName}
+                                </span>
+                                {<img className={style['info-img']}  
+                                    style ={currentIndex === index ? {display: "inline-block"} : {display: "none"}}
+                                    src={currentIndex === index ?  (hasEnterImg ? info3 : info2) : info2} 
+                                    onMouseEnter={this.handleMouseEnterImg.bind(this, index)}
+                                    onMouseLeave = {this.handleMouseLeaveImg}
+                                    onClick={() =>{setDrugInfo({name: item.medicitionName, type: 8, position: 5})}}
+                                    />}
+                            </span>              
+                            
+                            {/* {<img className={style['info-img']}    
+                                src={currentIndex === index ? info1 : info} 
                                 onMouseEnter={this.handleMouseEnterImg.bind(this, index)}
                                 onMouseLeave = {this.handleMouseLeaveImg}
-                                onClick={() =>{setDrugInfo({name: item.medicitionName, type: 8, position: 5})}}
-                                />}
-                        </span>              
-                        
-                        {/* {<img className={style['info-img']}    
-                            src={currentIndex === index ? info1 : info} 
-                            onMouseEnter={this.handleMouseEnterImg.bind(this, index)}
-                            onMouseLeave = {this.handleMouseLeaveImg}
-                            onClick={() =>{setDrugInfo(item,8,5);showDrugInfo();}}/>} */}
-                        {item.forbidden === '1' ? <span className={style['info-flag']} style={{border: '1px solid #F4C051', background: '#F4C051',marginLeft: '5px'}}>慎用</span>: item.forbidden === '2' ? <span className={style['info-flag']} style={{opacity: '0.3', filter:'alpha(opacity=30)',filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=30)',border: '1px solid #000',marginLeft: '5px'}}>禁用</span> : ''},
-                        <span  style={item.forbidden === '2' ? {opacity: '0.3', filter:'alpha(opacity=30)',filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=30)'} : ''}> 使用率{item.rate}</span>
-                        
-                    </span>)
-                    })}
-                </div> }
+                                onClick={() =>{setDrugInfo(item,8,5);showDrugInfo();}}/>} */}
+                            {item.forbidden === '1' ? <span className={style['info-flag']} style={{border: '1px solid #F4C051', background: '#F4C051',marginLeft: '5px'}}>慎用</span>: item.forbidden === '2' ? <span className={style['info-flag']} style={{opacity: '0.3', filter:'alpha(opacity=30)',filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=30)',border: '1px solid #000',marginLeft: '5px'}}>禁用</span> : ''},
+                            <span  style={item.forbidden === '2' ? {opacity: '0.3', filter:'alpha(opacity=30)',filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=30)'} : ''}> 使用率{item.rate}</span>
+                            
+                        </span>)
+                        })}
+                    </div> 
+                </div>}
             </div>: '' }
             {/* { title !== '药品推荐' ? <div>
                 { drugDesc && drugDesc.length > 0 && <div className={style['drug-desc-wrapper']}>

src/components/TreatDesc/index.less

@@ -36,18 +36,21 @@
 .similar-drug-box {
     display: none;
 }
-.similar-drug {
+.similar-drug-wrapper {
     position: absolute;
-    padding-top: 40px;
-    overflow-y: auto;
+    
     width: 260px;
     left: 680px;
     height: 100%;
     top: 0;
     background: #fff;
-    padding: 60px 20px 80px;
+    padding: 40px  0 20px 20px;
     box-shadow: 2px 0px 5px -2px #7d7c7c;
 }
+.similar-drug {
+    height: 100%;
+    overflow-y: auto;
+}
 .drug-name-box {
     display: inline-block;
     height: 30px;

src/containers/Inspect.js

@@ -15,6 +15,7 @@ import {
   delExcelLis,
   clearLabel,
   delPartItem,
+  setContext
 } from '@store/actions/inspect';
 import {
   billing,
@@ -38,6 +39,9 @@ function mapStateToProps(state) {//console.log(state)
 
 function mapDispatchToProps(dispatch, store) {
   return {
+    setContext(obj){
+      dispatch(setContext(obj))
+    },
     handleChangeValue(val) {
       dispatch(getSearchList(val))
     },

src/store/actions/inspect.js

@@ -1,4 +1,4 @@
-import {ADD_LABEL,SEARCH_LIST,SET_LABEL,FILL_ACTIVE,FILL_ACTIVE_DETAIL,GET_EXCEL,CHECK_VALUE_IS_CHANGE,CLEAR_LABEL,RESET_LABEL,CLEAR_ALL_LABEL,DEL_PART_ITEM,DEL_EXCEL_LIST} from '../types/inspect';
+import {SET_CONTEXT,ADD_LABEL,SEARCH_LIST,SET_LABEL,FILL_ACTIVE,FILL_ACTIVE_DETAIL,GET_EXCEL,CHECK_VALUE_IS_CHANGE,CLEAR_LABEL,RESET_LABEL,CLEAR_ALL_LABEL,DEL_PART_ITEM,DEL_EXCEL_LIST} from '../types/inspect';
 
 export const setLabel = (idx,sign) => ({          //搜索后点击选中的结果
     type:SET_LABEL,
@@ -59,3 +59,7 @@ export const clearAllLabel = (data,dataExcel,saveTextData) => ({
     dataExcel,
     saveTextData
 })
+export const setContext = (obj) => ({
+    type:SET_CONTEXT,
+    obj
+})

src/store/reducers/inspect.js

@@ -9,7 +9,8 @@ import {
     CLEAR_ALL_LABEL,
     DEL_PART_ITEM,
     DEL_EXCEL_LIST,
-    ADD_LABEL
+    ADD_LABEL,
+    SET_CONTEXT
 } from '../types/inspect';
 import store from '@store';
 import { getStringPlus,  getPushLists,  getPushList} from '@utils/tools.js';
@@ -27,6 +28,7 @@ const initSearchList = {
     pushItem:[],    //推送的数据
     pushItems:[],    //右侧模板预览的数据
     inspectVal:'',
+    context:{}
 }
 
 export default (state = initSearchList, action) => {
@@ -168,6 +170,11 @@ export default (state = initSearchList, action) => {
         newState.inspectStrPlus = getStringPlus(newState.pushItems)
         return newState;
     }
+    if (action.type == SET_CONTEXT) {    
+        const newState = Object.assign({}, state);
+        newState.context = action.obj
+        return newState;
+    }
     return state;
 }
 

src/store/types/inspect.js

@@ -11,3 +11,4 @@ export const CLEAR_ALL_LABEL = 'CLEAR_ALL_LABEL';
 export const DEL_PART_ITEM = 'DEL_PART_ITEM';
 export const DEL_EXCEL_LIST = 'DEL_EXCEL_LIST';
 export const ADD_LABEL = 'ADD_LABEL';
+export const SET_CONTEXT = 'SET_CONTEXT';

src/utils/tools.js

@@ -235,6 +235,7 @@ const getAllDataStringList =(baseList) =>{           //获取所有模块文本
  * @param {引用的话是保存时候的文本类型，编辑的时候是当前页面设置的文本类型} whichSign 
  */
 const pushAllDataList =(whichSign,action,reData,type) =>{           //回读清空所有的数据
+  store.getState().inspect.context.scrollArea&&store.getState().inspect.context.scrollArea.scrollTop()
     if(action == 'clear'){     //清空
       const block = Object.assign(JSON.parse(config.textLabel),{full:true});//空白时保留一个自由文本标签
       //清除已删除标签记录