Jelajahi Sumber

急诊流程修改

luolei 5 tahun lalu
induk
melakukan
d36b6dc472

+ 8 - 3
src/components/EmergencyProcedure/EmergencyPart/PartSec/index.jsx

@@ -75,6 +75,8 @@ class PartSec extends React.Component{
             <span>心包积液</span> 
             <img onClick={()=>{this.backSec()}} src={back} alt=""/>
           </div>
+          <div className={`${styles.emergencyBtn} ${styles.btn}`}>心外会诊</div>
+          <div className={`${styles.emergencyBtn} ${styles.btn}`}>心内会诊</div>
           <h4>{'判断是否心包填塞'}</h4>
           <div className={`${styles.goDownPub} ${styles.goDownY}`}>
             <span>是</span> 
@@ -97,6 +99,7 @@ class PartSec extends React.Component{
           <div className={`${styles.goDownPub} ${styles.goDownB}`}>
             <span>抢救室待床!</span>
           </div>
+          <br/>
           <div className={`${styles.goDownPub} ${styles.goDownN}`}>
             <span>否</span> 
           </div>
@@ -147,7 +150,9 @@ class PartSec extends React.Component{
             <span>气胸患者</span> 
             <img onClick={()=>{this.backSec(true)}} src={back} alt=""/>
           </div>
-          <h4>{'结合症状体征是否危机生命是否濒死休克'}</h4>
+          <div className={`${styles.emergencyBtn} ${styles.btn}`} style={{"position":"relative","top":"30px"}}>胸外科会诊</div>
+          <h4>{'结合症状体征是否危机生命是否'}</h4>
+          <h4 style={{"padding":"0"}}>{'濒死休克'}</h4>
           <div style={{display:reback?'block':'none'}} className={`${styles.nextWar} ${styles.next}`}>
             <span>是</span> 
             <i onClick={()=>{makeSureCom('',true,1,false)}}>确定</i>
@@ -239,11 +244,11 @@ class PartSec extends React.Component{
   render(){
     const {data,idx} = this.props
     return <div className={`${styles.partSec} ${styles.partPub} clearfix`} style={{borderBottom:idx==1?'0':null}}>
-      {
+      {/* {
         data.select.map((item,idx)=>{
           return <div className={`${idx == 0&&data.select.length>1?styles.commonBtn:styles.emergencyBtn} ${styles.btn}`}>{item}</div>
         })
-      }
+      } */}
       <p>步骤2</p>
       {
         data.waring?<h4>{data.waring}</h4>:null

+ 78 - 21
src/components/EmergencyProcedure/EmergencyPart/PartTrd/index.jsx

@@ -233,6 +233,7 @@ class PartTrd extends React.Component {
           </div>
           {
             num ? <React.Fragment>
+              <div className={`${styles.emergencyBtn} ${styles.btn}`}>呼吸科会诊</div>
               <h4>生命体征不稳定</h4>
               <div className={`${styles.goDownPub} ${styles.goDownB}`}>
                 <span>根据病史、体征、PE评分判断病情</span>
@@ -256,7 +257,7 @@ class PartTrd extends React.Component {
                 <span>收入ICU</span>
               </div>
               <h4>生命体征稳定建议检查CTPA(肺动脉造影)</h4>
-              <h4>建议检查肺动脉增强CT</h4>
+              {/* <h4>建议检查肺动脉增强CT</h4> */}
               <div className={`${styles.hold}`}>
                 <span className={styles.holdLeft}>阳性</span>
                 <span className={styles.holdRight}>按肺栓塞治疗</span>
@@ -279,6 +280,7 @@ class PartTrd extends React.Component {
           </div>
           {
             num ? <React.Fragment>
+              <div className={`${styles.emergencyBtn} ${styles.btn}`}>呼吸科会诊</div>
               <h4>建议检查CTPA(肺动脉造影)</h4>
               <div className={`${styles.hold}`}>
                 <span className={styles.holdLeft}>阳性</span>
@@ -300,6 +302,9 @@ class PartTrd extends React.Component {
         <div className={`${styles.nextWar} ${styles.next}`}>
           <span>立即检查CTA(血管造影)</span>
         </div>
+        
+        <div className={`${styles.emergencyBtn} ${styles.btn}`}>血管外科内会诊</div>
+        <div className={`${styles.emergencyBtn} ${styles.btn}`}>心内会诊</div>
         <h4>判断检查结果数据</h4>
         {
           trdShow ? <React.Fragment>
@@ -345,23 +350,23 @@ class PartTrd extends React.Component {
           {
             trdShow ? <React.Fragment>
               <div className={`${styles.nextWar} ${styles.next}`}>
-                <span>发病大于12小时</span>
-                <i onClick={() => { this.changeTrdShow(false, 1) }}>确定</i>
-              </div>
-              <div className={`${styles.nextCom} ${styles.next}`}>
                 <span>发病小于12小时</span>
                 <i onClick={() => { this.changeTrdShow(false, 0) }}>确定</i>
               </div>
+              <div className={`${styles.nextCom} ${styles.next}`}>
+                <span>发病大于12小时</span>
+                <i onClick={() => { this.changeTrdShow(false, 1) }}>确定</i>
+              </div>
             </React.Fragment> : <React.Fragment>
-                <div className={`${trdFlg ? styles.nextWar : styles.nextCom} ${styles.next}`}>
+                <div className={`${trdFlg ? styles.nextCom : styles.nextWar} ${styles.next}`}>
                   <span>{trdFlg ? '发病大于12小时' : '发病小于12小时'}</span>
                   <img onClick={() => { this.changeTrdShow(true, 1) }} src={back} alt="" />
                 </div>
-                <h4>{trdFlg ? '判断患者是否有急诊PCI指证' : '启动导管室、获取知情同意联系床位'}</h4>
+                <h4>{trdFlg ? '判断患者是否有急诊PCI指征' : ''}</h4>
                 {
                   trdFlg ? <React.Fragment>
                     <div className={`${styles.goDownPub} ${styles.goDownY}`}>
-                      <span>是</span>
+                      <span>是,有急诊PCI指征</span>
                     </div>
                     <div className={`${styles.goDownPub} ${styles.goDownImg}`}>
                       <img src={down} alt="" />
@@ -372,6 +377,18 @@ class PartTrd extends React.Component {
                     <div className={`${styles.goDownPub} ${styles.goDownImg}`}>
                       <img src={down} alt="" />
                     </div>
+                    <div className={`${styles.goDownPub} ${styles.goDownB}`}>
+                      <span>{'家属同意-导管室直接运转'}</span>
+                    </div>
+                    <div className={`${styles.goDownPub} ${styles.goDownImg}`}>
+                      <img src={down} alt="" />
+                    </div>
+                    <div className={`${styles.goDownPub} ${styles.goDownB}`}>
+                      <span>{'控制D-B时间<90min'}</span>
+                    </div>
+                    <div className={`${styles.goDownPub} ${styles.goDownImg}`}>
+                      <img src={down} alt="" />
+                    </div>
                     <div className={`${styles.goDownPub} ${styles.goDownB}`}>
                       <span>{'家属不同意或者导管室到达>60min'}</span>
                     </div>
@@ -382,16 +399,17 @@ class PartTrd extends React.Component {
                       <span>{'排除禁忌后考虑立即溶栓(D-D <30min)'}</span>
                     </div>
                     <br />
-                    <div className={styles.line}></div>
+                    <br />
+                    {/* <div className={styles.line}></div>
                     <div className={`${styles.goDownPub} ${styles.goDownB}`} style={{ color: '#2599ff', border: '1px solid #2599ff' }}>
                       <span>{'家属同意-导管室直接运转'}</span>
                     </div>
                     <div className={`${styles.goDownPub} ${styles.goDownB}`} style={{ border: '0' }}>
                       <span>{'控制D-B时间<90min'}</span>
-                    </div>
-                    <div className={styles.line} style={{ marginBottom: "-8px" }}></div>
+                    </div> */}
+                    {/* <div className={styles.line} style={{ marginBottom: "-8px" }}></div> */}
                     <div className={`${styles.goDownPub} ${styles.goDownN}`}>
-                      <span>否</span>
+                      <span>否,没有急诊PCI指征</span>
                     </div>
                     <div className={`${styles.goDownPub} ${styles.goDownImg}`}>
                       <img src={down} alt="" />
@@ -400,6 +418,24 @@ class PartTrd extends React.Component {
                       <span>收住ICU/CCU</span>
                     </div>
                   </React.Fragment> : <React.Fragment>
+                      <div className={`${styles.goDownPub} ${styles.goDownB}`}>
+                        <span>{'启动导管室、获取知情同意联系床位'}</span>
+                      </div>
+                      <div className={`${styles.goDownPub} ${styles.goDownImg}`}>
+                        <img src={down} alt="" />
+                      </div>
+                      <div className={`${styles.goDownPub} ${styles.goDownB}`}>
+                        <span>{'家属同意-导管室直接运转'}</span>
+                      </div>
+                      <div className={`${styles.goDownPub} ${styles.goDownImg}`}>
+                        <img src={down} alt="" />
+                      </div>
+                      <div className={`${styles.goDownPub} ${styles.goDownB}`}>
+                        <span>{'控制D-B时间<90min'}</span>
+                      </div>
+                      <div className={`${styles.goDownPub} ${styles.goDownImg}`}>
+                        <img src={down} alt="" />
+                      </div>
                       <div className={`${styles.goDownPub} ${styles.goDownB}`}>
                         <span>{'家属不同意或者导管室到达>60min'}</span>
                       </div>
@@ -410,13 +446,13 @@ class PartTrd extends React.Component {
                         <span>{'排除禁忌后考虑立即溶栓(D-D <30min)'}</span>
                       </div>
                       <br />
-                      <div className={styles.line}></div>
+                      {/* <div className={styles.line}></div>
                       <div className={`${styles.goDownPub} ${styles.goDownB}`} style={{ color: '#2599ff', border: '1px solid #2599ff' }}>
                         <span>{'家属同意-导管室直接运转'}</span>
                       </div>
                       <div className={`${styles.goDownPub} ${styles.goDownB}`} style={{ border: '0' }}>
                         <span>{'控制D-B时间<90min'}</span>
-                      </div>
+                      </div> */}
                     </React.Fragment>
                 }
               </React.Fragment>
@@ -428,7 +464,8 @@ class PartTrd extends React.Component {
           <p>{'(STEMI处置时间<10min)'}</p>
           <h4>查血:检查心肌酶谱+Troponinl</h4>
           <p style={{ color: "#000", lineHeight: "18px" }}>必要时可 Q1-4h 复查</p>
-          <p style={{ color: "#000", lineHeight: "18px" }}>判读结果同时结果回馈心内科会诊</p>
+          {/* <p style={{ color: "#000", lineHeight: "18px" }}>判读结果同时结果回馈心内科会诊</p> */}
+          <div className={`${styles.commonBtn} ${styles.btn}`}>普通心内科会诊</div>
           <h4>判断检查结果是否异常</h4>
           {
             trdShow ? <React.Fragment>
@@ -482,6 +519,18 @@ class PartTrd extends React.Component {
                         <div className={`${styles.goDownPub} ${styles.goDownImg}`}>
                           <img src={down} alt="" />
                         </div>
+                        <div className={`${styles.goDownPub} ${styles.goDownB}`}>
+                          <span>{'家属同意-导管室直接运转'}</span>
+                        </div>
+                        <div className={`${styles.goDownPub} ${styles.goDownImg}`}>
+                          <img src={down} alt="" />
+                        </div>
+                        <div className={`${styles.goDownPub} ${styles.goDownB}`}>
+                          <span>{'控制D-B时间<90min'}</span>
+                        </div>
+                        <div className={`${styles.goDownPub} ${styles.goDownImg}`}>
+                          <img src={down} alt="" />
+                        </div>
                         <div className={`${styles.goDownPub} ${styles.goDownB}`}>
                           <span>{'家属不同意或者导管室到达>60min'}</span>
                         </div>
@@ -492,13 +541,13 @@ class PartTrd extends React.Component {
                           <span>{'排除禁忌后考虑立即溶栓(D-D <30min)'}</span>
                         </div>
                         <br />
-                        <div className={styles.line}></div>
+                        {/* <div className={styles.line}></div>
                         <div className={`${styles.goDownPub} ${styles.goDownB}`} style={{ color: '#2599ff', border: '1px solid #2599ff' }}>
                           <span>{'家属同意-导管室直接运转'}</span>
                         </div>
                         <div className={`${styles.goDownPub} ${styles.goDownB}`} style={{ border: '0' }}>
                           <span>{'控制D-B时间<90min'}</span>
-                        </div>
+                        </div> */}
                       </React.Fragment> : (show1 && currentIdx==1) ? <React.Fragment>
                         <div className={`${styles.goDownPub} ${styles.goDownD}`}>
                           <span>患者危机程度:高危患者</span>
@@ -555,17 +604,25 @@ class PartTrd extends React.Component {
     }
   }
   render() {
-    const { idx, num } = this.props
+    const { idx, num ,trdNum } = this.props
+    console.log(idx, num ,trdNum)
     return <div className={`${styles.partTrd} ${styles.partPub}`}>
       {
-        idx == 3 && num == 1 ? <React.Fragment><div className={`${styles.emergencyBtn} ${styles.btn}`}>{this.state.select3[0]}</div><br /></React.Fragment>
+        idx == 3 && num == 1 ? <React.Fragment>
+          {/* <div className={`${styles.emergencyBtn} ${styles.btn}`}>{this.state.select3[0]}</div><br /> */}
+          </React.Fragment>
           : idx == 5 ? <React.Fragment>
-            <div className={`${styles.commonBtn} ${styles.btn}`}>{this.state.select5[1]}</div>
-            <div className={`${styles.emergencyBtn} ${styles.btn}`}>{this.state.select5[0]}</div>
+            {/* <div className={`${styles.commonBtn} ${styles.btn}`}>{this.state.select5[1]}</div>
+            <div className={`${styles.emergencyBtn} ${styles.btn}`}>{this.state.select5[0]}</div> */}
             <br />
           </React.Fragment> : null
       }
       <p>步骤3</p>
+      {/* commonBtn emergencyBtn */}
+      {
+        idx == 4 && trdNum == 0 ?<div className={`${styles.emergencyBtn} ${styles.btn}`}>紧急心内会诊</div>:null
+      }
+      
       {
         this.handleTrdPart()
       }

+ 2 - 2
src/components/EmergencyProcedure/EmergencyPart/index.less

@@ -11,7 +11,7 @@
     h4 {
       color: #FF1D1D;
       font-size: 16px;
-      padding: 10px 0  5px 0;
+      padding: 10px 0;
       font-weight: bold;
       line-height: 20px;
     }
@@ -215,7 +215,7 @@
       line-height: 36px;
       padding: 0 18px;
       float: right;
-      border: 1px solid #818181;
+      // border: 1px solid #818181;
       border-radius: 4px;
       margin-top: 12px;
     }