0908

src/views/largeScreen/components/header.vue

@@ -6,7 +6,7 @@
       </div>
       <div style="font-size: 12px; padding-left: 10px">安全生产天数：</div>
       <div class="header_left_text">
-        1,235
+        {{ safetyDay }}
         <span style="font-size: 12px">天</span>
       </div>
     </div>
@@ -41,12 +41,42 @@
 </template>
 
 <script setup lang="ts">
+import { ref, computed, onMounted } from 'vue';
+import { useUserStoreHook } from '@/store/modules/user';
+import { getSafetyDay } from '@/api/largeScreen/index';
+
 const week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
 const date = ref({
   ymd: '',
   hms: '',
   week: 0
 });
+const safetyDay = ref('');
+const userStore = useUserStoreHook();
+const currentProject = computed(() => userStore.selectedProject);
+
+// 获取安全生产天数
+const getSafetyDays = async () => {
+  try {
+    console.log('currentProject', currentProject.value.id);
+
+    if (currentProject.value?.id) {
+      const res = await getSafetyDay(currentProject.value.id);
+      console.log('111111', res);
+
+      if (res.code === 200 && res.data) {
+        safetyDay.value = res.data.safetyDay.toString();
+      }
+    }
+  } catch (error) {
+    console.error('获取安全生产天数失败:', error);
+  }
+};
+
+// 组件挂载时获取数据
+onMounted(() => {
+  getSafetyDays();
+});
 const setTime = () => {
   let date1 = new Date();
   let year: any = date1.getFullYear();