From de2d0184a9a9b613af7c4a3d343962f3f7f9013c Mon Sep 17 00:00:00 2001
From: fanjia <3278303149@qq.com>
Date: Thu, 7 May 2026 09:32:05 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=A4=A7=E5=B1=8F=E7=9A=84?=
 =?UTF-8?q?=E5=9C=B0=E5=9B=BE=EF=BC=8C=E4=BD=BF=E7=94=A8=E5=A4=A9=E5=9C=B0?=
 =?UTF-8?q?=E5=9B=BE=E3=80=82=E8=BF=9B=E5=85=A5=E9=A1=B5=E9=9D=A2=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E6=B6=89=E7=81=BE=E9=9A=90=E6=82=A3=E7=82=B9=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE,=E4=BF=AE=E6=94=B9=E6=89=80=E6=9C=89=E5=A4=A7?=
 =?UTF-8?q?=E5=B1=8F=E9=A1=B9=E7=9B=AE=E6=96=87=E5=AD=97=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E9=A9=BB=E5=9C=B0=EF=BC=8C=E5=A4=A7=E5=B1=8F=E9=A9=BB=E5=9C=B0?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=E5=8A=A0=E8=BD=BD=E4=BC=98=E5=8C=96=EF=BC=8C?=
 =?UTF-8?q?=E5=8E=BB=E9=99=A4=E6=9C=AC=E8=BD=AE=E5=AD=97=E6=AE=B5=EF=BC=8C?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E7=BD=91=E7=BB=9C=E7=94=B5=E8=AF=9D=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Dialog/aiWarningResultDialog.vue          |    4 +-
 .../Dialog/clearanceSituationDialog.vue       |    9 +-
 .../RiskWarning/Dialog/confirmDialog.vue      |   86 +-
 .../Dialog/hazardPointSituationDialog.vue     |   23 +-
 .../RiskWarning/Dialog/impactPointDialog.vue  |   49 +-
 .../Dialog/patrolMileageDialog.vue            |  190 +-
 .../Dialog/responseStatusDialog.vue           |  268 ++-
 .../Dialog/softPhoneConfigDialog.vue          |  370 ++++
 .../RiskWarning/Dialog/warningInfoDialog.vue  |  192 +-
 .../Dialog/warningSituationDialog.vue         |  287 ++-
 .../screen/src/views/RiskWarning/bottom.vue   |  181 +-
 .../RiskWarning/component/ChongqingMap.vue    | 1908 ++++++++++-------
 .../component/WeatherWarningTable.vue         |  230 +-
 .../src/views/RiskWarning/component/index.js  |  143 +-
 .../src/views/RiskWarning/component/table.vue |  113 -
 .../screen/src/views/RiskWarning/index.vue    |   35 +-
 .../screen/src/views/RiskWarning/left.vue     |   15 +-
 .../screen/src/views/RiskWarning/right.vue    |   13 +-
 packages/screen/src/views/RiskWarning/top.vue |   15 +-
 .../src/views/WarningManagement/law/index.js  |    2 +-
 20 files changed, 2245 insertions(+), 1888 deletions(-)
 create mode 100644 packages/screen/src/views/RiskWarning/Dialog/softPhoneConfigDialog.vue
 delete mode 100644 packages/screen/src/views/RiskWarning/component/table.vue

diff --git a/packages/screen/src/views/RiskWarning/Dialog/aiWarningResultDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/aiWarningResultDialog.vue
index 0455e7a..d2afd01 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/aiWarningResultDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/aiWarningResultDialog.vue
@@ -399,7 +399,7 @@ const currentWarningInfo = computed(() => {
 // 影响范围标签页
 const impactTabs = ref([
   { key: 'point', label: '影响点' },
-  { key: 'project', label: '影响项目' },
+  { key: 'project', label: '影响驻地' },
 ]);
 const activeImpactTab = ref('project');
 
@@ -413,7 +413,7 @@ const aiiTypeArr = ref([
   { number: '21', label: '风险路段' },
   { number: '21', label: '桥梁' },
   { number: '21', label: '隧道' },
-  { number: '21', label: '项目' },
+  { number: '21', label: '驻地' },
 ]);
 // 影响项目
 const impactProjectDataTable = ref([
diff --git a/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
index a1cbf86..0f7b8f1 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
@@ -116,7 +116,14 @@ watch(
   (newVal) => {
     console.log('newVal', newVal)
     if (newVal.label) {
-      filterForm.value.roadConditionType = newVal.label.substring(0, newVal.label.length - 1) || ''
+      // 根据 label 映射对应的管控措施类型
+      const labelMap = {
+        封闭管控数: '全幅封闭',
+        告警阻拦处数: '告警阻拦',
+        '限速(限车型)数': '限速',
+        半幅通行数: '半幅封闭',
+      }
+      filterForm.value.roadConditionType = labelMap[newVal.label] || newVal.label.substring(0, newVal.label.length - 1) || ''
       currentPage.value = 1
       fetchData()
     } else {
diff --git a/packages/screen/src/views/RiskWarning/Dialog/confirmDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/confirmDialog.vue
index 92793bf..650b096 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/confirmDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/confirmDialog.vue
@@ -1,39 +1,51 @@
 <template>
-  <div v-if="visible" class="confirm-dialog-overlay" @click="handleOverlayClick">
-    <div class="confirm-dialog" @click.stop>
-      <!-- 四个角的装饰 -->
-      <div class="corner corner-top-left"></div>
-      <div class="corner corner-top-right"></div>
-      <div class="corner corner-bottom-left"></div>
-      <div class="corner corner-bottom-right"></div>
-      <!-- 标题栏 -->
-      <div class="dialog-header">
-        <div class="header-title">{{ title }}</div>
-        <div class="close-btn" @click="handleCancel">
-          <el-icon><Close /></el-icon>
+  <div>
+    <!-- 确认弹窗 -->
+    <div v-if="visible" class="confirm-dialog-overlay" @click="handleOverlayClick">
+      <div class="confirm-dialog" @click.stop>
+        <!-- 四个角的装饰 -->
+        <div class="corner corner-top-left"></div>
+        <div class="corner corner-top-right"></div>
+        <div class="corner corner-bottom-left"></div>
+        <div class="corner corner-bottom-right"></div>
+        <!-- 标题栏 -->
+        <div class="dialog-header">
+          <div class="header-title">{{ title }}</div>
+          <div class="close-btn" @click="handleCancel">
+            <el-icon><Close /></el-icon>
+          </div>
+        </div>
+
+        <!-- 提示内容 -->
+        <div class="dialog-content">
+          <p class="confirm-message">{{ message }}</p>
+        </div>
+
+        <!-- 按钮区域 -->
+        <div class="dialog-footer">
+          <el-button type="primary" class="btn-confirm" @click="handleCancel">
+            {{ cancelText }}
+          </el-button>
+          <el-button type="primary" class="btn-confirm" @click="handleConfirm">
+            {{ confirmText }}
+          </el-button>
         </div>
       </div>
-
-      <!-- 提示内容 -->
-      <div class="dialog-content">
-        <p class="confirm-message">{{ message }}</p>
-      </div>
-
-      <!-- 按钮区域 -->
-      <div class="dialog-footer">
-        <el-button type="primary" class="btn-confirm" @click="handleCancel">
-          {{ cancelText }}
-        </el-button>
-        <el-button type="primary" class="btn-confirm" @click="handleConfirm">
-          {{ confirmText }}
-        </el-button>
-      </div>
     </div>
+
+    <!-- 软电话配置弹窗 -->
+    <SoftPhoneConfigDialog
+      v-model:visible="softPhoneVisible"
+      @confirm="handleSoftPhoneConfirm"
+      @cancel="handleSoftPhoneCancel"
+    />
   </div>
 </template>
 
 <script setup>
+import { ref } from 'vue';
 import { Close } from '@element-plus/icons-vue';
+import SoftPhoneConfigDialog from './softPhoneConfigDialog.vue';
 
 const props = defineProps({
   visible: {
@@ -60,12 +72,28 @@ const props = defineProps({
 
 const emit = defineEmits(['update:visible', 'confirm', 'cancel']);
 
-// 确认
+// 软电话配置弹窗显示状态
+const softPhoneVisible = ref(false);
+
+// 确认 - 显示软电话配置弹窗
 const handleConfirm = () => {
-  emit('confirm');
+  softPhoneVisible.value = true;
+};
+
+// 软电话配置确认
+const handleSoftPhoneConfirm = (configData) => {
+  console.log('软电话配置数据:', configData);
+  // 触发原始的 confirm 事件，并传递配置数据
+  emit('confirm', configData);
   emit('update:visible', false);
 };
 
+// 软电话配置取消
+const handleSoftPhoneCancel = () => {
+  // 软电话配置弹窗关闭时，保持确认弹窗打开
+  console.log('软电话配置已取消');
+};
+
 // 取消
 const handleCancel = () => {
   emit('cancel');
diff --git a/packages/screen/src/views/RiskWarning/Dialog/hazardPointSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/hazardPointSituationDialog.vue
index 1c3c1cc..a8c366a 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/hazardPointSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/hazardPointSituationDialog.vue
@@ -54,13 +54,21 @@
         </div>
 
         <!-- 照片 - 路段数据展示 -->
-        <div v-if="isRoadData && hazardData.photos" class="info-block display">
+        <div v-if="hazardData.photos" class="info-block display">
           <div class="block-title mr_10">照片</div>
           <div class="photo-list">
-            <img v-for="(photo, index) in hazardData.photos" :key="index" :src="photo" class="photo-item" @click="previewPhoto(photo)" />
+            <img v-for="(photo, index) in hazardData.photos" :key="index" :src="photo" class="photo-item" @click="previewPhoto(index)" />
           </div>
         </div>
 
+        <!-- 图片预览组件 -->
+        <el-image-viewer
+          v-if="previewVisible"
+          :url-list="hazardData.photos"
+          :initial-index="previewIndex"
+          @close="previewVisible = false"
+        />
+
         <!-- 风险描述 -->
         <div class="info-block">
           <div class="block-title">风险描述</div>
@@ -313,11 +321,14 @@ const handleCurrentChange = (val) => {
   currentPage.value = val
 }
 
+// 图片预览状态
+const previewVisible = ref(false)
+const previewIndex = ref(0)
+
 // 预览照片
-const previewPhoto = (photo) => {
-  // 使用 Element Plus 的图片预览功能
-  const { preview } = require('element-plus')
-  preview(photo)
+const previewPhoto = (index) => {
+  previewIndex.value = index
+  previewVisible.value = true
 }
 
 // 视频通话
diff --git a/packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue
index 8ac457a..1f9d061 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue
@@ -219,6 +219,10 @@ const props = defineProps({
     type: Object,
     default: () => {},
   },
+  getdateRange: {
+    type: Array,
+    default: () => [],
+  },
 })
 
 const emit = defineEmits(['update:visible', 'close', 'detail', 'itemClick'])
@@ -228,7 +232,7 @@ const filterForm = ref({
   pointType: '',
   pointLevel: '',
   region: '',
-  roadType: '',
+  roadType: 'G,S',
 })
 
 // 统一的表格列配置（桥梁、边坡、隧道、路段使用）
@@ -328,14 +332,20 @@ const impactData = ref([
   { name: '影响桥梁', count: 0, icon: Icon0, type: '桥梁' },
   { name: '影响隧道', count: 0, icon: Icon2, type: '隧道' },
   { name: '影响边坡', count: 0, icon: Icon1, type: '边坡' },
-  { name: '影响项目', count: 0, icon: Icon3, type: '项目' },
+  { name: '影响项目', count: 0, icon: Icon3, type: '驻地' },
 ])
 // 顶部卡片数据
 const loadBarChartData = async () => {
+  console.log('原始时间范围:', props.handleImpactItem)
   try {
     const res = await request({
       url: '/snow-ops-platform/weather-warning/affected-count',
       method: 'GET',
+      params: {
+        start: formatDateTime(props.getdateRange[0]),
+        end: formatDateTime(props.getdateRange[1]),
+        warningId: props.handleImpactItem.warningId,
+      },
     })
 
     if (res.code == '00000') {
@@ -347,12 +357,12 @@ const loadBarChartData = async () => {
           bridge: '桥梁',
           tunnel: '隧道',
           slope: '边坡',
-          project: '项目',
+          project: '驻地',
           Road: '路段',
           Bridge: '桥梁',
           Tunnel: '隧道',
           Slope: '边坡',
-          Project: '项目',
+          Project: '驻地',
         }
 
         // 转换英文name为中文
@@ -384,13 +394,13 @@ const getColumnsByType = (type) => {
     桥梁: slopeColumns,
     隧道: tunnelColumns,
     边坡: roadColumns,
-    项目: projectColumns,
+    驻地: projectColumns,
   }
   //   { name: '影响路段', count: 0, icon: Icon4, type: '路段' },
   // { name: '影响桥梁', count: 0, icon: Icon0, type: '桥梁' },
   // { name: '影响隧道', count: 0, icon: Icon2, type: '隧道' },
   // { name: '影响边坡', count: 0, icon: Icon1, type: '边坡' },
-  // { name: '影响项目', count: 0, icon: Icon3, type: '项目' },
+  // { name: '影响项目', count: 0, icon: Icon3, type: '驻地' },
   return typeMap[type] || bridgeColumns
 }
 
@@ -400,7 +410,7 @@ const getApiUrlByType = (type) => {
     桥梁: '/snow-ops-platform/weather-warning/affected-object/bridge',
     边坡: '/snow-ops-platform/weather-warning/affected-object/slope',
     隧道: '/snow-ops-platform/weather-warning/affected-object/tunnel',
-    项目: '/snow-ops-platform/weather-warning/affected-object/project',
+    驻地: '/snow-ops-platform/weather-warning/affected-object/project',
     路段: '/snow-ops-platform/weather-warning/affected-object/road-section',
   }
   return urlMap[type] || '/snow-ops-platform/weather-warning/affected-object/bridge'
@@ -481,21 +491,22 @@ const handleFilterChange = () => {
 
 const getTimeParams = () => {
   console.log('原始时间范围:', props.handleImpactItem)
-  let countyName = ''
+  let countyId = ''
+  console.log('区域:', filterForm.value)
   regionOptions.value.forEach((item) => {
-    if (item.label === filterForm.value.region) {
-      countyName = item.label || ''
+    if (item.label === filterForm.value.region || item.value === filterForm.value.region) {
+      countyId = item.value || ''
     }
   })
 
   return {
     // start: `${year}-${month}-01 00:00:00`,
     // end: `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`,
-    start: formatDateTime(props.handleImpactItem.dateRange?.[0] || ''),
-    end: formatDateTime(props.handleImpactItem.dateRange?.[1] || ''),
+    start: formatDateTime(props.getdateRange[0] ? props.getdateRange[0] : props.handleImpactItem.dateRange?.[0] || ''),
+    end: formatDateTime(props.getdateRange[1] ? props.getdateRange[1] : props.handleImpactItem.dateRange?.[1] || ''),
     limit: pageSize.value,
     offset: (currentPage.value - 1) * pageSize.value,
-    countyName: countyName || '',
+    countyId: countyId || '',
     riskLevel: filterForm.value.pointLevel || '',
     roadTypes: filterForm.value.roadType || '',
   }
@@ -692,7 +703,7 @@ const processUnifiedData = (item, type) => {
   }
 
   // 项目类型特殊处理（根据SQL字段映射）
-  if (cardTypeVal.value === '项目') {
+  if (cardTypeVal.value === '驻地') {
     return {
       ...baseData,
       // 影响区域 - 使用COUNTY字段
@@ -765,6 +776,14 @@ const fetchData = async () => {
         }))
         total.value = res.total || 0
       }
+    } else if (cardTypeVal.value == '驻地') {
+      if (res.data) {
+        tableData.value = res.data.map((item, index) => ({
+          ...processDataByType(item, cardType.value),
+          id: index + 1,
+        }))
+        total.value = res.total || 0
+      }
     } else {
       if (res.code === '00000' && res.data) {
         // 处理返回数据
@@ -825,7 +844,7 @@ watch(
     //   }
     //   tableData.value = []
     //   cardType.value = '0'
-    //   loadBarChartData()
+    loadBarChartData()
     //   currentPage.value = 1
     //   fetchData()
     // }
diff --git a/packages/screen/src/views/RiskWarning/Dialog/patrolMileageDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/patrolMileageDialog.vue
index bc67872..fef17e5 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/patrolMileageDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/patrolMileageDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <base-dialog
-    v-model:visible="props.visible"
+    :visible="props.visible"
     title="巡查里程"
     :table-data="tableData"
     :table-columns="tableColumns"
@@ -11,6 +11,7 @@
     @size-change="handleSizeChange"
     @current-change="handleCurrentChange"
     @close="handleClose"
+    @update:visible="handleClose"
   >
     <!-- 统计卡片区域 -->
     <template #header>
@@ -39,7 +40,7 @@
     <template #filter>
       <div class="filter-row">
         <div class="filter-item">
-          <span class="filter-label">帮扶区县</span>
+          <span class="filter-label">巡查区县</span>
           <el-select
             :teleported="false"
             v-model="filterForm.district"
@@ -48,12 +49,7 @@
             clearable
             @change="handleFilterChange"
           >
-            <el-option
-              v-for="item in districtOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
+            <el-option v-for="item in regionOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </div>
       </div>
@@ -62,184 +58,143 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue';
-import BaseDialog from '../component/baseDialog.vue';
-import { request } from '@/utils/request';
-import selectedIcon from '../../../assets/xiangying/选中bg@2x.png';
-import unselectedIcon from '../../../assets/xiangying/未选中bg@2x.png';
+import { ref, watch } from 'vue'
+import BaseDialog from '../component/baseDialog.vue'
+import { request } from '@/utils/request'
+import selectedIcon from '../../../assets/xiangying/选中bg@2x.png'
+import unselectedIcon from '../../../assets/xiangying/未选中bg@2x.png'
 
 // 引入图标
-import IconNational from '../../../assets/xiangying/国省道icon.png';
-import IconRuralRoad from '../../../assets/xiangying/农村公路icon.png';
+import IconNational from '../../../assets/xiangying/国省道icon.png'
+import IconRuralRoad from '../../../assets/xiangying/农村公路icon.png'
+
+import { formatDateTime, regionOptions } from '../component/index.js'
 
 const props = defineProps({
   visible: {
     type: Boolean,
     default: false,
   },
-});
+  getdateRange: {
+    type: Array,
+    default: () => [],
+  },
+})
 
-const emit = defineEmits(['update:visible', 'close']);
+const emit = defineEmits(['update:visible', 'close'])
 
 // 统计数值
-const nationalRoadMileage = ref(345);
-const ruralRoadMileage = ref(4333);
+const nationalRoadMileage = ref(345)
+const ruralRoadMileage = ref(4333)
 
 // 里程数据
 const mileageData = ref([
   { name: '国省道', value: 345, icon: IconNational, type: 'national' },
   { name: '农村公路', value: 4333, icon: IconRuralRoad, type: 'rural' },
-]);
+])
 
 // 当前选中卡片类型
-const cardType = ref('0');
+const cardType = ref('0')
 
 // 点击卡片
 const handleClick = (index, item) => {
-  cardType.value = index + '';
+  cardType.value = index + ''
   // 可以在这里添加筛选逻辑
-  currentPage.value = 1;
-  fetchData();
-};
+  currentPage.value = 1
+  fetchData()
+}
 
 // 筛选表单
 const filterForm = ref({
   district: '',
-});
-
-// 区县选项
-const districtOptions = ref([
-  { label: '万州区', value: 'wanzhou' },
-  { label: '黔江区', value: 'qianjiang' },
-  { label: '涪陵区', value: 'fuling' },
-  { label: '渝中区', value: 'yuzhong' },
-  { label: '大渡口区', value: 'dadukou' },
-  { label: '江北区', value: 'jiangbei' },
-  { label: '沙坪坝区', value: 'shapingba' },
-  { label: '九龙坡区', value: 'jiulongpo' },
-  { label: '南岸区', value: 'nanan' },
-  { label: '北碚区', value: 'beibei' },
-  { label: '渝北区', value: 'yubei' },
-  { label: '巴南区', value: 'banan' },
-  { label: '长寿区', value: 'changshou' },
-  { label: '江津区', value: 'jiangjin' },
-  { label: '合川区', value: 'hechuan' },
-  { label: '永川区', value: 'yongchuan' },
-  { label: '南川区', value: 'nanchuan' },
-  { label: '綦江区', value: 'qijiang' },
-  { label: '大足区', value: 'dazu' },
-  { label: '璧山区', value: 'bishan' },
-  { label: '铜梁区', value: 'tongliang' },
-  { label: '潼南区', value: 'tongnan' },
-  { label: '荣昌区', value: 'rongchang' },
-  { label: '开州区', value: 'kaizhou' },
-  { label: '梁平区', value: 'liangping' },
-  { label: '武隆区', value: 'wulong' },
-]);
+})
 
 // 表格高度
-const tableHeight = ref(300);
+const tableHeight = ref(300)
 
 // 表格列配置 - 不设置宽度，由数据自动控制
 const tableColumns = ref([
   { prop: 'id', label: '序号' },
   { prop: 'district', label: '所属区县' },
   { prop: 'mileage', label: '巡查里程' },
-]);
+])
 
 // 表格数据
-const tableData = ref([]);
+const tableData = ref([])
 
 // 分页
-const currentPage = ref(1);
-const pageSize = ref(10);
-const total = ref(0);
+const currentPage = ref(1)
+const pageSize = ref(10)
+const total = ref(0)
 
 // 关闭对话框
 const handleClose = () => {
-  emit('update:visible', false);
-  emit('close');
-};
+  emit('update:visible', false)
+  emit('close')
+}
 
 // 分页操作
-const handleSizeChange = val => {
-  pageSize.value = val;
-  fetchData();
-};
+const handleSizeChange = (val) => {
+  pageSize.value = val
+  fetchData()
+}
 
-const handleCurrentChange = val => {
-  currentPage.value = val;
-  fetchData();
-};
+const handleCurrentChange = (val) => {
+  currentPage.value = val
+  fetchData()
+}
 
 // 筛选条件改变时触发
 const handleFilterChange = () => {
-  currentPage.value = 1;
-  fetchData();
-};
-
-// 获取统计数据
-const fetchStatsData = async () => {
-  try {
-    const res = await request({
-      url: '/snow-ops-platform/patrol/mileage-stats',
-      method: 'GET',
-    });
-
-    if (res.code === '00000' && res.data) {
-      const nationalVal = res.data.nationalRoadMileage || 345;
-      const ruralVal = res.data.ruralRoadMileage || 4333;
-      nationalRoadMileage.value = nationalVal;
-      ruralRoadMileage.value = ruralVal;
-      // 同步更新 mileageData
-      mileageData.value[0].value = nationalVal;
-      mileageData.value[1].value = ruralVal;
-    }
-  } catch (error) {
-    console.error('获取巡查里程统计数据失败:', error);
-  }
-};
+  currentPage.value = 1
+  fetchData()
+}
 
 // 获取列表数据
 const fetchData = async () => {
   try {
     const res = await request({
-      url: '/snow-ops-platform/patrol/mileage-list',
+      url: '/snow-ops-platform/yhWgxc/county-mileage',
       method: 'GET',
       params: {
         pageNum: currentPage.value,
         pageSize: pageSize.value,
-        districtCode: filterForm.value.district,
+        startTime: formatDateTime(props.getdateRange?.[0] || ''),
+        endTime: formatDateTime(props.getdateRange?.[1] || ''),
+        qxbm: filterForm.value.district || '',
       },
-    });
+    })
 
     if (res.code === '00000' && res.data) {
-      const data = res.data;
+      const data = res.data
       tableData.value = data.records.map((item, index) => {
         return {
           id: currentPage.value * pageSize.value - (pageSize.value - index - 1),
-          district: item.districtName || '-',
-          mileage: item.mileage ? `${item.mileage}公里` : '-',
-        };
-      });
-      total.value = data.total;
+          district: item.qxmc || '-',
+          mileage: item.mileage ? `${item.mileage}公里` : '0',
+        }
+      })
+      total.value = data.total
+    } else {
+      tableData.value = []
+      total.value = 0
     }
   } catch (error) {
-    console.error('获取巡查里程列表数据失败:', error);
+    console.error('获取巡查里程列表数据失败:', error)
   }
-};
+}
 
 // 监听visible变化
 watch(
   () => props.visible,
-  newVal => {
-    if (newVal) {
-      currentPage.value = 1;
-      fetchStatsData();
-      fetchData();
-    }
-  }
-);
+  (newVal) => {
+    tableData.value = []
+    total.value = 0
+    currentPage.value = 1
+    // fetchStatsData()
+    fetchData()
+  },
+)
 </script>
 
 <style lang="scss" scoped>
@@ -251,7 +206,6 @@ watch(
   margin-bottom: 16px;
   padding: 0 4px;
 
-
   .stat-card {
     display: flex;
     flex: 1;
diff --git a/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue
index 884c823..90afc8b 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue
@@ -41,52 +41,21 @@
     <!-- 筛选区域 -->
     <template #filter>
       <div class="filter-row">
-        <!-- <div class="filter-item">
-          <el-select :teleported="false"
-            v-model="filterForm.pointType"
-            placeholder="影响点类型"
-            class="filter-select"
-          >
-            <el-option
-              v-for="option in pointTypeOptions"
-              :key="option.value"
-              :label="option.label"
-              :value="option.value"
-            />
-          </el-select>
-        </div> -->
         <div class="filter-item">
           <span class="filter-label">影响点等级</span>
-          <el-select
-            :teleported="false"
-            v-model="filterForm.pointLevel"
-            placeholder="影响点等级"
-            class="filter-select"
-          >
-            <el-option
-              v-for="option in pointLevelOptions"
-              :key="option.value"
-              :label="option.label"
-              :value="option.value"
-            />
+          <el-select :teleported="false" v-model="filterForm.pointLevel" placeholder="影响点等级" class="filter-select">
+            <el-option v-for="option in pointLevelOptions" :key="option.value" :label="option.label" :value="option.value" />
           </el-select>
         </div>
         <div class="filter-item">
           <span class="filter-label">是否回应</span>
-          <el-select
-            :teleported="false"
-            v-model="filterForm.isResponded"
-            placeholder="是否回应"
-            class="filter-select"
-          >
-            <el-option
-              v-for="option in isRespondedOptions"
-              :key="option.value"
-              :label="option.label"
-              :value="option.value"
-            />
+          <el-select :teleported="false" v-model="filterForm.isResponded" placeholder="是否回应" class="filter-select">
+            <el-option v-for="option in isRespondedOptions" :key="option.value" :label="option.label" :value="option.value" />
           </el-select>
         </div>
+        <div class="filter-item">
+          <el-button type="primary" @click="handleSearch">查询</el-button>
+        </div>
       </div>
     </template>
 
@@ -100,11 +69,7 @@
       <div class="person-info">
         <div class="person-name center">
           <span style="margin-right: 5px">{{ row.trafficDept.name }}</span>
-          <img
-            class="response-icon"
-            :src="row.trafficDept.isResponded ? row.trafficDept.img : row.trafficDept.img"
-            alt
-          />
+          <img class="response-icon" :src="row.trafficDept.isResponded ? row.trafficDept.img : row.trafficDept.img" alt />
         </div>
         <span class="person-phone">{{ row.trafficDept.phone }}</span>
       </div>
@@ -144,9 +109,9 @@
     </template>
 
     <!-- 回应状态列插槽 -->
-    <!-- <template #responseStatus="{ row }">
+    <!-- <template #responseStatusData="{ row }">
       <span class="response-status" :class="row.responseClass">{{
-        row.responseStatus
+        row.responseStatusData
       }}</span>
     </template> -->
 
@@ -166,27 +131,22 @@
 </template>
 
 <script setup>
-import { ref, computed, watch, onMounted } from 'vue';
-import { Close, ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
-import {
-  pointTypeOptions,
-  pointLevelOptions,
-  isRespondedOptions,
-  formatDateTime,
-} from '../component/index.js';
-import baseDialog from '../component/baseDialog.vue';
-import { request } from '@/utils/request.js';
+import { ref, computed, watch, onMounted } from 'vue'
+import { Close, ArrowLeft, ArrowRight } from '@element-plus/icons-vue'
+import { pointTypeOptions, pointLevelOptions, isRespondedOptions, formatDateTime } from '../component/index.js'
+import baseDialog from '../component/baseDialog.vue'
+import { request } from '@/utils/request.js'
 
-import respondedIcon from '../../../assets/xiangying/有回应@2x.png';
-import notRespondedIcon from '../../../assets/xiangying/无回应@2x.png';
-import selectedIcon from '../../../assets/xiangying/选中bg@2x.png';
-import unselectedIcon from '../../../assets/xiangying/未选中bg@2x.png';
+import respondedIcon from '../../../assets/xiangying/有回应@2x.png'
+import notRespondedIcon from '../../../assets/xiangying/无回应@2x.png'
+import selectedIcon from '../../../assets/xiangying/选中bg@2x.png'
+import unselectedIcon from '../../../assets/xiangying/未选中bg@2x.png'
 
-import Icon0 from '../../../assets/xiangying/选中@2x.png';
-import Icon1 from '../../../assets/xiangying/未选中1@2x.png';
-import Icon2 from '../../../assets/xiangying/未选中2@2x.png';
-import Icon3 from '../../../assets/xiangying/未选中3@2x.png';
-import Icon4 from '../../../assets/xiangying/未选中4@2x.png';
+import Icon0 from '../../../assets/xiangying/选中@2x.png'
+import Icon1 from '../../../assets/xiangying/未选中1@2x.png'
+import Icon2 from '../../../assets/xiangying/未选中2@2x.png'
+import Icon3 from '../../../assets/xiangying/未选中3@2x.png'
+import Icon4 from '../../../assets/xiangying/未选中4@2x.png'
 
 const props = defineProps({
   visible: {
@@ -197,18 +157,22 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
-});
+  responseStatusData: {
+    type: Object,
+    default: () => {},
+  },
+})
 
-const emit = defineEmits(['update:visible', 'close', 'detail']);
+const emit = defineEmits(['update:visible', 'close', 'detail'])
 
 // 筛选表单
 const filterForm = ref({
   pointType: '',
   pointLevel: '',
   isResponded: '',
-});
+})
 
-const cardType = ref('路段');
+const cardType = ref('路段')
 
 // 统计卡片数据
 const statsCardsData = ref([
@@ -216,8 +180,8 @@ const statsCardsData = ref([
   { type: '桥梁', label: '影响桥梁', value: 0, icon: Icon0 },
   { type: '隧道', label: '影响隧道', value: 0, icon: Icon2 },
   { type: '边坡', label: '影响边坡', value: 0, icon: Icon1 },
-  { type: '项目', label: '影响项目', value: 0, icon: Icon3 },
-]);
+  { type: '驻地', label: '影响驻地', value: 0, icon: Icon3 },
+])
 
 // 表格列配置
 const tableColumns = ref([
@@ -234,37 +198,40 @@ const tableColumns = ref([
   { prop: 'generalStaff', label: '一般人员(路长履职)', width: '100px', slot: 'generalStaff' },
   { prop: 'urgeTime', label: '最新催告时间', width: '', slot: 'urgeTime' },
   { prop: 'operation', label: '操作', width: '', slot: 'operation' },
-]);
+])
 
 // 表格数据
-const tableData = ref([]);
+const tableData = ref([])
 
 // 分页
-const currentPage = ref(1);
-const pageSize = ref(10);
-const total = ref(36);
+const currentPage = ref(1)
+const pageSize = ref(10)
+const total = ref(36)
 
 // 关闭对话框
 const handleClose = () => {
-  emit('update:visible', false);
-  emit('close');
-};
+  emit('update:visible', false)
+  emit('close')
+}
 
 // 点击卡片切换
-const handleClick = type => {
-  cardType.value = type;
-  fetchData();
-};
+const handleClick = (type) => {
+  cardType.value = type
+  fetchData()
+}
 // 顶部卡片数据
 const loadBarChartData = async () => {
   try {
     const res = await request({
       url: '/snow-ops-platform/weather-warning/affected-count',
       method: 'GET',
-    });
+      params: {
+        warningId: props.responseStatusData.warningId,
+      },
+    })
 
     if (res.code == '00000') {
-      const data = res.data;
+      const data = res.data
       if (data && Array.isArray(data)) {
         // 英文转中文映射
         const nameMap = {
@@ -272,44 +239,44 @@ const loadBarChartData = async () => {
           bridge: '桥梁',
           tunnel: '隧道',
           slope: '边坡',
-          project: '项目',
+          project: '驻地',
           Road: '路段',
           Bridge: '桥梁',
           Tunnel: '隧道',
           Slope: '边坡',
-          Project: '项目',
-        };
+          Project: '驻地',
+        }
 
-        statsCardsData.value.forEach(item => {
-          data.forEach(stat => {
+        statsCardsData.value.forEach((item) => {
+          data.forEach((stat) => {
             if (stat.extension == item.type) {
-              item.value = stat.count || 0;
+              item.value = stat.count || 0
             }
-          });
-        });
+          })
+        })
       }
     }
   } catch (error) {
-    console.error('加载柱状图数据失败:', error);
+    console.error('加载柱状图数据失败:', error)
   }
-};
+}
 // 点击遮罩关闭已由base-dialog组件处理
 
 // 查看详情
-const handleDetail = item => {
-  emit('detail', item);
-};
+const handleDetail = (item) => {
+  emit('detail', item)
+}
 
 // 分页操作
-const handleSizeChange = val => {
-  pageSize.value = val;
-  fetchData();
-};
+const handleSizeChange = (val) => {
+  pageSize.value = val
+  fetchData()
+}
 
-const handleCurrentChange = val => {
-  currentPage.value = val;
-  fetchData();
-};
+const handleCurrentChange = (val) => {
+  currentPage.value = val
+  fetchData()
+}
 
 // 获取通知实体数据
 const fetchData = async () => {
@@ -317,29 +284,32 @@ const fetchData = async () => {
     const params = {
       start: '',
       end: '',
-    };
+      offset: (currentPage.value - 1) * pageSize.value,
+      limit: pageSize.value,
+      warningId: props.responseStatusData.warningId,
+    }
     if (props.dispatchDateRange && props.dispatchDateRange.length > 0) {
-      params.start = formatDateTime(props.dispatchDateRange[0]) || '';
-      params.end = formatDateTime(props.dispatchDateRange[1]) || '';
+      params.start = formatDateTime(props.dispatchDateRange[0]) || ''
+      params.end = formatDateTime(props.dispatchDateRange[1]) || ''
     }
 
     const res = await request({
       url: '/snow-ops-platform/weather-warning/notice-entity',
       method: 'GET',
       params,
-    });
+    })
 
     if (res && res.data) {
       tableData.value = res.data.map((item, index) => {
         // 从 events 中提取不同角色的人员信息
-        const trafficDeptEvent = item.events?.find(e => e.noticeRoles?.includes('交通主管')) || {};
-        const roadKeeperEvent = item.events?.find(e => e.noticeRoles?.includes('护路员')) || {};
-        const roadOrgEvent = item.events?.find(e => e.noticeRoles?.includes('公路机构')) || {};
-        const maintenanceEvent = item.events?.find(e => e.noticeRoles?.includes('养护站')) || {};
+        const trafficDeptEvent = item.events?.find((e) => e.noticeRoles?.includes('交通主管')) || {}
+        const roadKeeperEvent = item.events?.find((e) => e.noticeRoles?.includes('护路员')) || {}
+        const roadOrgEvent = item.events?.find((e) => e.noticeRoles?.includes('公路机构')) || {}
+        const maintenanceEvent = item.events?.find((e) => e.noticeRoles?.includes('养护站')) || {}
 
         // 获取最新的催告时间
-        const lastNoticeTime = item.events?.[0]?.lastNoticeTime || '';
-        const urgeTimeParts = lastNoticeTime ? lastNoticeTime.split('T') : ['', ''];
+        const lastNoticeTime = item.events?.[0]?.lastNoticeTime || ''
+        const urgeTimeParts = lastNoticeTime ? lastNoticeTime.split('T') : ['', '']
 
         return {
           id: index + 1,
@@ -372,26 +342,26 @@ const fetchData = async () => {
             img: roadKeeperEvent.replyState === 'read' ? respondedIcon : notRespondedIcon,
             isResponded: roadKeeperEvent.replyState === 'read',
           },
-          generalStaff:{
-            name: item.GL1_QLGCS || "-",
-            phone: item.GL1_QLGCSDH || "-",
+          generalStaff: {
+            name: item.GL1_QLGCS || '-',
+            phone: item.GL1_QLGCSDH || '-',
           },
-          
+
           urgeTime: {
             date: urgeTimeParts[0] || '-',
             time: urgeTimeParts[1] ? urgeTimeParts[1].substring(0, 8) : '-',
           },
-        };
-      });
-      total.value = res.data.length;
+        }
+      })
+      total.value = res.data.length
     }
   } catch (error) {
-    console.error('获取通知实体数据失败:', error);
+    console.error('获取通知实体数据失败:', error)
   }
-};
+}
 
 // 类型映射
-const getTypeLabel = type => {
+const getTypeLabel = (type) => {
   const typeMap = {
     'road-section': '路段',
     road_section: '路段',
@@ -399,46 +369,52 @@ const getTypeLabel = type => {
     bridge: '桥梁',
     tunnel: '隧道',
     slope: '边坡',
-    project: '项目',
-  };
-  return typeMap[type] || type || '-';
-};
+    project: '驻地',
+  }
+  return typeMap[type] || type || '-'
+}
 
 // 根据风险等级获取样式类
-const getLevelClass = riskLevel => {
-  if (!riskLevel) return '';
-  if (riskLevel.includes('高')) return 'level-serious';
-  if (riskLevel.includes('一般')) return 'level-normal';
-  return '';
-};
+const getLevelClass = (riskLevel) => {
+  if (!riskLevel) return ''
+  if (riskLevel.includes('高')) return 'level-serious'
+  if (riskLevel.includes('一般')) return 'level-normal'
+  return ''
+}
+// 查询
+const handleSearch = () => {
+  fetchData()
+  loadBarChartData()
+}
 
 // 监听visible变化
 watch(
   () => props.visible,
-  newVal => {
+  (newVal) => {
     if (newVal) {
-      currentPage.value = 1;
-      fetchData();
+      currentPage.value = 1
+      fetchData()
+      loadBarChartData()
     }
-  }
-);
+  },
+)
 
 // 监听日期范围变化
 watch(
   () => props.dispatchDateRange,
   () => {
     if (props.visible) {
-      currentPage.value = 1;
-      fetchData();
+      currentPage.value = 1
+      fetchData()
     }
   },
-  { deep: true }
-);
+  { deep: true },
+)
 
 onMounted(() => {
   // 初始化加载顶部卡片数据
-  loadBarChartData();
-});
+  loadBarChartData()
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/screen/src/views/RiskWarning/Dialog/softPhoneConfigDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/softPhoneConfigDialog.vue
new file mode 100644
index 0000000..5bf3c68
--- /dev/null
+++ b/packages/screen/src/views/RiskWarning/Dialog/softPhoneConfigDialog.vue
@@ -0,0 +1,370 @@
+<template>
+  <div v-if="visible" class="softphone-dialog-overlay" @click="handleOverlayClick">
+    <div class="softphone-dialog" @click.stop>
+      <!-- 四个角的装饰 -->
+      <div class="corner corner-top-left"></div>
+      <div class="corner corner-top-right"></div>
+      <div class="corner corner-bottom-left"></div>
+      <div class="corner corner-bottom-right"></div>
+
+      <!-- 标题栏 -->
+      <div class="dialog-header">
+        <div class="header-title">软电话配置</div>
+        <div class="close-btn" @click="handleCancel">
+          <el-icon><Close /></el-icon>
+        </div>
+      </div>
+
+      <!-- 内容区域 -->
+      <div class="dialog-content">
+        <!-- 状态按钮组 -->
+        <div class="status-buttons">
+          <button
+            v-for="status in statusList"
+            :key="status.value"
+            :class="['status-btn', { active: currentStatus === status.value }]"
+            @click="currentStatus = status.value"
+          >
+            {{ status.label }}
+          </button>
+        </div>
+
+        <!-- 表单区域 -->
+        <div class="form-area">
+          <div class="form-item">
+            <span class="form-label">服务器环境</span>
+            <input v-model="formData.serverEnv" type="text" class="form-input" placeholder="请输入服务器环境" />
+          </div>
+          <div class="form-item">
+            <span class="form-label">工号</span>
+            <input v-model="formData.workId" type="text" class="form-input" placeholder="请输入工号" />
+          </div>
+          <div class="form-item">
+            <span class="form-label">坐席密码</span>
+            <input v-model="formData.seatPassword" type="password" class="form-input" placeholder="请输入坐席密码" />
+          </div>
+        </div>
+      </div>
+
+      <!-- 按钮区域 -->
+      <div class="dialog-footer">
+        <button class="btn-cancel" @click="handleCancel">取消</button>
+        <button class="btn-confirm" @click="handleConfirm">确定</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, watch } from 'vue'
+import { Close } from '@element-plus/icons-vue'
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const emit = defineEmits(['update:visible', 'confirm', 'cancel'])
+
+// 状态列表
+const statusList = [
+  { label: '未登录', value: 'notLogin' },
+  { label: '示忙', value: 'busy' },
+  { label: '示闲', value: 'idle' },
+  { label: '呼出', value: 'callOut' },
+  { label: '保持', value: 'hold' },
+  { label: '接回', value: 'retrieve' },
+  { label: '挂断', value: 'hangUp' },
+  { label: '会议', value: 'conference' },
+  { label: '应答', value: 'answer' },
+  { label: '转出', value: 'transfer' },
+  { label: '咨询', value: 'consult' },
+]
+
+// 当前状态
+const currentStatus = ref('notLogin')
+
+// 表单数据
+const formData = reactive({
+  serverEnv: '',
+  workId: '',
+  seatPassword: '',
+})
+
+// 确认
+const handleConfirm = () => {
+  emit('confirm', {
+    status: currentStatus.value,
+    ...formData,
+  })
+  emit('update:visible', false)
+}
+
+// 取消
+const handleCancel = () => {
+  emit('cancel')
+  emit('update:visible', false)
+}
+
+// 点击遮罩关闭
+const handleOverlayClick = () => {
+  handleCancel()
+}
+
+// 监听 visible 变化，打开时重置表单
+watch(
+  () => props.visible,
+  (newVal) => {
+    if (newVal) {
+      currentStatus.value = 'notLogin'
+      formData.serverEnv = ''
+      formData.workId = ''
+      formData.seatPassword = ''
+    }
+  },
+)
+</script>
+
+<style lang="scss" scoped>
+.softphone-dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.6);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 2200;
+}
+
+.softphone-dialog {
+  width: 500px;
+  background: linear-gradient(135deg, rgba(20, 50, 90, 0.95) 0%, rgba(10, 30, 60, 0.98) 100%);
+  border: 1px solid rgba(64, 169, 255, 0.3);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+  overflow: hidden;
+  animation: dialogSlideIn 0.3s ease-out;
+  position: relative;
+
+  @media (max-width: 768px) {
+    width: 90vw;
+    max-width: 90vw;
+  }
+
+  // 四个角的装饰
+  .corner {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    border: 1px solid #40a9ff;
+    z-index: 100;
+    pointer-events: none;
+
+    &.corner-top-left {
+      top: 0;
+      left: 0;
+      border-right: none;
+      border-bottom: none;
+    }
+
+    &.corner-top-right {
+      top: 0;
+      right: 0;
+      border-left: none;
+      border-bottom: none;
+    }
+
+    &.corner-bottom-left {
+      bottom: 0;
+      left: 0;
+      border-right: none;
+      border-top: none;
+    }
+
+    &.corner-bottom-right {
+      bottom: 0;
+      right: 0;
+      border-left: none;
+      border-top: none;
+    }
+  }
+}
+
+@keyframes dialogSlideIn {
+  from {
+    opacity: 0;
+    transform: scale(0.8) translateY(-50px);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1) translateY(0);
+  }
+}
+
+// 标题栏
+.dialog-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  background: linear-gradient(90deg, rgba(64, 169, 255, 0.15) 0%, rgba(64, 169, 255, 0.05) 100%);
+  border-bottom: 1px solid rgba(64, 169, 255, 0.2);
+
+  .header-title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #fff;
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .close-btn {
+    width: 19px;
+    height: 19px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: rgba(255, 255, 255, 0.6);
+    cursor: pointer;
+    font-size: 13px;
+    transition: color 0.3s;
+    flex-shrink: 0;
+
+    &:hover {
+      color: #fff;
+    }
+  }
+}
+
+// 内容区域
+.dialog-content {
+  padding: 20px;
+  max-height: 60vh;
+  overflow-y: auto;
+}
+
+// 状态按钮组
+.status-buttons {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 24px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid rgba(64, 169, 255, 0.2);
+
+  .status-btn {
+    padding: 6px 12px;
+    background: transparent;
+    border: 1px solid rgba(64, 169, 255, 0.4);
+    border-radius: 4px;
+    color: rgba(255, 255, 255, 0.7);
+    font-size: 12px;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      border-color: rgba(64, 169, 255, 0.6);
+      color: rgba(255, 255, 255, 0.9);
+    }
+
+    &.active {
+      background: linear-gradient(135deg, #40a9ff 0%, #1890ff 100%);
+      border-color: #40a9ff;
+      color: #fff;
+    }
+  }
+}
+
+// 表单区域
+.form-area {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.form-item {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+
+  .form-label {
+    width: 80px;
+    font-size: 14px;
+    color: rgba(255, 255, 255, 0.8);
+    flex-shrink: 0;
+  }
+
+  .form-input {
+    flex: 1;
+    height: 36px;
+    padding: 0 12px;
+    background: rgba(255, 255, 255, 0.05);
+    border: 1px solid rgba(64, 169, 255, 0.3);
+    border-radius: 4px;
+    color: #fff;
+    font-size: 14px;
+    transition: all 0.3s;
+
+    &::placeholder {
+      color: rgba(255, 255, 255, 0.4);
+    }
+
+    &:focus {
+      outline: none;
+      border-color: rgba(64, 169, 255, 0.6);
+      background: rgba(255, 255, 255, 0.08);
+    }
+  }
+}
+
+// 按钮区域
+.dialog-footer {
+  display: flex;
+  justify-content: center;
+  gap: 16px;
+  padding: 0 20px 20px;
+  flex-wrap: wrap;
+
+  .btn-cancel {
+    min-width: 80px;
+    height: 32px;
+    padding: 0 24px;
+    background-color: transparent;
+    border: 1px solid rgba(64, 169, 255, 0.4);
+    color: rgba(255, 255, 255, 0.8);
+    font-size: 14px;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      background-color: rgba(64, 169, 255, 0.1);
+      border-color: rgba(64, 169, 255, 0.6);
+      color: #fff;
+    }
+  }
+
+  .btn-confirm {
+    min-width: 80px;
+    height: 32px;
+    padding: 0 24px;
+    background: linear-gradient(135deg, #40a9ff 0%, #1890ff 100%);
+    border: none;
+    color: #fff;
+    font-size: 14px;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      background: linear-gradient(135deg, #69c0ff 0%, #40a9ff 100%);
+    }
+  }
+}
+</style>
diff --git a/packages/screen/src/views/RiskWarning/Dialog/warningInfoDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/warningInfoDialog.vue
index fc5b5dc..f2debe5 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/warningInfoDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/warningInfoDialog.vue
@@ -26,12 +26,7 @@
             @change="handleWarningLevelChange"
             clearable
           >
-            <el-option
-              v-for="option in warningLevelOptions"
-              :key="option.value"
-              :label="option.label"
-              :value="option.value"
-            />
+            <el-option v-for="option in warningLevelOptions" :key="option.value" :label="option.label" :value="option.value" />
           </el-select>
         </div>
         <div class="filter-item">
@@ -43,12 +38,7 @@
             @change="handleWarningLevelChange"
             clearable
           >
-            <el-option
-              v-for="option in regionOptions"
-              :key="option.value"
-              :label="option.label"
-              :value="option.value"
-            />
+            <el-option v-for="option in regionOptions" :key="option.value" :label="option.label" :value="option.value" />
           </el-select>
         </div>
         <div class="filter-item">
@@ -60,12 +50,7 @@
             @change="handleWarningLevelChange"
             clearable
           >
-            <el-option
-              v-for="option in isEndedOptions"
-              :key="option.value"
-              :label="option.label"
-              :value="option.value"
-            />
+            <el-option v-for="option in isEndedOptions" :key="option.value" :label="option.label" :value="option.value" />
           </el-select>
         </div>
         <div class="filter-item">
@@ -77,12 +62,7 @@
             @change="handleWarningLevelChange"
             clearable
           >
-            <el-option
-              v-for="option in isRespondedOptions"
-              :key="option.value"
-              :label="option.label"
-              :value="option.value"
-            />
+            <el-option v-for="option in isRespondedOptions" :key="option.value" :label="option.label" :value="option.value" />
           </el-select>
         </div>
         <div class="filter-item">
@@ -107,17 +87,12 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue';
-import { Search } from '@element-plus/icons-vue';
-import baseDialog from '../component/baseDialog.vue';
-import { formatDateTime } from '../component/index.js';
-import { request } from '@/utils/request';
-import {
-  warningLevelOptions,
-  regionOptions,
-  isEndedOptions,
-  isRespondedOptions,
-} from '../component/index.js';
+import { ref, watch } from 'vue'
+import { Search } from '@element-plus/icons-vue'
+import baseDialog from '../component/baseDialog.vue'
+import { formatDateTime } from '../component/index.js'
+import { request } from '@/utils/request'
+import { warningLevelOptions, regionOptions, isEndedOptions, isRespondedOptions } from '../component/index.js'
 
 const props = defineProps({
   visible: {
@@ -128,9 +103,9 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
-});
+})
 
-const emit = defineEmits(['update:visible', 'close', 'openImpactPoint']);
+const emit = defineEmits(['update:visible', 'close', 'openImpactPoint', 'getResponseStatusrowFn'])
 
 // 筛选表单
 const filterForm = ref({
@@ -138,7 +113,7 @@ const filterForm = ref({
   region: '',
   isEnded: '',
   isResponded: '',
-});
+})
 
 // 表格列配置
 const tableColumns = ref([
@@ -153,82 +128,56 @@ const tableColumns = ref([
   { prop: 'responded', label: '已回应', width: '' },
   { prop: 'notResponded', label: '未回应', width: '' },
   { prop: 'urged', label: '已催告', width: '' },
-]);
+])
 
 // 表格数据
-const tableData = ref([]);
+const tableData = ref([])
 
 // 分页
-const currentPage = ref(1);
-const pageSize = ref(10);
-const total = ref(36);
-
-// 表格高度
-const tableHeight = ref(300);
-
-// 表格样式
-const headerCellStyle = () => {
-  return {
-    backgroundColor: '#1C4979',
-    color: '#fff',
-    fontSize: '14px',
-    fontWeight: '500',
-    textAlign: 'center',
-    padding: '12px 16px',
-    border: 'none',
-  };
-};
-
-const cellStyle = () => {
-  return {
-    backgroundColor: 'transparent',
-    color: 'rgba(255, 255, 255, 0.85)',
-    fontSize: '13px',
-    textAlign: 'center',
-    padding: '12px 16px',
-    border: 'none',
-  };
-};
+const currentPage = ref(1)
+const pageSize = ref(10)
+const total = ref(36)
 
 // 关闭对话框
 const handleClose = () => {
-  emit('update:visible', false);
-  emit('close');
-};
+  emit('update:visible', false)
+  emit('close')
+}
 
 // 点击遮罩关闭已由base-dialog组件处理
 
 // 点击已叫应
-const handleCalledClick = () => {
-  emit('responseStatus');
-};
+const handleCalledClick = (row) => {
+  emit('responseStatus')
+  emit('getResponseStatusrowFn', row)
+}
 
 // 查询
 const handleSearch = () => {
-  console.log('查询条件:', filterForm.value);
-  currentPage.value = 1;
-  fetchData();
-};
+  console.log('查询条件:', filterForm.value)
+  currentPage.value = 1
+  fetchData()
+}
 
 // 分页操作
-const handleSizeChange = val => {
-  pageSize.value = val;
-  fetchData();
-};
+const handleSizeChange = (val) => {
+  pageSize.value = val
+  fetchData()
+}
 
-const handleCurrentChange = val => {
-  currentPage.value = val;
-  fetchData();
-};
+const handleCurrentChange = (val) => {
+  currentPage.value = val
+  fetchData()
+}
 // 处理预警等级变化
 const handleWarningLevelChange = () => {
-  currentPage.value = 1;
-  fetchData();
-};
+  currentPage.value = 1
+  fetchData()
+}
 // 获取预警通知统计
 const fetchData = async () => {
   try {
-    console.log(props.dispatchDateRange);
+    console.log(props.dispatchDateRange)
     const params = {
       start: '',
       end: '',
@@ -239,30 +188,28 @@ const fetchData = async () => {
       countyName: '',
       isExpire: filterForm.value.isEnded,
       isReply: filterForm.value.isResponded,
-    };
+    }
 
     if (regionOptions.value.length > 0) {
       // 处理影响区域筛选
-      const selectedRegion = regionOptions.value.find(
-        option => option.value === filterForm.value.region
-      );
+      const selectedRegion = regionOptions.value.find((option) => option.value === filterForm.value.region)
       if (selectedRegion) {
-        params.countyName = selectedRegion.label == '全部' ? '' : selectedRegion.label || '';
+        params.countyName = selectedRegion.label == '全部' ? '' : selectedRegion.label || ''
       }
     }
 
     if (props.dispatchDateRange.length > 0) {
-      params.start = formatDateTime(props.dispatchDateRange[0]) || '';
-      params.end = formatDateTime(props.dispatchDateRange[1]) || '';
+      params.start = formatDateTime(props.dispatchDateRange[0]) || ''
+      params.end = formatDateTime(props.dispatchDateRange[1]) || ''
     }
 
     const res = await request({
       url: '/snow-ops-platform/weather-warning/notice-count',
       method: 'GET',
       params,
-    });
+    })
 
-    console.log(res);
+    console.log(res)
     if (res) {
       // 映射数据到表格格式
       tableData.value = res.data.map((item, index) => ({
@@ -278,46 +225,47 @@ const fetchData = async () => {
         responded: item.replyCount || 0,
         notResponded: (item.notifyCount || 0) - (item.replyCount || 0),
         urged: item.retryCount || 0,
-      }));
-      total.value = res.total || res.data.length;
+        warningId: item.warningId || '-',
+      }))
+      total.value = res.total || res.data.length
     }
   } catch (error) {
-    console.error('获取预警通知统计失败:', error);
+    console.error('获取预警通知统计失败:', error)
   }
-};
+}
 
 // 根据预警等级获取样式类
-const getLevelClass = riskLevel => {
-  if (!riskLevel) return '';
-  if (riskLevel.includes('红')) return 'level-red';
-  if (riskLevel.includes('橙')) return 'level-orange';
-  if (riskLevel.includes('黄')) return 'level-yellow';
-  if (riskLevel.includes('蓝')) return 'level-blue';
-  return '';
-};
+const getLevelClass = (riskLevel) => {
+  if (!riskLevel) return ''
+  if (riskLevel.includes('红')) return 'level-red'
+  if (riskLevel.includes('橙')) return 'level-orange'
+  if (riskLevel.includes('黄')) return 'level-yellow'
+  if (riskLevel.includes('蓝')) return 'level-blue'
+  return ''
+}
 
 // 监听visible变化
 watch(
   () => props.visible,
-  newVal => {
+  (newVal) => {
     if (newVal) {
-      currentPage.value = 1;
-      fetchData();
+      currentPage.value = 1
+      fetchData()
     }
-  }
-);
+  },
+)
 
 // 监听日期范围变化
 watch(
   () => props.dispatchDateRange,
   () => {
     if (props.visible) {
-      currentPage.value = 1;
-      fetchData();
+      currentPage.value = 1
+      fetchData()
     }
   },
-  { deep: true }
-);
+  { deep: true },
+)
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue
index 946716d..9f60500 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue
@@ -17,56 +17,20 @@
       <div class="filter-row">
         <div class="filter-item">
           <span class="filter-label">预警等级</span>
-          <el-select
-            v-model="filterForm.riskLeve"
-            placeholder="请选择"
-            class="filter-select el-select"
-            clearable
-            size="small"
-            :teleported="false"
-          >
-            <el-option
-              v-for="item in warningLevelOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
+          <el-select v-model="filterForm.riskLeve" placeholder="请选择" class="filter-select el-select" clearable size="small" :teleported="false">
+            <el-option v-for="item in warningLevelOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </div>
         <div class="filter-item">
           <span class="filter-label">影响区域</span>
-          <el-select
-            v-model="filterForm.countyName"
-            placeholder="请选择"
-            class="filter-select"
-            clearable
-            size="small"
-            :teleported="false"
-          >
-            <el-option
-              v-for="item in regionOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
+          <el-select v-model="filterForm.countyName" placeholder="请选择" class="filter-select" clearable size="small" :teleported="false">
+            <el-option v-for="item in regionOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </div>
         <div class="filter-item">
           <span class="filter-label">是否失效</span>
-          <el-select
-            v-model="filterForm.isEnded"
-            placeholder="请选择"
-            class="filter-select"
-            clearable
-            size="small"
-            :teleported="false"
-          >
-            <el-option
-              v-for="item in isEndedOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
+          <el-select v-model="filterForm.isEnded" placeholder="请选择" class="filter-select" clearable size="small" :teleported="false">
+            <el-option v-for="item in isEndedOptions" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </div>
 
@@ -101,14 +65,14 @@
 </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: {
@@ -119,44 +83,44 @@ const props = defineProps({
     type: Object,
     default: () => ({}),
   },
-});
+})
 
-const emit = defineEmits(['update:visible', 'close', 'impactClick']);
+const emit = defineEmits(['update:visible', 'close', 'impactClick'])
 
 // 日期范围器
-const dateRange = ref([]);
+const dateRange = ref([])
 onMounted(() => {
   // 如果弹窗初始就是打开状态，则初始化数据
   if (props.visible) {
-    initDialogData();
+    initDialogData()
   }
-});
+})
 
 // 监听 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 || '';
-      currentPage.value = 1;
+      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;
+      dateRange.value = newVal
+      filterForm.value.dateRange = newVal
     }
   },
-  { deep: true }
-);
+  { deep: true },
+)
 
 // 筛选表单
 const filterForm = ref({
@@ -164,12 +128,12 @@ const filterForm = ref({
   countyName: '',
   isEnded: '',
   dateRange: dateRange.value,
-});
+})
 
 // 处理日期范围变化
-const handleDateChange = val => {
-  filterForm.value.dateRange = val;
-};
+const handleDateChange = (val) => {
+  filterForm.value.dateRange = val
+}
 
 // 预警等级选项
 // 已从 index.js 导入
@@ -181,7 +145,7 @@ const handleDateChange = val => {
 // 已从 index.js 导入
 
 // 表格高度
-const tableHeight = ref(300);
+const tableHeight = ref(300)
 
 // 表格列配置
 const tableColumns = ref([
@@ -193,22 +157,22 @@ const tableColumns = ref([
   { prop: 'warningTime', label: '生效时间', width: '' },
   { prop: 'endTime', label: '失效时间', width: '' },
   { prop: 'impactCount', label: '影响点数量', width: '', slot: 'impactCount' },
-]);
+])
 
 // 表格数据
-const tableData = ref([]);
+const tableData = ref([])
 
 // 分页
-const currentPage = ref(1);
-const pageSize = ref(10);
-const total = ref(0);
+const currentPage = ref(1)
+const pageSize = ref(10)
+const total = ref(0)
 
 // 加载状态
-const loading = ref(false);
+const loading = ref(false)
 
 // 获取预警数据
 const fetchWarningData = async () => {
-  loading.value = true;
+  loading.value = true
   try {
     const params = {
       offset: (currentPage.value - 1) * pageSize.value,
@@ -219,38 +183,36 @@ const fetchWarningData = async () => {
       weatherType: '',
       isExpire: '',
       countyName: '',
-    };
+    }
 
     // 添加筛选条件
     if (filterForm.value.riskLeve) {
-      params.riskLevel = filterForm.value.riskLeve;
+      params.riskLevel = filterForm.value.riskLeve
     }
     if (filterForm.value.countyName) {
-      const selectedRegion = regionOptions.value.find(
-        option => option.value === filterForm.value.countyName
-      );
+      const selectedRegion = regionOptions.value.find((option) => option.value === filterForm.value.countyName)
       if (selectedRegion) {
-        params.countyName = selectedRegion.label == '全部' ? '' : selectedRegion.label || '';
+        params.countyName = selectedRegion.label == '全部' ? '' : selectedRegion.label || ''
       }
     }
     if (filterForm.value.isEnded !== undefined && filterForm.value.isEnded !== '') {
-      params.isExpire = filterForm.value.isEnded;
+      params.isExpire = filterForm.value.isEnded
     }
     if (filterForm.value.dateRange && filterForm.value.dateRange.length === 2) {
-      params.start = formatDateTime(filterForm.value.dateRange[0]);
-      params.end = formatDateTime(filterForm.value.dateRange[1]);
+      params.start = formatDateTime(filterForm.value.dateRange[0])
+      params.end = formatDateTime(filterForm.value.dateRange[1])
     }
 
     const res = await request({
       url: '/snow-ops-platform/weather-warning/affected-count/_by_weather',
       method: 'GET',
       params,
-    });
+    })
 
     if (res.code === '00000' && res.data) {
       // 处理返回数据
-      const list = res.data.data || res.data.records || [];
-      total.value = res.data.total || 0;
+      const list = res.data.data || res.data.records || []
+      total.value = res.data.total || 0
 
       tableData.value = list.map((item, index) => ({
         index: index + 1,
@@ -261,79 +223,80 @@ const fetchWarningData = async () => {
         warningTime: item.startTime || '-',
         endTime: item.endTime || '-',
         impactCount: item.affectedCount || 0,
-      }));
+        warningId: item.warningId || '',
+      }))
     } else {
-      tableData.value = [];
-      total.value = 0;
+      tableData.value = []
+      total.value = 0
     }
   } catch (error) {
-    console.error('获取预警数据失败:', error);
-    tableData.value = [];
-    total.value = 0;
+    console.error('获取预警数据失败:', error)
+    tableData.value = []
+    total.value = 0
   } finally {
-    loading.value = false;
+    loading.value = false
   }
-};
+}
 
 // 格式化日期时间
-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');
-  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-};
+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')
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+}
 
 // 获取预警等级样式类
-const getWarningClass = level => {
+const getWarningClass = (level) => {
   const classMap = {
     红色预警: '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);
+const handleImpactClick = (item) => {
+  emit('impactClick', item)
   emit('impactClickItem', {
     ...item,
     dateRange: filterForm.value.dateRange || [],
     riskLeve: filterForm.value.riskLeve || '',
-  });
-};
+  })
+}
 
 // 分页操作
-const handleSizeChange = val => {
-  pageSize.value = val;
-  console.log('分页大小变化:', val);
-  currentPage.value = 1;
-  fetchWarningData();
-};
+const handleSizeChange = (val) => {
+  pageSize.value = val
+  console.log('分页大小变化:', val)
+  currentPage.value = 1
+  fetchWarningData()
+}
 
-const handleCurrentChange = val => {
-  console.log('当前页码变化:', val);
-  currentPage.value = val;
-  fetchWarningData();
-};
+const handleCurrentChange = (val) => {
+  console.log('当前页码变化:', val)
+  currentPage.value = val
+  fetchWarningData()
+}
 
 // 初始化弹窗数据
 const initDialogData = () => {
   // 设置日期范围
   if (getdateRange.value && getdateRange.value.length === 2) {
-    dateRange.value = getdateRange.value;
+    dateRange.value = getdateRange.value
   }
 
   // 如果有 warningitem 则设置筛选条件
@@ -343,83 +306,83 @@ const initDialogData = () => {
       countyName: props.warningitem.countyName || '',
       isEnded: '',
       dateRange: dateRange.value,
-    };
+    }
   } else {
     filterForm.value = {
       riskLeve: '',
       countyName: '',
       isEnded: '',
       dateRange: dateRange.value,
-    };
+    }
   }
 
   // 重置页码并获取数据
-  currentPage.value = 1;
-  console.log('初始化筛选条件:', filterForm.value);
-  fetchWarningData();
-};
+  currentPage.value = 1
+  console.log('初始化筛选条件:', filterForm.value)
+  fetchWarningData()
+}
 
 // 重置数据
 const resetData = () => {
   // 清空表格数据
-  tableData.value = [];
-  total.value = 0;
-  currentPage.value = 1;
+  tableData.value = []
+  total.value = 0
+  currentPage.value = 1
   // 清空筛选条件
   filterForm.value = {
     riskLeve: '',
     countyName: '',
     isEnded: '',
     dateRange: [],
-  };
+  }
   // 清空日期范围
-  dateRange.value = [];
-};
+  dateRange.value = []
+}
 
 // 监听visible变化
 watch(
   () => props.visible,
-  newVal => {
+  (newVal) => {
     if (newVal) {
       // 弹窗打开时，初始化数据
-      initDialogData();
+      initDialogData()
     } else {
       // 弹窗关闭时，清空页面数据
-      resetData();
+      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();
+    if (oldVal && Object.keys(oldVal).length > 0 && props.visible) {
+      currentPage.value = 1
+      fetchWarningData()
     }
   },
-  { deep: true }
-);
+  { deep: true },
+)
 
 // 同步 dateRange 和 filterForm.dateRange
 watch(
   () => dateRange.value,
-  newVal => {
-    filterForm.value.dateRange = newVal;
+  (newVal) => {
+    filterForm.value.dateRange = newVal
   },
-  { deep: true }
-);
+  { deep: true },
+)
 
 watch(
   () => filterForm.value.dateRange,
-  newVal => {
-    dateRange.value = newVal;
+  (newVal) => {
+    dateRange.value = newVal
   },
-  { deep: true }
-);
+  { deep: true },
+)
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/screen/src/views/RiskWarning/bottom.vue b/packages/screen/src/views/RiskWarning/bottom.vue
index b39cb55..bc62752 100644
--- a/packages/screen/src/views/RiskWarning/bottom.vue
+++ b/packages/screen/src/views/RiskWarning/bottom.vue
@@ -8,7 +8,7 @@
         :class="{ active: activeIndex === index }"
         @click="handleClick(item, index)"
       >
-        <div class="nav-icon-box" :ref="el => setNavIconRef(el, index)">
+        <div class="nav-icon-box" :ref="(el) => setNavIconRef(el, index)">
           <!-- <i :class="item.icon"></i> -->
           <img :src="activeIndex === index ? item.icon1 : item.icon" alt="" />
         </div>
@@ -16,16 +16,11 @@
       </div>
     </div>
     <!-- 气象预警监测表格组件 -->
-    <WeatherWarningTable ref="weatherWarningTableRef" @clearFilters="handleClearFilters" />
+    <WeatherWarningTable ref="weatherWarningTableRef" :getdateRange="getdateRange" @clearFilters="handleClearFilters" />
     <!-- 涉灾隐患点图片弹窗 -->
     <div v-if="showHazardPopup" class="hazard-popup" :style="popupStyle">
       <div class="hazard-popup-content">
-        <div
-          v-for="(item, index) in hazardItems"
-          :key="index"
-          class="hazard-item"
-          @click="handleHazardItemClick(item)"
-        >
+        <div v-for="(item, index) in hazardItems" :key="index" class="hazard-item" @click="handleHazardItemClick(item)">
           <img :src="item.icon" :alt="item.label" />
           <span>{{ item.label }}</span>
         </div>
@@ -34,12 +29,7 @@
     <!-- 路段图片弹窗 -->
     <div v-if="showRoadPopup" class="hazard-popup road-popup" :style="roadPopupStyle">
       <div class="hazard-popup-content">
-        <div
-          v-for="(item, index) in roadItems"
-          :key="index"
-          class="hazard-item"
-          @click="handleRoadItemClick(item)"
-        >
+        <div v-for="(item, index) in roadItems" :key="index" class="hazard-item" @click="handleRoadItemClick(item)">
           <img :src="item.icon" :alt="item.label" />
           <span>{{ item.label }}</span>
         </div>
@@ -49,48 +39,43 @@
 </template>
 
 <script setup>
-import { ref, computed, nextTick } from 'vue';
-import WeatherWarningTable from './component/WeatherWarningTable.vue';
+import { ref, computed, nextTick, inject } from 'vue'
+import WeatherWarningTable from './component/WeatherWarningTable.vue'
 
-import warningIconIcon from '../../assets/RiskWarning_img/风险预警icon@2x.png';
-import tunnelIconIcon from '../../assets/RiskWarning_img/隧道icon@2x.png';
-import slopeIconIcon from '../../assets/RiskWarning_img/边坡icon@2x.png';
-import bridgeIconIcon from '../../assets/RiskWarning_img/桥梁icon@2x.png';
-import roadIconIcon from '../../assets/RiskWarning_img/线路路段icon@2x.png';
-import teamIconIcon from '../../assets/RiskWarning_img/队伍icon@2x.png';
-import hazardIconIconIcon from '../../assets/RiskWarning_img/隐患点icon@2x.png';
-import engineeringIconIconIcon from '../../assets/RiskWarning_img/危大工程icon@2x.png';
+import warningIconIcon from '../../assets/RiskWarning_img/风险预警icon@2x.png'
+import tunnelIconIcon from '../../assets/RiskWarning_img/隧道icon@2x.png'
+import slopeIconIcon from '../../assets/RiskWarning_img/边坡icon@2x.png'
+import bridgeIconIcon from '../../assets/RiskWarning_img/桥梁icon@2x.png'
+import roadIconIcon from '../../assets/RiskWarning_img/线路路段icon@2x.png'
+import teamIconIcon from '../../assets/RiskWarning_img/队伍icon@2x.png'
+import hazardIconIconIcon from '../../assets/RiskWarning_img/隐患点icon@2x.png'
+import engineeringIconIconIcon from '../../assets/RiskWarning_img/危大工程icon@2x.png'
 
-import warningIconIcon1 from '../../assets/RiskWarning_img/风险预警icon1@2x.png';
-import tunnelIconIcon1 from '../../assets/RiskWarning_img/隧道icon1@2x.png';
-import slopeIconIcon1 from '../../assets/RiskWarning_img/边坡icon1@2x.png';
-import bridgeIconIcon1 from '../../assets/RiskWarning_img/桥梁icon1@2x.png';
-import roadIconIcon1 from '../../assets/RiskWarning_img/线路路段icon1@2x.png';
-import teamIconIcon1 from '../../assets/RiskWarning_img/队伍icon1@2x.png';
-import hazardIconIcon from '../../assets/RiskWarning_img/隐患点icon1@2x.png';
-import engineeringIconIcon from '../../assets/RiskWarning_img/危大工程icon1@2x.png';
+import warningIconIcon1 from '../../assets/RiskWarning_img/风险预警icon1@2x.png'
+import tunnelIconIcon1 from '../../assets/RiskWarning_img/隧道icon1@2x.png'
+import slopeIconIcon1 from '../../assets/RiskWarning_img/边坡icon1@2x.png'
+import bridgeIconIcon1 from '../../assets/RiskWarning_img/桥梁icon1@2x.png'
+import roadIconIcon1 from '../../assets/RiskWarning_img/线路路段icon1@2x.png'
+import teamIconIcon1 from '../../assets/RiskWarning_img/队伍icon1@2x.png'
+import hazardIconIcon from '../../assets/RiskWarning_img/隐患点icon1@2x.png'
+import engineeringIconIcon from '../../assets/RiskWarning_img/危大工程icon1@2x.png'
 
-import hazardIconIcon1 from '../../assets/MaMap_img/一般路内隐患点@2x.png';
-import hazardIconIcon2 from '../../assets/MaMap_img/一般路外隐患点@2x.png';
-import hazardIconIcon3 from '../../assets/MaMap_img/较大路内隐患点@2x.png';
-import hazardIconIcon4 from '../../assets/MaMap_img/较大路外隐患点@2x.png';
-import hazardIconIcon5 from '../../assets/MaMap_img/重大路内隐患点@2x.png';
-import hazardIconIcon6 from '../../assets/MaMap_img/重大路外隐患点@2x.png';
+import hazardIconIcon1 from '../../assets/MaMap_img/一般路内隐患点@2x.png'
+import hazardIconIcon2 from '../../assets/MaMap_img/一般路外隐患点@2x.png'
+import hazardIconIcon3 from '../../assets/MaMap_img/较大路内隐患点@2x.png'
+import hazardIconIcon4 from '../../assets/MaMap_img/较大路外隐患点@2x.png'
+import hazardIconIcon5 from '../../assets/MaMap_img/重大路内隐患点@2x.png'
+import hazardIconIcon6 from '../../assets/MaMap_img/重大路外隐患点@2x.png'
 
-import tunnelLineIcon3 from '../../assets/MaMap_img/高风险路段@2x.png';
-import tunnelLineIcon2 from '../../assets/MaMap_img/较高风险路段@2x.png';
-import tunnelLineIcon1 from '../../assets/MaMap_img/中风险路段@2x.png';
-import tunnelLineIcon from '../../assets/MaMap_img/线路icon定位@2x.png';
+import tunnelLineIcon3 from '../../assets/MaMap_img/高风险路段@2x.png'
+import tunnelLineIcon2 from '../../assets/MaMap_img/较高风险路段@2x.png'
+import tunnelLineIcon1 from '../../assets/MaMap_img/中风险路段@2x.png'
+import tunnelLineIcon from '../../assets/MaMap_img/线路icon定位@2x.png'
 
-const emit = defineEmits([
-  'changeActiveIndex',
-  'clearMapMarkers',
-  'hazardItemClick',
-  'roadItemClick',
-  'showHazardPopupfn',
-]);
+const getdateRange = inject('getdateRange', ref([]))
+const emit = defineEmits(['changeActiveIndex', 'clearMapMarkers', 'hazardItemClick', 'roadItemClick', 'showHazardPopupfn'])
 
-const activeIndex = ref(-1);
+const activeIndex = ref(-1)
 
 const menuItems = [
   {
@@ -108,7 +93,7 @@ const menuItems = [
     icon1: roadIconIcon1,
   },
   {
-    label: '项目',
+    label: '驻地',
     icon: 'icon-warning',
     iconClass: 'warning',
     icon: warningIconIcon,
@@ -149,12 +134,12 @@ const menuItems = [
     icon: engineeringIconIconIcon,
     icon1: engineeringIconIcon,
   },
-];
+]
 
 // 涉灾隐患点弹窗相关
-const showHazardPopup = ref(false);
-const popupStyle = ref({});
-const navIconRefs = ref([]);
+const showHazardPopup = ref(false)
+const popupStyle = ref({})
+const navIconRefs = ref([])
 
 // 隐患点数据
 const hazardItems = ref([
@@ -164,11 +149,11 @@ const hazardItems = ref([
   { icon: hazardIconIcon4, label: '较大路外隐患点', isWithinRedLine: '否' },
   { icon: hazardIconIcon1, label: '一般路内隐患点', isWithinRedLine: '是' },
   { icon: hazardIconIcon2, label: '一般路外隐患点', isWithinRedLine: '否' },
-]);
+])
 
 // 路段弹窗相关
-const showRoadPopup = ref(false);
-const roadPopupStyle = ref({});
+const showRoadPopup = ref(false)
+const roadPopupStyle = ref({})
 
 // 路段数据
 const roadItems = ref([
@@ -176,108 +161,108 @@ const roadItems = ref([
   { icon: tunnelLineIcon2, label: '较高风险路段' },
   { icon: tunnelLineIcon1, label: '中风险路段' },
   { icon: tunnelLineIcon, label: '低风险路段' },
-]);
+])
 
 // 设置nav-icon-box的ref
 const setNavIconRef = (el, index) => {
   if (el) {
-    navIconRefs.value[index] = el;
+    navIconRefs.value[index] = el
   }
-};
-const weatherWarningTableRef = ref(null);
+}
+const weatherWarningTableRef = ref(null)
 
 // 点击切换导航项
 const handleClick = (item, index) => {
   // 如果点击的是涉灾隐患点
   if (item.label === '涉灾隐患点') {
     // 切换弹窗显示状态
-    showHazardPopup.value = !showHazardPopup.value;
+    showHazardPopup.value = !showHazardPopup.value
     if (showHazardPopup.value) {
-      showRoadPopup.value = false;
+      showRoadPopup.value = false
     }
     if (showHazardPopup.value) {
       // 计算弹窗位置
-      const navIconBox = navIconRefs.value[index];
+      const navIconBox = navIconRefs.value[index]
       if (navIconBox) {
-        const rect = navIconBox.getBoundingClientRect();
+        const rect = navIconBox.getBoundingClientRect()
         popupStyle.value = {
           position: 'fixed',
           left: rect.right + 10 + 'px',
           top: rect.top + 'px',
           zIndex: 2,
-        };
+        }
       }
     }
   } else if (item.label === '路段') {
     // 如果点击的是路段
 
     // 切换弹窗显示状态
-    showRoadPopup.value = !showRoadPopup.value;
+    showRoadPopup.value = !showRoadPopup.value
     if (showRoadPopup.value) {
-      showHazardPopup.value = false;
+      showHazardPopup.value = false
     }
 
     if (showRoadPopup.value) {
       // 计算弹窗位置
-      const navIconBox = navIconRefs.value[index];
+      const navIconBox = navIconRefs.value[index]
       if (navIconBox) {
-        const rect = navIconBox.getBoundingClientRect();
+        const rect = navIconBox.getBoundingClientRect()
         roadPopupStyle.value = {
           position: 'fixed',
           left: rect.right + 10 + 'px',
           top: rect.top + 'px',
           zIndex: 2,
-        };
+        }
       }
     }
-    emit('showHazardPopupfn', false);
+    emit('showHazardPopupfn', false)
   } else {
-    showHazardPopup.value = false;
-    showRoadPopup.value = false;
-    emit('showHazardPopupfn', false);
+    showHazardPopup.value = false
+    showRoadPopup.value = false
+    emit('showHazardPopupfn', false)
     // 点击非路段，隐藏路段统计
-    emit('hideRoadStats');
+    emit('hideRoadStats')
   }
 
-  activeIndex.value = index;
+  activeIndex.value = index
   if (item.label !== '路段') {
     emit('changeActiveIndex', {
       ...item,
-    });
+    })
   }
-};
+}
 
 // 点击隐患点项
-const handleHazardItemClick = item => {
-  console.log('点击隐患点:', item);
-  emit('hazardItemClick', item);
+const handleHazardItemClick = (item) => {
+  console.log('点击隐患点:', item)
+  emit('hazardItemClick', item)
   // 可以在这里添加其他逻辑，比如关闭弹窗
   // showHazardPopup.value = false;
-  emit('showHazardPopupfn', true);
-};
+  emit('showHazardPopupfn', true)
+}
 
-const roadItem = ref({});
+const roadItem = ref({})
 // 点击路段项
-const handleRoadItemClick = item => {
-  console.log('点击路段:', item);
-  roadItem.value = item;
-  emit('roadItemClick', item);
+const handleRoadItemClick = (item) => {
+  console.log('点击路段:', item)
+  roadItem.value = item
+  emit('roadItemClick', item)
   // 可以在这里添加其他逻辑，比如关闭弹窗
   // showRoadPopup.value = false;
-};
+}
 
 // 处理清除筛选事件
 const handleClearFilters = () => {
-  console.log('清除筛选条件');
+  console.log('清除筛选条件')
   // 重置活动索引
-  activeIndex.value = -1;
+  activeIndex.value = -1
   // 关闭弹窗
-  showHazardPopup.value = false;
-  showRoadPopup.value = false;
+  showHazardPopup.value = false
+  showRoadPopup.value = false
   // 触发清除地图标记事件
-  emit('clearMapMarkers');
-  emit('showHazardPopupfn', false);
-};
+  emit('clearMapMarkers')
+  emit('showHazardPopupfn', false)
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue b/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
index 07a1762..fb3922e 100644
--- a/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
+++ b/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
@@ -10,11 +10,7 @@
       <span class="error-text">{{ error }}</span>
       <button class="retry-btn" @click="loadMapData">重试</button>
     </div>
-    <mapInfoDialog
-      v-model:visible="mapInfoDialogVisible"
-      :type="mapInfoDialogType"
-      :data="mapInfoDialogData"
-    />
+    <mapInfoDialog v-model:visible="mapInfoDialogVisible" :type="mapInfoDialogType" :data="mapInfoDialogData" />
     <centerInfoCard
       :visible="centerCardVisible"
       :title="centerCardTitle"
@@ -24,48 +20,44 @@
       @click="handleCenterCardClick"
     />
 
-    <hazardPointSituationDialog
-      v-model:visible="hazardPointSituationDialogVisible"
-      :data="{}"
-      @close="closeHazardPointSituationDialog"
-    />
+    <hazardPointSituationDialog v-model:visible="hazardPointSituationDialogVisible" :data="{}" @close="closeHazardPointSituationDialog" />
   </div>
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, watch, defineExpose, h, render } from 'vue';
-import axios from 'axios';
-import { request } from '@/utils/request';
+import { ref, onMounted, onUnmounted, watch, defineExpose, h, render } from 'vue'
+import axios from 'axios'
+import { request } from '@/utils/request'
 
-import projectIcon from '../../../assets/MaMap_img/项目@2x.png';
-import bridgeIcon from '../../../assets/MaMap_img/桥梁icon@2x.png';
-import tunnelIcon from '../../../assets/MaMap_img/蓝色@2x1.png';
-import tunnelIcon2 from '../../../assets/MaMap_img/隧洞icon@2x.png';
-import rescueTeamIcon from '../../../assets/MaMap_img/队伍icon@2x.png';
-import engineeringIconIcon from '../../../assets/MaMap_img/危大工程icon@2x.png';
+import projectIcon from '../../../assets/MaMap_img/项目@2x.png'
+import bridgeIcon from '../../../assets/MaMap_img/桥梁icon@2x.png'
+import tunnelIcon from '../../../assets/MaMap_img/蓝色@2x1.png'
+import tunnelIcon2 from '../../../assets/MaMap_img/隧洞icon@2x.png'
+import rescueTeamIcon from '../../../assets/MaMap_img/队伍icon@2x.png'
+import engineeringIconIcon from '../../../assets/MaMap_img/危大工程icon@2x.png'
 
-import hazardIconIcon1 from '../../../assets/MaMap_img/一般路内隐患点@2x.png';
-import hazardIconIcon2 from '../../../assets/MaMap_img/一般路外隐患点@2x.png';
-import hazardIconIcon3 from '../../../assets/MaMap_img/较大路内隐患点@2x.png';
-import hazardIconIcon4 from '../../../assets/MaMap_img/较大路外隐患点@2x.png';
-import hazardIconIcon5 from '../../../assets/MaMap_img/重大路内隐患点@2x.png';
-import hazardIconIcon6 from '../../../assets/MaMap_img/重大路外隐患点@2x.png';
+import hazardIconIcon1 from '../../../assets/MaMap_img/一般路内隐患点@2x.png'
+import hazardIconIcon2 from '../../../assets/MaMap_img/一般路外隐患点@2x.png'
+import hazardIconIcon3 from '../../../assets/MaMap_img/较大路内隐患点@2x.png'
+import hazardIconIcon4 from '../../../assets/MaMap_img/较大路外隐患点@2x.png'
+import hazardIconIcon5 from '../../../assets/MaMap_img/重大路内隐患点@2x.png'
+import hazardIconIcon6 from '../../../assets/MaMap_img/重大路外隐患点@2x.png'
 
-import tunnelLineIcon3 from '../../../assets/MaMap_img/高风险路段@2x.png';
-import tunnelLineIcon2 from '../../../assets/MaMap_img/较高风险路段@2x.png';
-import tunnelLineIcon1 from '../../../assets/MaMap_img/中风险路段@2x.png';
-import tunnelLineIcon from '../../../assets/MaMap_img/线路icon定位@2x.png';
+import tunnelLineIcon3 from '../../../assets/MaMap_img/高风险路段@2x.png'
+import tunnelLineIcon2 from '../../../assets/MaMap_img/较高风险路段@2x.png'
+import tunnelLineIcon1 from '../../../assets/MaMap_img/中风险路段@2x.png'
+import tunnelLineIcon from '../../../assets/MaMap_img/线路icon定位@2x.png'
 
-import mapInfoDialog from '../Dialog/mapInfoDialog.vue';
-import centerInfoCard from '../Dialog/centerInfoCard.vue';
-import hazardPointSituationDialog from '../Dialog/hazardPointSituationDialog.vue';
-import I from '../../../../dist/cesium/Workers/upsampleVerticesFromCesium3DTilesTerrain';
+import mapInfoDialog from '../Dialog/mapInfoDialog.vue'
+import centerInfoCard from '../Dialog/centerInfoCard.vue'
+import hazardPointSituationDialog from '../Dialog/hazardPointSituationDialog.vue'
+import I from '../../../../dist/cesium/Workers/upsampleVerticesFromCesium3DTilesTerrain'
 
-const mapContainer = ref(null);
-const loading = ref(false);
-const error = ref(null);
-let mapInstance = null;
-let geoJsonLayer = null;
+const mapContainer = ref(null)
+const loading = ref(false)
+const error = ref(null)
+let mapInstance = null
+let geoJsonLayer = null
 
 const props = defineProps({
   activeitem: {
@@ -82,19 +74,19 @@ const props = defineProps({
     default: () => {
       return {
         label: '高风险',
-      };
+      }
     },
   },
-});
+})
 
 watch(
   () => props.roadItem,
   async (newVal, oldVal) => {
     console.log('newVal', newVal)
-    getAffectedRoadSectionData(false);
+    getAffectedRoadSectionData(false)
   },
-  { immediate: true }
-);
+  { immediate: true },
+)
 // 定义 emits
 const emit = defineEmits([
   'districtClick',
@@ -105,97 +97,92 @@ const emit = defineEmits([
   'update:roadvalArr',
   'openHazardPointSituation',
   'openRoadSectionSituation',
-]);
+])
 
 // 当前选中的区县
-const selectedDistrict = ref(null);
-let selectedLayer = null;
+const selectedDistrict = ref(null)
+let selectedLayer = null
 
 // 地图信息弹窗
-const mapInfoDialogVisible = ref(false);
-const mapInfoDialogType = ref('project');
-const mapInfoDialogData = ref({});
+const mapInfoDialogVisible = ref(false)
+const mapInfoDialogType = ref('project')
+const mapInfoDialogData = ref({})
 
 // 中心信息卡片弹窗
-const centerCardVisible = ref(false);
-const centerCardTitle = ref('调度统计');
-const centerCardDataList = ref([]);
+const centerCardVisible = ref(false)
+const centerCardTitle = ref('调度统计')
+const centerCardDataList = ref([])
 
 // 地图上显示的区县卡片标记
-let countyCardMarkers = [];
+let countyCardMarkers = []
 
 // 打开地图信息弹窗
 const openMapInfoDialog = (type, data) => {
-  mapInfoDialogType.value = type;
-  mapInfoDialogData.value = data;
-  mapInfoDialogVisible.value = true;
-};
+  mapInfoDialogType.value = type
+  mapInfoDialogData.value = data
+  mapInfoDialogVisible.value = true
+}
 
 // 清除地图上的区县卡片标记
 const clearCountyCardMarkers = () => {
-  countyCardMarkers.forEach(marker => {
+  countyCardMarkers.forEach((marker) => {
     // 清理 Vue 组件
     if (marker._vueContainer) {
-      render(null, marker._vueContainer);
+      render(null, marker._vueContainer)
     }
     if (mapInstance) {
-      mapInstance.removeLayer(marker);
+      mapInstance.removeLayer(marker)
     }
-  });
-  countyCardMarkers = [];
-};
+  })
+  countyCardMarkers = []
+}
 
 // 在地图上显示区县卡片
-const showCountyCardsOnMap = dataList => {
+const showCountyCardsOnMap = (dataList) => {
   if (!mapInstance || !geoJsonLayer) {
-    console.warn('地图未初始化，无法显示区县卡片');
-    return;
+    console.warn('地图未初始化，无法显示区县卡片')
+    return
   }
 
   // 清除之前的卡片标记
-  clearCountyCardMarkers();
+  clearCountyCardMarkers()
 
   if (!dataList || dataList.length === 0) {
-    return;
+    return
   }
 
   // 简化区县名称
-  const simplifyName = name => {
-    return name
-      .replace('土家族苗族自治县', '')
-      .replace('苗族土家族自治县', '')
-      .replace('自治县', '')
-      .replace('区', '')
-      .replace('县', '');
-  };
+  const simplifyName = (name) => {
+    return name.replace('土家族苗族自治县', '').replace('苗族土家族自治县', '').replace('自治县', '').replace('区', '').replace('县', '')
+  }
 
   // 遍历数据列表，为每个区县创建卡片
-  dataList.forEach(item => {
+  dataList.forEach((item) => {
     // if (j.countyName === item.countyName) {
     //   item = j;
     // }
-    const countyName = item.countyName || item.name;
-    if (!countyName) return;
+    const countyName = item.countyName || item.name
+    if (!countyName) return
 
-    const targetName = simplifyName(countyName);
+    const targetName = simplifyName(countyName)
 
     // 查找对应的区县图层
-    let targetLayer = null;
-    geoJsonLayer.eachLayer(layer => {
-      const layerName = layer.feature?.properties?.name || '';
+    let targetLayer = null
+    geoJsonLayer.eachLayer((layer) => {
+      const layerName = layer.feature?.properties?.name || ''
       if (simplifyName(layerName) === targetName) {
-        targetLayer = layer;
+        targetLayer = layer
       }
-    });
+    })
 
     if (targetLayer) {
       // 获取区县的中心点
-      const bounds = targetLayer.getBounds();
-      const center = bounds.getCenter();
+      const bounds = targetLayer.getBounds()
+      const center = bounds.getCenter()
 
       // 创建一个容器元素用于挂载 Vue 组件
-      const container = document.createElement('div');
-      container.className = 'county-card-wrapper';
+      const container = document.createElement('div')
+      container.className = 'county-card-wrapper'
       // 使用 Vue 的 h 函数创建组件虚拟节点
       const vnode = h(centerInfoCard, {
         visible: true,
@@ -203,15 +190,15 @@ const showCountyCardsOnMap = dataList => {
         dataList: [item],
         item: item,
         onClose: () => {
-          closeCenterCard();
+          closeCenterCard()
         },
-        onItemClick: clickedItem => {
-          handleCenterCardItemClick(clickedItem);
+        onItemClick: (clickedItem) => {
+          handleCenterCardItemClick(clickedItem)
         },
-      });
+      })
 
       // 渲染组件到容器
-      render(vnode, container);
+      render(vnode, container)
 
       // 创建自定义图标，使用渲染后的 HTML
       const customIcon = window.L.divIcon({
@@ -219,19 +206,19 @@ const showCountyCardsOnMap = dataList => {
         html: container.innerHTML,
         iconSize: [140, 40],
         iconAnchor: [110, 60],
-      });
+      })
 
       // 创建标记
       const marker = window.L.marker(center, {
         icon: customIcon,
         interactive: true,
         zIndexOffset: 2000, // 提升区县卡片层级，确保在最上层
-      });
+      })
 
       // 添加点击事件到 marker
       marker.on('click', () => {
         // 调用处理函数
-        handleCenterCardItemClick(item);
+        handleCenterCardItemClick(item)
         // 移动地图到该位置
         // mapInstance.setView(center, 10);
         // 触发点击事件
@@ -239,157 +226,201 @@ const showCountyCardsOnMap = dataList => {
           name: countyName,
           data: item,
           type: item.type,
-        });
-      });
+        })
+      })
 
-      marker.addTo(mapInstance);
-      countyCardMarkers.push(marker);
+      marker.addTo(mapInstance)
+      countyCardMarkers.push(marker)
 
       // 保存容器引用以便后续清理
-      marker._vueContainer = container;
+      marker._vueContainer = container
     }
-  });
+  })
 
   // 调整地图视角以显示所有卡片
   // if (countyCardMarkers.length > 0) {
   //   const group = new window.L.featureGroup(countyCardMarkers);
   //   mapInstance.fitBounds(group.getBounds().pad(0.2));
   // }
-};
+}
 
 // 获取公路类型文本
-const getRoadTypeText = roadType => {
+const getRoadTypeText = (roadType) => {
   const roadTypeMap = {
     national: '国省道',
     rural: '农村公路',
-  };
-  return roadTypeMap[roadType] || roadType;
-};
+  }
+  return roadTypeMap[roadType] || roadType
+}
 
 // 打开中心信息卡片弹窗
-const openCenterCard = data => {
-  centerCardDataList.value = data.dataList || [];
-  centerCardTitle.value = data.title || '调度统计';
-  centerCardVisible.value = true;
-  let affectedItems = [];
+const openCenterCard = (data) => {
+  centerCardDataList.value = data.dataList || []
+  centerCardTitle.value = data.title || '调度统计'
+  centerCardVisible.value = true
+  let affectedItems = []
   // 遍历数据列表，只有影响区域的区县才添加到受影响列表中
-  data.dataList.forEach(item => {
+  data.dataList.forEach((item) => {
     if (item.countyName && (item.countyName.includes('渝北') || item.countyName.includes('江北'))) {
-      item.countyName = '两江新区';
+      item.countyName = '两江新区'
     }
-    affectedCountyData.value.sortedList.forEach(j => {
+    affectedCountyData.value.sortedList.forEach((j) => {
       if (item.countyName.includes(j.name)) {
-        affectedItems.push(item);
+        affectedItems.push(item)
       }
-    });
-  });
+    })
+  })
 
   // 在地图上显示区县卡片
-  showCountyCardsOnMap(affectedItems);
-};
+  showCountyCardsOnMap(affectedItems)
+}
 
 // 关闭中心信息卡片弹窗
 const closeCenterCard = () => {
-  centerCardVisible.value = false;
-  clearCountyCardMarkers();
-};
+  centerCardVisible.value = false
+  clearCountyCardMarkers()
+}
 
 // 处理中心卡片项点击
-const handleCenterCardItemClick = item => {
-  console.log('点击了卡片项:', item);
+const handleCenterCardItemClick = (item) => {
+  console.log('点击了卡片项:', item)
   // 根据区县名称定位地图
   if (item.countyName || item.name) {
-    const countyName = item.countyName || item.name;
-    locateToDistrict(countyName);
+    const countyName = item.countyName || item.name
+    locateToDistrict(countyName)
   }
-};
+}
 
 // 打开隧道信息弹窗（兼容旧代码）
-const openTunnelDialog = data => {
-  openMapInfoDialog('tunnel', data);
-};
+const openTunnelDialog = (data) => {
+  openMapInfoDialog('tunnel', data)
+}
 
 // 格式化日期时间为接口所需格式
-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');
-  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-};
+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')
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+}
 
 // 获取时间参数
-const getTimeParams = type => {
-  let start = '';
-  let end = '';
+const getTimeParams = (type) => {
+  let start = ''
+  let end = ''
   if (props.dateRange && props.dateRange.length === 2) {
-    start = formatDateTime(props.dateRange[0]) || '';
-    end = formatDateTime(props.dateRange[1]) || '';
+    start = formatDateTime(props.dateRange[0]) || ''
+    end = formatDateTime(props.dateRange[1]) || ''
   }
   return {
     start: start,
     end: end,
-  };
-};
+  }
+}
 
 // 受影响对象数据
 const affectedCountyData = ref({
   byName: {},
   sortedList: [],
-});
+})
 
 // 获取受影响对象数据
 const getAffectedCountyData = async () => {
   try {
-    const timeParams = getTimeParams();
+    const timeParams = getTimeParams()
     const res = await request({
       url: '/snow-ops-platform/weather-warning/affected-county',
       method: 'GET',
       params: timeParams,
-    });
-    console.log('受影响对象数据:', res);
-    clearProjectMarkers();
+    })
+    console.log('受影响对象数据:', res)
+    clearProjectMarkers()
     if (res.code === '00000' && res.data) {
       // 统计各区县预警数量
-      const warningStats = countWarningsByCounty(res.data);
-      console.log('区县预警统计:', warningStats);
-      affectedCountyData.value = warningStats;
+      const warningStats = countWarningsByCounty(res.data)
+      console.log('区县预警统计:', warningStats)
+      affectedCountyData.value = warningStats
+
+      getAffectedProjectData(true) // 获取受影响项目数据
+      getAffectedTunnelData(true) // 获取受影响隧道数据
+      getAffectedBridgeData(true) // 获取受影响桥梁数据
+      getDangerProjectData(true) // 获取危大工程数据
+
+      let item = { isWithinRedLine: '', label: '' }
+      for (let index = 0; index < 6; index++) {
+        if (index == 0) {
+          item = {
+            isWithinRedLine: '是',
+            label: '重大路内隐患点',
+          }
+        } else if (index == 1) {
+          item = {
+            isWithinRedLine: '否',
+            label: '重大路外隐患点',
+          }
+        } else if (index == 2) {
+          item = {
+            isWithinRedLine: '是',
+            label: '较大路内隐患点',
+          }
+        } else if (index == 3) {
+          item = {
+            isWithinRedLine: '否',
+            label: '较大路外隐患点',
+          }
+        } else if (index == 4) {
+          item = {
+            isWithinRedLine: '是',
+            label: '一般路内隐患点',
+          }
+        } else if (index == 5) {
+          item = {
+            isWithinRedLine: '是',
+            label: '一般路外隐患点',
+          }
+        } else if (index == 6) {
+          item = {
+            isWithinRedLine: '',
+            label: '',
+          }
+        }
+        if (item.label) {
+          handleHazardItemClick(item, true) // 获取风险点数据，第一次加载传入 true
+        }
+      }
 
-      getAffectedProjectData(true); // 获取受影响项目数据
-      getAffectedTunnelData(true); // 获取受影响隧道数据
-      getAffectedBridgeData(true); // 获取受影响桥梁数据
-      getDangerProjectData(true); // 获取危大工程数据
       // 获取受影响路段数据
       for (let index = 0; index < 5; index++) {
-        console.log(index);
+        console.log(index)
         if (index == 0) {
-          props.roadItem.label = '高风险路段';
+          props.roadItem.label = '高风险路段'
         } else if (index == 1) {
-          props.roadItem.label = '较高风险路段';
+          props.roadItem.label = '较高风险路段'
         } else if (index == 2) {
-          props.roadItem.label = '中风险路段';
+          props.roadItem.label = '中风险路段'
         } else if (index == 3) {
-          props.roadItem.label = '低风险路段';
+          props.roadItem.label = '低风险路段'
         } else if (index == 4) {
-          props.roadItem.label = '';
+          props.roadItem.label = ''
         }
         if (props.roadItem.label) {
-          getAffectedRoadSectionData(true);
+          getAffectedRoadSectionData(true)
         }
       }
 
       // getEmergencyForceData();
 
-      loadMapData(); // 加载地图数据
+      loadMapData() // 加载地图数据
     }
   } catch (error) {
-    console.error('获取受影响对象数据失败:', error);
+    console.error('获取受影响对象数据失败:', error)
   }
-};
+}
 
 /**
  * 通用数据过滤方法 - 根据区县筛选数据并设置坐标
@@ -402,188 +433,207 @@ const getAffectedCountyData = async () => {
  * @returns {Array} 过滤后的数据
  */
 const filterDataByCounty = (dataList, flag, options) => {
-  const { countyField = 'COUNTY', countyMatchField, coordinateParser } = options;
-  const matchField = countyMatchField || countyField;
-  const filteredData = [];
+  const { countyField = 'COUNTY', countyMatchField, coordinateParser } = options
+  const matchField = countyMatchField || countyField
+  const filteredData = []
 
-  dataList.forEach(item => {
+  // 提取区县名称（去掉前缀和后缀）
+  const extractCountyName = (value) => {
+    if (!value) return ''
+    // 去掉"重庆市"前缀
+    let name = value.replace(/^重庆市/, '')
+    // 去掉"区"、"县"后缀
+    name = name.replace(/(区|县)$/, '')
+    return name
+  }
+
+  dataList.forEach((item) => {
     // 区县名称处理：江北/渝北 -> 两江新区
-    const countyValue = item[countyField];
+    const countyValue = item[countyField]
     if (countyValue && (countyValue.includes('江北') || countyValue.includes('渝北'))) {
-      item[countyField] = '两江新区';
+      item[countyField] = '两江新区'
     }
 
-    const matchValue = item[matchField];
+    const matchValue = item[matchField]
+    // 提取纯净的区县名称用于匹配
+    const extractedCountyName = extractCountyName(matchValue)
 
     if (!flag) {
       // 不过滤，直接添加所有数据
-      item.COORDINATE_POINT = coordinateParser(item);
-      filteredData.push(item);
+      item.COORDINATE_POINT = coordinateParser(item)
+      filteredData.push(item)
     } else {
       // 根据受影响区县列表进行过滤
-      const isMatched = affectedCountyData.value.sortedList.some(j => {
-        return matchValue && j.name && matchValue.includes(j.name);
-      });
+      const isMatched = affectedCountyData.value.sortedList.some((j) => {
+        // 同时支持原始匹配和提取后的区县名称匹配
+        return matchValue && j.name && (matchValue.includes(j.name) || extractedCountyName === j.name)
+      })
       if (isMatched) {
-        item.COORDINATE_POINT = coordinateParser(item);
-        filteredData.push(item);
+        item.COORDINATE_POINT = coordinateParser(item)
+        filteredData.push(item)
       }
     }
-  });
+  })
 
-  return filteredData;
-};
+  return filteredData
+}
 
-const affectedBridgeData = ref([]);
+const affectedBridgeData = ref([])
 // 获取受影响桥梁数据
-const getAffectedBridgeData = async flag => {
+const getAffectedBridgeData = async (flag) => {
   try {
     // 检查桥梁标记是否已存在，如果存在则不加载接口
     if (hasProjectMarkersByType('bridge')) {
-      console.log('类型为 bridge 的标记已存在，跳过接口调用');
-      return [];
+      console.log('类型为 bridge 的标记已存在，跳过接口调用')
+      return []
     }
-    
-    const timeParams = getTimeParams();
+
+    const timeParams = getTimeParams()
     const res = await request({
       url: '/snow-ops-platform/map/bridge',
       method: 'GET',
       params: timeParams,
-    });
+    })
     if (res.data) {
       // 使用通用过滤方法处理数据
       const filteredData = filterDataByCounty(res.data, flag, {
         countyField: 'COUNTY',
         countyMatchField: 'GL1_QXMC',
-        coordinateParser: item => [item.GL1_QLJD, item.GL1_QLWD],
-      });
-      affectedBridgeData.value = filteredData;
-      console.log('受影响桥梁数据:', affectedBridgeData.value);
-      addProjectMarkers(affectedBridgeData.value, bridgeIcon, 'bridge');
+        coordinateParser: (item) => [item.GL1_QLJD, item.GL1_QLWD],
+      })
+      affectedBridgeData.value = filteredData
+      console.log('受影响桥梁数据:', affectedBridgeData.value)
+      addProjectMarkers(affectedBridgeData.value, bridgeIcon, 'bridge')
     }
   } catch (error) {
-    console.error('获取受影响桥梁数据失败:', error);
-    return [];
+    console.error('获取受影响桥梁数据失败:', error)
+    return []
   }
-};
+}
 
-const tunnelInfoDialogRef = ref([]);
+const tunnelInfoDialogRef = ref([])
 // 获取受影响隧道数据
-const getAffectedTunnelData = async flag => {
+const getAffectedTunnelData = async (flag) => {
   try {
     // 检查隧道标记是否已存在，如果存在则不加载接口
     if (hasProjectMarkersByType('tunnel')) {
-      console.log('类型为 tunnel 的标记已存在，跳过接口调用');
-      return [];
+      console.log('类型为 tunnel 的标记已存在，跳过接口调用')
+      return []
     }
-    
-    const timeParams = getTimeParams();
+
+    const timeParams = getTimeParams()
     const res = await request({
       url: '/snow-ops-platform/map/tunnel',
       method: 'GET',
       params: timeParams,
-    });
+    })
     if (res.code === '00000' && res.data) {
       // 使用通用过滤方法处理数据
       const filteredData = filterDataByCounty(res.data, flag, {
         countyField: 'COUNTY',
         countyMatchField: 'GL1_QXMC',
-        coordinateParser: item => [Number(item.GL1_SDJD2), Number(item.GL1_SDWD2)],
-      });
-      tunnelInfoDialogRef.value = filteredData;
-      console.log('受影响隧道数据:', tunnelInfoDialogRef.value);
-      addProjectMarkers(tunnelInfoDialogRef.value, tunnelIcon2, 'tunnel');
+        coordinateParser: (item) => [Number(item.GL1_SDJD2), Number(item.GL1_SDWD2)],
+      })
+      tunnelInfoDialogRef.value = filteredData
+      console.log('受影响隧道数据:', tunnelInfoDialogRef.value)
+      addProjectMarkers(tunnelInfoDialogRef.value, tunnelIcon2, 'tunnel')
     }
-    return [];
+    return []
   } catch (error) {
-    console.error('获取受影响隧道数据失败:', error);
-    return [];
+    console.error('获取受影响隧道数据失败:', error)
+    return []
   }
-};
+}
 
 // 获取受影响项目数据
-const affectedProjectData = ref([]);
-const getAffectedProjectData = async flag => {
+const affectedProjectData = ref([])
+const getAffectedProjectData = async (flag) => {
   try {
     // 检查项目标记是否已存在，如果存在则不加载接口
     if (hasProjectMarkersByType('project')) {
-      console.log('类型为 project 的标记已存在，跳过接口调用');
-      return [];
+      console.log('类型为 project 的标记已存在，跳过接口调用')
+      return []
     }
-    
-    const timeParams = getTimeParams();
+
+    const timeParams = getTimeParams()
     const res = await request({
-      url: '/snow-ops-platform/weather-warning/affected-object/project',
+      url: '/snow-ops-platform/map/project',
       method: 'GET',
       params: timeParams,
-    });
-    console.log('受影响项目数据:', res);
+    })
+    console.log('受影响项目数据:', res)
     if (res.code === '00000' && res.data) {
-      console.log('项目数据条数:', res.data.length);
+      console.log('项目数据条数:', res.data.length)
       // 预处理：解析坐标格式
-      const preprocessedData = res.data.map(item => {
-        const newItem = { ...item };
+      const preprocessedData = res.data.map((item) => {
+        const newItem = { ...item }
         if (item.COORDINATE_POINT) {
-          console.log('原始坐标:', item.COORDINATE_POINT);
-          newItem.COORDINATE_POINT_PARSED = item.COORDINATE_POINT.substring(
-            6,
-            item.COORDINATE_POINT.length - 1
-          )
-            .split(' ')
-            .reverse();
-          console.log('解析后坐标:', newItem.COORDINATE_POINT_PARSED);
+          console.log('原始坐标:', item.COORDINATE_POINT)
+          // 解析格式: "106.44E,29.62N" -> [经度, 纬度]
+          const coordStr = item.COORDINATE_POINT.trim()
+          // 按逗号分割
+          const parts = coordStr.split(',')
+          if (parts.length === 2) {
+            // 去掉 E/N 后缀并转换为数字
+            const lng = parseFloat(parts[0].replace(/E$/i, '').trim())
+            const lat = parseFloat(parts[1].replace(/N$/i, '').trim())
+            if (!isNaN(lng) && !isNaN(lat)) {
+              newItem.COORDINATE_POINT_PARSED = [lng, lat]
+            }
+          }
+          console.log('解析后坐标:', newItem.COORDINATE_POINT_PARSED)
         }
-        return newItem;
-      });
+        return newItem
+      })
       // 使用通用过滤方法处理数据
       const filteredData = filterDataByCounty(preprocessedData, flag, {
-        countyField: 'COUNTY',
-        coordinateParser: item => item.COORDINATE_POINT_PARSED || [],
-      });
-      affectedProjectData.value = filteredData;
+        countyField: 'ADMINISTRATIVE_REGION',
+        coordinateParser: (item) => item.COORDINATE_POINT_PARSED || [],
+      })
+      affectedProjectData.value = filteredData
       // 在地图上添加项目标记
-      console.log('开始添加项目标记...');
-      addProjectMarkers(filteredData, projectIcon, 'project');
+      console.log('开始添加项目标记...')
+      addProjectMarkers(filteredData, projectIcon, 'project')
     } else {
-      console.warn('没有获取到项目数据或返回码错误:', res);
+      console.warn('没有获取到项目数据或返回码错误:', res)
     }
-    return res.data || [];
+    return res.data || []
   } catch (error) {
-    console.error('获取受影响项目数据失败:', error);
-    return [];
+    console.error('获取受影响项目数据失败:', error)
+    return []
   }
-};
+}
 
 // 获取受影响路段数据
-const affectedRoadSectionData = ref([]);
+const affectedRoadSectionData = ref([])
 const roadvalArr = ref([
   { label: '高风险', value: 0, show: false },
   { label: '较高风险', value: 0, show: false },
   { label: '中风险', value: 0, show: false },
   { label: '低风险', value: 0, show: false },
-]);
-const getAffectedRoadSectionData = async flag => {
+])
+const getAffectedRoadSectionData = async (flag) => {
   try {
-    console.log('受影响路段数据:', props.roadItem);
-    const { start, end } = getTimeParams();
-    let riskLevel = '';
+    console.log('受影响路段数据:', props.roadItem)
+    const { start, end } = getTimeParams()
+    let riskLevel = ''
     if (props.roadItem.label == '高风险路段') {
-      riskLevel = '高风险';
+      riskLevel = '高风险'
     } else if (props.roadItem.label == '较高风险路段') {
-      riskLevel = '较高风险';
+      riskLevel = '较高风险'
     } else if (props.roadItem.label == '中风险路段') {
-      riskLevel = '中风险';
+      riskLevel = '中风险'
     } else if (props.roadItem.label == '低风险路段') {
-      riskLevel = '低风险';
+      riskLevel = '低风险'
     }
-    
+
     // 检查该等级的路段标记是否已存在，如果存在则不加载接口
-    const typeKey = `road-${riskLevel}`;
+    const typeKey = `road-${riskLevel}`
     if (hasProjectMarkersByType(typeKey)) {
-      console.log(`类型为 ${typeKey} 的标记已存在，跳过接口调用`);
-      return [];
+      console.log(`类型为 ${typeKey} 的标记已存在，跳过接口调用`)
+      return []
     }
-    
+
     const res = await request({
       // url: '/snow-ops-platform/weather-warning/affected-object/road-section',
       url: '/snow-ops-platform/risk-point/road-section',
@@ -594,181 +644,170 @@ const getAffectedRoadSectionData = async flag => {
         start: start,
         end: end,
       },
-    });
-    console.log('受影响路段数据:', res);
+    })
+    console.log('受影响路段数据:', res)
 
     if (res.code === '00000' && res.data) {
       // 使用通用过滤方法处理数据
       const filteredData = filterDataByCounty(res.data, flag, {
         countyField: 'COUNTY',
         countyMatchField: 'GL1_QXMC',
-        coordinateParser: item => [item.GL1_LON, item.GL1_LAT],
-      });
-      affectedRoadSectionData.value = filteredData;
+        coordinateParser: (item) => [item.GL1_LON, item.GL1_LAT],
+      })
+      affectedRoadSectionData.value = filteredData
       // 在地图上添加项目标记
-      console.log('受影响路段数据:', affectedRoadSectionData.value);
+      console.log('受影响路段数据:', affectedRoadSectionData.value)
 
-      let img = tunnelLineIcon;
+      let img = tunnelLineIcon
       if (riskLevel == '高风险') {
-        img = tunnelLineIcon3;
+        img = tunnelLineIcon3
         roadvalArr.value[0] = {
           label: '高风险',
           value: affectedRoadSectionData.value.length,
           show: true,
-        };
+        }
       } else if (riskLevel == '较高风险') {
-        img = tunnelLineIcon2;
+        img = tunnelLineIcon2
         roadvalArr.value[1] = {
           label: '较高风险',
           value: affectedRoadSectionData.value.length,
           show: true,
-        };
+        }
       } else if (riskLevel == '中风险') {
-        img = tunnelLineIcon1;
+        img = tunnelLineIcon1
         roadvalArr.value[2] = {
           label: '中风险',
           value: affectedRoadSectionData.value.length,
           show: true,
-        };
+        }
       } else if (riskLevel == '低风险') {
-        img = tunnelLineIcon;
+        img = tunnelLineIcon
         roadvalArr.value[3] = {
           label: '低风险',
           value: affectedRoadSectionData.value.length,
           show: true,
-        };
+        }
       }
-      emit('update:roadvalArr ====  风险点总数', roadvalArr.value);
+      emit('update:roadvalArr ====  风险点总数', roadvalArr.value)
 
       // 给数据添加风险等级字段，确保 addProjectMarkers 能正确识别类型键
-      const dataWithRiskLevel = affectedRoadSectionData.value.map(item => ({
+      const dataWithRiskLevel = affectedRoadSectionData.value.map((item) => ({
         ...item,
-        riskLevel: riskLevel
-      }));
-      addProjectMarkers(dataWithRiskLevel, img, 'road');
+        riskLevel: riskLevel,
+      }))
+      addProjectMarkers(dataWithRiskLevel, img, 'road')
     }
-    return [];
+    return []
   } catch (error) {
-    console.error('获取受影响路段数据失败:', error);
-    return [];
+    console.error('获取受影响路段数据失败:', error)
+    return []
   }
-};
+}
 
-const emergencyForceData = ref([]);
+const emergencyForceData = ref([])
 // 获取应急力量数据
 const getEmergencyForceData = async () => {
   try {
     // 检查应急力量标记是否已存在，如果存在则不加载接口
     if (hasProjectMarkersByType('emergency')) {
-      console.log('类型为 emergency 的标记已存在，跳过接口调用');
-      return [];
+      console.log('类型为 emergency 的标记已存在，跳过接口调用')
+      return []
     }
-    
-    const timeParams = getTimeParams();
+
+    const timeParams = getTimeParams()
     const res = await request({
       url: '/snow-ops-platform/yhYjll/listForcesAndMaterials',
       method: 'GET',
       params: timeParams,
-    });
-    console.log('应急力量数据:', res);
+    })
+    console.log('应急力量数据:', res)
     if (res.code === '00000' && res.data) {
       // 解析坐标数据
-      res.data.forEach(item => {
-        item.COORDINATE_POINT = [item.lng, item.lat];
-        console.log('解析后坐标:', item.COORDINATE_POINT);
-      });
-      emergencyForceData.value = res.data;
+      res.data.forEach((item) => {
+        item.COORDINATE_POINT = [item.lng, item.lat]
+        console.log('解析后坐标:', item.COORDINATE_POINT)
+      })
+      emergencyForceData.value = res.data
 
       // 在地图上添加应急力量标记
-      console.log('开始添加应急力量标记...', res.data);
-      addProjectMarkers(res.data, rescueTeamIcon, 'emergency');
+      console.log('开始添加应急力量标记...', res.data)
+      addProjectMarkers(res.data, rescueTeamIcon, 'emergency')
     } else {
-      console.warn('没有获取到应急力量数据或返回码错误:', res);
+      console.warn('没有获取到应急力量数据或返回码错误:', res)
     }
-    return res.data || [];
+    return res.data || []
   } catch (error) {
-    console.error('获取应急力量数据失败:', error);
-    return [];
+    console.error('获取应急力量数据失败:', error)
+    return []
   }
-};
+}
 
-const dangerProjectData = ref([]);
+const dangerProjectData = ref([])
 // 获取危大工程数据
-const getDangerProjectData = async flag => {
+const getDangerProjectData = async (flag) => {
   try {
     // 检查危大工程标记是否已存在，如果存在则不加载接口
     if (hasProjectMarkersByType('engineering')) {
-      console.log('类型为 engineering 的标记已存在，跳过接口调用');
-      return [];
+      console.log('类型为 engineering 的标记已存在，跳过接口调用')
+      return []
     }
-    
+
     const res = await request({
       url: '/snow-ops-platform/dangerProjectInfo/listAll',
       method: 'GET',
-    });
-    console.log('危大工程数据:', res);
+    })
+    console.log('危大工程数据:', res)
     if (res.code === '00000' && res.data) {
       // 使用通用过滤方法处理数据
       const filteredData = filterDataByCounty(res.data, flag, {
         countyField: 'districtName',
-        coordinateParser: item => [item.longitude, item.latitude],
-      });
-      dangerProjectData.value = filteredData;
-      console.log('过滤后危大工程数据:', filteredData);
+        coordinateParser: (item) => [item.longitude, item.latitude],
+      })
+      dangerProjectData.value = filteredData
+      console.log('过滤后危大工程数据:', filteredData)
 
       // 在地图上添加危大工程标记
-      console.log('开始添加危大工程标记...', filteredData);
-      addProjectMarkers(filteredData, engineeringIconIcon, 'engineering');
+      console.log('开始添加危大工程标记...', filteredData)
+      addProjectMarkers(filteredData, engineeringIconIcon, 'engineering')
     } else {
-      console.warn('没有获取到危大工程数据或返回码错误:', res);
+      console.warn('没有获取到危大工程数据或返回码错误:', res)
     }
-    return res.data || [];
+    return res.data || []
   } catch (error) {
-    console.error('获取危大工程数据失败:', error);
-    return [];
+    console.error('获取危大工程数据失败:', error)
+    return []
   }
-};
+}
 
 // 风险点数据
-const riskPointData = ref([]);
-// 风险点统计数据
-const riskPointStats = ref({
-  重大路外隐患点: 0,
-  重大路内隐患点: 0,
-  较大路外隐患点: 0,
-  较大路内隐患点: 0,
-  一般路内隐患点: 0,
-  一般路外隐患点: 0,
-  风险点总数: 0,
-});
-
+const riskPointData = ref([])
 // 获取风险点数据
-const getRiskPointData = async (riskLevel, item) => {
+const getRiskPointData = async (riskLevel, item, flag) => {
   try {
     // 根据风险等级和在红线内外确定类型键
-    let riskTypeKey = 'riskPoint';
+    let riskTypeKey = 'riskPoint'
     if (riskLevel) {
       if (riskLevel.includes('重大') && item.isWithinRedLine === '是') {
-        riskTypeKey = 'riskPoint-重大路内';
+        riskTypeKey = 'riskPoint-重大路内'
       } else if (riskLevel.includes('重大') && item.isWithinRedLine === '否') {
-        riskTypeKey = 'riskPoint-重大路外';
+        riskTypeKey = 'riskPoint-重大路外'
       } else if (riskLevel.includes('较大') && item.isWithinRedLine === '是') {
-        riskTypeKey = 'riskPoint-较大路内';
+        riskTypeKey = 'riskPoint-较大路内'
       } else if (riskLevel.includes('较大') && item.isWithinRedLine === '否') {
-        riskTypeKey = 'riskPoint-较大路外';
+        riskTypeKey = 'riskPoint-较大路外'
       } else if (riskLevel.includes('一般') && item.isWithinRedLine === '是') {
-        riskTypeKey = 'riskPoint-一般路内';
+        riskTypeKey = 'riskPoint-一般路内'
       } else if (riskLevel.includes('一般') && item.isWithinRedLine === '否') {
-        riskTypeKey = 'riskPoint-一般路外';
+        riskTypeKey = 'riskPoint-一般路外'
       }
     }
-    
-    // 检查该类型的风险点标记是否已存在，如果存在则不加载接口
+
+    // 检查该类型的风险点标记是否已存在，如果存在则删除旧图标，加载最新图标
     if (hasProjectMarkersByType(riskTypeKey)) {
-      console.log(`类型为 ${riskTypeKey} 的标记已存在，跳过接口调用`);
-      return [];
+      console.log(`类型为 ${riskTypeKey} 的标记已存在，删除旧图标并重新加载`)
+      clearProjectMarkersByType(riskTypeKey)
     }
-    
+
     const res = await request({
       url: '/snow-ops-platform/risk-point',
       method: 'GET',
@@ -776,201 +815,207 @@ const getRiskPointData = async (riskLevel, item) => {
         riskLevel: riskLevel || '',
         isWithinRedLine: item.isWithinRedLine,
       },
-    });
-    console.log('风险点数据:', res);
+    })
+    console.log('风险点数据:', res)
     if (res.code === '00000' && res.data) {
       // 解析坐标数据
-      res.data.forEach(item => {
-        item.COORDINATE_POINT = [item.GL1_LON, item.GL1_LAT];
-      });
-      riskPointData.value = res.data;
+      const filteredData = filterDataByCounty(res.data, flag, {
+        countyField: 'DistrictRICT_NAME',
+        countyMatchField: 'GL1_QXMC',
+        coordinateParser: (item) => [item.GL1_LON, item.GL1_LAT],
+      })
+      filteredData.forEach((item) => {
+        item.COORDINATE_POINT = [item.GL1_LON, item.GL1_LAT]
+      })
+      riskPointData.value = filteredData
       // 在地图上添加风险点标记
-      console.log('开始添加风险点标记...', res.data);
+      console.log('开始添加风险点标记...', filteredData)
       // 根据风险等级选择不同的图标
-      let iconUrl = hazardIconIcon1; // 默认使用一般路内隐患点图标
+      let iconUrl = hazardIconIcon1 // 默认使用一般路内隐患点图标
       if (riskLevel) {
         if (riskLevel.includes('重大') && item.isWithinRedLine === '是') {
-          iconUrl = hazardIconIcon5; // 重大路内隐患点
+          iconUrl = hazardIconIcon5 // 重大路内隐患点
         } else if (riskLevel.includes('重大') && item.isWithinRedLine === '否') {
-          iconUrl = hazardIconIcon6; // 重大路外隐患点
+          iconUrl = hazardIconIcon6 // 重大路外隐患点
         } else if (riskLevel.includes('较大') && item.isWithinRedLine === '是') {
-          iconUrl = hazardIconIcon3; // 较大路内隐患点
+          iconUrl = hazardIconIcon3 // 较大路内隐患点
         } else if (riskLevel.includes('较大') && item.isWithinRedLine === '否') {
-          iconUrl = hazardIconIcon4; // 较大路外隐患点
+          iconUrl = hazardIconIcon4 // 较大路外隐患点
         } else if (riskLevel.includes('一般') && item.isWithinRedLine === '是') {
-          iconUrl = hazardIconIcon1; // 一般路内隐患点
+          iconUrl = hazardIconIcon1 // 一般路内隐患点
         } else if (riskLevel.includes('一般') && item.isWithinRedLine === '否') {
-          iconUrl = hazardIconIcon2; // 一般路外隐患点
+          iconUrl = hazardIconIcon2 // 一般路外隐患点
         }
       }
+
       emit('riskPointStatsChange', {
         riskLevel: riskLevel.substring(0, 2),
         isWithinRedLine: item.isWithinRedLine,
         value: riskPointData.value.length,
-      });
+      })
       // 给数据添加风险等级和在红线内外字段，确保 addProjectMarkers 能正确识别类型键
-      const dataWithRiskInfo = riskPointData.value.map(riskItem => ({
+      const dataWithRiskInfo = riskPointData.value.map((riskItem) => ({
         ...riskItem,
         riskLevel: riskLevel,
-        isWithinRedLine: item.isWithinRedLine
-      }));
-      addProjectMarkers(dataWithRiskInfo, iconUrl, 'riskPoint');
+        isWithinRedLine: item.isWithinRedLine,
+      }))
+      addProjectMarkers(dataWithRiskInfo, iconUrl, 'riskPoint')
       // 获取风险点统计数据
     } else {
-      console.warn('没有获取到风险点数据或返回码错误:', res);
+      console.warn('没有获取到风险点数据或返回码错误:', res)
     }
-    return res.data || [];
+    return res.data || []
   } catch (error) {
-    console.error('获取风险点数据失败:', error);
-    return [];
+    console.error('获取风险点数据失败:', error)
+    return []
   }
-};
+}
 
 // 按类型存储项目标记，避免同类型重复刷新
 // 格式: { 'road-高风险': [...], 'road-较高风险': [...], 'riskPoint-高风险': [...], ... }
-let projectMarkersMap = new Map();
+let projectMarkersMap = new Map()
 
 // 清除所有项目标记
 const clearProjectMarkers = () => {
   projectMarkersMap.forEach((markers, type) => {
-    markers.forEach(marker => {
+    markers.forEach((marker) => {
       if (mapInstance) {
-        mapInstance.removeLayer(marker);
+        mapInstance.removeLayer(marker)
       }
-    });
-  });
-  projectMarkersMap.clear();
-  clearCountyCardMarkers();
+    })
+  })
+  projectMarkersMap.clear()
+  clearCountyCardMarkers()
 
   // 关闭所有弹窗
-  mapInfoDialogVisible.value = false;
-  centerCardVisible.value = false;
-};
+  mapInfoDialogVisible.value = false
+  centerCardVisible.value = false
+}
 
 // 清除指定类型的项目标记
 const clearProjectMarkersByType = (typeKey) => {
-  const markers = projectMarkersMap.get(typeKey);
+  const markers = projectMarkersMap.get(typeKey)
   if (markers) {
-    markers.forEach(marker => {
+    markers.forEach((marker) => {
       if (mapInstance) {
-        mapInstance.removeLayer(marker);
+        mapInstance.removeLayer(marker)
       }
-    });
-    projectMarkersMap.delete(typeKey);
-    console.log(`已清除类型为 ${typeKey} 的标记，共 ${markers.length} 个`);
+    })
+    projectMarkersMap.delete(typeKey)
+    console.log(`已清除类型为 ${typeKey} 的标记，共 ${markers.length} 个`)
   }
-};
+}
 
 // 检查指定类型的项目标记是否已存在
 const hasProjectMarkersByType = (typeKey) => {
-  const markers = projectMarkersMap.get(typeKey);
-  return markers && markers.length > 0;
-};
+  const markers = projectMarkersMap.get(typeKey)
+  return markers && markers.length > 0
+}
 
 // 根据数据类型获取对应的图标
 const getIconByType = (item, type) => {
   // 如果是风险点类型，根据风险等级和是否在红线内返回对应图标
   if (type === 'riskPoint' || item.riskLevel) {
-    const riskLevel = item.riskLevel || '';
-    const isWithinRedLine = item.isWithinRedLine || item.iswithinredline || '';
+    const riskLevel = item.riskLevel || ''
+    const isWithinRedLine = item.isWithinRedLine || item.iswithinredline || ''
 
     if (riskLevel.includes('重大')) {
-      return isWithinRedLine === '是' ? hazardIconIcon5 : hazardIconIcon6;
+      return isWithinRedLine === '是' ? hazardIconIcon5 : hazardIconIcon6
     } else if (riskLevel.includes('较大')) {
-      return isWithinRedLine === '是' ? hazardIconIcon3 : hazardIconIcon4;
+      return isWithinRedLine === '是' ? hazardIconIcon3 : hazardIconIcon4
     } else if (riskLevel.includes('一般')) {
-      return isWithinRedLine === '是' ? hazardIconIcon1 : hazardIconIcon2;
+      return isWithinRedLine === '是' ? hazardIconIcon1 : hazardIconIcon2
     }
   }
 
   // 如果是路段类型，根据风险等级返回对应图标
   if (type === 'road' || item.riskLevel) {
-    const riskLevel = item.riskLevel || '';
+    const riskLevel = item.riskLevel || ''
     if (riskLevel.includes('高风险')) {
-      return tunnelLineIcon3;
+      return tunnelLineIcon3
     } else if (riskLevel.includes('较高风险')) {
-      return tunnelLineIcon2;
+      return tunnelLineIcon2
     } else if (riskLevel.includes('中风险')) {
-      return tunnelLineIcon1;
+      return tunnelLineIcon1
     } else if (riskLevel.includes('低风险')) {
-      return tunnelLineIcon;
+      return tunnelLineIcon
     }
   }
 
   // 默认返回传入的图标或项目图标
-  return projectIcon;
-};
+  return projectIcon
+}
 
 // 在地图上添加项目标记
 const addProjectMarkers = (data, iconUrl, type = 'project') => {
   if (!mapInstance) {
-    console.warn('mapInstance 未初始化，无法添加标记');
-    return;
+    console.warn('mapInstance 未初始化，无法添加标记')
+    return
   }
   if (!data || data.length === 0) {
-    console.warn('没有数据，无法添加标记');
-    return;
+    console.warn('没有数据，无法添加标记')
+    return
   }
 
   // 根据类型和等级生成类型键，用于区分不同类型的标记
   // 例如: 'road-高风险', 'road-较高风险', 'riskPoint-高风险', 'project', 'tunnel', 'bridge'
-  let typeKey = type;
-  
+  let typeKey = type
+
   // 对于路段类型，从数据中解析风险等级
   if (type === 'road' && data.length > 0) {
-    const riskLevel = data[0].GL1_FXDJ || data[0].riskLevel || '';
+    const riskLevel = data[0].GL1_FXDJ || data[0].riskLevel || ''
     if (riskLevel) {
-      typeKey = `road-${riskLevel}`;
+      typeKey = `road-${riskLevel}`
     }
   }
-  
+
   // 对于风险点类型，从数据中解析风险等级和在红线内外
   if (type === 'riskPoint' && data.length > 0) {
-    const riskLevel = data[0].GL1_FXDJ || data[0].riskLevel || '';
-    const isWithinRedLine = data[0].GL1_SFHXN || data[0].isWithinRedLine || '';
+    const riskLevel = data[0].GL1_FXDJ || data[0].riskLevel || ''
+    const isWithinRedLine = data[0].GL1_SFHXN || data[0].isWithinRedLine || ''
     if (riskLevel) {
       // 根据风险等级和在红线内外确定类型键
       if (riskLevel.includes('重大') && isWithinRedLine === '是') {
-        typeKey = 'riskPoint-重大路内';
+        typeKey = 'riskPoint-重大路内'
       } else if (riskLevel.includes('重大') && isWithinRedLine === '否') {
-        typeKey = 'riskPoint-重大路外';
+        typeKey = 'riskPoint-重大路外'
       } else if (riskLevel.includes('较大') && isWithinRedLine === '是') {
-        typeKey = 'riskPoint-较大路内';
+        typeKey = 'riskPoint-较大路内'
       } else if (riskLevel.includes('较大') && isWithinRedLine === '否') {
-        typeKey = 'riskPoint-较大路外';
+        typeKey = 'riskPoint-较大路外'
       } else if (riskLevel.includes('一般') && isWithinRedLine === '是') {
-        typeKey = 'riskPoint-一般路内';
+        typeKey = 'riskPoint-一般路内'
       } else if (riskLevel.includes('一般') && isWithinRedLine === '否') {
-        typeKey = 'riskPoint-一般路外';
+        typeKey = 'riskPoint-一般路外'
       } else {
-        typeKey = `riskPoint-${riskLevel}`;
+        typeKey = `riskPoint-${riskLevel}`
       }
     }
   }
 
   // 如果该类型的标记已存在，直接返回，避免重复渲染
   if (hasProjectMarkersByType(typeKey)) {
-    console.log(`类型为 ${typeKey} 的标记已存在，跳过添加`);
-    return;
+    console.log(`类型为 ${typeKey} 的标记已存在，跳过添加`)
+    return
   }
 
   // 存储新添加的标记
-  const newMarkers = [];
+  const newMarkers = []
 
   // 遍历数据添加标记
-  data.forEach(item => {
+  data.forEach((item) => {
     if (item && item.COORDINATE_POINT && item.COORDINATE_POINT.length == 2) {
       // COORDINATE_POINT 格式: [经度, 纬度]
       // Leaflet 需要: [纬度, 经度]
-      const lng = item.COORDINATE_POINT[0];
-      const lat = item.COORDINATE_POINT[1];
+      const lng = item.COORDINATE_POINT[0]
+      const lat = item.COORDINATE_POINT[1]
 
-      const latNum = parseFloat(lat);
-      const lngNum = parseFloat(lng);
+      const latNum = parseFloat(lat)
+      const lngNum = parseFloat(lng)
 
       if (!isNaN(latNum) && !isNaN(lngNum)) {
         // 根据数据类型获取对应的图标
-        const currentIconUrl = iconUrl || getIconByType(item, type);
+        const currentIconUrl = iconUrl || getIconByType(item, type)
 
         // 创建自定义图标
         const projectIconObj = window.L.icon({
@@ -978,137 +1023,137 @@ const addProjectMarkers = (data, iconUrl, type = 'project') => {
           iconSize: [35, 35],
           iconAnchor: [10, 10],
           popupAnchor: [0, -10],
-        });
+        })
 
         const marker = window.L.marker([latNum, lngNum], {
           icon: projectIconObj,
           zIndexOffset: 1000, // 提升图标层级，确保在地图其他元素之上
-        });
+        })
 
         // 点击 marker 打开对应类型的信息弹窗
         marker.on('click', () => {
           if (type === 'riskPoint') {
             // 风险点类型，触发父组件打开涉灾隐患点情况弹窗
-            emit('openHazardPointSituation', item);
+            emit('openHazardPointSituation', item)
           } else if (type === 'road') {
             // 路段类型，触发父组件打开路段情况弹窗
-            emit('openRoadSectionSituation', item);
+            emit('openRoadSectionSituation', item)
           } else {
-            openMapInfoDialog(type, item);
+            openMapInfoDialog(type, item)
           }
-        });
+        })
 
-        marker.addTo(mapInstance);
-        newMarkers.push(marker);
+        marker.addTo(mapInstance)
+        newMarkers.push(marker)
       } else {
-        console.warn('无效的坐标:', item.COORDINATE_POINT, item);
+        console.warn('无效的坐标:', item.COORDINATE_POINT, item)
       }
     } else {
-      console.warn('缺少坐标数据:', item);
+      console.warn('缺少坐标数据:', item)
     }
-  });
+  })
 
   // 将新标记存储到对应类型中
-  projectMarkersMap.set(typeKey, newMarkers);
-  console.log(`已添加 ${newMarkers.length} 个类型为 ${typeKey} 的标记`);
-};
+  projectMarkersMap.set(typeKey, newMarkers)
+  console.log(`已添加 ${newMarkers.length} 个类型为 ${typeKey} 的标记`)
+}
 
 // 确定主要预警颜色（出现最多的预警等级）
-const getMainWarningColor = levels => {
-  if (!levels || Object.keys(levels).length === 0) return '#1890ff'; // 默认蓝色
+const getMainWarningColor = (levels) => {
+  if (!levels || Object.keys(levels).length === 0) return '#1890ff' // 默认蓝色
 
   // 预警等级优先级：红色 > 橙色 > 黄色 > 蓝色
-  const priority = ['红色', '橙色', '黄色', '蓝色'];
+  const priority = ['红色', '橙色', '黄色', '蓝色']
 
   // 按数量排序
   const sortedLevels = Object.entries(levels)
     .map(([level, count]) => ({ level, count }))
-    .sort((a, b) => b.count - a.count);
+    .sort((a, b) => b.count - a.count)
 
   // 如果有多个等级数量相同，按优先级排序
-  const maxCount = sortedLevels[0].count;
-  const maxLevels = sortedLevels.filter(item => item.count === maxCount);
+  const maxCount = sortedLevels[0].count
+  const maxLevels = sortedLevels.filter((item) => item.count === maxCount)
 
   if (maxLevels.length === 1) {
-    return getColorByLevel(maxLevels[0].level);
+    return getColorByLevel(maxLevels[0].level)
   } else {
     // 按优先级选择
     for (const level of priority) {
-      if (maxLevels.some(item => item.level === level)) {
-        return getColorByLevel(level);
+      if (maxLevels.some((item) => item.level === level)) {
+        return getColorByLevel(level)
       }
     }
-    return getColorByLevel(maxLevels[0].level);
+    return getColorByLevel(maxLevels[0].level)
   }
-};
+}
 
 // 统计各区县的预警数量（按预警等级区分）
-const countWarningsByCounty = data => {
-  if (!data || !Array.isArray(data)) return {};
+const countWarningsByCounty = (data) => {
+  if (!data || !Array.isArray(data)) return {}
 
-  const stats = {};
-  data.forEach(item => {
+  const stats = {}
+  data.forEach((item) => {
     // 根据实际数据结构调整字段名
-    const rawCountyName = item.countyName || item.name || item.qxmc || item.gl1Qxmc;
-    const riskLevel = item.riskLevel || item.level || item.warningLevel || item.gl1Yjdj;
+    const rawCountyName = item.countyName || item.name || item.qxmc || item.gl1Qxmc
+    const riskLevel = item.riskLevel || item.level || item.warningLevel || item.gl1Yjdj
 
     // 简化区县名称
-    const countyName = simplifyDistrictName(rawCountyName);
+    const countyName = simplifyDistrictName(rawCountyName)
 
     if (countyName) {
       if (!stats[countyName]) {
         stats[countyName] = {
           total: 0,
           levels: {},
-        };
+        }
       }
 
       // 统计总数
-      stats[countyName].total += 1;
+      stats[countyName].total += 1
 
       // 按预警等级统计
-      const level = riskLevel || '未知';
+      const level = riskLevel || '未知'
       if (stats[countyName].levels[level]) {
-        stats[countyName].levels[level] += 1;
+        stats[countyName].levels[level] += 1
       } else {
-        stats[countyName].levels[level] = 1;
+        stats[countyName].levels[level] = 1
       }
     }
-  });
+  })
 
   // 合并渝北区和江北区为两江新区
   if (stats['渝北区'] || stats['江北区']) {
     const yubeiData = stats['渝北区'] || {
       total: 0,
       levels: {},
-    };
+    }
     const jiangbeiData = stats['江北区'] || {
       total: 0,
       levels: {},
-    };
+    }
 
     // 合并总数
-    const total = yubeiData.total + jiangbeiData.total;
+    const total = yubeiData.total + jiangbeiData.total
 
     // 合并各等级预警数量
-    const levels = { ...yubeiData.levels };
+    const levels = { ...yubeiData.levels }
     Object.entries(jiangbeiData.levels).forEach(([level, count]) => {
       if (levels[level]) {
-        levels[level] += count;
+        levels[level] += count
       } else {
-        levels[level] = count;
+        levels[level] = count
       }
-    });
+    })
 
     // 创建两江新区数据
     stats['两江新区'] = {
       total,
       levels,
-    };
+    }
 
     // 删除渝北区和江北区
-    delete stats['渝北区'];
-    delete stats['江北区'];
+    delete stats['渝北区']
+    delete stats['江北区']
   }
 
   // 转换为数组格式并按总数排序（数量从大到小）
@@ -1118,161 +1163,389 @@ const countWarningsByCounty = data => {
       total: data.total,
       levels: data.levels,
     }))
-    .sort((a, b) => b.total - a.total);
+    .sort((a, b) => b.total - a.total)
 
   return {
     byName: stats, // 对象格式：{ 区县名: { total: 总数, levels: { 等级: 数量 } } }
     sortedList: sortedList, // 数组格式：[{ name: 区县名, total: 总数, levels: { 等级: 数量 } }]
-  };
-};
+  }
+}
 
-// 重庆地图 GeoJSON API 地址 - 使用最新版本
-const GEOJSON_URL = 'https://geo.datav.aliyun.com/areas_v3/bound/500000_full.json';
+// 重庆地图 GeoJSON API 地址 - 根据 URL 参数动态判断
+const getGeoJsonUrl = () => {
+  const urlParams = new URLSearchParams(window.location.search)
+  const mapParam = urlParams.get('Map')
+  if (mapParam === 'dev') {
+    return 'https://geo.datav.aliyun.com/areas_v3/bound/500000_full.json'
+  }
+  return 'http://58.144.223.142:11501/aliyun-geo/bound/500000_full.json'
+}
+const GEOJSON_URL = getGeoJsonUrl()
+
+// 天地图配置缓存
+let tiandituConfig = null
+
+// 获取天地图配置
+const getTiandituConfig = async () => {
+  // 如果已有缓存，直接返回
+  if (tiandituConfig) {
+    return tiandituConfig
+  }
+
+  try {
+    const res = await request({
+      url: '/snow-ops-platform/dataDirectory/queryCatalog',
+      method: 'GET',
+      params: {
+        pcatalog: 'TDT',
+      },
+    })
+
+    if (res.code === '00000' && res.data && res.data.length > 0) {
+      // 查找天地图配置
+      const tiandituItem = res.data.find((item) => item.Name === '天地图' || item.Name?.includes('天地图'))
+
+      if (tiandituItem && tiandituItem.Children && tiandituItem.Children.length > 0) {
+        // 查找影像底图
+        const imgLayer = tiandituItem.Children.find((child) => child.Name?.includes('影像') || child.Name?.includes('底图'))
+
+        // 查找行政区划图层
+        const boundaryLayer = tiandituItem.Children.find((child) => child.Name?.includes('行政区划') || child.Name?.includes('边界'))
+
+        const config = {}
+
+        if (imgLayer && imgLayer.Attribute && imgLayer.Attribute.servicePath) {
+          config.imgLayer = {
+            name: imgLayer.Name,
+            servicePath: imgLayer.Attribute.servicePath,
+          }
+        }
+
+        if (boundaryLayer && boundaryLayer.Attribute && boundaryLayer.Attribute.servicePath) {
+          config.boundaryLayer = {
+            name: boundaryLayer.Name,
+            servicePath: boundaryLayer.Attribute.servicePath,
+          }
+        }
+
+        if (Object.keys(config).length > 0) {
+          tiandituConfig = config
+          console.log('获取天地图配置成功:', tiandituConfig)
+          return tiandituConfig
+        }
+      }
+    }
+
+    console.warn('未找到天地图配置，使用默认配置')
+    return null
+  } catch (error) {
+    console.error('获取天地图配置失败:', error)
+    return null
+  }
+}
 
 // 加载地图数据
 const loadMapData = async () => {
-  loading.value = true;
-  error.value = null;
+  loading.value = true
+  error.value = null
 
   try {
-    // 初始化地图
-
-    // 检查URL参数中是否有Map=dev
-    const urlParams = new URLSearchParams(window.location.search);
-    const isDev = urlParams.get('Map') === 'dev';
-
-    let geoJsonData;
-
-    if (isDev) {
-      // 本地测试用
-      const response = await fetch(GEOJSON_URL);
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      geoJsonData = await response.json();
-    } else {
-      // 部署用
-      const response = await axios.get('/aliyun-geo/bound/500000_full.json');
-      geoJsonData = response.data;
-      if (!geoJsonData) {
-        throw new Error('地图数据为空');
-      }
-    }
-
-    // // 处理行政区划变更：渝北区和江北区合并为两江新区
-    processDistrictMerge(geoJsonData);
-    initMap(geoJsonData);
+    // 初始化地图 - 使用天地图配置
+    await initMap()
   } catch (err) {
-    console.error('加载地图数据失败:', err);
-    error.value = '地图数据加载失败，请检查网络连接';
+    console.error('加载地图数据失败:', err)
+    error.value = '地图数据加载失败，请检查网络连接'
   } finally {
-    loading.value = false;
+    loading.value = false
   }
-};
+}
 
 // 处理行政区划合并
-const processDistrictMerge = geoJsonData => {
-  if (!geoJsonData || !geoJsonData.features) return;
+const processDistrictMerge = (geoJsonData) => {
+  if (!geoJsonData || !geoJsonData.features) return
 
   // 查找渝北区和江北区的特征
-  const yubeiIndex = geoJsonData.features.findIndex(
-    f => f.properties && f.properties.name === '渝北区'
-  );
-  const jiangbeiIndex = geoJsonData.features.findIndex(
-    f => f.properties && f.properties.name === '江北区'
-  );
+  const yubeiIndex = geoJsonData.features.findIndex((f) => f.properties && f.properties.name === '渝北区')
+  const jiangbeiIndex = geoJsonData.features.findIndex((f) => f.properties && f.properties.name === '江北区')
 
   // 如果两个区都存在，合并为两江新区
   if (yubeiIndex !== -1 && jiangbeiIndex !== -1) {
-    const yubeiFeature = geoJsonData.features[yubeiIndex];
-    const jiangbeiFeature = geoJsonData.features[jiangbeiIndex];
+    const yubeiFeature = geoJsonData.features[yubeiIndex]
+    const jiangbeiFeature = geoJsonData.features[jiangbeiIndex]
 
     // 创建两江新区的特征
-    const liangjiangFeature = JSON.parse(JSON.stringify(yubeiFeature));
-    liangjiangFeature.properties.name = '两江新区';
-    liangjiangFeature.properties.adcode = '500006'; // 使用新的行政区划代码
+    const liangjiangFeature = JSON.parse(JSON.stringify(yubeiFeature))
+    liangjiangFeature.properties.name = '两江新区'
+    liangjiangFeature.properties.adcode = '500006' // 使用新的行政区划代码
 
     // 如果是 MultiPolygon，合并两个区的坐标
-    if (
-      yubeiFeature.geometry.type === 'MultiPolygon' &&
-      jiangbeiFeature.geometry.type === 'MultiPolygon'
-    ) {
-      liangjiangFeature.geometry.coordinates = [
-        ...yubeiFeature.geometry.coordinates,
-        ...jiangbeiFeature.geometry.coordinates,
-      ];
-    } else if (
-      yubeiFeature.geometry.type === 'Polygon' &&
-      jiangbeiFeature.geometry.type === 'Polygon'
-    ) {
-      liangjiangFeature.geometry.type = 'MultiPolygon';
-      liangjiangFeature.geometry.coordinates = [
-        [yubeiFeature.geometry.coordinates],
-        [jiangbeiFeature.geometry.coordinates],
-      ];
+    if (yubeiFeature.geometry.type === 'MultiPolygon' && jiangbeiFeature.geometry.type === 'MultiPolygon') {
+      liangjiangFeature.geometry.coordinates = [...yubeiFeature.geometry.coordinates, ...jiangbeiFeature.geometry.coordinates]
+    } else if (yubeiFeature.geometry.type === 'Polygon' && jiangbeiFeature.geometry.type === 'Polygon') {
+      liangjiangFeature.geometry.type = 'MultiPolygon'
+      liangjiangFeature.geometry.coordinates = [[yubeiFeature.geometry.coordinates], [jiangbeiFeature.geometry.coordinates]]
     }
 
     // 移除原来的两个区
-    geoJsonData.features.splice(Math.max(yubeiIndex, jiangbeiIndex), 1);
-    geoJsonData.features.splice(Math.min(yubeiIndex, jiangbeiIndex), 1);
+    geoJsonData.features.splice(Math.max(yubeiIndex, jiangbeiIndex), 1)
+    geoJsonData.features.splice(Math.min(yubeiIndex, jiangbeiIndex), 1)
 
     // 添加合并后的两江新区
-    geoJsonData.features.push(liangjiangFeature);
+    geoJsonData.features.push(liangjiangFeature)
   }
-};
+}
 
 // 计算区县中心点
-const getCentroid = coordinates => {
-  let sumLat = 0;
-  let sumLng = 0;
-  let count = 0;
+const getCentroid = (coordinates) => {
+  let sumLat = 0
+  let sumLng = 0
+  let count = 0
 
-  const processCoordinates = coords => {
+  const processCoordinates = (coords) => {
     if (typeof coords[0] === 'number') {
       // 单个坐标点 [lng, lat]
-      sumLng += coords[0];
-      sumLat += coords[1];
-      count++;
+      sumLng += coords[0]
+      sumLat += coords[1]
+      count++
     } else if (Array.isArray(coords[0])) {
       // 坐标数组
-      coords.forEach(processCoordinates);
+      coords.forEach(processCoordinates)
     }
-  };
+  }
 
-  processCoordinates(coordinates);
+  processCoordinates(coordinates)
 
-  return count > 0 ? [sumLat / count, sumLng / count] : null;
-};
+  return count > 0 ? [sumLat / count, sumLng / count] : null
+}
 
 // 简化区县名称
-const simplifyDistrictName = name => {
+const simplifyDistrictName = (name) => {
   const nameMap = {
     酉阳土家族苗族自治县: '酉阳县',
     秀山土家族苗族自治县: '秀山县',
     彭水苗族土家族自治县: '彭水县',
     石柱土家族自治县: '石柱县',
-  };
-  return nameMap[name] || name;
-};
+  }
+  return nameMap[name] || name
+}
+
+// 根据区县名称匹配预警数据
+const getCountyWarningData = (countyName) => {
+  if (!affectedCountyData.value || !affectedCountyData.value.byName) {
+    return null
+  }
+
+  // 简化区县名称进行匹配
+  const simplifiedName = simplifyDistrictName(countyName)
+  const shortName = simplifiedName.replace(/区$/, '').replace(/县$/, '')
+
+  // 尝试直接匹配
+  if (affectedCountyData.value.byName[simplifiedName]) {
+    return affectedCountyData.value.byName[simplifiedName]
+  }
+
+  // 尝试匹配短名称（去掉"区"、"县"后缀）
+  for (const [name, data] of Object.entries(affectedCountyData.value.byName)) {
+    const dataShortName = name.replace(/区$/, '').replace(/县$/, '')
+    if (dataShortName === shortName) {
+      return data
+    }
+  }
+
+  // 特殊处理：两江新区
+  if (shortName === '两江' || countyName === '两江新区') {
+    return affectedCountyData.value.byName['两江新区']
+  }
+
+  return null
+}
+
+// 根据预警数据获取区县填充颜色
+const getCountyFillColor = (countyName) => {
+  const warningData = getCountyWarningData(countyName)
+  if (!warningData || !warningData.levels) {
+    return 'rgb(50, 108, 112, 0.6)' // 默认绿色，90%透明度
+  }
+  const color = getMainWarningColor(warningData.levels)
+  // 将颜色转换为半透明填充色，使用E6（约90%透明度）
+  return color
+}
+
+// 根据预警数据获取区县边框颜色
+const getCountyStrokeColor = (countyName) => {
+  return '#ffffff' // 默认白色
+  const warningData = getCountyWarningData(countyName)
+  if (!warningData || !warningData.levels) {
+    return '' // 默认白色
+  }
+  return getMainWarningColor(warningData.levels)
+}
+
+// 加载重庆区县 GeoJSON 数据并着色
+const loadDistrictGeoJson = async () => {
+  try {
+    // 清除已有的 GeoJSON 图层
+    if (geoJsonLayer) {
+      mapInstance.removeLayer(geoJsonLayer)
+      geoJsonLayer = null
+    }
+
+    // 清除已有的区县标签
+    if (window.districtLabelMarkers) {
+      window.districtLabelMarkers.forEach((marker) => {
+        if (mapInstance) {
+          mapInstance.removeLayer(marker)
+        }
+      })
+    }
+    window.districtLabelMarkers = []
+
+    // 获取 GeoJSON 数据
+    const response = await fetch(GEOJSON_URL)
+    if (!response.ok) {
+      throw new Error(`获取 GeoJSON 数据失败: ${response.status}`)
+    }
+
+    const geoJsonData = await response.json()
+    console.log('重庆 GeoJSON 数据:', geoJsonData)
+
+    // 处理行政区划合并（渝北+江北=两江新区）
+    processDistrictMerge(geoJsonData)
+
+    // 创建 GeoJSON 图层
+    geoJsonLayer = window.L.geoJson(geoJsonData, {
+      style: (feature) => {
+        const countyName = feature.properties?.name || ''
+        const fillColor = getCountyFillColor(countyName)
+        const strokeColor = getCountyStrokeColor(countyName)
+
+        return {
+          fillColor: fillColor,
+          weight: 1,
+          opacity: 1,
+          color: strokeColor, // 边框颜色
+          dashArray: '',
+          fillOpacity: 0.75, // 增加填充透明度，使颜色更明显
+        }
+      },
+      onEachFeature: (feature, layer) => {
+        const countyName = feature.properties?.name || ''
+        const warningData = getCountyWarningData(countyName)
+
+        // 获取区县中心点并添加标签
+        const bounds = layer.getBounds()
+        const center = bounds.getCenter()
+
+        // 简化区县名称显示，添加尾缀
+        const simplifyDisplayName = (name) => {
+          const nameMap = {
+            彭水苗族土家族自治县: '彭水县',
+            酉阳土家族苗族自治县: '酉阳县',
+            秀山土家族苗族自治县: '秀山县',
+            石柱土家族自治县: '石柱县',
+          }
+          // 先检查是否需要特殊处理
+          if (nameMap[name]) {
+            return nameMap[name]
+          }
+          // 如果已经有"区"或"县"后缀，直接返回
+          if (name.endsWith('区') || name.endsWith('县')) {
+            return name
+          }
+          // 根据名称判断添加"区"还是"县"
+          // 重庆主城9区：渝中、大渡口、江北、沙坪坝、九龙坡、南岸、北碚、渝北、巴南
+          const districtList = ['渝中', '大渡口', '江北', '沙坪坝', '九龙坡', '南岸', '北碚', '渝北', '巴南', '两江新区']
+          if (districtList.includes(name)) {
+            return name + '区'
+          }
+          // 其他默认添加"县"
+          return name + '县'
+        }
+        const displayName = simplifyDisplayName(countyName)
+
+        // 创建区县名称标签
+        const labelIcon = window.L.divIcon({
+          className: 'district-name-label',
+          html: `<div class="district-name-text">${displayName}</div>`,
+          iconSize: [80, 20],
+          iconAnchor: [40, 10],
+        })
+
+        const labelMarker = window.L.marker(center, {
+          icon: labelIcon,
+          interactive: false,
+          zIndexOffset: 300,
+        })
+
+        labelMarker.addTo(mapInstance)
+        window.districtLabelMarkers.push(labelMarker)
+
+        // 获取当前区县的边框颜色
+        const strokeColor = getCountyStrokeColor(countyName)
+
+        // 添加交互事件
+        layer.on({
+          mouseover: (e) => {
+            const targetLayer = e.target
+            // 悬浮时高亮边框，使用当前区县的边框颜色，加粗边框
+            targetLayer.setStyle({
+              weight: 4,
+              color: strokeColor,
+              fillOpacity: 0.85, // 悬浮时填充更明显的颜色
+            })
+            // 将当前图层置于最上层，避免被相邻区县遮挡
+            targetLayer.bringToFront()
+          },
+          mouseout: (e) => {
+            const targetLayer = e.target
+            // 恢复原始样式
+            geoJsonLayer.resetStyle(targetLayer)
+          },
+          click: (e) => {
+            const targetLayer = e.target
+            const bounds = targetLayer.getBounds()
+            mapInstance.fitBounds(bounds, { padding: [50, 50] })
+
+            // 触发区县点击事件
+            emit('districtClick', {
+              name: countyName,
+              data: warningData || { total: 0, levels: {} },
+            })
+          },
+        })
+      },
+    })
+
+    // 添加图层到地图
+    geoJsonLayer.addTo(mapInstance)
+    console.log('已添加区县 GeoJSON 图层')
+
+    // 将 GeoJSON 图层置于底图之上，其他标记之下
+    geoJsonLayer.setZIndex(100)
+  } catch (err) {
+    console.error('加载区县 GeoJSON 数据失败:', err)
+  }
+}
+
 // 根据预警等级获取颜色
-const getColorByLevel = level => {
+const getColorByLevel = (level) => {
   const colorMap = {
     红色预警: '#912210',
     橙色预警: '#BA6527',
     黄色预警: '#A47109',
     蓝色预警: '#185A91',
     未知: '#1890ff',
-  };
-  return colorMap[level] || '#1890ff';
-};
+  }
+  return colorMap[level] || '#1890ff'
+}
 // 初始化地图
-const initMap = geoJsonData => {
-  if (!mapContainer.value) return;
+const initMap = async () => {
+  if (!mapContainer.value) return
 
   try {
     // 清除旧地图实例
     if (mapInstance) {
-      mapInstance.remove();
+      mapInstance.remove()
     }
 
     // 创建地图实例
@@ -1283,220 +1556,176 @@ const initMap = geoJsonData => {
       maxZoom: 18,
       zoomControl: false,
       attributionControl: false,
-    });
+    })
 
-    // 添加瓦片图层 - 使用深色样式
-    // const tileLayer = new window.L.TileLayer(
-    //   "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}{r}.png",
-    //   {
-    //     attribution:
-    //       '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',
-    //     subdomains: "abcd",
-    //     maxZoom: 19,
-    //   },
-    // );
-    // mapInstance.addLayer(tileLayer);
+    // 获取天地图配置
+    const tdtConfig = await getTiandituConfig()
 
-    // 添加 GeoJSON 图层
-    geoJsonLayer = new window.L.GeoJSON(geoJsonData, {
-      style: feature => {
-        // const districtName = feature.properties.name;
-        const districtName = simplifyDistrictName(feature.properties.name);
-        let fillColor = '#132C44'; // 默认深蓝色背景
-        let fillOpacity = 0.4; // 默认透明度更高（更透明）
-        // 如果有预警统计数据，应用主要预警颜色
-        if (
-          affectedCountyData.value &&
-          affectedCountyData.value.byName &&
-          affectedCountyData.value.byName[districtName]
-        ) {
-          const districtData = affectedCountyData.value.byName[districtName];
-          // console.log(districtData.levels);
-          fillColor = getMainWarningColor(districtData.levels);
-          fillOpacity = 1; // 有预警时稍微不透明一些
-        }
+    // 添加天地图影像底图
+    if (tdtConfig && tdtConfig.imgLayer && tdtConfig.imgLayer.servicePath) {
+      let servicePath = tdtConfig.imgLayer.servicePath
+      // 确保包含 tk 参数（天地图密钥）
+      if (!servicePath.includes('tk=')) {
+        // 使用默认的测试密钥，生产环境应该替换为正式密钥
+        servicePath += '&tk=b78ed71126d03ee82ce658731344a897'
+      }
+      // 天地图 URL 格式为 https://t{s}.tianditu.gov.cn/...
+      // subdomains 应该配置为 ['0', '1', ...] 以生成 t0, t1 等子域名
+      const tileLayer = new window.L.TileLayer(servicePath, {
+        subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
+        maxZoom: 18,
+        attribution: '天地图',
+      })
+      mapInstance.addLayer(tileLayer)
+      console.log('已添加天地图影像底图:', tdtConfig.imgLayer.name)
+    } else {
+      console.warn('未获取到天地图影像底图配置，使用备用底图')
+      // 使用备用底图
+      const backupLayer = new window.L.TileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+        subdomains: ['a', 'b', 'c'],
+        maxZoom: 19,
+        attribution: 'OpenStreetMap',
+      })
+      mapInstance.addLayer(backupLayer)
+    }
 
-        return {
-          fillColor: fillColor,
-          weight: 0.5,
-          opacity: 0.6,
-          color: '#00d4ff',
-          fillOpacity: fillOpacity,
-        };
-      },
-      onEachFeature: (feature, layer) => {
-        if (feature.properties && feature.properties.name) {
-          // 区县点击事件
-          // layer.on("click", (e) => {
-          //   // 清除之前选中的样式
-          //   if (selectedLayer) {
-          //     selectedLayer.setStyle({
-          //       fillColor: "#1890ff",
-          //       fillOpacity: 0.15,
-          //       weight: 1.5,
-          //       color: "#40a9ff",
-          //     });
-          //   }
-          //   // 设置当前选中样式
-          //   layer.setStyle({
-          //     fillColor: "#ff4d4f",
-          //     fillOpacity: 0.6,
-          //     weight: 2.5,
-          //     color: "#ff7875",
-          //   });
-          //   selectedLayer = layer;
-          //   selectedDistrict.value = feature.properties.name;
-          //   // 触发事件
-          //   emit("districtClick", {
-          //     name: feature.properties.name,
-          //     feature: feature,
-          //     latlng: e.latlng,
-          //   });
-          //   // 平滑移动到点击位置
-          //   mapInstance.panTo(e.latlng, { animate: true, duration: 0.5 });
-          // });
-          // 鼠标悬停效果
-          // layer.on("mouseover", () => {
-          //   layer.setStyle({
-          //     fillColor: "#1890ff",
-          //     fillOpacity: 0.4,
-          //     weight: 2,
-          //     color: "#69c0ff",
-          //   });
-          // });
-          // layer.on("mouseout", () => {
-          //   layer.setStyle({
-          //     fillColor: "#1890ff",
-          //     fillOpacity: 0.15,
-          //     weight: 1.5,
-          //     color: "#40a9ff",
-          //   });
-          // });
-          // 添加 popup
-          // layer.bindPopup(`<div class="map-popup">
-          //   <strong>${feature.properties.name}</strong>
-          // </div>`);
-        }
-      },
-    });
+    // 添加天地图行政区划图层（边界线）
+    if (tdtConfig && tdtConfig.boundaryLayer && tdtConfig.boundaryLayer.servicePath) {
+      let boundaryPath = tdtConfig.boundaryLayer.servicePath
+      // 确保包含 tk 参数
+      if (!boundaryPath.includes('tk=')) {
+        boundaryPath += '&tk=b78ed71126d03ee82ce658731344a897'
+      }
+      const boundaryLayer = new window.L.TileLayer(boundaryPath, {
+        subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
+        maxZoom: 18,
+        attribution: '天地图行政区划',
+      })
+      mapInstance.addLayer(boundaryLayer)
+      console.log('已添加天地图行政区划图层:', tdtConfig.boundaryLayer.name)
+    } else {
+      console.warn('未获取到天地图行政区划图层配置')
+    }
 
-    mapInstance.addLayer(geoJsonLayer);
+    // 加载重庆区县 GeoJSON 并着色
+    await loadDistrictGeoJson()
 
-    // 添加区县标签
-    geoJsonData.features.forEach(feature => {
-      if (feature.properties && feature.properties.name) {
-        let centroid;
+    // 根据区县统计数据添加区县标记（使用固定坐标）
+    const districtCenters = {
+      渝中: [29.563, 106.571],
+      江北: [29.575, 106.573],
+      南岸: [29.523, 106.613],
+      九龙坡: [29.523, 106.513],
+      沙坪坝: [29.543, 106.453],
+      大渡口: [29.488, 106.483],
+      北碚: [29.803, 106.403],
+      渝北: [29.713, 106.623],
+      巴南: [29.383, 106.523],
+      万州: [30.803, 108.403],
+      涪陵: [29.703, 107.393],
+      永川: [29.353, 105.893],
+      合川: [29.973, 106.273],
+      江津: [29.283, 106.253],
+      南川: [29.153, 107.093],
+      綦江: [29.023, 106.653],
+      大足: [29.703, 105.713],
+      璧山: [29.593, 106.223],
+      铜梁: [29.843, 106.053],
+      潼南: [30.183, 105.833],
+      荣昌: [29.403, 105.593],
+      开州: [31.163, 108.393],
+      梁平: [30.673, 107.803],
+      武隆: [29.323, 107.753],
+      城口: [31.943, 108.663],
+      丰都: [29.863, 107.723],
+      垫江: [30.323, 107.333],
+      忠县: [30.303, 108.033],
+      云阳: [30.933, 108.693],
+      奉节: [31.023, 109.463],
+      巫山: [31.073, 109.873],
+      巫溪: [31.403, 109.633],
+      石柱: [30.003, 108.113],
+      秀山: [28.453, 108.993],
+      酉阳: [28.843, 108.773],
+      彭水: [29.293, 108.173],
+      两江: [29.723, 106.583],
+    }
 
-        if (feature.geometry.type === 'Polygon') {
-          centroid = getCentroid(feature.geometry.coordinates);
-        } else if (feature.geometry.type === 'MultiPolygon') {
-          // 取第一个多边形的中心
-          centroid = getCentroid(feature.geometry.coordinates[0]);
-        }
-
-        if (centroid) {
-          const displayName = simplifyDistrictName(feature.properties.name);
+    // 根据统计数据添加区县标签
+    if (affectedCountyData.value && affectedCountyData.value.byName) {
+      Object.entries(affectedCountyData.value.byName).forEach(([districtName, data]) => {
+        const center = districtCenters[districtName]
+        if (center) {
+          const displayName = districtName
           const label = window.L.divIcon({
             className: 'district-label',
             html: `<div class="label-content">${displayName}</div>`,
             iconSize: [80, 30],
             iconAnchor: [40, 15],
-          });
+          })
 
-          const marker = window.L.marker(centroid, {
+          const marker = window.L.marker(center, {
             icon: label,
-            zIndexOffset: 500, // 提升标签层级
-          });
-          // marker.on("click", (e) => {
-          //   // 清除之前选中的样式
-          //   if (selectedLayer) {
-          //     selectedLayer.setStyle({
-          //       fillColor: "#1E3A8A",
-          //       fillOpacity: 0.3,
-          //       weight: 2,
-          //     });
-          //   }
-
-          //   // 找到对应的区县图层并设置样式
-          //   geoJsonLayer.eachLayer((layer) => {
-          //     if (
-          //       layer.feature &&
-          //       layer.feature.properties.name === feature.properties.name
-          //     ) {
-          //       layer.setStyle({
-          //         fillColor: "#ff4d4f",
-          //         fillOpacity: 0.6,
-          //         weight: 2.5,
-          //         color: "#ff7875",
-          //       });
-          //       selectedLayer = layer;
-          //       selectedDistrict.value = feature.properties.name;
-          //     }
-          //   });
-
-          //   // 触发事件
-          //   emit("districtClick", {
-          //     name: feature.properties.name,
-          //     feature: feature,
-          //     latlng: e.latlng,
-          //   });
-
-          //   // 平滑移动到点击位置
-          //   mapInstance.panTo(e.latlng, { animate: true, duration: 0.5 });
-          // });
-          mapInstance.addLayer(marker);
+            interactive: false,
+            zIndexOffset: 500,
+          })
+          marker.addTo(mapInstance)
         }
-      }
-    });
+      })
+    }
 
     // 调整视图以适应重庆边界
-    mapInstance.fitBounds(geoJsonLayer.getBounds());
+    const chongqingBounds = [
+      [28.0, 105.0], // 西南角
+      [32.0, 110.0], // 东北角
+    ]
+    mapInstance.fitBounds(chongqingBounds)
   } catch (err) {
-    console.error('初始化地图失败:', err);
-    error.value = '地图初始化失败';
+    console.error('初始化地图失败:', err)
+    error.value = '地图初始化失败'
   }
-};
+}
 
 // 监听 activeitem 变化
 watch(
   () => props.activeitem,
-  async newVal => {
-    console.log('activeitem 变化:', newVal);
+  async (newVal) => {
+    console.log('activeitem 变化:', newVal)
     switch (newVal.label) {
       case '涉灾隐患点':
         // 点击涉灾隐患点时，获取所有风险点数据
-        await getRiskPointData();
-        break;
-      case '项目':
-        await getAffectedProjectData(false);
-        break;
+        await getRiskPointData()
+        break
+      case '驻地':
+        await getAffectedProjectData(false)
+        break
       case '隧道':
-        await getAffectedTunnelData(false);
-        break;
+        await getAffectedTunnelData(false)
+        break
       case '边坡':
-        break;
+        break
       case '桥梁':
-        await getAffectedBridgeData(false);
-        break;
+        await getAffectedBridgeData(false)
+        break
       case '路段':
-        await getAffectedRoadSectionData(false);
-        break;
+        await getAffectedRoadSectionData(false)
+        break
       case '队伍':
-        await getEmergencyForceData();
-        break;
+        await getEmergencyForceData()
+        break
       case '危大工程':
-        await getDangerProjectData(false);
-        break;
+        await getDangerProjectData(false)
+        break
       default:
-        break;
+        break
     }
   },
-  { immediate: false }
-);
+  { immediate: false },
+)
 
 // 处理隐患点点击事件
-const handleHazardItemClick = async item => {
-  console.log('处理隐患点点击:', item);
+const handleHazardItemClick = async (item, flag) => {
+  console.log('处理隐患点点击:', item)
   // 根据隐患点类型映射风险等级
   const riskLevelMap = {
     重大路内隐患点: '重大隐患',
@@ -1505,97 +1734,104 @@ const handleHazardItemClick = async item => {
     较大路外隐患点: '较大隐患',
     一般路内隐患点: '一般隐患',
     一般路外隐患点: '一般隐患',
-  };
-  const riskLevel = riskLevelMap[item.label] || '';
-  await getRiskPointData(riskLevel, item);
-};
+  }
+  const riskLevel = riskLevelMap[item.label] || ''
+  await getRiskPointData(riskLevel, item, flag)
+}
 
 // 监听 dateRange 变化，重新加载数据
 watch(
   () => props.dateRange,
   async (newVal, oldVal) => {
-    console.log('dateRange 变化:', newVal, oldVal);
+    console.log('dateRange 变化:', newVal, oldVal)
     // 先重新加载受影响区县数据
-    clearProjectMarkers(); // 清除项目标记
+    clearProjectMarkers() // 清除项目标记
 
-    await getAffectedCountyData();
+    await getAffectedCountyData()
   },
-  { deep: true }
-);
+  { deep: true },
+)
+
+// 监听 affectedCountyData 变化，重新加载区县 GeoJSON 着色
+watch(
+  () => affectedCountyData.value,
+  async (newVal) => {
+    console.log('affectedCountyData 变化，重新加载区县着色:', newVal)
+    if (mapInstance && newVal && newVal.byName) {
+      await loadDistrictGeoJson()
+    }
+  },
+  { deep: true },
+)
 
 // 组件挂载时加载地图
 onMounted(() => {
   // 获取受影响对象数据
-  getAffectedCountyData();
+  getAffectedCountyData()
 
   // 检查 Leaflet 是否已加载
   if (typeof window.L === 'undefined') {
     // 动态加载 Leaflet CSS 和 JS
-    const link = document.createElement('link');
-    link.rel = 'stylesheet';
-    link.href = 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.css';
-    link.integrity = 'sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=';
-    link.crossOrigin = '';
-    document.head.appendChild(link);
+    const link = document.createElement('link')
+    link.rel = 'stylesheet'
+    link.href = 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.css'
+    link.integrity = 'sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY='
+    link.crossOrigin = ''
+    document.head.appendChild(link)
 
-    const script = document.createElement('script');
-    script.src = 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.js';
-    script.integrity = 'sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=';
-    script.crossOrigin = '';
-    script.onload = loadMapData;
-    document.head.appendChild(script);
+    const script = document.createElement('script')
+    script.src = 'https://unpkg.com/leaflet@1.9.4/dist/leaflet.js'
+    script.integrity = 'sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo='
+    script.crossOrigin = ''
+    script.onload = loadMapData
+    document.head.appendChild(script)
   } else {
-    loadMapData();
+    loadMapData()
   }
-});
+})
 
 // 组件卸载时清理资源
 onUnmounted(() => {
   if (mapInstance) {
-    mapInstance.remove();
-    mapInstance = null;
+    mapInstance.remove()
+    mapInstance = null
   }
-});
+})
 
 // 根据区县名称定位地图
-const locateToDistrict = countyName => {
+const locateToDistrict = (countyName) => {
   if (!mapInstance || !geoJsonLayer) {
-    console.warn('地图未初始化，无法定位');
-    return;
+    console.warn('地图未初始化，无法定位')
+    return
   }
 
   // 简化区县名称
-  const simplifyName = name => {
-    return name
-      .replace('土家族苗族自治县', '')
-      .replace('苗族土家族自治县', '')
-      .replace('自治县', '')
-      .replace('区', '')
-      .replace('县', '');
-  };
+  const simplifyName = (name) => {
+    return name.replace('土家族苗族自治县', '').replace('苗族土家族自治县', '').replace('自治县', '').replace('区', '').replace('县', '')
+  }
 
-  const targetName = simplifyName(countyName);
+  const targetName = simplifyName(countyName)
 
   // 查找对应的区县图层
-  let targetLayer = null;
-  geoJsonLayer.eachLayer(layer => {
-    const layerName = layer.feature?.properties?.name || '';
+  let targetLayer = null
+  geoJsonLayer.eachLayer((layer) => {
+    const layerName = layer.feature?.properties?.name || ''
     if (simplifyName(layerName) === targetName) {
-      targetLayer = layer;
+      targetLayer = layer
     }
-  });
+  })
 
   if (targetLayer) {
     // 获取区县的中心点
-    const bounds = targetLayer.getBounds();
-    const center = bounds.getCenter();
+    const bounds = targetLayer.getBounds()
+    const center = bounds.getCenter()
 
     // 移动地图到该中心点并放大
     // mapInstance.setView(center, 10);
 
     // 高亮显示该区县
     if (selectedLayer) {
-      geoJsonLayer.resetStyle(selectedLayer);
+      geoJsonLayer.resetStyle(selectedLayer)
     }
     // targetLayer.setStyle({
     //   fillColor: "#ff7a00",
@@ -1603,11 +1839,11 @@ const locateToDistrict = countyName => {
     //   weight: 3,
     //   color: "#ff4d4f",
     // });
-    selectedLayer = targetLayer;
+    selectedLayer = targetLayer
   } else {
-    console.warn('未找到区县:', countyName);
+    console.warn('未找到区县:', countyName)
   }
-};
+}
 
 // 暴露方法给父组件调用
 defineExpose({
@@ -1617,7 +1853,7 @@ defineExpose({
   locateToDistrict,
   handleHazardItemClick,
   getRiskPointData,
-});
+})
 </script>
 
 <style lang="scss">
@@ -1649,6 +1885,58 @@ defineExpose({
     }
   }
 }
+
+// 区县名称标签样式
+.district-name-label {
+  background: transparent !important;
+  border: none !important;
+
+  .district-name-text {
+    color: #fff;
+    font-size: 12px;
+    font-weight: 600;
+    text-align: center;
+    white-space: nowrap;
+    text-shadow:
+      0 1px 3px rgba(0, 0, 0, 0.9),
+      0 0 4px rgba(0, 0, 0, 0.7);
+    letter-spacing: 1px;
+    pointer-events: none;
+  }
+}
+
+// 区县弹窗样式
+:deep(.county-popup) {
+  .leaflet-popup-content-wrapper {
+    background: rgba(0, 20, 40, 0.95);
+    border: 1px solid rgba(64, 169, 255, 0.5);
+    border-radius: 8px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+  }
+
+  .leaflet-popup-content {
+    margin: 0;
+    color: #fff;
+    font-size: 13px;
+    line-height: 1.5;
+  }
+
+  .leaflet-popup-tip {
+    background: rgba(0, 20, 40, 0.95);
+    border: 1px solid rgba(64, 169, 255, 0.5);
+  }
+
+  .leaflet-popup-close-button {
+    color: #fff;
+    font-size: 18px;
+    padding: 4px;
+    transition: color 0.3s;
+
+    &:hover {
+      color: #40a9ff;
+    }
+  }
+}
 </style>
 
 <style lang="scss" scoped>
diff --git a/packages/screen/src/views/RiskWarning/component/WeatherWarningTable.vue b/packages/screen/src/views/RiskWarning/component/WeatherWarningTable.vue
index 0863caf..524e76f 100644
--- a/packages/screen/src/views/RiskWarning/component/WeatherWarningTable.vue
+++ b/packages/screen/src/views/RiskWarning/component/WeatherWarningTable.vue
@@ -2,12 +2,7 @@
   <!-- 气象预警监测表格 -->
   <div class="weather-warning-wrapper">
     <div class="weather-warning-panel">
-      <img
-        class="clear-icon"
-        src="../../../assets/RiskWarning_img/清除icon@2x.png"
-        alt=""
-        @click="clearFilters"
-      />
+      <img class="clear-icon" src="../../../assets/RiskWarning_img/清除icon@2x.png" alt="" @click="clearFilters" />
       <div class="panel-header">
         <div class="header-title">气象预警监测</div>
         <div class="filter-tags">
@@ -48,13 +43,7 @@
               <div class="warning-level">
                 <img
                   :src="
-                    row.levelClass === 'red'
-                      ? redIcon
-                      : row.levelClass === 'blue'
-                        ? blueIcon
-                        : row.levelClass === 'orange'
-                          ? orangeIcon
-                          : yellowIcon
+                    row.levelClass === 'red' ? redIcon : row.levelClass === 'blue' ? blueIcon : row.levelClass === 'orange' ? orangeIcon : yellowIcon
                   "
                   alt=""
                 />
@@ -70,14 +59,28 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted, onUnmounted, watch, nextTick } from 'vue';
-import { request } from '@/utils/request';
-import orangeIcon from '../../../assets/RiskWarning_img/橙色@2x.png';
-import yellowIcon from '../../../assets/RiskWarning_img/黄色@2x.png';
-import redIcon from '../../../assets/RiskWarning_img//红色@2x.png';
-import blueIcon from '../../../assets/RiskWarning_img/蓝色@2x.png';
+import { ref, computed, onMounted, onUnmounted, watch, nextTick } from 'vue'
+import { request } from '@/utils/request'
+import orangeIcon from '../../../assets/RiskWarning_img/橙色@2x.png'
+import yellowIcon from '../../../assets/RiskWarning_img/黄色@2x.png'
+import redIcon from '../../../assets/RiskWarning_img//红色@2x.png'
+import blueIcon from '../../../assets/RiskWarning_img/蓝色@2x.png'
+import { formatDateTime } from './index'
 
-const emit = defineEmits(['clearFilters']);
+const emit = defineEmits(['clearFilters'])
+const props = defineProps({
+  getdateRange: {
+    type: Array,
+    default: () => [],
+  },
+})
+watch(
+  () => props.getdateRange,
+  (newVal) => {
+    console.log('日期范围变化:===========', newVal)
+    fetchWeatherWarningData()
+  },
+)
 
 // 筛选状态
 const filters = ref({
@@ -85,98 +88,94 @@ const filters = ref({
   blue: false,
   orange: false,
   yellow: false,
-});
+})
 
 // 预警数据
-const warningData = ref([]);
+const warningData = ref([])
 
 // 表格自动滚动相关
-const tableRef = ref(null);
-const isScrolling = ref(true);
-const scrollTimer = ref(null);
-const scrollSpeed = 50; // 滚动间隔（毫秒）
-const scrollStep = 1; // 每次滚动像素
+const tableRef = ref(null)
+const isScrolling = ref(true)
+const scrollTimer = ref(null)
+const scrollSpeed = 50 // 滚动间隔（毫秒）
+const scrollStep = 1 // 每次滚动像素
 
 // 检查是否有筛选条件
 const hasFilter = computed(() => {
-  return filters.value.red || filters.value.blue || filters.value.orange || filters.value.yellow;
-});
+  return filters.value.red || filters.value.blue || filters.value.orange || filters.value.yellow
+})
 
 // 开始自动滚动
 const startAutoScroll = () => {
   if (scrollTimer.value) {
-    clearInterval(scrollTimer.value);
+    clearInterval(scrollTimer.value)
   }
-  if (!isScrolling.value || hasFilter.value) return;
+  if (!isScrolling.value || hasFilter.value) return
 
-  const tableBody = document.querySelector(
-    '.weather-warning-panel .el-table__body-wrapper .el-scrollbar__wrap'
-  );
-  if (!tableBody) return;
+  const tableBody = document.querySelector('.weather-warning-panel .el-table__body-wrapper .el-scrollbar__wrap')
+  if (!tableBody) return
 
   scrollTimer.value = setInterval(() => {
     if (tableBody) {
-      tableBody.scrollTop += scrollStep;
+      tableBody.scrollTop += scrollStep
       // 滚动到底部后回到顶部（使用 >= 判断，并留出一点余量确保准确触发）
-      const maxScroll = tableBody.scrollHeight - tableBody.clientHeight;
+      const maxScroll = tableBody.scrollHeight - tableBody.clientHeight
       if (tableBody.scrollTop >= maxScroll - 2) {
-        tableBody.scrollTop = 0;
+        tableBody.scrollTop = 0
       }
     }
-  }, scrollSpeed);
-};
+  }, scrollSpeed)
+}
 
 // 停止自动滚动
 const stopAutoScroll = () => {
   if (scrollTimer.value) {
-    clearInterval(scrollTimer.value);
-    scrollTimer.value = null;
+    clearInterval(scrollTimer.value)
+    scrollTimer.value = null
   }
-};
+}
 
 // 重置滚动到顶部
 const resetScrollToTop = () => {
-  const tableBody = document.querySelector(
-    '.weather-warning-panel .el-table__body-wrapper .el-scrollbar__wrap'
-  );
+  const tableBody = document.querySelector('.weather-warning-panel .el-table__body-wrapper .el-scrollbar__wrap')
   if (tableBody) {
-    tableBody.scrollTop = 0;
+    tableBody.scrollTop = 0
   }
-};
+}
 
 // 鼠标移入停止滚动
 const handleMouseEnter = () => {
-  stopAutoScroll();
-};
+  stopAutoScroll()
+}
 
 // 鼠标移出开始滚动
 const handleMouseLeave = () => {
   if (!hasFilter.value) {
-    isScrolling.value = true;
-    startAutoScroll();
+    isScrolling.value = true
+    startAutoScroll()
   }
-};
+}
 
 // 监听筛选条件变化
-watch(hasFilter, newVal => {
+watch(hasFilter, (newVal) => {
   if (newVal) {
     // 有筛选条件时停止滚动并回到顶部
-    stopAutoScroll();
-    resetScrollToTop();
+    stopAutoScroll()
+    resetScrollToTop()
   } else {
     // 取消筛选后开始滚动
-    isScrolling.value = true;
+    isScrolling.value = true
     nextTick(() => {
-      startAutoScroll();
-    });
+      startAutoScroll()
+    })
   }
-});
+})
 
 // 加载状态
-const loading = ref(false);
+const loading = ref(false)
 // 获取气象预警数据
 const fetchWeatherWarningData = async () => {
-  loading.value = true;
+  loading.value = true
   try {
     const res = await request({
       url: '/snow-ops-platform/weather-warning/affected-count/_by_weather',
@@ -184,117 +183,118 @@ const fetchWeatherWarningData = async () => {
       params: {
         offset: 0,
         limit: 100000,
+        start: props.getdateRange?.[0] ? formatDateTime(props.getdateRange[0] || '') : '',
+        end: props.getdateRange?.[1] ? formatDateTime(props.getdateRange[1] || '') : '',
       },
-    });
-    console.log('气象预警数据:', res);
+    })
+    console.log('气象预警数据:', res)
     if (res.code === '00000' && res.data) {
       // 映射数据格式
-      warningData.value = res.data.data.map(item => ({
+      warningData.value = res.data.data.map((item) => ({
         time: item.startTime || '',
         type: item.weatherType || '',
         level: item.riskLeve || '',
         levelClass: getLevelClass(item.riskLeve || ''),
         district: item.countyName || '',
-      }));
+      }))
     } else {
-      warningData.value = [];
+      warningData.value = []
     }
-    loading.value = false;
+    loading.value = false
     nextTick(() => {
-      startAutoScroll();
+      startAutoScroll()
       // 添加鼠标事件监听
-      const tableContainer = document.querySelector('.weather-warning-panel .table-container');
+      const tableContainer = document.querySelector('.weather-warning-panel .table-container')
       if (tableContainer) {
-        tableContainer.addEventListener('mouseenter', handleMouseEnter);
-        tableContainer.addEventListener('mouseleave', handleMouseLeave);
+        tableContainer.addEventListener('mouseenter', handleMouseEnter)
+        tableContainer.addEventListener('mouseleave', handleMouseLeave)
       }
-    });
+    })
   } catch (error) {
-    console.error('获取气象预警数据失败:', error);
-    warningData.value = [];
-    loading.value = false;
+    console.error('获取气象预警数据失败:', error)
+    warningData.value = []
+    loading.value = false
   }
-};
+}
 
 // 根据预警等级获取对应的class
-const getLevelClass = level => {
-  if (level.includes('红')) return 'red';
-  if (level.includes('橙')) return 'orange';
-  if (level.includes('黄')) return 'yellow';
-  if (level.includes('蓝')) return 'blue';
-  return '';
-};
+const getLevelClass = (level) => {
+  if (level.includes('红')) return 'red'
+  if (level.includes('橙')) return 'orange'
+  if (level.includes('黄')) return 'yellow'
+  if (level.includes('蓝')) return 'blue'
+  return ''
+}
 
 // 组件挂载时获取数据
 onMounted(() => {
   // 获取气象预警数据
-  console.log('获取气象预警数据');
-  fetchWeatherWarningData();
-});
+  console.log('获取气象预警数据')
+  fetchWeatherWarningData()
+})
 
 onUnmounted(() => {
-  stopAutoScroll();
-  const tableContainer = document.querySelector('.weather-warning-panel .table-container');
+  stopAutoScroll()
+  const tableContainer = document.querySelector('.weather-warning-panel .table-container')
   if (tableContainer) {
-    tableContainer.removeEventListener('mouseenter', handleMouseEnter);
-    tableContainer.removeEventListener('mouseleave', handleMouseLeave);
+    tableContainer.removeEventListener('mouseenter', handleMouseEnter)
+    tableContainer.removeEventListener('mouseleave', handleMouseLeave)
   }
-});
+})
 
 // 过滤后的数据
 const filteredData = computed(() => {
-  const hasFilter =
-    filters.value.red || filters.value.blue || filters.value.orange || filters.value.yellow;
-  if (!hasFilter) return warningData.value;
+  const hasFilter = filters.value.red || filters.value.blue || filters.value.orange || filters.value.yellow
+  if (!hasFilter) return warningData.value
 
-  return warningData.value.filter(item => {
-    if (filters.value.red && item.levelClass === 'red') return true;
-    if (filters.value.blue && item.levelClass === 'blue') return true;
-    if (filters.value.orange && item.levelClass === 'orange') return true;
-    if (filters.value.yellow && item.levelClass === 'yellow') return true;
-    return false;
-  });
-});
+  return warningData.value.filter((item) => {
+    if (filters.value.red && item.levelClass === 'red') return true
+    if (filters.value.blue && item.levelClass === 'blue') return true
+    if (filters.value.orange && item.levelClass === 'orange') return true
+    if (filters.value.yellow && item.levelClass === 'yellow') return true
+    return false
+  })
+})
 
 // el-table 样式
 const headerCellStyle = () => ({
   background: '#17466F',
   color: 'rgba(255, 255, 255, 0.6)',
-});
+})
 
 const cellStyle = () => ({
   background: '#142E49',
   color: 'rgba(255, 255, 255, 0.9)',
   borderBottom: '1px solid rgba(64, 169, 255, 0.1)',
   padding: '5px 5px',
-});
+})
 
 const rowClassName = ({ rowIndex }) => {
-  return rowIndex % 2 === 0 ? 'even-row' : 'odd-row';
-};
+  return rowIndex % 2 === 0 ? 'even-row' : 'odd-row'
+}
 
 // 清除筛选条件
 const clearFilters = () => {
-  console.log('清除筛选条件');
+  console.log('清除筛选条件')
   filters.value = {
     red: false,
     blue: false,
     orange: false,
     yellow: false,
-  };
+  }
   // 触发事件通知父组件
-  emit('clearFilters');
-};
+  emit('clearFilters')
+}
 
 // 暴露方法给父组件
-const setWarningData = data => {
-  warningData.value = data;
-};
+const setWarningData = (data) => {
+  warningData.value = data
+}
 
 defineExpose({
   clearFilters,
   setWarningData,
-});
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/screen/src/views/RiskWarning/component/index.js b/packages/screen/src/views/RiskWarning/component/index.js
index 725f76e..79a777b 100644
--- a/packages/screen/src/views/RiskWarning/component/index.js
+++ b/packages/screen/src/views/RiskWarning/component/index.js
@@ -179,7 +179,7 @@ export const logUserOperation = (type, command) => {
 
     // 使用 fetch 的 keepalive 选项确保页面卸载后请求仍能完成
     fetch('/snow-ops-platform/weather-warning/users/logs', {
-      method: 'PUT',
+      method: 'POST',
       headers: {
         'Content-Type': 'application/json',
       },
@@ -201,121 +201,6 @@ export const logUserOperation = (type, command) => {
   }
 }
 
-// 监听外部应用打开并记录日志的辅助函数
-const listenForAppLaunch = (type, command) => {
-  let hasLogged = false
-  let hasLostFocus = false // 是否已经失去焦点
-  let focusTimer = null // 用于延迟检测的定时器
-  const startTime = Date.now()
-  console.log('开始监听外部应用打开...', { type, command, initialHidden: document.hidden, startTime })
-
-  // 确认打开外部应用
-  const confirmLaunch = () => {
-    if (hasLogged) return
-    hasLogged = true
-    console.log('确认用户点击了"打开"按钮，调用日志接口')
-    logUserOperation(type, command)
-    cleanup()
-  }
-
-  // 检测打开状态
-  const checkLaunchStatus = () => {
-    if (hasLogged) return
-
-    const now = Date.now()
-    const elapsed = now - startTime
-
-    const isHidden = document.hidden
-    const currentHasFocus = document.hasFocus()
-
-    console.log(`检测状态 [${elapsed}ms]:`, { isHidden, hasFocus: currentHasFocus, hasLostFocus, hasLogged })
-
-    // 情况1: 页面被隐藏 → 用户点击了"打开"
-    if (isHidden) {
-      confirmLaunch()
-      return
-    }
-
-    // 情况2: 失去焦点后重新获得焦点 → 用户点击了"取消"
-    if (hasLostFocus && currentHasFocus) {
-      console.log('用户点击了"取消"按钮，不记录日志')
-      cleanup()
-      return
-    }
-
-    // 记录当前焦点状态
-    if (!currentHasFocus && !hasLostFocus) {
-      hasLostFocus = true
-      console.log('页面失去焦点，开始等待用户选择...')
-
-      // 设置延迟检测：1.5秒后如果仍未获得焦点，认为用户点击了"打开"
-      focusTimer = setTimeout(() => {
-        if (!hasLogged && hasLostFocus && !document.hasFocus()) {
-          console.log('1.5秒未重新获得焦点，认为用户点击了"打开"')
-          confirmLaunch()
-        }
-      }, 1500)
-    }
-  }
-
-  // 方法1: 监听 visibilitychange 事件
-  const handleVisibilityChange = () => {
-    console.log('visibilitychange 触发, document.hidden:', document.hidden)
-    checkLaunchStatus()
-  }
-
-  // 方法2: 监听 window blur 事件
-  const handleWindowBlur = () => {
-    console.log('window blur 触发')
-    hasLostFocus = true
-    // 设置延迟检测：1.5秒后如果仍未获得焦点，认为用户点击了"打开"
-    focusTimer = setTimeout(() => {
-      if (!hasLogged && hasLostFocus && !document.hasFocus()) {
-        console.log('1.5秒未重新获得焦点，认为用户点击了"打开"')
-        confirmLaunch()
-      }
-    }, 1500)
-  }
-
-  // 方法3: 监听 window focus 事件（判断用户是否点击取消）
-  const handleWindowFocus = () => {
-    console.log('window focus 触发')
-    checkLaunchStatus()
-  }
-
-  // 方法4: 定时轮询检测
-  let checkInterval = setInterval(() => {
-    checkLaunchStatus()
-    const elapsed = Date.now() - startTime
-
-    // 10秒后停止轮询
-    if (elapsed > 10000 || hasLogged) {
-      clearInterval(checkInterval)
-    }
-  }, 200)
-
-  // 清理函数
-  const cleanup = () => {
-    console.log('清理监听器')
-    clearInterval(checkInterval)
-    clearTimeout(focusTimer)
-    document.removeEventListener('visibilitychange', handleVisibilityChange)
-    window.removeEventListener('blur', handleWindowBlur)
-    window.removeEventListener('focus', handleWindowFocus)
-  }
-
-  document.addEventListener('visibilitychange', handleVisibilityChange)
-  window.addEventListener('blur', handleWindowBlur)
-  window.addEventListener('focus', handleWindowFocus)
-
-  // 10秒后自动清理
-  setTimeout(() => {
-    if (!hasLogged) {
-      console.log('10秒超时，未检测到打开操作，清理监听器')
-      cleanup()
-    }
-  }, 10000)
-}
 
 // 打开视频会议
 export const openVideoConference = async (item) => {
@@ -419,14 +304,21 @@ export const opencallConference = async (item) => {
   logUserOperation('phone-based-confirmation', JSON.stringify(jsobj))
 }
 
-// 基础 API 地址配置（根据当前网址动态判断）存在bxztpc时，外网地址，否则内网地址
-const BASE_API_URL = window.location.href.includes('bxztpc') 
-  ? 'http://58.144.223.132:30008/' 
-  : PROXY_TARGET
-
 // 从本地存储获取 token
 const getTokenFromStorage = () => {
   try {
+    // 首先尝试从 URL 获取 token
+    const urlParams = new URLSearchParams(window.location.search)
+    const urlToken = urlParams.get('token')
+    console.log('从 URL 获取的 token:', urlToken)
+    if (urlToken) {
+      // 更新本地存储
+      localStorage.setItem('token', urlToken)
+      sessionStorage.setItem('token', urlToken)
+      console.log('从 URL 获取并更新 token 成功')
+      return urlToken
+    }
+
     // 尝试从 localStorage 获取
     const token = localStorage.getItem('token')
     if (token) return token
@@ -442,6 +334,8 @@ const getTokenFromStorage = () => {
   }
 }
 
+// 基础 API 地址配置（根据当前网址动态判断）存在bxztpc时，外网地址，否则内网地址
+const BASE_API_URL = 'http://58.144.223.132:30008/'
 // 获取图片地址数组
 export const getImageUrlList = (fileIdStr) => {
   if (!fileIdStr || typeof fileIdStr !== 'string') {
@@ -450,7 +344,10 @@ export const getImageUrlList = (fileIdStr) => {
   }
 
   // 按逗号分割字符串
-  const fileIdList = fileIdStr.split(',').map(id => id.trim()).filter(id => id)
+  const fileIdList = fileIdStr
+    .split(',')
+    .map((id) => id.trim())
+    .filter((id) => id)
 
   if (fileIdList.length === 0) {
     console.warn('fileIdStr 分割后为空')
@@ -461,7 +358,7 @@ export const getImageUrlList = (fileIdStr) => {
   const token = getTokenFromStorage()
 
   // 构建图片地址数组
-  const imageUrlList = fileIdList.map(fileId => {
+  const imageUrlList = fileIdList.map((fileId) => {
     return `${BASE_API_URL}apis/file-api/private/preview?fileId=${fileId}&token=${token}`
   })
 
diff --git a/packages/screen/src/views/RiskWarning/component/table.vue b/packages/screen/src/views/RiskWarning/component/table.vue
deleted file mode 100644
index 4702010..0000000
--- a/packages/screen/src/views/RiskWarning/component/table.vue
+++ /dev/null
@@ -1,113 +0,0 @@
-<template>
-  <div class="risk-table">
-    <table>
-      <thead>
-        <tr>
-          <th class="col-type">
-            <div>项目</div>
-            <div>类型</div>
-          </th>
-          <th class="col-red">红色预警</th>
-          <th class="col-orange">橙色预警</th>
-          <th class="col-yellow">黄色预警</th>
-          <th class="col-blue">蓝色预警</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr v-for="(item, index) in tableData" :key="index">
-          <td class="col-type">{{ item.type }}</td>
-          <td class="col-red">{{ item.red }}</td>
-          <td class="col-orange">{{ item.orange }}</td>
-          <td class="col-yellow">{{ item.yellow }}</td>
-          <td class="col-blue">{{ item.blue }}</td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-
-<script setup>
-defineProps({
-  tableData: {
-    type: Array,
-    default: () => [
-      { type: '桥梁', red: 0, orange: 1, yellow: 8, blue: 11 },
-      { type: '隧道', red: 0, orange: 0, yellow: 6, blue: 12 },
-      { type: '边坡', red: 0, orange: 1, yellow: 9, blue: 9 },
-      { type: '路段', red: 0, orange: 2, yellow: 11, blue: 7 },
-      { type: '项目', red: 0, orange: 2, yellow: 11, blue: 7 },
-    ],
-  },
-});
-</script>
-
-<style lang="scss" scoped>
-.risk-table {
-  width: 100%;
-  height: 100%;
-  padding: 10px;
-  box-sizing: border-box;
-
-  table {
-    width: 100%;
-    border-collapse: collapse;
-    font-size: 14px;
-    color: #fff;
-
-    th,
-    td {
-      padding: 4px 4px;
-      text-align: center;
-      border: none;
-    }
-
-    thead {
-      th {
-        font-weight: normal;
-        font-size: 12px;
-        color: rgba(255, 255, 255, 0.8);
-
-        &.col-type {
-          color: rgba(255, 255, 255, 0.6);
-        }
-      }
-    }
-
-    tbody {
-      tr {
-        &:nth-child(odd) {
-          background-color: rgba(255, 255, 255, 0.05);
-        }
-
-        td {
-          font-size: 14px;
-
-          &.col-type {
-            color: rgba(255, 255, 255, 0.9);
-          }
-        }
-      }
-    }
-
-    .col-red {
-      color: #ff4d4f;
-    }
-
-    .col-orange {
-      color: #ff7a45;
-    }
-
-    .col-yellow {
-      color: #ffc53d;
-    }
-
-    .col-blue {
-      color: #40a9ff;
-    }
-
-    .col-type {
-      width: 20%;
-    }
-  }
-}
-</style>
diff --git a/packages/screen/src/views/RiskWarning/index.vue b/packages/screen/src/views/RiskWarning/index.vue
index e060a74..01b558b 100644
--- a/packages/screen/src/views/RiskWarning/index.vue
+++ b/packages/screen/src/views/RiskWarning/index.vue
@@ -103,6 +103,7 @@
         v-model:visible="dialogVisible.warningInfo"
         @close="closeDialog('warningInfo')"
         @responseStatus="openDialog('responseStatus')"
+        @getResponseStatusrowFn="getResponseStatusfn"
       />
 
       <!-- 事件详情对话框 -->
@@ -129,6 +130,7 @@
       <!-- 影响点情况对话框 -->
       <impactPointDialog
         :handleImpactItem="handleImpactItem"
+        :getdateRange="getdateRange"
         v-model:visible="dialogVisible.impactPoint"
         @close="closeDialog('impactPoint')"
         @detail="openDialog('impactPointDetail')"
@@ -151,6 +153,7 @@
       <!-- 响应状态对话框 -->
       <responseStatusDialog
         :dispatchDateRange="dispatchDateRange"
+        :responseStatusData="responseStatusRow"
         v-model:visible="dialogVisible.responseStatus"
         @close="closeDialog('responseStatus')"
         @detail="openDialog('responsePointDetail')"
@@ -240,7 +243,7 @@
       <imageInspectionDialog v-model:visible="dialogVisible.imageInspection" @close="closeDialog('imageInspection')" />
 
       <!-- 巡查里程对话框 -->
-      <patrolMileageDialog v-model:visible="dialogVisible.patrolMileage" @close="closeDialog('patrolMileage')" />
+      <patrolMileageDialog v-model:visible="dialogVisible.patrolMileage" :getdateRange="getdateRange" @close="closeDialog('patrolMileage')" />
 
       <!-- 巡查情况对话框 -->
       <patrolSituationDialog v-model:visible="dialogVisible.patrolSituation" @close="closeDialog('patrolSituation')" />
@@ -373,7 +376,7 @@ const roadItem = ref({})
 const showRoadStats = ref(false)
 const roadItemClick = (item) => {
   console.log('点击路段:', item)
-  roadItem.value = {...item}
+  roadItem.value = { ...item }
   showRoadStats.value = true
 }
 
@@ -387,8 +390,9 @@ const handleHideRoadStats = () => {
 const handleHazardItemClick = (item) => {
   console.log('点击隐患点:', item)
   // 调用地图组件的方法获取风险点数据
+  let items = { ...item }
   if (chongqingMapRef.value) {
-    chongqingMapRef.value.handleHazardItemClick(item)
+    chongqingMapRef.value.handleHazardItemClick(items, false)
   }
 }
 const showHazardPopup = ref(false)
@@ -459,17 +463,17 @@ const impactPointDetailItem = ref({})
 // 处理影响点点击
 const handleImpactPointClick = (item) => {
   console.log('影响点点击:', item)
-  impactPointDetailItem.value = item
+  impactPointDetailItem.value = { ...item }
 }
 const handleImpactItem = ref({})
 const handleImpactClickItem = (item) => {
   console.log('影响点点击详情:', item)
-  handleImpactItem.value = item
+  handleImpactItem.value = { ...item }
 }
 const tongnanInfoItemData = ref({})
 const tongnanInfoItemDatafn = (item) => {
   console.log('点击详情:', item)
-  tongnanInfoItemData.value = item
+  tongnanInfoItemData.value = { ...item }
 }
 // 关闭弹窗
 const closeDialog = (dialogName) => {
@@ -482,7 +486,7 @@ const closeDialog = (dialogName) => {
 const handleOpenHazardPointSituation = (item) => {
   console.log('打开涉灾隐患点情况弹窗:', item)
   hazardPointDialogTitle.value = '涉灾隐患点情况'
-  hazardPointData.value = item
+  hazardPointData.value = { ...item }
   dialogVisible.value.hazardPointSituation = true
 }
 
@@ -502,28 +506,33 @@ const handleOpenRoadSectionSituation = (item) => {
 const warningitem = ref({})
 const handleWarningClick = (item) => {
   console.log('气象预警点击:', item)
-  warningitem.value = item
+  warningitem.value = { ...item }
 }
 
 const clearanceSituationDialogItemData = ref({})
 const handleItemData = (item) => {
   console.log('点击详情:', item)
-  clearanceSituationDialogItemData.value = item
+  clearanceSituationDialogItemData.value = { ...item }
 }
 
 const dispatchDateRange = ref([])
 const handleDispatchDateRange = (range) => {
-  dispatchDateRange.value = range
+  dispatchDateRange.value = [...range]
 }
 const rightDateRange = ref([])
 const updateDateRange = (range) => {
   console.log('更新日期范围:', range)
-  rightDateRange.value = range
+  rightDateRange.value = [...range]
 }
 const filterForm = ref({})
 const updateFilterForm = (item) => {
   console.log('更新筛选表单:', item)
-  filterForm.value = item
+  filterForm.value = { ...item }
+}
+const responseStatusRow = ref({})
+const getResponseStatusfn = (row) => {
+  console.log('已叫应详情:', row)
+  responseStatusRow.value = row
 }
 
 // 确认对话框配置
@@ -571,7 +580,7 @@ const handleDistrictClick = (item) => {
   } else if (item.data.roadType == 'rural') {
     openDialog('responseSituation')
   } else if (item.data.type == 'project' && item.data.roadType == '-') {
-    // 项目
+    // 驻地
     openDialog('tongnanResponsible')
   }
 }
diff --git a/packages/screen/src/views/RiskWarning/left.vue b/packages/screen/src/views/RiskWarning/left.vue
index 7ef9c8b..2367720 100644
--- a/packages/screen/src/views/RiskWarning/left.vue
+++ b/packages/screen/src/views/RiskWarning/left.vue
@@ -70,7 +70,7 @@
         <el-table-column prop="bridgeCount" label="桥梁" :min-width="vw(50)" />
         <el-table-column prop="tunnelCount" label="隧道" :min-width="vw(50)" />
         <el-table-column prop="slopeCount" label="边坡" :min-width="vw(50)" />
-        <el-table-column prop="projectCount" label="项目" :min-width="vw(50)" />
+        <el-table-column prop="projectCount" label="驻地" :min-width="vw(50)" />
       </el-table>
     </div>
 
@@ -79,7 +79,7 @@
       <SectionHeader title="响应调度">
         <template #right>
           <div class="header-filters">
-            <span class="filter-item active" @click="handleDateRangeClick()">本轮</span>
+            <!-- <span class="filter-item active" @click="handleDateRangeClick()">本轮</span> -->
             <div class="date-range-wrapper">
               <el-date-picker
                 v-model="dateRange"
@@ -153,6 +153,7 @@ watch(
   () => getdateRange.value,
   (newVal) => {
     console.log('left.vue 日期范围变化:', newVal)
+    dateRange.value = JSON.parse(JSON.stringify(newVal))
     init()
   },
   { deep: true },
@@ -258,7 +259,7 @@ const impactData = ref([
   { name: '桥梁', count: 0 },
   { name: '隧道', count: 0 },
   { name: '边坡', count: 0 },
-  { name: '项目', count: 0 },
+  { name: '驻地', count: 0 },
 ])
 
 const dateRange = ref([])
@@ -593,12 +594,12 @@ const loadBarChartData = async () => {
           bridge: '桥梁',
           tunnel: '隧道',
           slope: '边坡',
-          project: '项目',
+          project: '驻地',
           Road: '路段',
           Bridge: '桥梁',
           Tunnel: '隧道',
           Slope: '边坡',
-          Project: '项目',
+          Project: '驻地',
         }
 
         // 转换英文name为中文
@@ -615,7 +616,7 @@ const loadBarChartData = async () => {
             impactData.value[2].count = item.count || 0
           } else if (item.name == '边坡') {
             impactData.value[3].count = item.count || 0
-          } else if (item.name == '项目') {
+          } else if (item.name == '驻地') {
             impactData.value[4].count = item.count || 0
           }
         })
@@ -628,7 +629,7 @@ const loadBarChartData = async () => {
             { name: '桥梁', count: 0 },
             { name: '隧道', count: 0 },
             { name: '边坡', count: 0 },
-            { name: '项目', count: 0 },
+            { name: '驻地', count: 0 },
           ]),
         )
       }
diff --git a/packages/screen/src/views/RiskWarning/right.vue b/packages/screen/src/views/RiskWarning/right.vue
index 6036c73..2236750 100644
--- a/packages/screen/src/views/RiskWarning/right.vue
+++ b/packages/screen/src/views/RiskWarning/right.vue
@@ -107,7 +107,7 @@
       <SectionHeader title="受灾情况">
         <template #right>
           <div class="header-filters">
-            <span class="filter-item active" @click="handleDateRangeClick()">本轮</span>
+            <!-- <span class="filter-item active" @click="handleDateRangeClick()">本轮</span> -->
             <div class="date-range-wrapper">
               <el-date-picker
                 v-model="dateRange"
@@ -205,6 +205,7 @@ import icon62 from '../../assets/RiskWarning_img/路径62@2x.png'
 import icon621 from '../../assets/RiskWarning_img/路径62@2x (1).png'
 import icon622 from '../../assets/RiskWarning_img/路径62@2x (2).png'
 import { formatDateTime } from './component/index.js'
+const getdateRange = inject('getdateRange', ref([]))
 
 const emit = defineEmits([
   'openClearanceSituation',
@@ -218,7 +219,6 @@ const emit = defineEmits([
 
 // 注入兄弟组件通信机制
 const setRefreshRightData = inject('setRefreshRightData')
-const getdateRange = inject('getdateRange', ref([]))
 
 const props = defineProps({})
 
@@ -586,10 +586,10 @@ const handleResourceClick = (item) => {
 
 // 管控路段数据
 const controlData1 = ref([
-  { label: '封闭管控数', value: '40' },
-  { label: '半幅通行数', value: '40' },
-  { label: '限速(限车型)数', value: '24' },
-  { label: '告警阻拦处数', value: '32' },
+  { label: '封闭管控数', value: '40', key: '全幅封闭' },
+  { label: '半幅通行数', value: '40', key: '半幅封闭' },
+  { label: '限速(限车型)数', value: '24', key: '限速' },
+  { label: '告警阻拦处数', value: '32', key: '告警阻拦' },
 ])
 const controlData2 = ref([
   { label: '停工项目数', value: '0', key: 'stoped_project_count' },
@@ -756,6 +756,7 @@ watch(
   () => getdateRange.value,
   (newVal) => {
     console.log('right.vue 日期范围变化:', newVal)
+    dateRange.value = newVal
     init()
   },
   { deep: true, immediate: true },
diff --git a/packages/screen/src/views/RiskWarning/top.vue b/packages/screen/src/views/RiskWarning/top.vue
index 00fd1e5..5d479c9 100644
--- a/packages/screen/src/views/RiskWarning/top.vue
+++ b/packages/screen/src/views/RiskWarning/top.vue
@@ -81,7 +81,16 @@ const emit = defineEmits(['openAIResult', 'dateRangeChange'])
 
 // 注入兄弟组件通信机制
 const triggerRefreshLeftData = inject('triggerRefreshLeftData')
-const dateRange = ref([])
+
+// 获取今天的时间范围（00:00:00 - 23:59:59）
+const getTodayDateRange = () => {
+  const today = new Date()
+  const startOfDay = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 0, 0, 0)
+  const endOfDay = new Date(today.getFullYear(), today.getMonth(), today.getDate(), 23, 59, 59)
+  return [startOfDay, endOfDay]
+}
+
+const dateRange = ref(getTodayDateRange())
 
 // 隐患点统计数据
 const hazardStatsShowArr = ref([])
@@ -219,6 +228,10 @@ const fetchRiskLevelCount = async () => {
 
 // 组件挂载时获取数据
 onMounted(() => {
+  // 页面进入时最先执行，设置默认时间范围为今天，并触发事件通知父组件
+  const todayRange = getTodayDateRange()
+  dateRange.value = todayRange
+  emit('dateRangeChange', todayRange)
   fetchRiskLevelCount()
 })
 </script>
diff --git a/packages/screen/src/views/WarningManagement/law/index.js b/packages/screen/src/views/WarningManagement/law/index.js
index 5453d4b..43825c6 100644
--- a/packages/screen/src/views/WarningManagement/law/index.js
+++ b/packages/screen/src/views/WarningManagement/law/index.js
@@ -98,7 +98,7 @@ const columns = [
     },
     {
         prop: "affectedProjectCount",
-        label: "影响项目",
+        label: "影响驻地",
     },
     {
         prop: "responseStatus",