推荐检验检查（未完成）

src/components/PushItems/RecommendInspect/index.jsx

@@ -0,0 +1,96 @@
+import React, {Component} from 'react';
+import style from './index.less'
+import showImg from "@common/images/show.png";
+import hideImg from "@common/images/close.png";
+
+
+class RecommendInspect extends Component {
+    constructor(props) {
+        super(props)
+        this.state = {
+            showAll: false,
+        }
+        this.renderItem = this.renderItem.bind(this)
+    }
+    changeShowFlag() {
+      this.setState({
+        showAll: !this.state.showAll
+      })
+    }
+    
+    renderItem(item) {
+      const { changeFlag } = this.props
+      return <span>
+          <input
+            id={item.id + item.name}
+            onChange={changeFlag(item)}
+            type="checkbox"
+            checked={item.checked}
+          />
+          <label for={item.id + item.name}>{item.name}</label>
+      </span>
+    }
+    listHide() {
+      console.log('5555')
+      const { list } = this.props
+      let firstLineNum = 0;   //第一行字数
+      let secondLineNum = 0;      //第二行字数
+     return list.map((item, index) => {
+        console.log('44444444',firstLineNum,index)
+        // firstLineNum = firstLineNum + item.name.length + 2;
+        // if (firstLineNum > 26) {
+        //   secondLineNum = secondLineNum + item.name.length + 2; 
+        //   if(secondLineNum > 20) {
+        //     return;
+        //   } else {
+        //     return this.renderItem(item)
+        //   }
+        // } else {
+
+        //   return this.renderItem(item)
+        // }
+      });
+
+    }
+
+    render() {
+      const { title,list, changeFlag } = this.props
+      const { showAll } = this.state
+      // console.log('1111',list)
+      // const listAll = list.map(item => {
+      //   console.log('22222',item)
+      //    return <span> item</span>
+      //    {/* this.renderItem(item) */}
+      // });
+      
+
+      return   (
+          <ul>
+            <li className={style["firstLi"]}>
+              <div className={style["title"]}>{title}：</div>
+              <div className={style["content"]}>
+                {list.length === 0
+                  ?<span >无</span>
+                  : showAll
+                  ? this.listHide()
+                  : this.listHide()}
+                {/* {secondLineNum > 21 ? (
+                  <span
+                    style={{ display: "inline-block" }}
+                    className={style["show"]}
+                    onClick={this.changeShowFlag.bind(this)}
+                  >
+                    {showAll ? '收起' : '更多'}
+                    <img src={showAll ? hideImg : showImg} />
+                  </span>
+                ) : (
+                  ""
+                )} */}
+              </div>
+            </li>
+          </ul>
+        )
+    }
+}
+
+export default RecommendInspect;

src/components/PushItems/index.jsx

@@ -16,6 +16,7 @@ import {addAssistLabel} from '@store/actions/assistCheck';
 import {windowEventHandler,getCurrentDate,getWindowInnerHeight} from '@utils/tools'
 import {ConfirmModal} from '@commonComp';
 import ChronicInfo from '@containers/ChronicInfo';//慢病推送模块
+import RecommendInspect from './RecommendInspect';
 
 class PushItems extends Component {
   constructor(props) {
@@ -170,7 +171,6 @@ class PushItems extends Component {
         } else {
           return (
             <span>
-              
               <input
                 id={item.id + item.name}
                 onChange={() => changeAssay(item)}
@@ -184,7 +184,6 @@ class PushItems extends Component {
       } else {
         return (
           <span>
-            
             <input
               id={item.id + item.name}
               onChange={() => changeAssay(item)}
@@ -411,6 +410,72 @@ class PushItems extends Component {
                 )}
               </div>
             </div>
+            
+
+
+            <div className={style["recommend"]}>
+              <h1>
+                <img src={recommendImg} />
+                推荐检验检查
+                <div className={style["billing"]} 
+                     style={assay.length === 0 && check.length === 0 ? {color: 'gray', border: '1px solid gray', cursor:'auto'} : ''} 
+                     onClick={assay.length === 0 && check.length === 0 ? '' : billing}>
+                    开单
+                </div>
+              </h1>
+              <div>
+                {assay.length === 0 && check.length === 0 ? (
+                  <span>无</span>
+                ) : (
+                  <ul>
+                    <RecommendInspect
+                      title = '化验'
+                      list = {assay}
+                      changeFlag = {changeAssay}
+                    >
+                    </RecommendInspect>
+                    <li className={style["lastLi"]}>
+                      <div className={style["title"]}>检查：</div>
+                      <div className={style["content"]}>
+                        {check.length === 0
+                          ? "无"
+                          : moreCheck
+                          ? checks
+                          : checkHide}
+                        {checkNum2 > 21 ? (
+                          <span
+                            style={
+                              moreCheck
+                                ? { display: "none" }
+                                : { display: "inline-block" }
+                            }
+                            className={style["show"]}
+                            onClick={() => showMore("moreCheck")}
+                          >
+                            更多
+                            <img src={showImg} />
+                          </span>
+                        ) : (
+                          ""
+                        )}
+                        <span
+                          style={
+                            moreCheck
+                              ? { display: "inline-block" }
+                              : { display: "none" }
+                          }
+                          className={style["close"]}
+                          onClick={() => closeMore("moreCheck")}
+                        >
+                          收起
+                          <img src={hideImg} />
+                        </span>
+                      </div>
+                    </li>
+                  </ul>
+                )}
+              </div>
+            </div>
             {/*{chronicPushItems&&chronicPushItems.length>0?<ChronicInfo data={chronicPushItems}></ChronicInfo>:''}*/}
             {<ChronicInfo></ChronicInfo>}
             <div className={style["tips"]}>