患者详细信息

src/layout/HeaderV2/ToolInfoBar.vue

@@ -39,7 +39,7 @@ import Message from './function-list/message.vue'
 import FullScreen from './function-list/fullscreen.vue'
 import SizeChange from './function-list/sizeChange.vue'
 import PasswordLayer from './PasswordLayer.vue'
-import UserInfo from "./function-list/UserInfo.vue";
+import UserInfo from "./function-list/user-info/UserInfo.vue";
 import ScrollNotifications from "./ScrollNotifications.vue";
 import Theme from "./function-list/Theme.vue";
 

src/layout/HeaderV2/function-list/UserInfo.vue → src/layout/HeaderV2/function-list/user-info/UserInfo.vue

@@ -17,11 +17,14 @@
 
     <template #default>
       <div class="avatar_img">
-        <el-avatar :size="70" :src="userInfo.avatar" @error="errorHandler">
-          <img :src="makeTextPortrait()"/>
-        </el-avatar>
         <div>
-          {{ userInfo.ybCode }}
+          <el-avatar :size="70" :src="userInfo.avatar" @error="errorHandler">
+            <img :src="makeTextPortrait()"/>
+          </el-avatar>
+        </div>
+
+        <div>
+          <user-info-display/>
         </div>
 
       </div>
@@ -39,6 +42,7 @@
 import {computed} from "vue";
 import {useStore} from "vuex";
 import {genTextPortrait} from '@/utils/portrait'
+import UserInfoDisplay from "@/layout/HeaderV2/function-list/user-info/UserInfoDisplay.vue";
 
 const store = useStore()
 const emit = defineEmits(['password', 'loginOut'])

src/layout/HeaderV2/function-list/user-info/UserInfoDisplay.vue

@@ -0,0 +1,51 @@
+<template>
+  <ul class="user-info">
+    <li v-for="(value,key) in userUlList" class="list-group-item">
+      {{ value }}
+      <div>
+        {{ userInfo[key] }}
+      </div>
+    </li>
+  </ul>
+</template>
+
+<script setup name='UserInfoDisplay'>
+import {computed} from "vue";
+import store from '@/store';
+
+const userInfo = computed(() => {
+  return store.getters['user/info']
+})
+
+let userUlList = {
+  code: '编码',
+  codeRs: '工号',
+  name: '姓名',
+  deptName: '科室',
+  deptCode: '科室编码',
+  ybCode: '医保编码'
+}
+
+</script>
+
+<style scoped lang="scss">
+.user-info {
+  padding-left: 0;
+  list-style: none;
+  color: black;
+
+  .list-group-item {
+    display: flex;
+    justify-content: space-between;
+    border-bottom: 1px solid #e7eaec;
+    border-top: 1px solid #e7eaec;
+    margin-bottom: -1px;
+    padding: 11px 0;
+    font-size: 13px;
+
+    border-left: 0;
+    border-right: 0;
+    border-radius: 0;
+  }
+}
+</style>