From 59843de257263393ed804df2fb4a10269c73e369 Mon Sep 17 00:00:00 2001
From: yang chen <yangchenjj@isoftstone.com>
Date: Thu, 6 Nov 2025 11:56:15 +0800
Subject: [PATCH] =?UTF-8?q?feat(screen):=20=E6=9B=B4=E6=96=B0=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E5=A4=A7=E5=B1=8F=E5=AE=89=E5=85=A8=E6=8C=87=E6=95=B0?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96=E9=80=BB=E8=BE=91=E5=B9=B6=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 mainScreen.vue 和 regionScreen.vue 中新增安全指数独立报表获取逻辑
- 修复 regionScreen.vue 中的模板标签格式和属性换行问题-优化 regionScreen.vue 中的 CSS 背景图片设置和布局结构
- 移除 mainScreen.vue 中未使用的 echarts 日志导入
- 调整多个组件标签的属性排列以提高可读性
-优化 regionScreen.vue 中的数据处理逻辑和查询参数传递方式- 清理 regionScreen.vue 中多余的空行和样式代码
---
 src/views/screen/mainScreen.vue   |  12 +++-
 src/views/screen/regionScreen.vue | 107 ++++++++++++++++--------------
 2 files changed, 69 insertions(+), 50 deletions(-)

diff --git a/src/views/screen/mainScreen.vue b/src/views/screen/mainScreen.vue
index 4bfc8d0..124fcdd 100644
--- a/src/views/screen/mainScreen.vue
+++ b/src/views/screen/mainScreen.vue
@@ -60,6 +60,7 @@ import RiskStatisticsPanel from './components/RiskStatisticsPanel.vue'
 import HighRiskAlertPanel from './components/HighRiskAlertPanel.vue'
 import TimeoutWorkOrderPanel from './components/TimeoutWorkOrderPanel.vue'
 import HiddenDangerPanel from './components/HiddenDangerPanel.vue'
+import {error} from "echarts/types/src/util/log";
 
 // 类型定义
 interface AlertItem {
@@ -484,7 +485,16 @@ const handleHiddenDangerPannelData = (query) => {
         _data2.general = Number(res.records[0].general)
         _data2.major = Number(res.records[0].major)
 
-        dashboardData.value.hiddenDangerData.safetyIndex = res.records[0].safetyIndex
+        // 安全指数另算，再起一个报表
+        // dashboardData.value.hiddenDangerData.safetyIndex = res.records[0].safetyIndex
+        // 在这里添加获取安全指数的逻辑
+        getTableList('hidden_danger_safety_index', query).then(res => {
+          if (res.records && res.records.length > 0) {
+            dashboardData.value.hiddenDangerData.safetyIndex = res.records[0].safetyIndex
+          }
+        }).catch(error => {
+          console.error('获取隐患排查治理数据失败:', error)
+        })
 
         // 获取隐患排查治理处理进度数据
         getTableList('hidden_danger_process_progress', query).then(res => {
diff --git a/src/views/screen/regionScreen.vue b/src/views/screen/regionScreen.vue
index 3934799..3d5bbfb 100644
--- a/src/views/screen/regionScreen.vue
+++ b/src/views/screen/regionScreen.vue
@@ -3,7 +3,8 @@
     <!-- 顶部标题栏 -->
     <div class="header-container">
       <div class="header-left">
-        <img class="back-img" @click="returnToHeadquarters" src="@/assets/images/screen/back_image.png" />
+        <img class="back-img" @click="returnToHeadquarters"
+             src="@/assets/images/screen/back_image.png"/>
         <div class="back-button" @click="openRegionSelector"> {{ selectedRegion }}
           <span>···</span>
         </div>
@@ -16,39 +17,44 @@
       </div>
     </div>
     <!-- 天气预报 -->
-    <WeatherWarning />
+    <WeatherWarning/>
     <!-- 主内容区 -->
     <div class="content-container">
       <div class="left-wrapper">
         <OverviewPanel :totalCount="dashboardData?.totalCount || 0"
-          :formalEmployeeCount="dashboardData?.formalEmployeeCount || 0"
-          :externalStaffCount="dashboardData?.externalStaffCount || 0" :visitorCount="dashboardData?.visitorCount || 0"
-          :parkStatistics="dashboardData?.parkStatistics" />
-        <RiskStatisticsPanel :riskStatistics="riskStatistics" :dangerDetail="dangerDetail" :park="parkValue"
-          @tab-change="handleRiskTabChange" :campus_id="query.campus_id" />
+                       :formalEmployeeCount="dashboardData?.formalEmployeeCount || 0"
+                       :externalStaffCount="dashboardData?.externalStaffCount || 0"
+                       :visitorCount="dashboardData?.visitorCount || 0"
+                       :parkStatistics="dashboardData?.parkStatistics"/>
+        <RiskStatisticsPanel :riskStatistics="riskStatistics" :dangerDetail="dangerDetail"
+                             :park="parkValue"
+                             @tab-change="handleRiskTabChange" :campus_id="query.campus_id"/>
       </div>
       <div class="right-wrapper">
-        <HighRiskAlertPanel :alertData="dashboardData?.alertData" :alertDetails="dashboardData?.alertData.details"
-          :sourceIndex="sourceIndex" />
+        <HighRiskAlertPanel :alertData="dashboardData?.alertData"
+                            :alertDetails="dashboardData?.alertData.details"
+                            :sourceIndex="sourceIndex"/>
         <TimeoutWorkOrderPanel :timeoutWorkOrders="dashboardData?.timeoutWorkOrders"
-          :alertDetails="dashboardData?.timeoutWorkOrders.details" :sourceIndex="sourceIndex" />
+                               :alertDetails="dashboardData?.timeoutWorkOrders.details"
+                               :sourceIndex="sourceIndex"/>
       </div>
-      <HiddenDangerPanel :hiddenDangerData="dashboardData?.hiddenDangerData" />
+      <HiddenDangerPanel :hiddenDangerData="dashboardData?.hiddenDangerData"/>
     </div>
   </div>
 
   <!-- 区域选择弹窗 -->
-  <RegionSelector v-model="regionSelectorVisible" :modelSelected="selectedPark" :regions="regionOption"
-    @change="onRegionChange" />
+  <RegionSelector v-model="regionSelectorVisible" :modelSelected="selectedPark"
+                  :regions="regionOption"
+                  @change="onRegionChange"/>
 </template>
 
 <script setup lang="ts">
-import { getTableList, getTableData } from './report'
-import { ref, onMounted, watch, onUnmounted } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+import {getTableList, getTableData} from './report'
+import {ref, onMounted, watch, onUnmounted} from 'vue'
+import {useRoute, useRouter} from 'vue-router'
 import RegionSelector from './components/RegionSelector.vue'
 import WeatherWarning from './components/WeatherWarning.vue'
-import { getDashboardData, getAlertDetails, type DashboardData } from '@/api/dashboard'
+import {getDashboardData, getAlertDetails, type DashboardData} from '@/api/dashboard'
 
 import OverviewPanel from './components/OverviewPanel.vue'
 import RiskStatisticsPanel from './components/RiskStatisticsPanel.vue'
@@ -225,7 +231,7 @@ onMounted(async () => {
   }
 
   try {
-    let { records } = await getTableList(
+    let {records} = await getTableList(
       'park_info_list'
     )
     // records = [
@@ -252,7 +258,9 @@ onMounted(async () => {
       // 去重region字段，使用Map来确保唯一性
       const regionMap = new Map()
       records.filter((el) => el.region_id == query.regionCode)
-        .map(el => { return el })
+        .map(el => {
+          return el
+        })
         .forEach(el => {
           if (!regionMap.has(el.park_name)) {
             regionMap.set(el.park_name, {
@@ -480,7 +488,16 @@ const handleHiddenDangerPannelData = (query) => {
         _data2.general = Number(res.records[0].general)
         _data2.major = Number(res.records[0].major)
 
-        dashboardData.value.hiddenDangerData.safetyIndex = res.records[0].safetyIndex
+        // 安全指数另算，再起一个报表
+        // dashboardData.value.hiddenDangerData.safetyIndex = res.records[0].safetyIndex
+        // 在这里添加获取安全指数的逻辑
+        getTableList('hidden_danger_safety_index', query).then(res => {
+          if (res.records && res.records.length > 0) {
+            dashboardData.value.hiddenDangerData.safetyIndex = res.records[0].safetyIndex
+          }
+        }).catch(error => {
+          console.error('获取隐患排查治理数据失败:', error)
+        })
 
         // 获取隐患排查治理处理进度数据
         getTableList('hidden_danger_process_progress', query).then(res => {
@@ -571,7 +588,7 @@ const handleRiskTabChange = async (tab: TabType) => {
       // 根据不同的tab请求不同的接口
       getTableList(
         code,
-        { ...query, activeTab: tab }
+        {...query, activeTab: tab}
       ).then(response => {
         // 更新风险统计数据 - 传递完整的数组数据用于饼图显示
         if (response.records && response.records.length > 0) {
@@ -620,7 +637,7 @@ const handleRiskTabChange = async (tab: TabType) => {
       // 根据不同的tab请求不同的接口
       getTableList(
         code,
-        { ...query, activeTab: tab }
+        {...query, activeTab: tab}
       ).then(response => {
         // 更新风险统计数据 - 传递完整的数组数据用于饼图显示
         if (response.records && response.records.length > 0) {
@@ -650,7 +667,7 @@ const onRegionChange = (item: RegionItem): void => {
   parkValue.value = item.code
   router.push({
     path: '/screen/company',
-    query: { parkName: item.name, parkCode: item.code }
+    query: {parkName: item.name, parkCode: item.code}
   })
 }
 
@@ -1219,23 +1236,20 @@ const timeOut1 = (): void => {
 
     .left-top {
       padding: 0 5px;
-      background-image:
-        url('@/assets/images/screen/left_top_img.png'),
-        url('@/assets/images/screen/left_center_img.png'),
-        url('@/assets/images/screen/left_bottom_img.png');
-      background-position:
-        top center,
-        left center,
-        bottom center;
+      background-image: url('@/assets/images/screen/left_top_img.png'),
+      url('@/assets/images/screen/left_center_img.png'),
+      url('@/assets/images/screen/left_bottom_img.png');
+      background-position: top center,
+      left center,
+      bottom center;
 
       /* 设置大小，注意中间的背景图应该覆盖整个容器 */
       background-repeat: no-repeat, no-repeat, no-repeat;
 
       /* 设置位置 */
-      background-size:
-        100% 90px,
-        cover,
-        100% 68px;
+      background-size: 100% 90px,
+      cover,
+      100% 68px;
       flex: 1;
 
       /* 设置重复方式 */
@@ -1396,23 +1410,20 @@ const timeOut1 = (): void => {
     }
 
     .left-bottom {
-      background-image:
-        url('@/assets/images/screen/left_top_2_img.png'),
-        url('@/assets/images/screen/left_center_img.png'),
-        url('@/assets/images/screen/left_bottom_img.png');
-      background-position:
-        top center,
-        left center,
-        bottom center;
+      background-image: url('@/assets/images/screen/left_top_2_img.png'),
+      url('@/assets/images/screen/left_center_img.png'),
+      url('@/assets/images/screen/left_bottom_img.png');
+      background-position: top center,
+      left center,
+      bottom center;
 
       /* 设置大小，注意中间的背景图应该覆盖整个容器 */
       background-repeat: no-repeat, no-repeat, no-repeat;
 
       /* 设置位置 */
-      background-size:
-        100% 90px,
-        cover,
-        100% 68px;
+      background-size: 100% 90px,
+      cover,
+      100% 68px;
       flex: 1;
 
       /* 设置重复方式 */
@@ -1462,8 +1473,6 @@ const timeOut1 = (): void => {
     row-gap: 1rem;
 
 
-
-
   }
 
   .center-container {