添加时间

src/views/allcase/caseViews.vue

@@ -56,7 +56,7 @@
         <div v-else-if="bcjlLiIds.includes(Number(is_active))">
           <!-- 病程记录 -->
           <CaseRecord :data="caseRecodeInfo" v-if="caseRecodeInfo.is_format === 1" />
-          <NoFormatText :text="caseRecodeInfo.content" name="" v-else />
+          <NoFormatText :text="caseRecodeInfo.content" :data="caseRecodeInfo" name="" v-else />
         </div>
         <div v-else-if="shoushuLiIds.includes(Number(is_active))">
           <!-- 手术记录 -->
@@ -65,7 +65,7 @@
             <ShouShuRecord2 v-if="surgeryData.type === 2" :data="surgeryData" />
             <ShouShuRecord4 v-if="surgeryData.type === 4" :data="surgeryData" />
           </template>
-          <NoFormatText v-else :text="surgeryData.content" :name="blname_title" />
+          <NoFormatText v-else :text="surgeryData.content" :data="surgeryData" :name="blname_title" />
         </div>
         <div v-else-if="is_active == '长期医嘱'">
           <!-- 长期医嘱 -->
@@ -110,7 +110,7 @@
     </div>
   </div>
 </template>
-  <script>
+<script>
 import Mmenu from '@/components/m-menu';
 import mainHomePage from '@/views/allcase/contFile/mainHomePage';
 import newContFile from '@/views/allcase/contFile/newContFile';
@@ -130,7 +130,7 @@ import ShouShuRecord2 from './components/ShouShuRecord2.vue';
 import ShouShuRecord4 from './components/ShouShuRecord4.vue';
 import NoFormatText from './components/NoFormatText.vue';
 import OutHospitalRecord from './components/OutHospitalRecord.vue';
-import CaseQualityBox from './components/CaseQualityBox.vue'
+import CaseQualityBox from './components/CaseQualityBox.vue';
 
 export default {
   components: {
@@ -153,7 +153,7 @@ export default {
     ShouShuRecord4,
     NoFormatText,
     OutHospitalRecord,
-    CaseQualityBox
+    CaseQualityBox,
   },
   directives: {},
   filters: {},
@@ -180,7 +180,7 @@ export default {
       pacsDetail: {},
       // 病程记录详情
       caseRecodeInfo: {
-        is_format: 1
+        is_format: 1,
       },
       surgeryData: {
         mzfj: [],
@@ -252,7 +252,7 @@ export default {
     this.valData = this.storageGet('getData');
     if (this.valData) {
       this.funQuery();
-      this.getCaseQualityResults()
+      this.getCaseQualityResults();
     }
     this.getTree();
   },
@@ -264,7 +264,7 @@ export default {
         id: Number(this.valData),
       };
       this.$axios.post('/get_case_quality', params).then(res => {
-        this.results = res.data
+        this.results = res.data;
       });
     },
     reload() {

src/views/allcase/components/CaseRecord2.vue

@@ -119,6 +119,22 @@
           </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>
+      <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>
 </template>
@@ -199,4 +215,24 @@ export default {
     }
   }
 }
+
+  .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-list{
+        width: 50%;
+      }
+}
 </style>

src/views/allcase/components/NoFormatText.vue

@@ -2,26 +2,48 @@
   <div class="no_format_text">
     <div class="name">{{ name }}</div>
     <div class="content" v-html="text"></div>
+    <div class="bottom-time bottom-time-top">
+      <div class="bottom-time-list" v-if="data.CJSJ">
+        <span class="bottom-time-bold">创建时间:</span>
+        <span>{{ data.CJSJ }}</span>
+      </div>
+      <div class="bottom-time-list" v-if="data.ZXSJ">
+        <span class="bottom-time-bold">修改时间:</span>
+        <span>{{ data.ZXSJ }}</span>
+      </div>
+    </div>
+    <div class="bottom-time bottom-time-botom" v-if="data.WCSJ">
+      <div class="bottom-time-list">
+        <span class="bottom-time-bold">完成时间:</span>
+        <span>{{ data.WCSJ }}</span>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
-  export default {
-    props: {
-      text: {
-        type: String,
-        default() {
-          return ''
-        }
+export default {
+  props: {
+    text: {
+      type: String,
+      default() {
+        return '';
       },
-      name: {
-        type: String,
-        default() {
-          return ''
-        }
-      }
-    }
-  }
+    },
+    name: {
+      type: String,
+      default() {
+        return '';
+      },
+    },
+    data: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
@@ -39,4 +61,23 @@
     padding: 20px;
   }
 }
-</style>
+.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-list {
+    width: 50%;
+  }
+}
+</style>