转出转入记录

src/views/allcase/components/CaseRecord2.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="bcjl">
     <div class="title">{{ titleName }}</div>
-    <div class="info-header mb40">
+    <div class="cont-title-item" v-if="data.type == 5">{{ data.zc_time }}</div>
+    <div class="cont-title-item" v-if="data.type == 6">{{ data.zr_time }}</div>
+    <div class="info-header mb40" v-if="data.type != 5 && data.type != 6">
       <el-row :gutter="32">
         <el-col :span="6">
           <span class="text-blod">科室：</span>
@@ -21,6 +23,12 @@
         </el-col>
       </el-row>
     </div>
+    <div class="info-header mb40" v-if="data.type == 5">
+      {{ data.user_info }}
+    </div>
+    <div class="info-header mb40" v-if="data.type == 6">
+      {{ data.zrjl }}
+    </div>
     <div class="info-content">
       <el-row :gutter="32">
         <el-col :span="24" class="mb40">
@@ -29,7 +37,7 @@
               <span class="date">{{ data ? data.date : '' }}</span>
             </el-col>
             <el-col :span="8">
-              <span class="content-title">{{data ? data.title : '' }}</span>
+              <span class="content-title">{{ data ? data.title : '' }}</span>
             </el-col>
           </el-row>
         </el-col>
@@ -61,7 +69,11 @@
         <!-- type 2术前 -->
         <template v-if="[2].includes(data.type)">
           <el-col :span="24" class="mb10" v-if="data.SSZC">
-            <div class="text-blod">术前讨论由<span style="padding: 0 20px; border-bottom: 1px solid #000;">{{ data.SSZC }}</span>医师主持，讨论结论及术前小结记录如下:</div>
+            <div class="text-blod">
+              术前讨论由
+              <span style="padding: 0 20px; border-bottom: 1px solid #000">{{ data.SSZC }}</span>
+              医师主持，讨论结论及术前小结记录如下:
+            </div>
           </el-col>
           <el-col :span="24" class="mb10" v-if="data.JYBQ">
             <span class="text-blod">简要病情：</span>
@@ -112,28 +124,85 @@
             <div v-for="(item, index) of data.desc" :key="`bltd3${index}`" class="mb20">{{ item.trim() }}</div>
           </el-col>
         </template>
-        <el-col :span="24" class="mt80">
-          <div class="fr" style="margin-right: 100px;">
-            <span class="text-blod">医生签名：</span><span>{{ data.doctor_name }}</span>
+        <!-- type 5转出记录 -->
+        <template v-if="data.type === 5">
+          <el-col :span="24" class="mb10">
+            <span class="text-blod">入院情况：</span>
+            <div class="pl76 mb20">{{ data.ryqk }}</div>
+          </el-col>
+          <el-col :span="24" class="mb10">
+            <span class="text-blod">入院诊断：</span>
+            <div class="pl76 mb20">{{ data.ryzd }}</div>
+          </el-col>
+          <el-col :span="24" class="mb10">
+            <span class="text-blod">诊疗过程：</span>
+            <div class="pl76 mb20">{{ data.zljg }}</div>
+          </el-col>
+          <el-col :span="24" class="mb10">
+            <span class="text-blod">目前情况：</span>
+            <div class="pl76 mb20">{{ data.mqqk }}</div>
+          </el-col>
+          <el-col :span="24" class="mb10">
+            <span class="text-blod">目前诊断：</span>
+            <div class="pl76 mb20">
+              <div v-for="(item, index) of data.mqzd" :key="`bltd3${index}`" class="mb20">{{ item.trim() }}</div>
+            </div>
+          </el-col>
+          <el-col :span="24" class="mb10">
+            <span class="text-blod">转科室及注意事项：</span>
+            <div class="pl76 mb20">
+              <div class="pl76 mb20">{{ data.zysx }}</div>
+            </div>
+          </el-col>
+        </template>
+        <!-- type 6转入记录 -->
+        <template v-if="data.type === 6">
+          <el-col :span="24" class="mb10">
+            <span class="text-blod">目前情况：</span>
+            <div class="pl76 mb20">{{ data.mqqk }}</div>
+          </el-col>
+          <el-col :span="24" class="mb10">
+            <span class="text-blod">目前诊断：</span>
+            <div class="pl76 mb20">
+              <div v-for="(item, index) of data.mqzd" :key="`bltd3${index}`" class="mb20">{{ item }}</div>
+            </div>
+          </el-col>
+          <el-col :span="24" class="mb10">
+            <span class="text-blod">转入诊疗计划：</span>
+            <div class="pl76 mb20">
+              <div v-for="(item, index) of data.zljh" :key="`zrjh${index}`" class="mb20">{{ item }}</div>
+            </div>
+          </el-col>
+        </template>
+        <el-col :span="24" class="mt80" v-if="data.type === 5 || data.type === 6">
+          <div class="fr" style="margin-right: 100px">
+            <span class="text-blod">上级医师审核日期：</span>
+            <span>{{ data.shrq }}</span>
+          </div>
+        </el-col>
+        <el-col :span="24" class="mt30">
+          <div class="fr" style="margin-right: 100px">
+            <span class="text-blod">医生签名：</span>
+            <span>{{ data.doctor_name }}</span>
             <!-- 接口暂无字段 -->
           </div>
         </el-col>
       </el-row>
       <div class="bottom-time bottom-time-top">
-              <div class="bottom-time-list">
-                <span class="bottom-time-bold">创建时间:</span>
-                <span v-if="data.CJSJ">{{data.CJSJ}}</span>
-              </div>
-              <div class="bottom-time-list">
-                <span  class="bottom-time-bold">修改时间:</span>
-                <span v-if="data.ZXSJ">{{data.ZXSJ}}</span>
-              </div>
+        <div class="bottom-time-list">
+          <span class="bottom-time-bold">创建时间:</span>
+          <span v-if="data.CJSJ">{{ data.CJSJ }}</span>
+        </div>
+        <div class="bottom-time-list">
+          <span class="bottom-time-bold">修改时间:</span>
+          <span v-if="data.ZXSJ">{{ data.ZXSJ }}</span>
+        </div>
       </div>
-      <div class="bottom-time bottom-time-botom">   
-            <div class="bottom-time-list">
-                <span  class="bottom-time-bold">完成时间:</span>
-                <span v-if="data.WCSJ">{{data.WCSJ}}</span>
-              </div>
+      <div class="bottom-time bottom-time-botom">
+        <div class="bottom-time-list">
+          <span class="bottom-time-bold">完成时间:</span>
+          <span v-if="data.WCSJ">{{ data.WCSJ }}</span>
+        </div>
       </div>
     </div>
   </div>
@@ -151,20 +220,24 @@ export default {
   },
   computed: {
     titleName() {
-      let str
-      const type =  this.data.type
+      let str;
+      const type = this.data.type;
       if (type === 1) {
-        str = '首次病程记录'
+        str = '首次病程记录';
       } else if (type === 2) {
-        str = '术前小结及术前讨论结论记录'
+        str = '术前小结及术前讨论结论记录';
       } else if (type === 3) {
-        str = '术后首次病程记录'
+        str = '术后首次病程记录';
       } else if (type === 4) {
-        str = '查房记录'
+        str = '查房记录';
+      } else if (type === 5) {
+        str = '转出记录';
+      } else if (type === 6) {
+        str = '转入记录';
       }
-      return str
-    }
-  }
+      return str;
+    },
+  },
 };
 </script>
 
@@ -192,6 +265,9 @@ export default {
   .mt80 {
     margin-top: 80px;
   }
+  .mt30 {
+    margin-top: 30px;
+  }
   .pl76 {
     padding-left: 76px;
   }
@@ -216,23 +292,32 @@ export default {
   }
 }
 
-  .bottom-time-top{
-    margin-top: 30px;
+.bottom-time-top {
+  margin-top: 30px;
+}
+.bottom-time-botom {
+  margin-bottom: 30px;
+}
+.bottom-time {
+  width: 100%;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  margin-bottom: 10px;
+  .bottom-time-bold {
+    font-weight: bold;
   }
-  .bottom-time-botom{
-    margin-bottom: 30px;
+  .bottom-time-list {
+    width: 50%;
   }
-  .bottom-time{
-      width: 100%;
-      display: flex;
-      justify-content: flex-start;
-      align-items: center;
-      margin-bottom: 10px;
-      .bottom-time-bold{
-        font-weight: bold;
-      }
-      .bottom-time-list{
-        width: 50%;
-      }
 }
-</style>
+.cont-title-item {
+  width: 100%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: flex-end;
+  font-size: 16px;
+  padding: 30px 0 10px 0;
+  font-weight: 600;
+}
+</style>