bug

src/components/EmergencyProcedure/EmergencyModal/index.jsx

@@ -8,6 +8,7 @@ import pic3 from '../img/pic3.png'
 import pic4 from '../img/pic4.png'
 import pic5 from '../img/pic5.png'
 import $ from 'jquery'
+import { dragBox } from '@utils/drag';
 
 class EmergencyModal extends React.Component{
   constructor(props){
@@ -41,7 +42,13 @@ class EmergencyModal extends React.Component{
     this.props.setDataIdx(num)
   }
   handleImgShow(flg){
-    this.setState({imgShow:flg})
+    this.setState({imgShow:flg},()=>{
+      if(flg){
+        dragBox('dragModalWrap','dragModalTitle','add')
+      }else{
+        dragBox('dragModalWrap','dragModalTitle','del')
+      }
+    })
   }
   render(){
     const {data,handleShow,setDataIdx,idx,show} = this.props;
@@ -56,8 +63,10 @@ class EmergencyModal extends React.Component{
             {
               this.state.imgShow?<React.Fragment>
                 <div className={styles.imageModalWrap} onClick={()=>{this.handleImgShow(false)}}></div>
-                <div className={styles.imageModal}>
-                  <img src={idx==1?pic1:idx==2?pic2:idx==3?pic3:idx==4?pic4:idx==5?pic5:null} alt=""/>
+                <div className={styles.imageModal} id="dragModalWrap">
+                  <img src={idx==1?pic1:idx==2?pic2:idx==3?pic3:idx==4?pic4:idx==5?pic5:null}/>
+                  <div id="dragModalTitle" className={`${styles.dragImgWrap} drag-title`}>
+                  </div>
                 </div>
               </React.Fragment>:null
             }

src/components/EmergencyProcedure/EmergencyModal/index.less

@@ -83,27 +83,28 @@
   }
   .imageModal {
     position: fixed;
-    top: 7%;
-    bottom: 7%;
-    // height: 86%;
     background-color: #fff;
     overflow: hidden;
     z-index: 500;
     width: 1000px;
     margin-left: -500px;
-    // margin-top: -420px;
-    // height: 840px;
-    // transform: translateX(-50%);
+    margin-top: -400px;
+    height: 800px;
     left: 50%;
-    // top: 50%;
+    top: 50%;
     img{
-      // width: 100%;
       height: 100%;
-      position: absolute;
-      left: 50%;
-      transform: translateX(-50%);
-      // float: left;
+      float: left;
       top: 0;
     }
   }
+  .dragImgWrap {
+    width: 100%;
+    height: 100%;
+    z-index: 502;
+    background-color: transparent;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
 }

src/components/EmergencyProcedure/EmergencyPart/PartSec/index.jsx

@@ -241,7 +241,7 @@ class PartSec extends React.Component{
     return <div className={`${styles.partSec} ${styles.partPub} clearfix`} style={{borderBottom:idx==1?'0':null}}>
       {
         data.select.map((item,idx)=>{
-          return <div className={`${idx == 0?styles.commonBtn:styles.emergencyBtn} ${styles.btn}`}>{item}</div>
+          return <div className={`${idx == 0&&data.select.length>1?styles.commonBtn:styles.emergencyBtn} ${styles.btn}`}>{item}</div>
         })
       }
       <p>步骤2</p>

src/components/EmergencyProcedure/EmergencyPart/PartTrd/index.jsx

@@ -255,7 +255,7 @@ class PartTrd extends React.Component {
               <div className={`${styles.goDownPub} ${styles.goDownB}`}>
                 <span>收入ICU</span>
               </div>
-              <h4>生命体征稳定建议检查CTAP（肺动脉造影）</h4>
+              <h4>生命体征稳定建议检查CTPA（肺动脉造影）</h4>
               <h4>建议检查肺动脉增强CT</h4>
               <div className={`${styles.hold}`}>
                 <span className={styles.holdLeft}>阳性</span>

src/components/EmergencyProcedure/emergency.js

@@ -159,7 +159,7 @@ let data = [
       step2:{//步骤2
         waring:'检查X线或者CT检查',
         tips:'',
-        select:['普通心内会诊','紧急心内会诊'],//按钮
+        select:['胸外科会诊'],//按钮
         items:[
           {
             actionname:'气胸患者',
@@ -252,7 +252,7 @@ let data = [
                     link:''
                   },
                   {
-                    message:'生命体征稳定建议检查CTAP（肺动脉造影）',
+                    message:'生命体征稳定建议检查CTPA（肺动脉造影）',
                     text:'建议检查肺动脉增强CT',
                     link:''
                   },

src/utils/drag.js

@@ -21,7 +21,7 @@ let width = '',//屏幕宽度
 /**
  * 
  * @param {事件对象} event 
- * @param {被拖动的元素} dragModalWrap 
+ * @param {被拖动的元素} dragModalWrap
  * @param {可拖动的区域} dragModalTitle 
  */
 function handleMove(event) {