病历质控（未完成）

src/components/PushItems/MRAnalyse/index.jsx

@@ -0,0 +1,46 @@
+import React, { Component } from 'react';
+import style from './index.less';
+import up from '@common/images/slide-up.png';
+import down from '@common/images/slide-down.png';
+import chronicPic from "@common/images/chronic.png";
+import className from 'classnames';
+
+class MRAnalyse extends Component {
+    constructor(props) {
+        super(props)
+        this.slideToggle = this.slideToggle.bind(this);
+    }
+    slideToggle(){
+        // const {toggleSlide,slideUp} = this.props;
+        // toggleSlide&&toggleSlide(!slideUp);
+    }
+    getDetail() {
+        const result =[
+            "诊断名称不标准(腹痛待查)",
+            "现病史缺少症状部位(腹痛)",
+            "现病史缺少症状缓解情况(腹痛)",
+            "现病史缺少症状加剧情况(腹痛)"
+        ]
+        return result.map(item => (
+            <p>{item}</p>
+        ))
+    }
+    render() {
+        return <div className={style["tips"]} style={{marginBottom:'15px'}}>
+            <div className={className(style["tips-title"],style["chronic"],"clearfix")} onClick={this.slideToggle}>
+                <div className={style["tips-name"]}>
+                    <img src={chronicPic} />
+                    <h2>{'病历书写规范提示'}<span className={style["redTips"]}></span></h2>
+                </div>
+                {/* <div className={style['toggle-btn']}>
+                    <img src={slideUp?down:up} alt="展开/收起"/>
+                </div> */}
+            </div>
+            <div className={style["content"]} ref={this.$content}>
+                {this.getDetail()}
+            </div>
+        </div>
+    }
+}
+
+export default MRAnalyse;

src/components/PushItems/MRAnalyse/index.less

@@ -0,0 +1,118 @@
+@import "~@less/mixin.less";
+.tips{
+    border:1px solid #EAEDF1;
+    margin-bottom: 15px;
+    .tips-title{
+      font-size: 14px;
+      color: #000;
+      padding: 8px 15px;
+      background: #EAF7FA;
+      font-weight: bold;
+      white-space: nowrap;
+      cursor: pointer;
+      background: rgba(242,150,91,0.1);
+      .tips-name{
+        width: 238px;
+        float: left;
+        /*display: inline-block;*/
+        img {
+          float:left;
+          margin-top: 0px;
+          margin-right: 5px;
+        }
+      }
+      h2{
+        display: inline-block;
+      }
+      .tips-btn{
+        display: inline-block;
+        float: right;
+      }
+      .redTips{
+        display: inline-block;
+        font-size: 12px;
+        -webkit-transform:scale(0.9);
+        color: red;
+        font-weight: normal;
+        white-space: nowrap;
+      }
+      .tipsDetails {
+        .btnCom;
+        display: inline-block;
+        font-weight: normal;
+        width: 42px;
+        height: 20px;
+        border: 1px solid #262626;
+        font-size: 12px;
+        color: #262626;
+        line-height: 18px;
+        margin: 0 0 -2px 10px;
+        }
+      }
+      .toggle-btn{
+        /*display: inline-block;*/
+        float: right;
+        cursor: pointer;
+      }
+      .content{
+        font-size: 14px;
+        padding:6px 15px;
+        transition:display 2s;
+        -moz-transition:display 2s; /* Firefox 4 */
+        -webkit-transition:display 2s; /* Safari and Chrome */
+        -o-transition:display 2s; /* Opera */
+        .list{
+          border-bottom: 1px solid #EAEDF1;
+          padding-bottom: 10px;
+          position: relative;
+          .infoPic{
+            vertical-align: middle;
+            margin: 0 5px;
+            cursor: pointer;
+          }
+          >p{
+            margin-top: 10px;
+          }
+          .listName{
+            color:#3B9ED0;
+            cursor: pointer;
+            display: inline-block;
+            width: 73%;
+          }
+           .listResult{
+            .add-record;
+          }
+          .addResult{
+            color: #3B9ED0;
+            text-align: left;
+            padding-left: 5px;
+            cursor: default;
+          }
+        }
+        .marTop{
+          margin-top: 10px;
+          position: relative;
+          .limit{
+            display: inline-block;
+            width: 72%;
+          }
+          img{
+            vertical-align: middle;
+          }
+        }
+        .blue{
+          color:#3B9ED0;
+          cursor: pointer;
+        }
+        .infoOption{
+          padding: 20px 0;
+        }
+        .list:last-child{
+          border-bottom:none;
+        }
+      }
+  
+    .slide{
+      display: none;
+    }
+    }

src/components/PushItems/index.jsx

@@ -8,6 +8,7 @@ import vigilantImg from "../../common/images/vigilant.png";
 import likelyImg from "../../common/images/likely.png";
 import DetailsModal from './DetailsModal';
 import PushDiag from "./PushDiag";
+import MRAnalyse from './MRAnalyse';
 import DiagnosticItem from "@containers/DiagnosticItem";
 import store from "@store";
 import {addLabel} from '@store/actions/inspect';
@@ -269,6 +270,9 @@ class PushItems extends Component {
             {<ChronicInfo
               patDom={this.$cont}
               data={chronicPushItems}></ChronicInfo>}
+            <MRAnalyse>
+              
+            </MRAnalyse>
             <TipsMsg
               patDom={this.$cont}
              tmpFlg = {tmpFlg}