入院记录暂时高亮显示

src/views/allcase/caseViews.vue

@@ -119,7 +119,7 @@
       <!-- status 不存在 意味着不脱敏、医院自助查询 -->
       <template v-if="!$route.query.status && isControl">
         <!-- 病案首页质控 -->
-        <CaseQualityBox :data="results" :type="type_v" :width="340" :height="820" />
+        <CaseQualityBox :data="results" :type="type_v" :width="340" :height="820" @hightRight="hightRight"/>
       </template>
     </div>
   </div>
@@ -128,7 +128,7 @@
 import Mmenu from '@/components/m-menu';
 import mainHomePage from '@/views/allcase/contFile/mainHomePage';
 import newContFile from '@/views/allcase/contFile/newContFile';
-import admissionRecord from '@/views/allcase/contFile/admissionRecord';
+import admissionRecord from '@/views/allcase/contFile/admissionRecord2';
 import medicalAdvice from '@/views/allcase/contFile/medicalAdvice';
 import medicalTemporary from '@/views/allcase/contFile/medicalTemporary';
 import caseImageText from '@/views/allcase/report/caseImageText';
@@ -508,6 +508,46 @@ export default {
         }
       }
     },
+    //质控依据高亮方法
+    hightRight(hightKeyWord, bllb, zyh) {
+      const that = this;
+      let betweenPart = [];
+      betweenPart = that.getKeyWord(hightKeyWord);
+      //自动选中某个菜单
+      that.is_active = bllb;
+      that.titleName = "入院记录";
+      that.parentType = bllb;
+      const params = {id: zyh,bllb: bllb,isHight:1,keyWord:betweenPart};
+      that.$axios2.post('/get_case_platform', params).then(res => {
+          this.admissionRecord = res.data;
+        });
+    },
+    //获取需要高亮的关键词
+    getKeyWord(str) {
+      const result = [];
+      let startIndex = 0;
+      let endIndex;
+
+      // 查找第一个【的索引
+      while ((startIndex = str.indexOf('【', startIndex)) !== -1) {
+        // 查找当前【之后的第一个】的索引
+        endIndex = str.indexOf('】', startIndex);
+
+        // 确保找到了闭合的】
+        if (endIndex !== -1) {
+          // 截取【和】之间的内容（不包括【和】）
+          const content = str.substring(startIndex + 1, endIndex);
+          result.push(content);
+
+          // 更新开始索引为当前】之后的位置，以便查找下一个【
+          startIndex = endIndex + 1;
+        } else {
+          // 如果没有找到闭合的】，则退出循环
+          break;
+        }
+      }
+      return result;
+    }
   },
 };
 </script>
@@ -652,4 +692,9 @@ export default {
   color: #ff0000;
   cursor: pointer;
 }
+
+.keyHight{
+  background-color: red !important;
+  font-weight: bold !important;
+}
 </style>

src/views/allcase/components/CaseQualityBox2.vue

@@ -53,7 +53,12 @@
                       <div v-for="(yItem, yIndex) of item.basis" :key="yIndex" style="margin-bottom: 10px;">
                         <div v-if="item.rule_id !== 6">
                           <span class="span-index">{{ yIndex+1 }}</span>
-                          <span v-for="(cItem, cIndex) of yItem" :key="cIndex">{{ cItem }}</span>
+                          <span v-if="item.category=='入院记录'">
+                            <span v-for="(cItem, cIndex) of yItem" :key="cIndex" @click="hightRight(cItem,292,item.JZHM)">{{ cItem }}</span>
+                          </span>
+                          <span v-else>
+                            <span v-for="(cItem, cIndex) of yItem" :key="cIndex">{{ cItem }}</span>
+                          </span>
                         </div>
                         <div v-else>
                           <span class="span-index">1</span>
@@ -61,7 +66,8 @@
                         </div>
                       </div>
                     </el-descriptions-item>
-                </el-descriptions>
+                  </el-descriptions>
+                  
                 </el-col>
               </el-row>
             </el-card>
@@ -155,6 +161,9 @@
         const el = this.$el.querySelector(`.category${index}`);
         const node = el.parentNode.parentNode.parentNode
         this.$refs["scrollRef"].wrap.scrollTop = node.offsetTop;
+      },
+      hightRight(hightKeyWord, bllb, zyh) {
+        this.$emit('hightRight',hightKeyWord,bllb,zyh)
       }
     }
   }

src/views/allcase/contFile/admissionRecord2.vue

@@ -0,0 +1,348 @@
+<template>
+    <!-- 入院记录 -->
+    <div id="MyDivA" >
+        <div class="admrec-cont">
+          <div class="cont-title-description">入院记录</div>
+          
+          <div class="admrec-cont-header">
+              <div class="admrec-cont-header-list">
+                <span class="cont-textbold">科室:</span>
+                <span v-html="data.department"></span>
+              </div>
+              <div class="admrec-cont-header-list">
+                <span  class="cont-textbold">姓名:</span>
+                <span v-if="data.name" v-html="data.name.value"></span>
+              </div>
+              <div class="admrec-cont-header-list">
+                <span  class="cont-textbold">床号:</span>
+                <span v-if="data.bed_no" v-html="data.bed_no.value"></span>
+              </div>
+              <div class="admrec-cont-header-list">
+                <span  class="cont-textbold">住院号码:</span>
+                <span v-if="data.hospital_no" v-html="data.hospital_no.value"></span>
+              </div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">姓名:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.name" v-html="data.name.value"></span> </div>
+            <div class="cont-textbold">出生地:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.local_address" v-html="data.local_address.value"></span></div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">性别:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.sex" v-html="data.sex.value"></span></div>
+            <div class="cont-textbold">职业:</div>
+            <div class="admrec-cont-infor-list" ><span v-if="data.job" v-html="data.job.value"></span></div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">年龄:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.age" v-html="data.age.value"></span></div>
+            <div class="cont-textbold">入院时间: </div>
+            <div class="admrec-cont-infor-list"><span v-if="data.ry_time" v-html="data.ry_time.value"></span> </div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">民族:</div>
+            <div class="admrec-cont-infor-list"> <span v-if="data.nation" v-html="data.nation.value"></span> </div>
+            <div class="cont-textbold">记录时间: </div>
+            <div class="admrec-cont-infor-list"> <span v-if="data.record_time" v-html="data.record_time.value"></span> </div>
+          </div>
+          <div class="admrec-cont-infor">
+            <div class="admrec-cont-infor-list admrec-cont-infor-text cont-textbold">婚姻:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.marriage" v-html="data.marriage.value"></span></div>
+            <div class="cont-textbold">病史陈述者:</div>
+            <div class="admrec-cont-infor-list"><span v-if="data.narrator" v-html="data.narrator.value"></span> </div>
+          </div>
+
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title ">主诉:<span class="admrec-cont-textnor" v-if="data.zhusu" v-html="data.zhusu.value"></span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title ">现病史:<span class="admrec-cont-textnor" v-if="data.xianbingshi" v-html="data.xianbingshi.value"></span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title ">既往史:<span class="admrec-cont-textnor" v-if="data.jiwangshi" v-html="data.jiwangshi.value"></span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title">个人史:<span class="admrec-cont-textnor" v-if="data.gerenshi" v-html="data.gerenshi.value"></span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title" v-if="data.sex&&data.sex.value == '女\r'">月经及婚育史:<span class="admrec-cont-textnor" v-if="data.yjjhys" v-html="data.yjjhys.value"></span></div>
+            <div class="admrec-cont-chief-title" v-else>婚育史:<span class="admrec-cont-textnor" v-if="data.hys" v-html="data.hys.value"></span></div>
+          </div>
+          <div class="admrec-cont-chief admrec-cont-mg20">
+            <div class="admrec-cont-chief-title">家族史:<span class="admrec-cont-textnor" v-if="data.jzs" v-html="data.jzs.value"></span></div>
+          </div>
+          <div class="admrec-cont-sign">
+            经核对，以上病史属实，请病人或家属签字确认：      <span class="admrec-cont-sign-pat">(患者签名)</span>
+          </div>
+          <div class="admrec-cont-physique">体格检查</div>
+          <!-- <div class="admrec-cont-physique-cont">T36.5 P105次/分 R20次/分 BP139/70mmHg</div> -->
+          <div class="admrec-cont-physique-desc">
+            <span v-if="data.tgjc" v-html="data.tgjc.value">
+            </span>
+          </div>
+          <div class="admrec-cont-physique">辅助检查</div>
+          <el-table
+            :data="fuzhujianchaData"
+            border
+            style="width: 100%">
+            <el-table-column
+              prop="time"
+              label="检查时间">
+            </el-table-column>
+            <el-table-column
+              prop="project"
+              label="检查项目">
+            </el-table-column>
+            <el-table-column
+              prop="result"
+              label="检查结果">
+            </el-table-column>
+            <el-table-column
+              prop="org"
+              label="检查医院">
+            </el-table-column>
+          </el-table>
+          <!-- <div class="admrec-cont-physique-desc"><span v-if="data.fzjc">{{data.fzjc.value}}</span> </div> -->
+          <div class="admrec-cont-prel admrec-cont-mg20 cont-textbold">
+            初步诊断：
+          </div>
+          <div class="admrec-cont-prel-text"   v-for="(item,index) in data.diagnose_list" :key="index">{{item}}</div>
+          <div class="admrec-cont-physing"><span class="cont-textbold">医师签名:</span><span v-html="data.doctor_name"></span></div>
+          <div class="admrec-bottom-time">
+              <div class="admrec-bottom-time-list">
+                <span class="cont-textbold">创建时间:</span>
+                <span v-if="data.CJSJ" v-html="data.CJSJ"></span>
+              </div>
+              <div class="admrec-bottom-time-list">
+                <span  class="cont-textbold">医学意义上的记录时间:</span>
+                <span v-if="data.ZXSJ" v-html="data.ZXSJ"></span>
+              </div>
+          </div>
+          <div class="admrec-bottom-time">   
+              <div class="admrec-bottom-time-list">
+                <span  class="cont-textbold">签名时间:</span>
+                <span v-if="data.WCSJ" v-html="data.WCSJ"></span>
+              </div>
+          </div>
+        </div>
+    </div>
+</template>
+  <script>
+export default {
+  name: '',
+  components: {
+    // OtherComponent
+  },
+  directives: {},
+  filters: {},
+  extends: {},
+  mixins: {},
+  props: {
+    data: {
+      type: null,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      ifFile: false,
+    };
+  },
+  computed: {
+    fuzhujianchaData() {
+      const arr = []
+      const length = this.data.fzjc.value.length
+      this.data.fzjc.value.slice(1, length).map(item => {
+        const obj = {
+          time: item[0],
+          project: item[1],
+          result: item[2],
+          org: item[3]
+        }
+        arr.push(obj)
+      })
+      return arr
+    }
+  },
+  watch: {},
+  beforeCreate() {
+    // 生命周期钩子：组件实例刚被创建，组件属性计算之前，如 data 属性等
+  },
+  created() {
+    // 生命周期钩子：组件实例创建完成，属性已绑定，但 DOM 还未生成，el 属性还不存在
+    // 初始化渲染页面
+  },
+  beforeMount() {
+    // 生命周期钩子：模板编译/挂载之前
+  },
+  mounted() {
+    // 生命周期钩子：模板编译、挂载之后（此时不保证已在 document 中）
+  },
+  beforeUpate() {
+    // 生命周期钩子：组件更新之前
+  },
+  updated() {
+    // 生命周期钩子：组件更新之后
+  },
+  activated() {
+    // 生命周期钩子：keep-alive 组件激活时调用
+  },
+  deactivated() {
+    // 生命周期钩子：keep-alive 组件停用时调用
+  },
+  beforeDestroy() {
+    // 生命周期钩子：实例销毁前调用
+  },
+  destroyed() {
+    // 生命周期钩子：实例销毁后调用
+  },
+  errorCaptured(err, vm, info) {
+    // 生命周期钩子：当捕获一个来自子孙组件的错误时被调用。此钩子会收到三个参数：错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
+    console.log(err, vm, info);
+  },
+  methods: {},
+};
+</script>
+  <style lang='scss' scoped>
+  #MyDivA {
+    padding: 0;
+    margin:0 30px;
+    .admrec-cont{
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: center;
+      .cont-title-description {
+        margin: 20px;
+        font-size: 24px;
+        font-weight: bold;
+        color: #2c3240;
+        text-align: center;
+      }
+      .cont-textbold{
+        font-weight: bold;
+      }
+      .admrec-cont-header{
+        height: 50px;
+        width: 100%;
+        border-bottom: 1.5px solid #e2dfdf;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 20px;
+        margin-bottom: 20px;
+        .admrec-cont-header-list{
+          width: 25%;
+        }
+
+      }
+      .admrec-cont-header-top{
+
+        width: 100%;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        margin-top: 20px;
+        .admrec-cont-header-list{
+          width: 25%;
+        }
+
+      }
+      .admrec-cont-infor{
+        width: 100%;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        .admrec-cont-infor-list{
+          width: 25%;
+          padding-left: 5px;
+        }
+        .admrec-cont-infor-text{
+          text-align: right;
+        }
+      }
+      .admrec-cont-chief{
+        width: 100%;
+        .admrec-cont-chief-title{
+          font-weight: bold;
+        }
+      }
+      .admrec-cont-mg20{
+        margin-top: 20px;
+      }
+      .admrec-cont-sign{
+        width: 100%;
+        height: 30px;
+        margin-top: 30px;
+        padding-left: 10%;
+        .admrec-cont-sign-pat{
+          margin-left: 100px;
+        }
+      }
+      .admrec-cont-physique{
+        width: 100%;
+        height: 30px;
+        text-align: center;
+        margin-top: 30px;
+        font-weight: bold;
+      }
+      .admrec-cont-physique-cont{
+        width: 100%;
+        text-align: center;
+        line-height: 20px;
+      }
+      .admrec-cont-physique-desc{
+        width: 100%;
+        text-align: left;
+        line-height: 20px;
+        text-indent: 30px;
+      }
+      .admrec-cont-auxi{
+        width: 100%;
+        min-height: 30px;
+        display: flex;
+        .admrec-cont-auxi-list{
+          width: 25%;
+          text-align: left;
+        }
+      }
+      .admrec-cont-prel{
+        width: 100%;
+        padding-left: 50%;
+      }
+      .admrec-cont-prel-text{
+        width: 100%;
+        padding-left: 58%;
+        line-height: 20px;
+      }
+      .admrec-cont-physing{
+        width: 100%;
+        padding-left: 65%;
+        margin-top: 20px;
+        margin-bottom: 30px;
+      }
+      .admrec-cont-textnor{
+        font-weight: normal;
+      }
+     
+    }
+  }
+  .admrec-bottom-time{
+      width: 100%;
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      margin-bottom: 20px;
+      .admrec-bottom-time-list{
+        width: 50%;
+      }
+
+  }
+
+
+
+
+
+</style>