From 4e7d16f67fa6874bd922e55b218542d054fc0f18 Mon Sep 17 00:00:00 2001
From: fanjia <3278303149@qq.com>
Date: Fri, 17 Apr 2026 17:23:51 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=8E=A5=E5=8F=A3=E5=A4=A7?=
 =?UTF-8?q?=E5=B1=8F=E7=AE=A1=E6=8E=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Dialog/responseStatusDialog.vue           |  45 +---
 .../Dialog/warningSituationDialog.vue         | 197 ++++++++----------
 .../screen/src/views/RiskWarning/bottom.vue   |   2 +
 .../RiskWarning/component/ChongqingMap.vue    |   4 +-
 .../component/WeatherWarningTable.vue         |   3 +-
 .../screen/src/views/RiskWarning/index.vue    |   7 +
 .../screen/src/views/RiskWarning/left.vue     |  18 +-
 .../screen/src/views/RiskWarning/right.vue    |  34 ++-
 packages/screen/src/views/RiskWarning/top.vue |  28 +--
 9 files changed, 167 insertions(+), 171 deletions(-)

diff --git a/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue
index 7a80771..a8b2e81 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue
@@ -203,38 +203,17 @@ const statsCardsData = ref([
 
 // 表格列配置
 const tableColumns = ref([
-  { prop: 'id', label: '序号', width: '50px' },
-  { prop: 'pointType', label: '影响点类型', width: '80px' },
-  { prop: 'pointLocation', label: '影响点位置', width: '150px' },
-  {
-    prop: 'pointLevel',
-    label: '影响点等级',
-    width: '90px',
-    slot: 'pointLevel',
-  },
-  { prop: 'checkCount', label: '查次数', width: '60px' },
-  {
-    prop: 'trafficDept',
-    label: '交通主管部门负责人',
-    width: '120px',
-    slot: 'trafficDept',
-  },
-  { prop: 'roadOrg', label: '公路机构责任人', width: '110px', slot: 'roadOrg' },
-  {
-    prop: 'maintenance',
-    label: '养护站负责人',
-    width: '110px',
-    slot: 'maintenance',
-  },
-  { prop: 'roadKeeper', label: '护路员', width: '80px', slot: 'roadKeeper' },
-  // {
-  //   prop: "responseStatus",
-  //   label: "回应状态",
-  //   width: "70px",
-  //   slot: "responseStatus",
-  // },
-  { prop: 'urgeTime', label: '最新催告时间', width: '110px', slot: 'urgeTime' },
-  { prop: 'operation', label: '操作', width: '50px', slot: 'operation' },
+  { prop: 'id', label: '序号', width: '' },
+  { prop: 'pointType', label: '影响点类型', width: '' },
+  { prop: 'pointLocation', label: '影响点位置', width: '' },
+  { prop: 'pointLevel', label: '影响点等级', width: '', slot: 'pointLevel' },
+  { prop: 'checkCount', label: '查次数', width: '' },
+  { prop: 'trafficDept', label: '交通主管部门负责人', width: '', slot: 'trafficDept' },
+  { prop: 'roadOrg', label: '公路机构责任人', width: '', slot: 'roadOrg' },
+  { prop: 'maintenance', label: '养护站负责人', width: '', slot: 'maintenance' },
+  { prop: 'roadKeeper', label: '护路员', width: '', slot: 'roadKeeper' },
+  { prop: 'urgeTime', label: '最新催告时间', width: '', slot: 'urgeTime' },
+  { prop: 'operation', label: '操作', width: '', slot: 'operation' },
 ]);
 
 // 表格数据
@@ -290,8 +269,6 @@ const tableData = ref([
     urgeTime: { date: '2026-03-28', time: '12:30:00' },
   },
 ]);
-tableData.value.push(...tableData.value);
-tableData.value.push(...tableData.value);
 
 // 分页
 const currentPage = ref(1);
diff --git a/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue
index db692af..807df0a 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue
@@ -90,33 +90,25 @@
 
     <!-- 预警等级列插槽 -->
     <template #riskLeve="{ row }">
-      <span :class="['warning-level-tag', getWarningClass(row.riskLeve)]">{{
-        row.riskLeve
-      }}</span>
+      <span :class="['warning-level-tag', getWarningClass(row.riskLeve)]">{{ row.riskLeve }}</span>
     </template>
 
     <!-- 影响点数量列插槽 -->
     <template #impactCount="{ row }">
-      <span class="impact-count" @click="handleImpactClick(row)">{{
-        row.impactCount
-      }}</span>
+      <span class="impact-count" @click="handleImpactClick(row)">{{ row.impactCount }}</span>
     </template>
   </base-dialog>
 </template>
 
 <script setup>
-import { ref, computed, watch, onMounted, inject } from "vue";
-import { Close, Calendar } from "@element-plus/icons-vue";
-import {
-  warningLevelOptions,
-  regionOptions,
-  isEndedOptions,
-} from "../component/index.js";
-import baseDialog from "../component/baseDialog.vue";
-import { request } from "@/utils/request";
+import { ref, computed, watch, onMounted, inject } from 'vue';
+import { Close, Calendar } from '@element-plus/icons-vue';
+import { warningLevelOptions, regionOptions, isEndedOptions } from '../component/index.js';
+import baseDialog from '../component/baseDialog.vue';
+import { request } from '@/utils/request';
 
 // 注入日期范围
-const getdateRange = inject("getdateRange", ref([]));
+const getdateRange = inject('getdateRange', ref([]));
 
 const props = defineProps({
   visible: {
@@ -129,7 +121,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["update:visible", "close", "impactClick"]);
+const emit = defineEmits(['update:visible', 'close', 'impactClick']);
 
 // 日期范围器
 const dateRange = ref([]);
@@ -143,39 +135,39 @@ onMounted(() => {
 // 监听 warningitem 变化，当弹窗重新打开时更新筛选条件
 watch(
   () => props.warningitem,
-  (newVal) => {
-    console.log("warningitem 变化:", newVal);
+  newVal => {
+    console.log('warningitem 变化:', newVal);
     if (newVal && Object.keys(newVal).length > 0) {
-      filterForm.value.riskLeve = newVal.label || "";
+      filterForm.value.riskLeve = newVal.label || '';
       currentPage.value = 1;
     }
   },
-  { deep: true },
+  { deep: true }
 );
 
 // 监听注入的日期范围变化
 watch(
   () => getdateRange.value,
-  (newVal) => {
-    console.log("warningSituationDialog.vue 日期范围变化:", newVal);
+  newVal => {
+    console.log('warningSituationDialog.vue 日期范围变化:', newVal);
     if (newVal && newVal.length === 2) {
       dateRange.value = newVal;
       filterForm.value.dateRange = newVal;
     }
   },
-  { deep: true },
+  { deep: true }
 );
 
 // 筛选表单
 const filterForm = ref({
-  riskLeve: "",
-  countyName: "",
-  isEnded: "",
+  riskLeve: '',
+  countyName: '',
+  isEnded: '',
   dateRange: dateRange.value,
 });
 
 // 处理日期范围变化
-const handleDateChange = (val) => {
+const handleDateChange = val => {
   filterForm.value.dateRange = val;
 };
 
@@ -193,28 +185,14 @@ const tableHeight = ref(300);
 
 // 表格列配置
 const tableColumns = ref([
-  { prop: "index", label: "序号", width: "" },
-  {
-    prop: "riskLeve",
-    label: "预警等级",
-    width: "",
-    slot: "riskLeve",
-  },
-  {
-    label: "来源",
-    prop: "source",
-    width: "",
-  },
-  { prop: "weatherType", label: "气象类型", width: "" },
-  { prop: "countyName", label: "行政区域", width: "" },
-  { prop: "warningTime", label: "生效时间", width: "" },
-  { prop: "endTime", label: "失效时间", width: "" },
-  {
-    prop: "impactCount",
-    label: "影响点数量",
-    width: "",
-    slot: "impactCount",
-  },
+  { prop: 'index', label: '序号', width: '' },
+  { prop: 'riskLeve', label: '预警等级', width: '', slot: 'riskLeve' },
+  { label: '来源', prop: 'source', width: '' },
+  { prop: 'weatherType', label: '气象类型', width: '' },
+  { prop: 'countyName', label: '影响区域', width: '' },
+  { prop: 'warningTime', label: '生效时间', width: '' },
+  { prop: 'endTime', label: '失效时间', width: '' },
+  { prop: 'impactCount', label: '影响点数量', width: '', slot: 'impactCount' },
 ]);
 
 // 表格数据
@@ -235,12 +213,12 @@ const fetchWarningData = async () => {
     const params = {
       offset: (currentPage.value - 1) * pageSize.value,
       limit: pageSize.value,
-      start: "",
-      end: "",
-      riskLevel: "",
-      weatherType: "",
-      isExpire: "",
-      countyName: "",
+      start: '',
+      end: '',
+      riskLevel: '',
+      weatherType: '',
+      isExpire: '',
+      countyName: '',
     };
 
     // 添加筛选条件
@@ -250,10 +228,7 @@ const fetchWarningData = async () => {
     if (filterForm.value.countyName) {
       params.countyName = filterForm.value.countyName;
     }
-    if (
-      filterForm.value.isEnded !== undefined &&
-      filterForm.value.isEnded !== ""
-    ) {
+    if (filterForm.value.isEnded !== undefined && filterForm.value.isEnded !== '') {
       params.isExpire = filterForm.value.isEnded;
     }
     if (filterForm.value.dateRange && filterForm.value.dateRange.length === 2) {
@@ -262,24 +237,24 @@ const fetchWarningData = async () => {
     }
 
     const res = await request({
-      url: "/snow-ops-platform/weather-warning/affected-count/_by_weather",
-      method: "GET",
+      url: '/snow-ops-platform/weather-warning/affected-count/_by_weather',
+      method: 'GET',
       params,
     });
 
-    if (res.code === "00000" && res.data) {
+    if (res.code === '00000' && res.data) {
       // 处理返回数据
       const list = res.data.data || res.data.records || [];
       total.value = res.data.total || 0;
 
       tableData.value = list.map((item, index) => ({
         index: index + 1,
-        riskLeve: item.riskLeve || "-",
-        weatherType: item.weatherType || "-",
-        countyName: item.countyName || "-",
-        source: item.source || "-",
-        warningTime: item.startTime || "-",
-        endTime: item.endTime || "-",
+        riskLeve: item.riskLeve || '-',
+        weatherType: item.weatherType || '-',
+        countyName: item.countyName || '-',
+        source: item.source || '-',
+        warningTime: item.startTime || '-',
+        endTime: item.endTime || '-',
         impactCount: item.affectedCount || 0,
       }));
     } else {
@@ -287,7 +262,7 @@ const fetchWarningData = async () => {
       total.value = 0;
     }
   } catch (error) {
-    console.error("获取预警数据失败:", error);
+    console.error('获取预警数据失败:', error);
     tableData.value = [];
     total.value = 0;
   } finally {
@@ -296,55 +271,55 @@ const fetchWarningData = async () => {
 };
 
 // 格式化日期时间
-const formatDateTime = (date) => {
-  if (!date) return "";
+const formatDateTime = date => {
+  if (!date) return '';
   const d = new Date(date);
   const year = d.getFullYear();
-  const month = String(d.getMonth() + 1).padStart(2, "0");
-  const day = String(d.getDate()).padStart(2, "0");
-  const hours = String(d.getHours()).padStart(2, "0");
-  const minutes = String(d.getMinutes()).padStart(2, "0");
-  const seconds = String(d.getSeconds()).padStart(2, "0");
+  const month = String(d.getMonth() + 1).padStart(2, '0');
+  const day = String(d.getDate()).padStart(2, '0');
+  const hours = String(d.getHours()).padStart(2, '0');
+  const minutes = String(d.getMinutes()).padStart(2, '0');
+  const seconds = String(d.getSeconds()).padStart(2, '0');
   return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
 };
 
 // 获取预警等级样式类
-const getWarningClass = (level) => {
+const getWarningClass = level => {
   const classMap = {
-    红色预警: "warning-red",
-    橙色预警: "warning-orange",
-    黄色预警: "warning-yellow",
-    蓝色预警: "warning-blue",
+    红色预警: 'warning-red',
+    橙色预警: 'warning-orange',
+    黄色预警: 'warning-yellow',
+    蓝色预警: 'warning-blue',
   };
-  return classMap[level] || "";
+  return classMap[level] || '';
 };
 
 // 关闭对话框
 const handleClose = () => {
-  emit("update:visible", false);
-  emit("close");
+  emit('update:visible', false);
+  emit('close');
 };
 
 // 点击影响点数量
-const handleImpactClick = (item) => {
-  emit("impactClick", item);
-  emit("impactClickItem", {
+const handleImpactClick = item => {
+  emit('impactClick', item);
+  emit('impactClickItem', {
     ...item,
     dateRange: filterForm.value.dateRange || [],
-    riskLeve: filterForm.value.riskLeve || "",
+    riskLeve: filterForm.value.riskLeve || '',
   });
 };
 
 // 分页操作
-const handleSizeChange = (val) => {
+const handleSizeChange = val => {
   pageSize.value = val;
-  console.log("分页大小变化:", val);
+  console.log('分页大小变化:', val);
   currentPage.value = 1;
   fetchWarningData();
 };
 
-const handleCurrentChange = (val) => {
-  console.log("当前页码变化:", val);
+const handleCurrentChange = val => {
+  console.log('当前页码变化:', val);
   currentPage.value = val;
   fetchWarningData();
 };
@@ -359,23 +334,23 @@ const initDialogData = () => {
   // 如果有 warningitem 则设置筛选条件
   if (props.warningitem && Object.keys(props.warningitem).length > 0) {
     filterForm.value = {
-      riskLeve: props.warningitem.label || "",
-      countyName: props.warningitem.countyName || "",
-      isEnded: "",
+      riskLeve: props.warningitem.label || '',
+      countyName: props.warningitem.countyName || '',
+      isEnded: '',
       dateRange: dateRange.value,
     };
   } else {
     filterForm.value = {
-      riskLeve: "",
-      countyName: "",
-      isEnded: "",
+      riskLeve: '',
+      countyName: '',
+      isEnded: '',
       dateRange: dateRange.value,
     };
   }
 
   // 重置页码并获取数据
   currentPage.value = 1;
-  console.log("初始化筛选条件:", filterForm.value);
+  console.log('初始化筛选条件:', filterForm.value);
   fetchWarningData();
 };
 
@@ -387,9 +362,9 @@ const resetData = () => {
   currentPage.value = 1;
   // 清空筛选条件
   filterForm.value = {
-    riskLeve: "",
-    countyName: "",
-    isEnded: "",
+    riskLeve: '',
+    countyName: '',
+    isEnded: '',
     dateRange: [],
   };
   // 清空日期范围
@@ -399,7 +374,7 @@ const resetData = () => {
 // 监听visible变化
 watch(
   () => props.visible,
-  (newVal) => {
+  newVal => {
     if (newVal) {
       // 弹窗打开时，初始化数据
       initDialogData();
@@ -407,38 +382,38 @@ watch(
       // 弹窗关闭时，清空页面数据
       resetData();
     }
-  },
+  }
 );
 
 // 监听筛选条件变化（手动修改时触发，初始化时不触发）
 watch(
   () => filterForm.value,
   (newVal, oldVal) => {
-    console.log("筛选条件变化:===========", newVal, oldVal);
+    console.log('筛选条件变化:===========', newVal, oldVal);
     // 只在旧值存在且不为空对象时触发（排除初始化情况）
     if (oldVal && Object.keys(oldVal).length > 0) {
       currentPage.value = 1;
       fetchWarningData();
     }
   },
-  { deep: true },
+  { deep: true }
 );
 
 // 同步 dateRange 和 filterForm.dateRange
 watch(
   () => dateRange.value,
-  (newVal) => {
+  newVal => {
     filterForm.value.dateRange = newVal;
   },
-  { deep: true },
+  { deep: true }
 );
 
 watch(
   () => filterForm.value.dateRange,
-  (newVal) => {
+  newVal => {
     dateRange.value = newVal;
   },
-  { deep: true },
+  { deep: true }
 );
 </script>
 
diff --git a/packages/screen/src/views/RiskWarning/bottom.vue b/packages/screen/src/views/RiskWarning/bottom.vue
index 06850d4..080b133 100644
--- a/packages/screen/src/views/RiskWarning/bottom.vue
+++ b/packages/screen/src/views/RiskWarning/bottom.vue
@@ -226,6 +226,8 @@ const handleClick = (item, index) => {
     showHazardPopup.value = false;
     showRoadPopup.value = false;
     emit('showHazardPopupfn', false);
+    // 点击非路段，隐藏路段统计
+    emit('hideRoadStats');
   }
 
   activeIndex.value = index;
diff --git a/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue b/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
index c8f396e..e5f3ee3 100644
--- a/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
+++ b/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
@@ -9,13 +9,13 @@
       <span class="error-text">{{ error }}</span>
       <button class="retry-btn" @click="loadMapData">重试</button>
     </div>
-    <TongnanCenterCardDialog
+    <!-- <TongnanCenterCardDialog
       ref="tongnanCenterCardDialog"
       :visible.sync="visible"
       :value="value"
       :z-index="zIndex"
       :width="width"
-    ></TongnanCenterCardDialog>
+    ></TongnanCenterCardDialog> -->
     <mapInfoDialog
       v-model:visible="mapInfoDialogVisible"
       :type="mapInfoDialogType"
diff --git a/packages/screen/src/views/RiskWarning/component/WeatherWarningTable.vue b/packages/screen/src/views/RiskWarning/component/WeatherWarningTable.vue
index 9034986..0863caf 100644
--- a/packages/screen/src/views/RiskWarning/component/WeatherWarningTable.vue
+++ b/packages/screen/src/views/RiskWarning/component/WeatherWarningTable.vue
@@ -364,7 +364,7 @@ defineExpose({
   }
 
   .table-container {
-    height: vw(200);
+    height: vw(130);
     overflow: hidden;
 
     :deep(.el-table) {
@@ -440,6 +440,7 @@ defineExpose({
 }
 :deep(.el-table:not(.el-table--border) .el-table__cell) {
   font-size: vw(14);
+  padding: 0;
 }
 :deep(.el-table .cell) {
   font-size: vw(16);
diff --git a/packages/screen/src/views/RiskWarning/index.vue b/packages/screen/src/views/RiskWarning/index.vue
index e29a976..d1ff5ee 100644
--- a/packages/screen/src/views/RiskWarning/index.vue
+++ b/packages/screen/src/views/RiskWarning/index.vue
@@ -73,6 +73,7 @@
         @hazardItemClick="handleHazardItemClick"
         @clearMapMarkers="clearMapMarkers"
         @showHazardPopupfn="showHazardPopupfn"
+        @hideRoadStats="handleHideRoadStats"
       ></bottom>
     </div>
     <top
@@ -350,6 +351,12 @@ const roadItemClick = item => {
   showRoadStats.value = true;
 };
 
+// 处理隐藏路段统计
+const handleHideRoadStats = () => {
+  console.log('隐藏路段统计');
+  showRoadStats.value = false;
+};
+
 // 处理隐患点点击
 const handleHazardItemClick = item => {
   console.log('点击隐患点:', item);
diff --git a/packages/screen/src/views/RiskWarning/left.vue b/packages/screen/src/views/RiskWarning/left.vue
index 924e2ef..28c6bde 100644
--- a/packages/screen/src/views/RiskWarning/left.vue
+++ b/packages/screen/src/views/RiskWarning/left.vue
@@ -404,8 +404,24 @@ const districtLoadLoad = async () => {
     if (res.code == "00000") {
       const data = res.data;
       if (data) {
+        // 简化区县名称
+        const simplifyDistrictName = (name) => {
+          if (!name) return name;
+          return name
+            .replace("彭水苗族土家族自治县", "彭水县")
+            .replace("石柱土家族自治县", "石柱县")
+            .replace("秀山土家族苗族自治县", "秀山县")
+            .replace("酉阳土家族苗族自治县", "酉阳县");
+        };
+
+        // 处理数据，简化区县名称
+        const processedData = data.map((item) => ({
+          ...item,
+          name: simplifyDistrictName(item.name),
+        }));
+
         // 根据路段、桥梁、隧道、边坡、项目的总数进行排序（数值越大越靠前）
-        const sortedData = data.sort((a, b) => {
+        const sortedData = processedData.sort((a, b) => {
           const totalA =
             (a.roadSectionCount || 0) +
             (a.bridgeCount || 0) +
diff --git a/packages/screen/src/views/RiskWarning/right.vue b/packages/screen/src/views/RiskWarning/right.vue
index 46c10d2..33eaf3b 100644
--- a/packages/screen/src/views/RiskWarning/right.vue
+++ b/packages/screen/src/views/RiskWarning/right.vue
@@ -548,11 +548,34 @@ const controlData1 = ref([
   { label: '限速(限车型)数', value: '24' },
   { label: '告警阻拦处数', value: '32' },
 ]);
-const controlData2 = [
-  { label: '停工项目数', value: '30' },
-  { label: '关闭驻地数', value: '42' },
-  { label: '转移撤离人员数', value: '58' },
-];
+const controlData2 = ref([
+  { label: '停工项目数', value: '0', key: 'stoped_project_count' },
+  { label: '关闭驻地数', value: '0', key: 'closed_site_count' },
+  { label: '转移撤离人员数', value: '0', key: 'displaced_population' },
+]);
+
+// 获取气象预警受影响统计（按项目）
+const getAffectedCountByProject = async () => {
+  try {
+    const res = await request({
+      url: '/snow-ops-platform/weather-warning/affected-count/_by_project',
+      method: 'GET',
+    });
+    console.log('气象预警受影响统计:', res);
+    if (res.code === '00000' && res.data) {
+      const data = res.data;
+      // 更新 controlData2 数组的值
+      controlData2.value.forEach(item => {
+        const matchedData = data.find(d => d.name === item.key);
+        if (matchedData) {
+          item.value = String(matchedData.count);
+        }
+      });
+    }
+  } catch (error) {
+    console.error('获取气象预警受影响统计失败:', error);
+  }
+};
 
 // 巡查数据
 const patrolData = [
@@ -618,6 +641,7 @@ const init = () => {
   getControlStats();
   getRescueInputStats();
   getDisasterStats();
+  getAffectedCountByProject();
 };
 
 // 组件挂载时获取数据并注册刷新函数
diff --git a/packages/screen/src/views/RiskWarning/top.vue b/packages/screen/src/views/RiskWarning/top.vue
index f01dee2..49fb4e8 100644
--- a/packages/screen/src/views/RiskWarning/top.vue
+++ b/packages/screen/src/views/RiskWarning/top.vue
@@ -39,7 +39,6 @@
         </span>
       </div>
     </div>
-    <!-- <img class="filter-icon-ai" src="../../assets/RiskWarning_img/AI1@2x.png" alt="" @click="handleAIClick" /> -->
   </div>
 </template>
 
@@ -70,14 +69,6 @@ const props = defineProps({
     default: false,
   },
 });
-
-watch(
-  () => props.roadItem,
-  newVal => {
-    console.log('top.vue 收到路段信息:', newVal);
-    // roadvalArr.value = newVal;
-  }
-);
 watch(
   () => props.showHazardPopup,
   newShow => {
@@ -198,19 +189,22 @@ const fetchRiskLevelCount = async () => {
     });
     console.log('风险等级统计数据:', res);
     if (res.code === '00000' && res.data) {
-      // 更新隐患点统计数据
+      // 更新路段统计数据
       const data = res.data;
       let roadTotal = 0;
       roadStats.value.forEach(item => {
-        data.forEach(d => {
-          if (item.label.includes(d.level)) {
-            roadTotal += Number(d.count);
-            item.value = Number(d.count);
-          }
-        });
+        // 重置值为0
+        item.value = 0;
+        // 查找匹配的数据
+        const matchedData = data.find(d => item.label.includes(d.level));
+        if (matchedData) {
+          item.value = Number(matchedData.count);
+          roadTotal += Number(matchedData.count);
+        }
       });
+      // 更新风险点总数
       roadStats.value[4].value = roadTotal;
-      console.log(roadStats.value);
+      console.log('更新后的roadStats:', roadStats.value);
     }
   } catch (error) {
     console.error('获取风险等级统计数据失败:', error);