f

src/views/largeScreen/components/Header.vue

@@ -2,7 +2,7 @@
   <div
     class="component-header relative flex items-center justify-center w-full"
   >
-    <div class="title">{{ username }}健康数据大屏</div>
+    <div class="title">{{ username }}{{ title }}</div>
     <div class="right-time flex items-center" @click="onRefresh">
       <el-text v-if="largeScreenGlobalData?.updatedAt"
         >数据更新时间：{{ largeScreenGlobalData.updatedAt }}</el-text
@@ -43,7 +43,16 @@ const largeScreenGlobalData = computed(() => {
 const { onContentFullScreen, pureSetting } = useTags();
 const showTagsText = ref(true);
 
-const { title, username } = useNav();
+const  props = defineProps({
+  title: {
+    type: String,
+    default: "健康数据大屏"
+  }
+})
+const title  = computed(() => {
+  return props.title
+})
+const { username } = useNav();
 
 const tagsViews = reactive([
   {

src/views/largeScreen/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div id="largeDataScreen" class="h-screen w-screen flex flex-col">
-    <Header></Header>
+    <Header :title="profile?.nickname || ''"></Header>
     <!-- <el-row style="height: calc(100vh - 210px)" :gutter="10"> -->
-    <el-row class="flex-1" >
+    <el-row class="flex-1">
       <el-col :span="8" class="p-2">
         <div class="flex flex-col h-full">
           <div class=" ">
@@ -19,7 +19,7 @@
       <el-col :span="8" class="py-2">
         <div class="flex flex-col h-full">
           <div class="flex-[2] flex flex-col">
-            <Center1 class=""/>
+            <Center1 class="" />
           </div>
           <div class="bg-white rounded mt-2 flex-1">
             <Center2 />
@@ -53,7 +53,16 @@
   </div>
 </template>
 <script setup>
-import { computed, onMounted, defineAsyncComponent, reactive, provide, nextTick, ref } from "vue";
+import {
+  computed,
+  onMounted,
+  defineAsyncComponent,
+  reactive,
+  provide,
+  nextTick,
+  ref,
+  shallowRef
+} from "vue";
 // import autofit from "autofit.js";
 import Header from "./components/Header.vue";
 import Left1 from "./components/Left1.vue";
@@ -99,8 +108,13 @@ const abnormalIndicatorGroupList = computed(() => {
   });
   return list;
 });
-
+const profile = shallowRef();
+const getInfo = async () => {
+  const { data } = await request.get("/archivesService/agency/profile");
+  profile.value = data.profile;
+};
 onMounted(() => {
+  getInfo();
   useLargeScreenHook?.requestLargeScreenGlobalData();
 });
 
@@ -159,7 +173,7 @@ provide("openDialogDetail", openDialogDetail);
 #largeDataScreen {
 }
 body {
-  background:#f1f1f1;
+  background: #f1f1f1;
 }
 .center1 {
   flex: 2;