提交

src/views/projectLarge/ProjectScreen/components/header.vue

@@ -11,7 +11,7 @@
       </div>
     </div>
     <div class="title">
-      <div>{{ currentProjectName }}</div>
+      <div>{{ projectName ? projectName : currentProjectName }}</div>
       <div>施工现场数智化管理</div>
     </div>
     <div class="header_right">
@@ -19,8 +19,12 @@
         <!-- 左侧：天气图标 + 日期文字 -->
         <div class="left-section">
           <div class="weather-list" @mouseenter="requestPause" @mouseleave="resumeScroll">
-            <div v-for="(item, i) in weatherList" :key="i" class="weather-item"
-              :style="{ transform: `translateY(-${offsetY}px)`, transition: transition }">
+            <div
+              v-for="(item, i) in weatherList"
+              :key="i"
+              class="weather-item"
+              :style="{ transform: `translateY(-${offsetY}px)`, transition: transition }"
+            >
               <img :src="`/assets/demo/${item.icon}.png`" alt="" />
               <div>{{ item.weather }}{{ item.tempMin }}°/{{ item.tempMax }}°</div>
               <div>{{ item.week }}({{ item.date }})</div>
@@ -60,7 +64,9 @@
 import { ref, onMounted, onUnmounted } from 'vue';
 import { getScreenSafetyDay, getScreenWeather } from '@/api/projectScreen';
 import { useUserStoreHook } from '@/store/modules/user';
-
+const urlParams = new URLSearchParams(new URL(window.location.href).search);
+const projectIdTwo = urlParams.get('projectId');
+const projectName = urlParams.get('projectName');
 const userStore = useUserStoreHook();
 const currentProjectName = computed(() => userStore.selectedProject?.name);
 
@@ -81,6 +87,10 @@ const props = defineProps({
   isFull: {
     type: Boolean,
     default: false
+  },
+  projectName: {
+    type: String,
+    default: ''
   }
 });
 
@@ -230,13 +240,13 @@ onUnmounted(() => {
   text-align: center;
 }
 
-.title>div:first-child {
+.title > div:first-child {
   /* 第一个子元素的样式 */
   font-size: 38px;
   letter-spacing: 0.1em;
 }
 
-.title>div:last-child {
+.title > div:last-child {
   /* 最后一个子元素的样式 */
   font-size: 26px;
 }
@@ -269,7 +279,7 @@ onUnmounted(() => {
       display: flex;
       align-items: center;
 
-      &>div:last-child {
+      & > div:last-child {
         margin-left: 10px;
       }