luolei

src/components/Preview.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="preview">
+  <div class="preview" ref="preview">
     <div class="personMsg">
       <p class="baseMsg">{{pathInfo.patientName}}&nbsp;&nbsp;&nbsp;&nbsp;{{pathInfo.patientSex}}&nbsp;&nbsp;&nbsp;&nbsp;{{pathInfo.patientAge}}岁</p>
       <table>
@@ -70,6 +70,50 @@
       @showSubmit="showSubmit"
     ></Submit>
     <Loading v-if="loadingShow"></Loading>
+    <div class="doctorData" @click="handleClick(true)">医生端数据展示</div>
+    <div class="personMsgDoc" v-if="showDoc">
+      <div class="personMsgDocModal" @click.prevent="handleClick(false)"></div>
+      <div class="personMsgDocDetail">
+        <img class="close" src="../images/small-close.png" alt="" @click="handleClick(false)">
+        <div class="personMsg personMsg2">
+          <ul class="previewParts">
+            <!-- <li v-if="symptom.choose.length>0"> -->
+            <li>
+              <h4><i :style="{'background': '#FF9A9A'}"></i> 主诉：</h4>
+              <p>
+                <span v-for="(item,idx) in symptom.choose" :key="item.name+idx">{{item.name+(idx == symptom.choose.length-1?'':'、')}}</span>
+              </p>
+            </li>
+            <!-- <li v-if="diagnose.text.length>0||symptom.choose.length>0"> -->
+            <li>
+              <h4><i :style="{'background': '#3D69D9'}"></i> 现病史：</h4>
+              <p>
+                <span v-for="(item,idx) in symptom.text" :key="item.text+idx">{{item.text+(idx == symptom.choose.length-1?'。':';')}}</span>
+              </p>
+              <p>
+                <span v-for="(item,idx) in diagnose.text" :key="item.text+idx">{{item.text+(idx == diagnose.text.length-1?'。':';')}}</span>
+              </p>
+            </li>
+            <li v-if="showLis[moduleCP['other']]==1">
+              <h4><i></i> 其他史：</h4>
+              <p>
+                <span v-for="(item,idx) in others.text" :key="item.text+idx">{{item.text+(idx == others.text.length-1?'。':';')}}</span>
+              </p>
+            </li>
+            <li v-if="showLis[moduleCP['suplement']]==1">
+              <h4><i></i> 补充内容：</h4>
+              <p>{{addContent.txtDoc}}</p>
+            </li>
+            <li v-if="JSON.stringify(diagnose.imgSrc) !='{}'" class="imgLis">
+              <h4 class="imgTitle"><i></i> 最近一次治疗报告：</h4>
+              <div v-for="(value,key,idx) in diagnose.imgSrc" class="imgView">
+                <img :src="value" alt="">
+              </div>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 <script>
@@ -97,10 +141,19 @@ export default {
       imgList:[],
       // show:loadingShow,//提交等待的动画loading
       tmpNum:0,
-      moduleCP:moduleCP
+      moduleCP:moduleCP,
+      showDoc:false
     }
   },
   methods: {
+    handleClick(flg){
+      if(flg){
+        this.$refs.preview.style.overflow = 'hidden'
+      }else{
+        this.$refs.preview.style.overflow = 'auto'
+      }
+      this.showDoc = flg
+    },
     showSubmit(flg) {
       this.submit = flg
     },
@@ -257,6 +310,11 @@ export default {
 .foot {
   .dbfooter;
 }
+.doctorData {
+  float: right;
+  color: #0043E8;
+  margin-bottom: 30px;
+}
 .preview {
   color: red;
   background-color: #f2f2f5;
@@ -268,6 +326,7 @@ export default {
   box-sizing: border-box;
   padding: 0.3rem 0.4rem 1rem .4rem;
   overflow: auto;
+  -webkit-overflow-scrolling:touch;
 }
 .imgView {
   width: 1.86rem;
@@ -282,7 +341,9 @@ export default {
     position: absolute;
     left: 50%;
     top: 50%;
+    width: 100%;
     transform: translate(-50%, -50%);
+
   }
 }
 .imgTitle {
@@ -323,6 +384,7 @@ export default {
       font-size: .28rem;
       color: #424242;
       margin: .2rem 0;
+      word-break: break-all;
     }
   }
   .baseMsg {
@@ -355,4 +417,48 @@ export default {
 .personMsg2 {
   padding-right: 0;
 }
+.personMsgDoc {
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  height: 4rem;
+  overflow: auto;
+  .personMsgDocModal {
+    .mask;
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    z-index: 999;
+  }
+  .personMsgDocDetail {
+    position: fixed;
+    z-index: 1000;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    // padding: 0 .4rem;
+    background-color: #fff;
+    box-sizing: border-box;
+    width: 90%;
+    border-radius: .1rem;
+    overflow: hidden;
+    .personMsg {
+      max-height: 6rem;
+      overflow: auto;
+      width: 100%;
+      border-radius: 0;
+      -webkit-overflow-scrolling:touch;
+    }
+  }
+}
+.close {
+  width: .34rem;
+  height: .34rem;
+  position: absolute;
+  right: 0;
+  top: 0;
+  padding: 8px;
+}
 </style>

src/less/index.less

@@ -92,4 +92,4 @@ html{
     .main .mainBtm .Recommend .btn {
       padding: 0 10px !important;
     }
-} */ 
+} */ 

src/store.js

@@ -31,6 +31,7 @@ const store = new Vuex.Store({
     addContent:{
       origin:[],
       txt:'',
+      txtDoc:''
     },
     loadingShow:false
   },
@@ -59,6 +60,7 @@ const store = new Vuex.Store({
       state.addContent={
         origin:[],
         txt:'',
+        txtDoc:''
       }
     },
     setDataAll(state,param){