v6

src/components/AddInspect/index.jsx

@@ -378,7 +378,7 @@ 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 searchType="1" detailClick={detailClick} 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 ? this.getSearchList(list) : (inspectVal == '' ? '' : <p style={{ padding: '5px 136px', color: '#bfbfbf' }}>暂无筛选项</p>)}
             {/* {
               (list && list.length > 0) || (inspectVal != '') || (inspectList&&inspectList.length==0) ? '' : <div>
                 <p style={{ padding: '5px 30px', color: '#bfbfbf' }}>常用检验项</p>

src/components/AddNewInspect/index.jsx

@@ -380,7 +380,7 @@ class AddNewInspect extends React.Component {
         <div style={{ position: "relative", clear: "both", top: "5px" }}>
           <Add showText="添加医嘱" handleClick={(e) => this.handleSearchAdvice(e)} id="searchWrapAdvice" />
           {this.state.show ? <SearchOption searchType="2" detailClick={detailClick} 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 ? this.getSearchList(list) : (inspectVal == '' ? '' : <p style={{ padding: '5px 136px', color: '#bfbfbf' }}>暂无筛选项</p>)}
             {/* {
               (list && list.length > 0) || (inspectVal != '') || (inspectList&&inspectList.length==0) ? '' : <div>
                 <p style={{ padding: '5px 30px', color: '#bfbfbf' }}>常用检验项</p>

src/components/BlockEmrCont/MenstruationHistory.jsx

@@ -1,21 +1,47 @@
 import React, { Component } from 'react';
 import BlockInp from '@containers/BlockInpContainer';
 import { connect } from "react-redux";
-
+import {  CLEARMENSTRUATIONTEXTDATA, } from '@store/types/menstruationHistory';
+import store from '@store';
 class MenstruationHistory extends Component {
   constructor(props) {
     super(props)
+    this.state = {
+      isShowSexInput: true
+    }
+  }
+
+
+  componentWillReceiveProps(nextProps) {
+    // console.log(nextProps.patInfoData.patInfoData[3].value);
+    if (nextProps.patInfoData.patInfoData[3].value === 1) {
+      this.setState({
+        isShowSexInput: false
+      })     
+    } else {
+      this.setState({
+        isShowSexInput: true
+      })
+    }
+    // store.dispatch({
+    //   type: CLEARMENSTRUATIONTEXTDATA,
+    // });
   }
+
   render() {
     const { value, isRead } = this.props;
-    return <BlockInp title='月经史' boxMark='17' value={value} isRead={isRead}></BlockInp>;
+    return(
+      this.state.isShowSexInput?(<BlockInp title='月经史' boxMark='17' value={value} isRead={isRead}></BlockInp>) : null
+    );
   }
 }
 
 function mapStateToProps(state) {
   const { menstruationHistory } = state;
+
   return {
     value: menstruationHistory && menstruationHistory.saveText[0],
+    patInfoData: state.patInfo
   }
 }
 function mapDispatchToProps(dispatch, store) {

src/components/BlockEmrCont/index.jsx

@@ -47,7 +47,7 @@ class BlockEMRCont extends Component {
   }
 
   componentWillReceiveProps(nextProps) {
-    if (nextProps.patInfoData.patInfoData[3].value === 1){
+    if (nextProps.patInfoData && nextProps.patInfoData.patInfoData[3].value === 1){
       this.setState({
         isShowSexInput : false
       })

src/components/BodyContainer/index.jsx

@@ -1,6 +1,6 @@
 import EMRContainer from "../EMRContainer";
-// import BlockEMRCont from "../BlockEmrCont/index.jsx";
-import BlockEMRCont from "../../containers/BlockEMRContanier";
+import BlockEMRCont from "../BlockEmrCont/index.jsx";
+// import BlockEMRCont from "../../containers/BlockEMRContanier";
 import PushContainer from '../PushContainer';
 
 import style from './index.less';

src/components/InfoTitle/index.less

@@ -1,7 +1,7 @@
 @import "~@less/variables.less";
 .title-wrapper{
   .contentZIndex2;
-  overflow: hidden;
+  // overflow: hidden;
   /*padding: 12px 20px 8px 20px;*/
   margin-bottom: 40px;
   background-color: #fff;

src/components/NewAdvice/index.jsx

@@ -296,7 +296,7 @@ class NewAdvice extends React.Component {
           // style={{marginRight:'0'}}
           marginTop={'0px'}
         >
-          <div style={{ padding: '0 10px 10px 10px', boxSizing: 'border-box',color:'#000' }} >
+          <div style={{ padding: '0px 10px 10px 10px', boxSizing: 'border-box',color:'#000' }} >
             <AddNewInspect
               checkOnOff={checkOnOff}
               handleDelConfirm={handleDelConfirm}

src/components/PatInfo/Select/index.jsx

@@ -0,0 +1,116 @@
+import React, { Component } from "react";
+// import cx from "classnames";
+import style from "./../index.less";
+import selectSex from '../../../common/images/selectSex.png'
+import { CLEARMENSTRUATIONTEXTDATA, } from '@store/types/menstruationHistory';
+import store from '@store';
+export default class Select extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { 
+      isOpen: false, 
+      value: "",
+      options: [
+        {
+          label: 'patientSex',
+          id: 'patientSex',
+          value: 1,
+          title: '性别',
+          maxlength: 11
+        },
+        {
+          label: 'patientSex',
+          id: 'patientSex',
+          value: 2,
+          title: '性别',
+          maxlength: 11
+        },
+      ]
+    };
+    this.toggleContainer = React.createRef();
+    this.onClickHandler = this.onClickHandler.bind(this)
+    this.onClickOutsideHandler = this.onClickOutsideHandler.bind(this)
+    this.onChange = this.onChange.bind(this)
+  }
+  componentDidMount() {
+    window.addEventListener("click", this.onClickOutsideHandler);
+    this.setState({
+      value: this.props.default,
+    });
+  }
+
+  componentWillUnmount() {
+    window.removeEventListener("click", this.onClickOutsideHandler);
+  }
+
+  componentWillReceiveProps(nextProps){
+    if (nextProps.default.value !== this.state.value.value) {
+      this.setState({
+        value: nextProps.default
+      })
+    }
+  }
+
+  onClickHandler() {
+    this.setState(currentState => ({
+      isOpen: !currentState.isOpen
+    }));
+  };
+
+  onClickOutsideHandler(event) {
+    if (
+      this.state.isOpen &&
+      !this.toggleContainer.current.contains(event.target)
+    ) {
+      this.setState({ isOpen: false });
+    }
+  };
+
+  onChange(e,val) {
+    e.stopPropagation()
+    this.setState({
+      value: val,
+      isOpen: false
+    });
+    this.props.onChange(val);
+    store.dispatch({
+      type: CLEARMENSTRUATIONTEXTDATA,
+    });
+  };
+  render() {
+    const { isOpen, value, options} = this.state;
+    const { label,  placeholder } = this.props;
+    return (
+      <div className={style.selectBox}>
+        {label && <label className={style.label}>{label}:</label>}
+
+        <div className={style.select} ref={this.toggleContainer}>
+          <input
+            className={[style.selfInput, isOpen ? style.selfInput : ''].join('')}
+            readonly=""
+            value={value.value=== 2? '女' : '男'}
+            onClick={this.onClickHandler}
+            placeholder={placeholder}
+          />
+          <div className={style.down} onClick={this.onClickHandler}>
+            <img src={selectSex} alt=""/>
+          </div>
+          <div  className={[isOpen ? '' : style.optionsHidden, isOpen ? style.options :''].join('')}>
+            {options &&
+              options.map((item) => {
+                return (
+                  <div
+                    key={item.id}
+                    className={style.item}
+                    onClick={(e)=>this.onChange( e, item)}
+                  >
+                    {item.value === 2 ? '女' : '男'}
+                  </div>
+                );
+              })}
+          </div>
+        </div>
+      </div>
+    );
+  }
+}

src/components/PatInfo/index.jsx

@@ -1,5 +1,6 @@
 import React, { Component } from "react";
 import style from "./index.less";
+import Select from './Select/index'
 import {
   timesYMDTime
 } from '@utils/tools';
@@ -69,6 +70,7 @@ class PatInfo extends Component {
       ]
     }
     this.handleChange = this.handleChange.bind(this)
+    this.handleSexChange = this.handleSexChange.bind(this)
   }
   componentWillMount() {
     const { getMessage, initPatInfoData } = this.props;
@@ -82,7 +84,7 @@ class PatInfo extends Component {
     // console.log(nextProps,'nextProps');
     const { patInfoData } = nextProps.patInfo
     this.setState({
-      // patientInfo:patInfoData
+      patientInfo:patInfoData
     })
   }
 
@@ -113,6 +115,17 @@ class PatInfo extends Component {
     initPatInfoData && initPatInfoData(newInfo)
   }
 
+  handleSexChange (item){
+    const { initPatInfoData } = this.props;   
+    let { patientInfo } = this.state;
+    let newInfo = Object.assign([], patientInfo);
+    newInfo[3] = item
+    this.setState({
+      patientInfo: newInfo
+    })
+    initPatInfoData && initPatInfoData(newInfo)
+  }
+
   render(){
     const {message} = this.props.patInfo;
      return (
@@ -122,11 +135,19 @@ class PatInfo extends Component {
               return (
                 <div className={style["infoItem"]} key={item.id}>
                   <label for={item.label}>{item.title}：</label>
-                  {item.id === 'patientSex' && (
+                  {/* {item.id === 'patientSex' && (
                     <select id={item.id} value={item.value} onChange={this.handleChange}>
                       <option value='1'>男</option>
                       <option value='2'>女</option>
                     </select>
+                  )} */}
+                  {item.id === 'patientSex' && (
+                    <Select
+                      default={this.state.patientInfo[3]}
+                      label=""
+                      placeholder="请选择"
+                      onChange={(item) => this.handleSexChange(item)}
+                    ></Select>
                   )}
                   {item.id === 'patientAge' && (<input id={item.id} type="text" autocomplete="off" maxlength={11}  value={item.value} onChange={this.handleChange} />)}
                   {/* {item.id === 'patientSex' && (<input id={item.id} type="text" autocomplete="off" value={item.value == 1 ? '男' : '女'} onChange={this.handleChange} />)} */}

src/components/PatInfo/index.less

@@ -9,6 +9,7 @@
   .infoItem{
     width: 25%;
     min-width: 25%;
+    padding: 0px 10px;
     // min-width: 230px;
     float: left;
     flex: 1;
@@ -28,6 +29,9 @@
       overflow: hidden;
       color: #000
     }
+    .selectBox{
+      flex:1;    
+    }
     select {
       // appearance:none;
       // -moz-appearance:none;
@@ -88,3 +92,102 @@
     max-width: 110px;
   }
 }
+
+
+.selectBox {
+  display: flex;
+  align-items: center;
+  .label {
+    // display: inline-block;
+    // padding-right: 8px;
+    // color: #333333;
+  }
+  .select {
+    flex : 1;
+    position: relative;
+    .selfInput {
+      width:100%;
+      box-sizing: border-box;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      display: inline-block;
+      height: 32px;
+      padding: 4px 11px;
+      color: rgba(0, 0, 0, 0.65);
+      font-size: 14px;
+      line-height: 1.5;
+      background-color: #fff;
+      background-image: none;
+      border-radius: 4px;
+      transition: all 0.3s;
+      overflow: visible;
+      cursor: pointer;
+      position: relative;
+      top: 0px;
+      background-color: transparent;
+    }
+    .inputHover {
+        box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+        border: 1px solid rgba(24, 144, 255, 1);
+    }
+    .down{
+      width: 20px;
+      height: 13px;
+      position: absolute;
+      margin-top: -6px;
+      top: 50%;
+      left: 38px;
+      cursor: pointer;
+      img{
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .options {
+      z-index: 666;
+      width: 120px;
+      box-sizing: border-box;
+      position: absolute;
+      top: 25px;
+      left: -4px;
+      color: rgba(0, 0, 0, 0.65);
+      font-size: 14px;
+      background-color: #fff;
+      background-image: none;
+      border: 1px solid #d9d9d9;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: 0.35s;
+      opacity: 1;
+      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
+      .item {
+        position: relative;
+        line-height: 20px;
+        padding: 8px;
+        &:hover {
+          background: rgba(226,241,248,1);
+        }
+      }
+    }
+    .optionsHidden {
+      // opacity: 0;
+      display: none;
+    }
+    // 修改输入框默认样式
+    input:-moz-placeholder,
+    textarea:-moz-placeholder {
+      color: #999999;
+    }
+ 
+    input:-ms-input-placeholder,
+    textarea:-ms-input-placeholder {
+      color: #999999;
+    }
+ 
+    input::-webkit-input-placeholder,
+    textarea::-webkit-input-placeholder {
+      color: #999999;
+    }
+  }
+}

src/store/reducers/patInfo.js

@@ -61,7 +61,7 @@ export default function(state = initState,action){
         {
           label: 'patientSex',
           id: 'patientSex',
-          value: 0,
+          value: 2,
           title: '性别',
         },
         {