From b931a277f02b0c8d7c373385b6ccf600e6964616 Mon Sep 17 00:00:00 2001
From: fanjia <3278303149@qq.com>
Date: Mon, 13 Apr 2026 11:38:11 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E5=BA=86=E5=A4=A7=E5=B1=8F=E9=A9=BE?=
 =?UTF-8?q?=E9=A9=B6=E8=88=B1=EF=BC=8C=E5=9C=B0=E5=9B=BE=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=9C=81=E5=9B=BD=E9=81=93=EF=BC=8C=E5=86=9C=E6=9D=91=EF=BC=8C?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RiskWarning_img/区县弹窗背景@2x.png       | Bin 0 -> 25146 bytes
 .../RiskWarning/Dialog/centerInfoCard.vue     | 232 ++++++
 .../Dialog/clearanceSituationDialog.vue       | 180 +++--
 .../RiskWarning/Dialog/impactPointDialog.vue  | 746 ++++++++++++++----
 .../Dialog/warningSituationDialog.vue         | 238 ++++--
 .../RiskWarning/component/ChongqingMap.vue    | 293 ++++++-
 .../RiskWarning/component/baseDialog.vue      |  14 +-
 .../component/date-picker-theme.scss          |  20 +-
 .../src/views/RiskWarning/component/index.js  |  10 +-
 .../screen/src/views/RiskWarning/index.vue    | 475 +++++------
 .../screen/src/views/RiskWarning/left.vue     | 123 ++-
 .../screen/src/views/RiskWarning/right.vue    | 188 ++++-
 packages/screen/src/views/RiskWarning/top.vue | 105 +--
 13 files changed, 1922 insertions(+), 702 deletions(-)
 create mode 100644 packages/screen/src/assets/RiskWarning_img/区县弹窗背景@2x.png
 create mode 100644 packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue

diff --git a/packages/screen/src/assets/RiskWarning_img/区县弹窗背景@2x.png b/packages/screen/src/assets/RiskWarning_img/区县弹窗背景@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e8a618b6e526a991f8a9c1b448d204b4fdf5ca7
GIT binary patch
literal 25146
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

literal 0
HcmV?d00001

diff --git a/packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue b/packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue
new file mode 100644
index 0000000..c3c18cc
--- /dev/null
+++ b/packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue
@@ -0,0 +1,232 @@
+<template>
+  <div class="center-info-card-container" v-if="visible" @click="handleClick">
+    <div
+      class="center-info-card"
+      :style="{ backgroundImage: `url(${districtIcon})` }"
+    >
+      <!-- 标题栏 -->
+      <div class="card-header">
+        <div class="header-left">
+          <img class="location-icon" :src="locationIcon" alt="" />
+          <span class="header-title">{{ title }}</span>
+        </div>
+        <span class="header-arrow">
+          <el-icon><ArrowRight /></el-icon>
+        </span>
+      </div>
+      <!-- 内容区域 -->
+      <div class="card-content">
+        <div class="info-row">
+          <span class="info-text">人数：{{ item?.population || "-" }}人</span>
+          <span class="info-text">
+            <span v-if="item?.type == 'project'">项目：</span>
+            <span v-else>路段：</span>
+            <span>{{ item?.entityCount || "-" }}</span>
+            <span v-if="item?.type == 'project'">个</span>
+            <span v-else>条</span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import { ArrowRight, Close } from "@element-plus/icons-vue";
+import districtIcon from "../../../assets/MaMap_img/区县弹窗背景@2x.png";
+import locationIcon from "../../../assets/MaMap_img/区县icon@2x.png";
+
+const props = defineProps({
+  // 是否显示卡片
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+  // 卡片类型：'second' | 'third' | null
+  type: {
+    type: String,
+    default: null,
+  },
+  // 标题
+  title: {
+    type: String,
+    default: "潼南",
+  },
+  // 数据列表
+  dataList: {
+    type: Array,
+    default: () => [],
+  },
+  // 数据项
+  item: {
+    type: Object,
+    default: () => {},
+  },
+  // 人数
+  peopleCount: {
+    type: [Number, String],
+    default: 0,
+  },
+  // 路段数
+  roadCount: {
+    type: [Number, String],
+    default: 117,
+  },
+  // 是否显示关闭按钮
+  showClose: {
+    type: Boolean,
+    default: true,
+  },
+});
+
+const emit = defineEmits(["click", "close", "itemClick", "onClick"]);
+
+// 是否显示卡片（兼容旧版本）
+const showCard = computed(() => {
+  // 如果有 visible 属性，直接使用
+  if (props.visible !== undefined) {
+    return props.visible;
+  }
+  // 否则使用旧版本的类型判断
+  return props.type === "second" || props.type === "third";
+});
+
+// 获取公路类型文本
+const getRoadTypeText = (roadType) => {
+  const roadTypeMap = {
+    national: "国省道",
+    rural: "农村公路",
+  };
+  return roadTypeMap[roadType] || roadType;
+};
+
+// 点击事件（兼容旧版本）
+const handleClick = () => {
+  console.log("centerInfoCard clicked, type:", props.type);
+  // 触发 onClick 事件
+  emit("onClick");
+  // 同时触发旧版本的 click 事件
+  emit("click", props.type);
+};
+
+// 关闭事件
+const handleClose = () => {
+  emit("close");
+};
+
+// 数据项点击事件
+const handleItemClick = (item) => {
+  emit("itemClick", item);
+};
+</script>
+
+<style lang="scss" scoped>
+@function vw($px) {
+  @return calc($px / 1920 * 100vw);
+}
+
+.center-info-card-container {
+  position: relative;
+  width: 100%;
+  min-width: 150px;
+  z-index: 1000;
+  cursor: pointer;
+}
+
+// 中心数据展示卡片
+.center-info-card {
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  background-position: center;
+  z-index: 50;
+  cursor: pointer;
+  transition: all 0.3s;
+  overflow: hidden;
+  border-radius: vw(8);
+
+  &:hover {
+    filter: brightness(1.1);
+  }
+
+  // 标题栏
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: vw(10) vw(14);
+
+    .header-left {
+      display: flex;
+      align-items: center;
+      gap: vw(6);
+
+      .location-icon {
+        width: vw(16);
+        height: vw(16);
+      }
+
+      .header-title {
+        font-size: vw(14);
+        font-weight: 600;
+        color: #fff;
+      }
+    }
+
+    .header-arrow,
+    .header-close {
+      font-size: vw(14);
+      color: rgba(255, 255, 255, 0.7);
+      cursor: pointer;
+      transition: all 0.3s;
+
+      &:hover {
+        color: #fff;
+      }
+    }
+  }
+
+  // 内容区域
+  .card-content {
+    padding: vw(8) vw(14) vw(12);
+
+    .info-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      .info-text {
+        font-size: vw(12);
+        color: rgba(255, 255, 255, 0.9);
+      }
+    }
+
+    .data-list {
+      .data-item {
+        padding: vw(4) 0;
+
+        .item-row {
+          display: flex;
+          align-items: center;
+          margin-bottom: vw(2);
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+
+          .item-label {
+            font-size: vw(11);
+            color: rgba(255, 255, 255, 0.7);
+          }
+
+          .item-value {
+            font-size: vw(11);
+            color: #fff;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
index e7d8415..80a8d92 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
@@ -17,7 +17,13 @@
       <div class="filter-row">
         <div class="filter-item">
           <span class="filter-label">影响区域</span>
-          <el-select :teleported="false" v-model="filterForm.region" placeholder="请选择" class="filter-select" clearable>
+          <el-select
+            :teleported="false"
+            v-model="filterForm.district"
+            placeholder="请选择"
+            class="filter-select"
+            clearable
+          >
             <el-option
               v-for="item in regionOptions"
               :key="item.value"
@@ -28,7 +34,13 @@
         </div>
         <div class="filter-item">
           <span class="filter-label">类型</span>
-          <el-select :teleported="false" v-model="filterForm.type" placeholder="请选择" class="filter-select" clearable>
+          <el-select
+            :teleported="false"
+            v-model="filterForm.type"
+            placeholder="请选择"
+            class="filter-select"
+            clearable
+          >
             <el-option
               v-for="item in typeOptions"
               :key="item.value"
@@ -39,7 +51,14 @@
         </div>
         <div class="filter-item">
           <span class="filter-label">管控措施</span>
-          <el-select :teleported="false" v-model="filterForm.controlMeasure" placeholder="请选择" class="filter-select" clearable>
+          <el-select
+            :teleported="false"
+            v-model="filterForm.roadConditionType"
+            placeholder="请选择"
+            class="filter-select"
+            clearable
+            @change="handleFilterChange"
+          >
             <el-option
               v-for="item in controlMeasureOptions"
               :key="item.value"
@@ -66,8 +85,10 @@
     </template>
 
     <!-- 管控措施列插槽 -->
-    <template #controlMeasure="{ row }">
-      <span :class="['control-tag', getControlClass(row.controlMeasure)]">{{ row.controlMeasure }}</span>
+    <template #roadConditionType="{ row }">
+      <span :class="['control-tag', getControlClass(row.roadConditionType)]">{{
+        row.roadConditionType
+      }}</span>
     </template>
 
     <!-- 操作列插槽 -->
@@ -80,8 +101,13 @@
 <script setup>
 import { ref, computed, watch } from "vue";
 import { Close } from "@element-plus/icons-vue";
-import { regionOptions, typeOptions, controlMeasureOptions } from "../component/index.js";
+import {
+  regionOptions,
+  typeOptions,
+  controlMeasureOptions,
+} from "../component/index.js";
 import BaseDialog from "../component/baseDialog.vue";
+import { request } from "@/utils/request";
 
 const props = defineProps({
   visible: {
@@ -94,9 +120,9 @@ const emit = defineEmits(["update:visible", "close", "detail"]);
 
 // 筛选表单
 const filterForm = ref({
-  region: "",
+  district: "",
   type: "",
-  controlMeasure: "",
+  roadConditionType: "",
 });
 
 // 影响区域选项
@@ -113,65 +139,25 @@ const tableHeight = ref(300);
 
 // 表格列配置
 const tableColumns = ref([
-  { prop: 'id', label: '序号', width: '50' },
-  { prop: 'region', label: '影响区域', width: '80' },
-  { prop: 'routeNo', label: '线路编号', width: '80' },
-  { prop: 'stakeNo', label: '起止桩号', width: '100', slot: 'stakeNo' },
-  { prop: 'location', label: '路况位置', width: '100', slot: 'location' },
-  { prop: 'occurrenceTime', label: '发生时间', width: '140' },
-  { prop: 'routeNo2', label: '线路编号', width: '80' },
-  { prop: 'type', label: '类型', width: '80' },
-  { prop: 'controlMeasure', label: '管控措施', width: '100', slot: 'controlMeasure' },
-  { prop: 'operation', label: '操作', width: '80', slot: 'operation' },
+  { prop: "id", label: "序号", width: "" },
+  { prop: "district", label: "影响区域", width: "" },
+  { prop: "routeNo", label: "线路编号", width: "" },
+  { prop: "stakeNo", label: "起止桩号", width: "", slot: "stakeNo" },
+  { prop: "location", label: "路况位置", width: "", slot: "location" },
+  { prop: "occurrenceTime", label: "发生时间", width: "" },
+  { prop: "routeNo2", label: "线路编号", width: "" },
+  { prop: "type", label: "类型", width: "" },
+  {
+    prop: "roadConditionType",
+    label: "管控措施",
+    width: "",
+    slot: "roadConditionType",
+  },
+  { prop: "operation", label: "操作", width: "", slot: "operation" },
 ]);
 
 // 表格数据
-const tableData = ref([
-  {
-    id: 1,
-    region: "巫溪县",
-    routeNo: "G242",
-    stakeNo: "336.800-338.850",
-    location: "三星乡五斗村",
-    occurrenceTime: "2025-08-11 04:53:42",
-    routeNo2: "G242",
-    type: "边坡坍塌",
-    controlMeasure: "全幅封闭",
-  },
-  {
-    id: 2,
-    region: "万州区",
-    routeNo: "G242",
-    stakeNo: "338.800-338.850",
-    location: "三星乡五斗村",
-    occurrenceTime: "2025-08-11 04:53:42",
-    routeNo2: "G242",
-    type: "边坡坍塌",
-    controlMeasure: "正常通行",
-  },
-  {
-    id: 3,
-    region: "沙坪坝区",
-    routeNo: "G319",
-    stakeNo: "120.500-122.000",
-    location: "沙坪坝镇",
-    occurrenceTime: "2025-08-10 14:30:00",
-    routeNo2: "G319",
-    type: "路面塌陷",
-    controlMeasure: "半幅封闭",
-  },
-  {
-    id: 4,
-    region: "渝中区",
-    routeNo: "G212",
-    stakeNo: "88.200-89.100",
-    location: "渝中大道",
-    occurrenceTime: "2025-08-09 09:15:30",
-    routeNo2: "G212",
-    type: "桥梁损坏",
-    controlMeasure: "限制通行",
-  },
-]);
+const tableData = ref([]);
 
 // 分页
 const currentPage = ref(1);
@@ -199,10 +185,10 @@ const visiblePages = computed(() => {
 // 获取管控措施样式类
 const getControlClass = (measure) => {
   const classMap = {
-    "全幅封闭": "control-close",
-    "半幅封闭": "control-half",
-    "正常通行": "control-normal",
-    "限制通行": "control-limit",
+    全幅封闭: "control-close",
+    半幅封闭: "control-half",
+    正常通行: "control-normal",
+    限制通行: "control-limit",
   };
   return classMap[measure] || "";
 };
@@ -228,11 +214,59 @@ const handleCurrentChange = (val) => {
   currentPage.value = val;
   fetchData();
 };
-
+// 筛选条件改变时触发
+const handleFilterChange = () => {
+  currentPage.value = 1;
+  fetchData();
+};
 // 获取数据
-const fetchData = () => {
-  console.log("获取第", currentPage.value, "页数据");
-  // 实际项目中调用API获取数据
+const fetchData = async () => {
+  try {
+    // 转换管控措施类型
+    let measureType = 0;
+    if (filterForm.value.roadConditionType === "全幅封闭") {
+      measureType = 1;
+    } else if (filterForm.value.roadConditionType === "半幅封闭") {
+      measureType = 2;
+    } else if (filterForm.value.roadConditionType === "限速") {
+      measureType = 3;
+    } else if (filterForm.value.roadConditionType === "告警阻拦") {
+      measureType = 4;
+    }
+
+    const res = await request({
+      url: "/snow-ops-platform/sm-event/dashboard/control-list",
+      method: "GET",
+      params: {
+        pageNum: currentPage.value,
+        pageSize: pageSize.value,
+        measureType: measureType,
+      },
+    });
+
+    if (res.code === "00000" && res.data) {
+      const data = res.data;
+      // 转换数据格式
+      tableData.value = data.records.map((item) => {
+        return {
+          id: item.id,
+          district: item.district || "-",
+          routeNo: item.routeNo || "-",
+          stakeNo: `${item.startStakeNo}-${item.endStakeNo}` || "-",
+          location: item.occurLocation || "-",
+          occurrenceTime: item.occurTime || "-",
+          routeNo2: item.routeNo || "-",
+          type: item.roadConditionType || "-",
+          roadConditionType: item.roadConditionType || "-",
+          expectRecoverTime: item.expectRecoverTime || "-",
+          eventStatus: item.eventStatus || "-",
+        };
+      });
+      total.value = data.total;
+    }
+  } catch (error) {
+    console.error("获取抢通情况数据失败:", error);
+  }
 };
 
 // 监听visible变化
@@ -243,7 +277,7 @@ watch(
       currentPage.value = 1;
       fetchData();
     }
-  }
+  },
 );
 </script>
 
diff --git a/packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue
index a6f12e8..1f26abd 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue
@@ -19,78 +19,20 @@
       <!-- 统计卡片 -->
       <div class="stats-cards">
         <div
-          @click="handleClick('0')"
+          v-for="(item, index) in impactData"
+          :key="index"
+          @click="handleClick(index)"
           class="stat-card"
           :style="{
-            backgroundImage: `url(${cardType === '0' ? selectedIcon : unselectedIcon})`,
+            backgroundImage: `url(${cardType == index ? selectedIcon : unselectedIcon})`,
             backgroundSize: '100% 100%',
             backgroundPosition: 'center',
           }"
         >
-          <div class="stat-icon"><img :src="Icon0" alt="" /></div>
+          <div class="stat-icon"><img :src="item.icon" alt="" /></div>
           <div class="stat-content">
-            <span class="stat-label">影响桥梁</span>
-            <span class="stat-value">(1430)</span>
-          </div>
-        </div>
-        <div
-          @click="handleClick('1')"
-          class="stat-card"
-          :style="{
-            backgroundImage: `url(${cardType === '1' ? selectedIcon : unselectedIcon})`,
-            backgroundSize: '100% 100%',
-            backgroundPosition: 'center',
-          }"
-        >
-          <div class="stat-icon"><img :src="Icon1" alt="" /></div>
-          <div class="stat-content">
-            <span class="stat-label">影响边坡</span>
-            <span class="stat-value">(933)</span>
-          </div>
-        </div>
-        <div
-          @click="handleClick('2')"
-          class="stat-card"
-          :style="{
-            backgroundImage: `url(${cardType === '2' ? selectedIcon : unselectedIcon})`,
-            backgroundSize: '100% 100%',
-            backgroundPosition: 'center',
-          }"
-        >
-          <div class="stat-icon"><img :src="Icon2" alt="" /></div>
-          <div class="stat-content">
-            <span class="stat-label">影响隧道</span>
-            <span class="stat-value">(1033)</span>
-          </div>
-        </div>
-        <div
-          @click="handleClick('3')"
-          class="stat-card"
-          :style="{
-            backgroundImage: `url(${cardType === '3' ? selectedIcon : unselectedIcon})`,
-            backgroundSize: '100% 100%',
-            backgroundPosition: 'center',
-          }"
-        >
-          <div class="stat-icon"><img :src="Icon3" alt="" /></div>
-          <div class="stat-content">
-            <span class="stat-label">影响项目</span>
-            <span class="stat-value">(832)</span>
-          </div>
-        </div>
-        <div
-          @click="handleClick('4')"
-          class="stat-card"
-          :style="{
-            backgroundImage: `url(${cardType === '4' ? selectedIcon : unselectedIcon})`,
-            backgroundSize: '100% 100%',
-            backgroundPosition: 'center',
-          }"
-        >
-          <div class="stat-icon"><img :src="Icon4" alt="" /></div>
-          <div class="stat-content">
-            <span class="stat-label">影响路段</span>
-            <span class="stat-value">(832)</span>
+            <span class="stat-label">{{ item.name }}</span>
+            <span class="stat-value">{{ item.count }}</span>
           </div>
         </div>
       </div>
@@ -100,7 +42,8 @@
     <template #filter>
       <div class="filter-row">
         <div class="filter-item">
-          <el-select :teleported="false"
+          <el-select
+            :teleported="false"
             v-model="filterForm.pointType"
             size="small"
             placeholder="影响点类型"
@@ -115,7 +58,8 @@
           </el-select>
         </div>
         <div class="filter-item">
-          <el-select :teleported="false"
+          <el-select
+            :teleported="false"
             v-model="filterForm.pointLevel"
             size="small"
             placeholder="影响点等级"
@@ -130,7 +74,8 @@
           </el-select>
         </div>
         <div class="filter-item">
-          <el-select :teleported="false"
+          <el-select
+            :teleported="false"
             v-model="filterForm.region"
             size="small"
             placeholder="影响区域"
@@ -191,16 +136,86 @@
       </div>
     </template>
 
+    <!-- 一般人员（路长履职）列插槽 -->
+    <template #generalStaff="{ row }">
+      <div class="person-info">
+        <span class="person-name">{{ row.generalStaff.name }}</span>
+        <span class="person-phone">{{ row.generalStaff.phone }}</span>
+      </div>
+    </template>
+
+    <!-- 项目类型专用插槽 -->
+    <!-- 吹哨人列插槽 -->
+    <template #whistleblower="{ row }">
+      <div class="person-info">
+        <span class="person-name">{{ row.whistleblower?.name || "-" }}</span>
+        <span class="person-phone">{{ row.whistleblower?.phone || "-" }}</span>
+      </div>
+    </template>
+
+    <!-- 建设单位包保责任人列插槽 -->
+    <template #constructionUnit="{ row }">
+      <div class="person-info">
+        <span class="person-name">{{ row.constructionUnit?.name || "-" }}</span>
+        <span class="person-phone">{{
+          row.constructionUnit?.phone || "-"
+        }}</span>
+      </div>
+    </template>
+
+    <!-- 施工单位包保责任人列插槽 -->
+    <template #constructionDept="{ row }">
+      <div class="person-info">
+        <span class="person-name">{{ row.constructionDept?.name || "-" }}</span>
+        <span class="person-phone">{{
+          row.constructionDept?.phone || "-"
+        }}</span>
+      </div>
+    </template>
+
+    <!-- 驻地包保责任人列插槽 -->
+    <template #siteResponsible="{ row }">
+      <div class="person-info">
+        <span class="person-name">{{ row.siteResponsible?.name || "-" }}</span>
+        <span class="person-phone">{{
+          row.siteResponsible?.phone || "-"
+        }}</span>
+      </div>
+    </template>
+
+    <!-- 区县级包保责任人列插槽 -->
+    <template #countyResponsible="{ row }">
+      <div class="person-info">
+        <span class="person-name">{{
+          row.countyResponsible?.name || "-"
+        }}</span>
+        <span class="person-phone">{{
+          row.countyResponsible?.phone || "-"
+        }}</span>
+      </div>
+    </template>
+
+    <!-- 市级包保责任人列插槽 -->
+    <template #cityResponsible="{ row }">
+      <div class="person-info">
+        <span class="person-name">{{ row.cityResponsible?.name || "-" }}</span>
+        <span class="person-phone">{{
+          row.cityResponsible?.phone || "-"
+        }}</span>
+      </div>
+    </template>
+
     <!-- 操作列插槽 -->
-    <template #operation="{ row }">
+    <template #operation="{ row }" fixed="right">
       <span class="detail-link" @click="handleDetail(row)">详情</span>
     </template>
   </base-dialog>
 </template>
 
 <script setup>
-import { ref, computed, watch } from "vue";
+import { ref, computed, watch, onMounted } from "vue";
 import { Close, ArrowLeft, ArrowRight } from "@element-plus/icons-vue";
+import { request } from "@/utils/request";
 import {
   pointTypeOptions,
   pointLevelOptions,
@@ -235,8 +250,8 @@ const filterForm = ref({
   region: "",
 });
 
-// 表格列配置
-const tableColumns = ref([
+// 统一的表格列配置（桥梁、边坡、隧道、路段使用）
+const unifiedColumns = [
   { prop: "id", label: "序号", width: "" },
   { prop: "region", label: "影响区域", width: "" },
   { prop: "pointType", label: "影响点类型", width: "" },
@@ -256,59 +271,171 @@ const tableColumns = ref([
     slot: "maintenance",
   },
   { prop: "roadKeeper", label: "护路员", width: "", slot: "roadKeeper" },
-  { prop: "operation", label: "操作", width: "", slot: "operation" },
-]);
+  {
+    prop: "generalStaff",
+    label: "一般人员(路长履职)",
+    width: "",
+    slot: "generalStaff",
+  },
+  {
+    prop: "operation",
+    label: "操作",
+    width: "80",
+    slot: "operation",
+    fixed: "right",
+  },
+];
+
+// 项目类型专用表格列配置
+const projectColumns = [
+  { prop: "id", label: "序号", width: "60" },
+  { prop: "region", label: "影响区域", width: "" },
+  { prop: "pointType", label: "影响点类型", width: "" },
+  { prop: "siteName", label: "驻地名称", width: "" },
+  {
+    prop: "whistleblower",
+    label: "吹哨人",
+    width: "",
+    slot: "whistleblower",
+  },
+  {
+    prop: "constructionUnit",
+    label: "建设单位包保责任人",
+    width: "",
+    slot: "constructionUnit",
+  },
+  {
+    prop: "constructionDept",
+    label: "施工单位包保责任人",
+    width: "",
+    slot: "constructionDept",
+  },
+  {
+    prop: "siteResponsible",
+    label: "驻地包保责任人",
+    width: "",
+    slot: "siteResponsible",
+  },
+  {
+    prop: "countyResponsible",
+    label: "区县级包保责任人",
+    width: "",
+    slot: "countyResponsible",
+  },
+  {
+    prop: "cityResponsible",
+    label: "市级包保责任人",
+    width: "",
+    slot: "cityResponsible",
+  },
+];
+
+// 为兼容旧代码，保留变量名引用
+const bridgeColumns = unifiedColumns;
+const slopeColumns = unifiedColumns;
+const tunnelColumns = unifiedColumns;
+const roadColumns = unifiedColumns;
+
+// 当前表格列配置
+const tableColumns = ref(bridgeColumns);
 
 // 表格数据
-const tableData = ref([
-  {
-    id: 1,
-    region: "重庆市",
-    pointType: "边坡",
-    pointLocation: "武汉-大理(K1452+951至K1462+209)",
-    pointLevel: "一般隐患",
-    levelClass: "level-normal",
-    trafficDept: { name: "罗宸", phone: "17623865172" },
-    roadOrg: { name: "李海平", phone: "13708320801" },
-    maintenance: { name: "苏祖兵", phone: "13594331090" },
-    roadKeeper: { name: "凌承礼", phone: "1592393704" },
-  },
-  {
-    id: 2,
-    region: "重庆市",
-    pointType: "边坡",
-    pointLocation: "武汉-大理(K1452+951至K1462+209)",
-    pointLevel: "一般隐患",
-    levelClass: "level-normal",
-    trafficDept: { name: "罗宸", phone: "17623865172" },
-    roadOrg: { name: "李海平", phone: "13708320801" },
-    maintenance: { name: "苏祖兵", phone: "13594331090" },
-    roadKeeper: { name: "凌承礼", phone: "1592393704" },
-  },
-  {
-    id: 3,
-    region: "重庆市",
-    pointType: "边坡",
-    pointLocation: "武汉-大理(K1452+951至K1462+209)",
-    pointLevel: "一般隐患",
-    levelClass: "level-normal",
-    trafficDept: { name: "罗宸", phone: "17623865172" },
-    roadOrg: { name: "李海平", phone: "13708320801" },
-    maintenance: { name: "苏祖兵", phone: "13594331090" },
-    roadKeeper: { name: "凌承礼", phone: "1592393704" },
-  },
+const tableData = ref([]);
+// 影响点数据
+const impactData = ref([
+  { name: "影响桥梁", count: 0, icon: Icon0 },
+  { name: "影响边坡", count: 0, icon: Icon1 },
+  { name: "影响隧道", count: 0, icon: Icon2 },
+  { name: "影响项目", count: 0, icon: Icon3 },
+  { name: "影响路段", count: 0, icon: Icon4 },
 ]);
+// 顶部卡片数据
+const loadBarChartData = async () => {
+  try {
+    const res = await request({
+      url: "/snow-ops-platform/weather-warning/affected-count",
+      method: "GET",
+    });
+
+    if (res.code == "00000") {
+      const data = res.data;
+      if (data && Array.isArray(data)) {
+        // 英文转中文映射
+        const nameMap = {
+          "road-section": "路段",
+          bridge: "桥梁",
+          tunnel: "隧道",
+          slope: "边坡",
+          project: "项目",
+          Road: "路段",
+          Bridge: "桥梁",
+          Tunnel: "隧道",
+          Slope: "边坡",
+          Project: "项目",
+        };
+
+        // 转换英文name为中文
+        const convertedData = data.map((item) => {
+          const name = nameMap[item.name] || item.name;
+          return { ...item, name };
+        });
+        convertedData.forEach((item) => {
+          impactData.value.forEach((stat) => {
+            if (stat.name.includes(item.extension)) {
+              stat.count = item.count || 0;
+            }
+          });
+        });
+      }
+    }
+  } catch (error) {
+    console.error("加载柱状图数据失败:", error);
+  }
+};
+
+const cardType = ref("0");
+
+// 根据 cardType 获取对应的表格列配置
+const getColumnsByType = (type) => {
+  const typeMap = {
+    0: bridgeColumns,
+    1: slopeColumns,
+    2: tunnelColumns,
+    3: projectColumns,
+    4: roadColumns,
+  };
+  return typeMap[type] || bridgeColumns;
+};
+
+// 根据 cardType 获取对应的 API 路径
+const getApiUrlByType = (type) => {
+  const urlMap = {
+    0: "/snow-ops-platform/weather-warning/affected-object/bridge",
+    1: "/snow-ops-platform/weather-warning/affected-object/slope",
+    2: "/snow-ops-platform/weather-warning/affected-object/tunnel",
+    3: "/snow-ops-platform/weather-warning/affected-object/project",
+    4: "/snow-ops-platform/weather-warning/affected-object/road-section",
+  };
+  return (
+    urlMap[type] || "/snow-ops-platform/weather-warning/affected-object/bridge"
+  );
+};
 
-const cardType = ref("");
 // 点击卡片切换
 const handleClick = (type) => {
-  cardType.value = type;
+  tableData.value = [];
+  cardType.value = type + "";
+  // 切换表格列配置
+  tableColumns.value = getColumnsByType(cardType.value);
+  // 重置分页并获取数据
+  currentPage.value = 1;
+  fetchData();
 };
 
 // 分页
 const currentPage = ref(1);
 const pageSize = ref(10);
-const total = ref(36);
+const total = ref(0);
 
 const totalPages = computed(() => Math.ceil(total.value / pageSize.value));
 
@@ -358,11 +485,353 @@ const handleCurrentChange = (val) => {
   currentPage.value = val;
   fetchData();
 };
+// 获取时间参数
+const getTimeParams = () => {
+  // 默认时间范围：当月1号到当前时间
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, "0");
+  const day = String(now.getDate()).padStart(2, "0");
+  const hours = String(now.getHours()).padStart(2, "0");
+  const minutes = String(now.getMinutes()).padStart(2, "0");
+  const seconds = String(now.getSeconds()).padStart(2, "0");
+
+  return {
+    // start: `${year}-${month}-01 00:00:00`,
+    // end: `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`,
+    start: "2025-07-01 00:00:00",
+    end: "2025-08-01 00:00:00",
+    limit: pageSize.value,
+    offset: currentPage.value,
+  };
+};
+// 处理数据为统一格式
+const processUnifiedData = (item, type) => {
+  // 根据类型获取影响点类型名称
+  const typeMap = {
+    0: "桥梁",
+    1: "边坡",
+    2: "隧道",
+    3: "项目",
+    4: "路段",
+  };
+
+  // 获取等级样式类
+  const getLevelClass = (level) => {
+    const levelMap = {
+      红色预警: "level-red",
+      橙色预警: "level-orange",
+      黄色预警: "level-yellow",
+      蓝色预警: "level-blue",
+      高风险: "level-red",
+      中风险: "level-orange",
+      低风险: "level-blue",
+    };
+    return levelMap[level] || "";
+  };
+
+  // 获取影响点等级
+  const pointLevel =
+    item.riskLevel ||
+    item.warningLevel ||
+    item.level ||
+    item.GL1_PDDJ ||
+    item.GL1_JSDJ ||
+    "-";
+
+  // 基础数据
+  const baseData = {
+    id: item.id,
+    // 影响区域
+    region:
+      item.GL1_QXMC ||
+      item.COUNTY ||
+      item.county ||
+      item.region ||
+      item.ADMINISTRATIVE_REGION ||
+      "-",
+    // 影响点类型
+    pointType: typeMap[type] || "-",
+    // 影响点位置（根据类型取不同字段）
+    pointLocation:
+      item.GL1_QLMC ||
+      item.NAME ||
+      item.GL1_SDMC ||
+      item.PROJECT_NAME ||
+      item.GL1_LXBH ||
+      item.name ||
+      "-",
+    // 影响点等级
+    pointLevel: pointLevel,
+    levelClass: getLevelClass(pointLevel),
+    // 交通主管部门负责人
+    trafficDept: {
+      // name: item.trafficDeptName || item.trafficManager || "-",
+      phone: item.trafficDeptPhone || item.trafficManagerPhone || "-",
+      name: "-",
+      phone: "-",
+    },
+    // 公路机构责任人
+    roadOrg: {
+      // name: item.roadOrgName || item.roadManager || "-",
+      // phone: item.roadOrgPhone || item.roadManagerPhone || "-",
+      name: "-",
+      phone: "-",
+    },
+    // 养护站负责人
+    maintenance: {
+      // name: item.maintenanceName || item.maintenanceManager || "-",
+      // phone: item.maintenancePhone || item.maintenanceManagerPhone || "-",
+      name: "-",
+      phone: "-",
+    },
+    // 护路员
+    roadKeeper: {
+      // name: item.roadKeeperName || item.roadKeeper || "-",
+      // phone: item.roadKeeperPhone || item.roadKeeperPhone || "-",
+      name: "-",
+      phone: "-",
+    },
+    // 一般人员（路长履职）
+    generalStaff: {
+      // name: item.generalStaffName || item.roadChief || "-",
+      // phone: item.generalStaffPhone || item.roadChiefPhone || "-",
+      name: "-",
+      phone: "-",
+    },
+    // 保留原始数据供详情使用
+    rawData: item,
+  };
+
+  // 桥梁类型特殊处理（根据BASE_GLQL桥梁信息表字典）
+  if (type === "0") {
+    return {
+      ...baseData,
+      // 影响区域 - 使用区县名称
+      region: item.GL1_QXMC || "-",
+      // 影响点位置 - 使用桥梁名称
+      pointLocation: item.GL1_QLMC || "-",
+      // 影响点等级 - 使用技术状况评级等级
+      pointLevel: item.GL1_JSZKPJDJ || item.GL1_PDDJ || item.GL1_CSFXDJ || "-",
+      levelClass: getLevelClass(
+        item.GL1_JSZKPJDJ || item.GL1_PDDJ || item.GL1_CSFXDJ,
+      ),
+      // // 交通主管部门负责人 - 管理单位负责人（GL1_DWFZR）
+      // trafficDept: {
+      //   name: item.GL1_DWFZR || "-",
+      //   phone: item.GL1_GLDWDH || "-",
+      // },
+      // // 公路机构责任人 - 统计负责人（GL1_TJFZR）
+      // roadOrg: {
+      //   name: item.GL1_TJFZR || "-",
+      //   phone: item.GL1_TJFZRDH || "-",
+      // },
+      // // 养护站负责人 - 养护单位责任人（GL1_YHDWDH）
+      // maintenance: {
+      //   name: item.GL1_GLDWMC || "-",
+      //   phone: item.GL1_YHDWDH || "-",
+      // },
+      // // 护路员 - 填报人
+      // roadKeeper: {
+      //   name: item.GL1_TBRXM || "-",
+      //   phone: item.GL1_TBRDH || "-",
+      // },
+      // // 一般人员（路长履职）- 桥梁工程师（GL1_QLGCS）
+      // generalStaff: {
+      //   name: item.GL1_QLGCS || "-",
+      //   phone: item.GL1_QLGCSDH || "-",
+      // },
+    };
+  }
+
+  // 隧道类型特殊处理（根据BASE_GLSD隧道信息表字典）
+  if (type === "2") {
+    return {
+      ...baseData,
+      // 影响区域 - 使用区县名称
+      region: item.GL1_QXMC || item.GL1_QXBM || "-",
+      // 影响点位置 - 使用隧道名称
+      pointLocation: item.GL1_SDMC || "-",
+      // 影响点等级 - 使用评定等级
+      pointLevel: item.GL1_PDDJ || item.GL1_TJJGPDDJ || item.GL1_SDYHDJ || "-",
+      levelClass: getLevelClass(
+        item.GL1_PDDJ || item.GL1_TJJGPDDJ || item.GL1_SDYHDJ,
+      ),
+      // // 交通主管部门负责人 - 管养单位行政领导（GL1_GYDWXZLD）
+      // trafficDept: {
+      //   name: item.GL1_GYDWXZLD || "-",
+      //   phone: item.GL1_GYDWXZLDDH || "-",
+      // },
+      // // 公路机构责任人 - 隧道路政员（GL1_SDLZY）
+      // roadOrg: {
+      //   name: item.GL1_SDLZY || "-",
+      //   phone: item.GL1_SDLZYDH || "-",
+      // },
+      // // 养护站负责人 - 隧道养护工（GL1_SDYHG）
+      // maintenance: {
+      //   name: item.GL1_SDYHG || "-",
+      //   phone: item.GL1_SDYHGDH || "-",
+      // },
+      // // 护路员 - 隧道信息填报人（GL1_SDXXTBR）
+      // roadKeeper: {
+      //   name: item.GL1_SDXXTBR || "-",
+      //   phone: item.GL1_SDXXTBRDH || "-",
+      // },
+      // // 一般人员（路长履职）- 管养单位养护工程师（GL1_GYDWYHGCS）
+      // generalStaff: {
+      //   name: item.GL1_GYDWYHGCS || "-",
+      //   phone: item.GL1_GYDWYHGSCSDH || "-",
+      // },
+    };
+  }
+
+  // 路段类型特殊处理（根据BASE_XJLD路线信息表字典）
+  if (type === "4") {
+    return {
+      ...baseData,
+      // 影响区域 - 使用区县ID对应名称
+      region: item.GL1_QXMC || item.GL1_QXID || "-",
+      // 影响点位置 - 使用路线名称+起终点名称
+      pointLocation: item.GL1_LXMC || item.GL1_LXBH || item.name || "-",
+      // 影响点等级 - 使用技术等级
+      pointLevel: item.GL1_JSDJ || item.GL1_XZDJ || "-",
+      levelClass: getLevelClass(item.GL1_JSDJ || item.GL1_XZDJ),
+      // // 交通主管部门负责人 - 管理单位（GL1_GLDW）
+      // trafficDept: {
+      //   name: item.GL1_GLDW || "-",
+      //   phone: item.GL1_GLDWDH || "-",
+      // },
+      // // 公路机构责任人 - 起点名称作为路段责任人标识
+      // roadOrg: {
+      //   name: item.GL1_QDMC || "-",
+      //   phone: item.GL1_QDZH ? String(item.GL1_QDZH) : "-",
+      // },
+      // // 养护站负责人 - 终点名称
+      // maintenance: {
+      //   name: item.GL1_ZDMC || "-",
+      //   phone: item.GL1_ZDZH ? String(item.GL1_ZDZH) : "-",
+      // },
+      // // 护路员 - 路线编号
+      // roadKeeper: {
+      //   name: item.GL1_LXBH || "-",
+      //   phone: item.GL1_LXBM || "-",
+      // },
+      // // 一般人员（路长履职）- 技术等级文本
+      // generalStaff: {
+      //   name: item.GL1_JSDJTXT || item.GL1_JSDJ || "-",
+      //   phone: item.GL1_TZSJ || "-",
+      // },
+    };
+  }
+
+  // 项目类型特殊处理（根据SQL字段映射）
+  if (type === "3") {
+    return {
+      ...baseData,
+      // 影响区域 - 使用COUNTY字段
+      region: item.COUNTY || item.county || item.county_name || "-",
+      // 影响点位置 - 使用项目名称
+      pointLocation: item.PROJECT_NAME || item.projectName || item.name || "-",
+      // 驻地名称
+      siteName:
+        item.SITE_NAME ||
+        item.siteName ||
+        item.PROJECT_NAME ||
+        item.projectName ||
+        "-",
+      // 吹哨人 - WHISTLEBLOWER_NAME / WHISTLEBLOWER_PHONE
+      whistleblower: {
+        name: item.WHISTLEBLOWER_NAME || item.whistleblowerName || "-",
+        phone: item.WHISTLEBLOWER_PHONE || item.whistleblowerPhone || "-",
+      },
+      // 建设单位包保责任人 - OWNER_RESPONSIBLE_PERSON / OWNER_RESPONSIBLE_PHONE
+      constructionUnit: {
+        name:
+          item.OWNER_RESPONSIBLE_PERSON || item.ownerResponsiblePerson || "-",
+        phone:
+          item.OWNER_RESPONSIBLE_PHONE || item.ownerResponsiblePhone || "-",
+      },
+      // 施工单位包保责任人 - CONSTRUCTOR_RESPONSIBLE_PERSON / CONSTRUCTOR_RESPONSIBLE_PHONE
+      constructionDept: {
+        name:
+          item.CONSTRUCTOR_RESPONSIBLE_PERSON ||
+          item.constructorResponsiblePerson ||
+          "-",
+        phone:
+          item.CONSTRUCTOR_RESPONSIBLE_PHONE ||
+          item.constructorResponsiblePhone ||
+          "-",
+      },
+      // 驻地包保责任人 - SITE_RESPONSIBLE_PERSON / SITE_RESPONSIBLE_PHONE
+      siteResponsible: {
+        name: item.SITE_RESPONSIBLE_PERSON || item.siteResponsiblePerson || "-",
+        phone: item.SITE_RESPONSIBLE_PHONE || item.siteResponsiblePhone || "-",
+      },
+      // 区县级包保责任人 - DISTRICT_RESPONSIBLE_PERSON / DISTRICT_RESPONSIBLE_PHONE
+      countyResponsible: {
+        name:
+          item.DISTRICT_RESPONSIBLE_PERSON ||
+          item.districtResponsiblePerson ||
+          "-",
+        phone:
+          item.DISTRICT_RESPONSIBLE_PHONE ||
+          item.districtResponsiblePhone ||
+          "-",
+      },
+      // 市级包保责任人 - CITY_RESPONSIBLE_PERSON / CITY_RESPONSIBLE_PHONE
+      cityResponsible: {
+        name: item.CITY_RESPONSIBLE_PERSON || item.cityResponsiblePerson || "-",
+        phone: item.CITY_RESPONSIBLE_PHONE || item.cityResponsiblePhone || "-",
+      },
+    };
+  }
+
+  return baseData;
+};
+
+// 根据类型处理数据（统一格式）
+const processDataByType = (item, type) => {
+  return processUnifiedData(item, type);
+};
 
 // 获取数据
-const fetchData = () => {
-  console.log("获取第", currentPage.value, "页数据");
-  // 实际项目中调用API获取数据
+const fetchData = async () => {
+  console.log("获取第", currentPage.value, "页数据, 类型:", cardType.value);
+  try {
+    const timeParams = getTimeParams();
+
+    // 根据 cardType 获取对应的 API URL
+    const apiUrl = getApiUrlByType(cardType.value);
+
+    const res = await request({
+      url: apiUrl,
+      method: "GET",
+      params: timeParams,
+    });
+
+    if (res.code === "00000" && res.data) {
+      // 处理返回数据
+      const allData = res.data;
+      total.value = allData.length || 0;
+      
+      // 客户端分页：计算当前页的数据范围
+      const startIndex = (currentPage.value - 1) * pageSize.value;
+      const endIndex = startIndex + pageSize.value;
+      const currentPageData = allData.slice(startIndex, endIndex);
+      
+      tableData.value = currentPageData.map((item, index) => ({
+        ...processDataByType(item, cardType.value),
+        id: startIndex + index + 1,
+      }));
+    } else {
+      tableData.value = [];
+      total.value = 0;
+    }
+  } catch (error) {
+    console.error("获取影响点数据失败:", error);
+    tableData.value = [];
+    total.value = 0;
+  }
 };
 
 // 监听visible变化
@@ -370,6 +839,13 @@ watch(
   () => props.visible,
   (newVal) => {
     if (newVal) {
+      filterForm.value = {
+        pointType: "",
+        pointLevel: "",
+        region: "",
+      };
+      cardType.value = "0";
+      loadBarChartData();
       currentPage.value = 1;
       fetchData();
     }
@@ -468,42 +944,6 @@ watch(
   }
 }
 
-// 表格列样式
-.level-tag {
-  display: inline-block;
-  padding: vw(2) vw(8);
-  border-radius: vw(4);
-  font-size: vw(11);
-
-  &.level-normal {
-    background-color: rgba(250, 219, 95, 0.2);
-    color: #fadb5f;
-    border: 1px solid rgba(250, 219, 95, 0.4);
-  }
-
-  &.level-serious {
-    background-color: rgba(255, 77, 79, 0.2);
-    color: #ff4d4f;
-    border: 1px solid rgba(255, 77, 79, 0.4);
-  }
-}
-
-.person-info {
-  display: flex;
-  flex-direction: column;
-  gap: vw(2);
-
-  .person-name {
-    font-size: vw(12);
-    color: rgba(255, 255, 255, 0.9);
-  }
-
-  .person-phone {
-    font-size: vw(11);
-    color: rgba(255, 255, 255, 0.6);
-  }
-}
-
 .detail-link {
   color: #40a9ff;
   cursor: pointer;
diff --git a/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue
index 70d94cc..25e8be1 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/warningSituationDialog.vue
@@ -18,7 +18,7 @@
         <div class="filter-item">
           <span class="filter-label">预警等级</span>
           <el-select
-            v-model="filterForm.warningLevel"
+            v-model="filterForm.riskLeve"
             placeholder="请选择"
             class="filter-select el-select"
             clearable
@@ -36,7 +36,7 @@
         <div class="filter-item">
           <span class="filter-label">影响区域</span>
           <el-select
-            v-model="filterForm.region"
+            v-model="filterForm.countyName"
             placeholder="请选择"
             class="filter-select"
             clearable
@@ -89,9 +89,9 @@
     </template>
 
     <!-- 预警等级列插槽 -->
-    <template #warningLevel="{ row }">
-      <span :class="['warning-level-tag', getWarningClass(row.warningLevel)]">{{
-        row.warningLevel
+    <template #riskLeve="{ row }">
+      <span :class="['warning-level-tag', getWarningClass(row.riskLeve)]">{{
+        row.riskLeve
       }}</span>
     </template>
 
@@ -105,14 +105,15 @@
 </template>
 
 <script setup>
-import { ref, computed, watch } from "vue";
-import { Close } from "@element-plus/icons-vue";
+import { ref, computed, watch, onMounted } 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 props = defineProps({
   visible: {
@@ -121,24 +122,42 @@ const props = defineProps({
   },
 });
 
+const emit = defineEmits(["update:visible", "close", "impactClick"]);
+
+// 初始化日期范围（当月）
+const getDefaultDateRange = () => {
+  const now = new Date();
+  const start = new Date(now.getFullYear(), now.getMonth(), 1);
+  const end = new Date(now.getFullYear(), now.getMonth() + 1, 0, 23, 59, 59);
+  return [start, end];
+  return ['', ''];
+};
+onMounted(() => {
+  filterForm.value = {
+    riskLeve: "",
+    countyName: "",
+    isEnded: "",
+    dateRange: dateRange.value,
+  };
+  fetchWarningData();
+});
+
 // 日期范围器
-const dateRange = ref([]);
+const dateRange = ref(getDefaultDateRange());
+
+// 筛选表单
+const filterForm = ref({
+  riskLeve: "",
+  countyName: "",
+  isEnded: "",
+  dateRange: dateRange.value,
+});
 
 // 处理日期范围变化
 const handleDateChange = (val) => {
   filterForm.value.dateRange = val;
 };
 
-const emit = defineEmits(["update:visible", "close", "impactClick"]);
-
-// 筛选表单
-const filterForm = ref({
-  warningLevel: "",
-  region: "",
-  isEnded: "",
-  dateRange: [],
-});
-
 // 预警等级选项
 // 已从 index.js 导入
 
@@ -155,13 +174,18 @@ const tableHeight = ref(300);
 const tableColumns = ref([
   { prop: "index", label: "序号", width: "" },
   {
-    prop: "warningLevel",
+    prop: "riskLeve",
     label: "预警等级",
     width: "",
-    slot: "warningLevel",
+    slot: "riskLeve",
+  },
+  {
+    label: "来源",
+    prop: "source",
+    width: "",
   },
   { prop: "weatherType", label: "气象类型", width: "" },
-  { prop: "region", label: "影响区域", width: "" },
+  { prop: "countyName", label: "影响区域", width: "" },
   { prop: "warningTime", label: "生效时间", width: "" },
   { prop: "endTime", label: "失效时间", width: "" },
   {
@@ -173,54 +197,95 @@ const tableColumns = ref([
 ]);
 
 // 表格数据
-const tableData = ref([
-  {
-    id: 1,
-    index: 1,
-    warningLevel: "红色预警",
-    weatherType: "暴雨",
-    region: "重庆市",
-    warningTime: "2025-08-11 04:53:42",
-    endTime: "2025-08-11 04:53:42",
-    impactCount: 0,
-  },
-  {
-    id: 2,
-    index: 2,
-    warningLevel: "橙色预警",
-    weatherType: "暴雨",
-    region: "万州区",
-    warningTime: "2025-08-11 04:53:42",
-    endTime: "2025-08-11 04:53:42",
-    impactCount: 1,
-  },
-  {
-    id: 3,
-    index: 3,
-    warningLevel: "黄色预警",
-    weatherType: "大风",
-    region: "沙坪坝区",
-    warningTime: "2025-08-10 16:20:15",
-    endTime: "2025-08-10 20:30:00",
-    impactCount: 3,
-  },
-  {
-    id: 4,
-    index: 4,
-    warningLevel: "蓝色预警",
-    weatherType: "雷电",
-    region: "渝中区",
-    warningTime: "2025-08-09 09:15:30",
-    endTime: "2025-08-09 12:00:00",
-    impactCount: 2,
-  },
-]);
-tableData.value.push(...tableData.value);
-tableData.value.push(...tableData.value);
+const tableData = ref([]);
+
 // 分页
 const currentPage = ref(1);
 const pageSize = ref(10);
-const total = ref(36);
+const total = ref(0);
+
+// 加载状态
+const loading = ref(false);
+
+// 获取预警数据
+const fetchWarningData = async () => {
+  loading.value = true;
+  try {
+    const params = {
+      offset: currentPage.value,
+      limit: pageSize.value,
+      start: "",
+      end: "",
+      riskLevel: "",
+      weatherType: "",
+      isExpire: "",
+      countyName: "",
+    };
+
+    // 添加筛选条件
+    if (filterForm.value.riskLeve) {
+      params.riskLevel = filterForm.value.riskLeve;
+    }
+    if (filterForm.value.countyName) {
+      params.countyName = filterForm.value.countyName;
+    }
+    if (
+      filterForm.value.isEnded !== undefined &&
+      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]);
+    }
+
+    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;
+
+      tableData.value = list.map((item, index) => ({
+        index: index + 1,
+        riskLeve: item.riskLeve || "-",
+        weatherType: item.weatherType || "-",
+        countyName: item.countyName || "-",
+        source: item.source || "-",
+        warningTime: item.startTime || "-",
+        endTime: item.endTime || "-",
+        impactCount: item.affectedCount || 0,
+      }));
+    } else {
+      tableData.value = [];
+      total.value = 0;
+    }
+  } catch (error) {
+    console.error("获取预警数据失败:", error);
+    tableData.value = [];
+    total.value = 0;
+  } finally {
+    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 getWarningClass = (level) => {
@@ -247,18 +312,12 @@ const handleImpactClick = (item) => {
 // 分页操作
 const handleSizeChange = (val) => {
   pageSize.value = val;
-  fetchData();
+  fetchWarningData();
 };
 
 const handleCurrentChange = (val) => {
   currentPage.value = val;
-  fetchData();
-};
-
-// 获取数据
-const fetchData = () => {
-  console.log("获取第", currentPage.value, "页数据");
-  // 实际项目中调用API获取数据
+  fetchWarningData();
 };
 
 // 监听visible变化
@@ -267,10 +326,37 @@ watch(
   (newVal) => {
     if (newVal) {
       currentPage.value = 1;
-      fetchData();
+      fetchWarningData();
     }
   },
 );
+
+// 监听筛选条件变化
+watch(
+  () => filterForm.value,
+  () => {
+    currentPage.value = 1;
+    fetchWarningData();
+  },
+  { deep: true },
+);
+
+// 同步 dateRange 和 filterForm.dateRange
+watch(
+  () => dateRange.value,
+  (newVal) => {
+    filterForm.value.dateRange = newVal;
+  },
+  { deep: true },
+);
+
+watch(
+  () => filterForm.value.dateRange,
+  (newVal) => {
+    dateRange.value = newVal;
+  },
+  { deep: true },
+);
 </script>
 
 <style lang="scss" scoped>
@@ -415,6 +501,6 @@ watch(
 :deep(.el-range-editor.el-input__wrapper) {
   width: 240px !important;
   height: 30px !important;
-  background-color: #122C46 !important;
+  background-color: #122c46 !important;
 }
 </style>
diff --git a/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue b/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
index e46cf13..8f7e72b 100644
--- a/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
+++ b/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
@@ -25,14 +25,30 @@
       :type="mapInfoDialogType"
       :data="mapInfoDialogData"
     />
+    <centerInfoCard
+      :visible="centerCardVisible"
+      :title="centerCardTitle"
+      :dataList="centerCardDataList"
+      @close="closeCenterCard"
+      @itemClick="handleCenterCardItemClick"
+      @click="handleCenterCardClick"
+    />
   </div>
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, watch, defineExpose } from "vue";
+import {
+  ref,
+  onMounted,
+  onUnmounted,
+  watch,
+  defineExpose,
+  h,
+  render,
+} from "vue";
 import axios from "axios";
 import { request } from "@/utils/request";
-import TongnanCenterCardDialog from "@/views/RiskWarning/Dialog/tongnanCenterCardDialog.vue";
+import TongnanCenterCardDialog from "../Dialog/tongnanCenterCardDialog.vue";
 
 import projectIcon from "../../../assets/MaMap_img/项目@2x.png";
 import bridgeIcon from "../../../assets/MaMap_img/桥梁icon@2x.png";
@@ -43,6 +59,7 @@ import rescueTeamIcon from "../../../assets/MaMap_img/队伍icon@2x.png";
 
 import tunnelInfoDialog from "../Dialog/tunnelInfoDialog.vue";
 import mapInfoDialog from "../Dialog/mapInfoDialog.vue";
+import centerInfoCard from "../Dialog/centerInfoCard.vue";
 
 const mapContainer = ref(null);
 const loading = ref(false);
@@ -62,7 +79,12 @@ const props = defineProps({
 });
 
 // 定义 emits
-const emit = defineEmits(["districtClick"]);
+const emit = defineEmits([
+  "districtClick",
+  "openTongnanTeam",
+  "openResponseSituation",
+  "openTongnanResponsible",
+]);
 
 // 当前选中的区县
 const selectedDistrict = ref(null);
@@ -77,6 +99,14 @@ const mapInfoDialogVisible = ref(false);
 const mapInfoDialogType = ref("project");
 const mapInfoDialogData = ref({});
 
+// 中心信息卡片弹窗
+const centerCardVisible = ref(false);
+const centerCardTitle = ref("调度统计");
+const centerCardDataList = ref([]);
+
+// 地图上显示的区县卡片标记
+let countyCardMarkers = [];
+
 // 打开地图信息弹窗
 const openMapInfoDialog = (type, data) => {
   mapInfoDialogType.value = type;
@@ -84,6 +114,164 @@ const openMapInfoDialog = (type, data) => {
   mapInfoDialogVisible.value = true;
 };
 
+// 清除地图上的区县卡片标记
+const clearCountyCardMarkers = () => {
+  countyCardMarkers.forEach((marker) => {
+    // 清理 Vue 组件
+    if (marker._vueContainer) {
+      render(null, marker._vueContainer);
+    }
+    if (mapInstance) {
+      mapInstance.removeLayer(marker);
+    }
+  });
+  countyCardMarkers = [];
+};
+
+// 在地图上显示区县卡片
+const showCountyCardsOnMap = (dataList) => {
+  if (!mapInstance || !geoJsonLayer) {
+    console.warn("地图未初始化，无法显示区县卡片");
+    return;
+  }
+
+  // 清除之前的卡片标记
+  clearCountyCardMarkers();
+
+  if (!dataList || dataList.length === 0) {
+    return;
+  }
+
+  // 简化区县名称
+  const simplifyName = (name) => {
+    return name
+      .replace("土家族苗族自治县", "")
+      .replace("苗族土家族自治县", "")
+      .replace("自治县", "")
+      .replace("区", "")
+      .replace("县", "");
+  };
+
+  // 遍历数据列表，为每个区县创建卡片
+  dataList.forEach((item) => {
+    const countyName = item.countyName || item.name;
+    if (!countyName) return;
+
+    const targetName = simplifyName(countyName);
+
+    // 查找对应的区县图层
+    let targetLayer = null;
+    geoJsonLayer.eachLayer((layer) => {
+      const layerName = layer.feature?.properties?.name || "";
+      if (simplifyName(layerName) === targetName) {
+        targetLayer = layer;
+      }
+    });
+
+    if (targetLayer) {
+      // 获取区县的中心点
+      const bounds = targetLayer.getBounds();
+      const center = bounds.getCenter();
+
+      // 创建一个容器元素用于挂载 Vue 组件
+      const container = document.createElement("div");
+      container.className = "county-card-wrapper";
+
+      // 使用 Vue 的 h 函数创建组件虚拟节点
+      const vnode = h(centerInfoCard, {
+        visible: true,
+        title: countyName,
+        dataList: [item],
+        item: item,
+        onClose: () => {
+          closeCenterCard();
+        },
+        onItemClick: (clickedItem) => {
+          handleCenterCardItemClick(clickedItem);
+        },
+      });
+
+      // 渲染组件到容器
+      render(vnode, container);
+
+      // 创建自定义图标，使用渲染后的 HTML
+      const customIcon = window.L.divIcon({
+        className: "county-card-icon",
+        html: container.innerHTML,
+        iconSize: [150, 40],
+        iconAnchor: [110, 60],
+      });
+
+      // 创建标记
+      const marker = window.L.marker(center, {
+        icon: customIcon,
+        interactive: true,
+      });
+
+      // 添加点击事件到 marker
+      marker.on("click", () => {
+        console.log("centerInfoCard clicked, county:", countyName);
+        // 调用处理函数
+        handleCenterCardItemClick(item);
+        // 移动地图到该位置
+        mapInstance.setView(center, 10);
+        // 触发点击事件
+        emit("districtClick", {
+          name: countyName,
+          data: item,
+        });
+      });
+
+      marker.addTo(mapInstance);
+      countyCardMarkers.push(marker);
+
+      // 保存容器引用以便后续清理
+      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 roadTypeMap = {
+    national: "国省道",
+    rural: "农村公路",
+  };
+  return roadTypeMap[roadType] || roadType;
+};
+
+// 打开中心信息卡片弹窗
+const openCenterCard = (data) => {
+  centerCardDataList.value = data.dataList || [];
+  centerCardTitle.value = data.title || "调度统计";
+  centerCardVisible.value = true;
+
+  // 在地图上显示区县卡片
+  showCountyCardsOnMap(data.dataList);
+};
+
+// 关闭中心信息卡片弹窗
+const closeCenterCard = () => {
+  centerCardVisible.value = false;
+  clearCountyCardMarkers();
+};
+
+// 处理中心卡片项点击
+const handleCenterCardItemClick = (item) => {
+  console.log("点击了卡片项:", item);
+  // 根据区县名称定位地图
+  if (item.countyName || item.name) {
+    const countyName = item.countyName || item.name;
+    locateToDistrict(countyName);
+  }
+};
+
 // 打开隧道信息弹窗（兼容旧代码）
 const openTunnelDialog = (data) => {
   openMapInfoDialog("tunnel", data);
@@ -151,7 +339,7 @@ const getAffectedCountyData = async () => {
       getAffectedTunnelData();
       getAffectedBridgeData();
       getAffectedRoadSectionData();
-      getEmergencyForceData();
+      // getEmergencyForceData();
 
       loadMapData();
     }
@@ -330,7 +518,13 @@ const clearProjectMarkers = () => {
       mapInstance.removeLayer(marker);
     }
   });
+  clearCountyCardMarkers();
   projectMarkers = [];
+
+  // 关闭所有弹窗
+  tunnelDialogVisible.value = false;
+  mapInfoDialogVisible.value = false;
+  centerCardVisible.value = false;
 };
 
 // 在地图上添加项目标记
@@ -374,15 +568,6 @@ const addProjectMarkers = (data, iconUrl, type = "project") => {
       const latNum = parseFloat(lat);
       const lngNum = parseFloat(lng);
 
-      console.log(
-        "项目坐标:",
-        item.NAME || item.name,
-        "纬度:",
-        latNum,
-        "经度:",
-        lngNum,
-      );
-
       if (!isNaN(latNum) && !isNaN(lngNum)) {
         const marker = window.L.marker([latNum, lngNum], {
           icon: projectIconObj,
@@ -709,7 +894,7 @@ const initMap = (geoJsonData) => {
           affectedCountyData.value.byName[districtName]
         ) {
           const districtData = affectedCountyData.value.byName[districtName];
-          console.log(districtData.levels);
+          // console.log(districtData.levels);
           fillColor = getMainWarningColor(districtData.levels);
           fillOpacity = 1; // 有预警时稍微不透明一些
         }
@@ -945,10 +1130,67 @@ onUnmounted(() => {
   }
 });
 
+// 根据区县名称定位地图
+const locateToDistrict = (countyName) => {
+  if (!mapInstance || !geoJsonLayer) {
+    console.warn("地图未初始化，无法定位");
+    return;
+  }
+
+  // 简化区县名称
+  const simplifyName = (name) => {
+    return name
+      .replace("土家族苗族自治县", "")
+      .replace("苗族土家族自治县", "")
+      .replace("自治县", "")
+      .replace("区", "")
+      .replace("县", "");
+  };
+
+  const targetName = simplifyName(countyName);
+  console.log("定位到区县:", countyName, "简化后:", targetName);
+
+  // 查找对应的区县图层
+  let targetLayer = null;
+  geoJsonLayer.eachLayer((layer) => {
+    const layerName = layer.feature?.properties?.name || "";
+    if (simplifyName(layerName) === targetName) {
+      targetLayer = layer;
+    }
+  });
+
+  if (targetLayer) {
+    // 获取区县的中心点
+    const bounds = targetLayer.getBounds();
+    const center = bounds.getCenter();
+
+    // 移动地图到该中心点并放大
+    mapInstance.setView(center, 10);
+
+    // 高亮显示该区县
+    if (selectedLayer) {
+      geoJsonLayer.resetStyle(selectedLayer);
+    }
+    targetLayer.setStyle({
+      fillColor: "#ff7a00",
+      fillOpacity: 0.6,
+      weight: 3,
+      color: "#ff4d4f",
+    });
+    selectedLayer = targetLayer;
+
+    console.log("已定位到区县:", countyName, "中心点:", center);
+  } else {
+    console.warn("未找到区县:", countyName);
+  }
+};
+
 // 暴露方法给父组件调用
 defineExpose({
   getEmergencyForceData,
   clearProjectMarkers,
+  openCenterCard,
+  locateToDistrict,
 });
 </script>
 
@@ -1110,4 +1352,27 @@ defineExpose({
   padding: 15px;
   font-weight: 500;
 }
+
+// 区县卡片样式
+:deep(.county-card-icon) {
+  background: transparent !important;
+  border: none !important;
+
+  .center-info-card-container {
+    width: 100%;
+    min-width: 150px;
+  }
+
+  .center-info-card {
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 6px 20px rgba(24, 144, 255, 0.5);
+      filter: brightness(1.1);
+    }
+  }
+}
 </style>
diff --git a/packages/screen/src/views/RiskWarning/component/baseDialog.vue b/packages/screen/src/views/RiskWarning/component/baseDialog.vue
index aad3c3c..8aa6c34 100644
--- a/packages/screen/src/views/RiskWarning/component/baseDialog.vue
+++ b/packages/screen/src/views/RiskWarning/component/baseDialog.vue
@@ -34,11 +34,11 @@
         <slot name="filter"></slot>
       </div>
       <!-- 数据表格 -->
-      <div class="table-section" v-if="props.tableData.length > 0">
+      <div class="table-section">
         <el-table
           :data="props.tableData"
           :height="props.tableHeight"
-          style="width: 100%"
+          style="width: 100%; min-height: 300px"
           :header-cell-style="headerCellStyle"
           :cell-style="cellStyle"
           size="small"
@@ -59,10 +59,7 @@
       </div>
 
       <!-- 分页 -->
-      <div
-        class="pagination"
-        v-if="props.showPagination && props.tableData.length > 0"
-      >
+      <div class="pagination">
         <el-pagination
           :current-page="props.currentPage"
           :page-size="props.pageSize"
@@ -468,4 +465,9 @@ const cellStyle = () => {
 :deep(.el-popper__arrow::after) {
   border-color: #122c46 !important;
 }
+
+:deep(.el-pager li.is-active) {
+  background-color: #2598ff !important;
+  color: #fff !important;
+}
 </style>
diff --git a/packages/screen/src/views/RiskWarning/component/date-picker-theme.scss b/packages/screen/src/views/RiskWarning/component/date-picker-theme.scss
index a6a708d..9231667 100644
--- a/packages/screen/src/views/RiskWarning/component/date-picker-theme.scss
+++ b/packages/screen/src/views/RiskWarning/component/date-picker-theme.scss
@@ -7,6 +7,7 @@
 
 /* 防止样式被覆盖，提高优先级 */
 .custom-date-picker {
+  z-index: 10000 !important;
   /* 弹出框整体背景色 */
   background-color: #122C45 !important;
   /* 弹出框边框（主题色） */
@@ -14,9 +15,11 @@
   /* 可选：阴影效果 */
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3) !important;
 }
+
 .el-date-editor .el-range-input {
   color: #289DFF !important;
 }
+
 /* ========== 1. 顶部栏（年月切换区域） ========== */
 .custom-date-picker .el-date-picker__header,
 .custom-date-picker .el-picker-panel__header {
@@ -144,6 +147,7 @@
 .custom-date-picker .popper__arrow {
   border-bottom-color: #122C45 !important;
 }
+
 .custom-date-picker .popper__arrow::after {
   border-bottom-color: #122C45 !important;
 }
@@ -156,7 +160,7 @@
 
 /* 范围选择左右面板 */
 .custom-date-picker .el-date-range-picker__content {
-  background-color: #122C45 !important;
+  background-color: #152D47 !important;
 }
 
 /* 范围选择头部 */
@@ -172,10 +176,13 @@
   color: #FFFFFF !important;
   border-radius: 4px;
 }
-
+.el-date-table td.in-range .el-date-table-cell{
+  background-color: #27374A !important;
+  border-radius: 0;
+}
 /* 范围选择 - 中间区间 */
 .custom-date-picker .el-date-table td.in-range .el-date-table-cell__text {
-  background-color: rgba(40, 157, 255, 0.25) !important;
+  background-color: #3E91BC !important;
   color: #FFFFFF !important;
   border-radius: 0;
 }
@@ -207,7 +214,7 @@
 .custom-date-picker .el-time-spinner__item.active {
   background-color: #289DFF !important;
   color: #FFFFFF !important;
-}   
+}
 
 /* ========== 13. 快捷选项样式 ========== */
 .custom-date-picker .el-picker-panel__shortcut {
@@ -219,6 +226,7 @@
   background-color: rgba(40, 157, 255, 0.2) !important;
   color: #289DFF !important;
 }
-.el-range__icon{
-    color: #289DFF !important;
+
+.el-range__icon {
+  color: #289DFF !important;
 }
\ No newline at end of file
diff --git a/packages/screen/src/views/RiskWarning/component/index.js b/packages/screen/src/views/RiskWarning/component/index.js
index a8641e1..8138aa6 100644
--- a/packages/screen/src/views/RiskWarning/component/index.js
+++ b/packages/screen/src/views/RiskWarning/component/index.js
@@ -31,9 +31,9 @@ export const typeOptions = [
 // 管控措施选项
 export const controlMeasureOptions = [
   { label: "全幅封闭", value: "全幅封闭" },
-  { label: "半幅封闭", value: "半幅封闭" },
-  { label: "正常通行", value: "正常通行" },
-  { label: "限制通行", value: "限制通行" },
+  { label: "半幅通行", value: "半幅通行" },
+  { label: "限速", value: "限速" },
+  { label: "告警阻拦", value: "告警阻拦" },
 ];
 
 // 风险等级选项
@@ -79,8 +79,8 @@ export const warningLevelOptions = [
 // 是否结束选项
 export const isEndedOptions = [
   { label: "全部", value: "" },
-  { label: "是", value: "yes" },
-  { label: "否", value: "no" },
+  { label: "是", value: true },
+  { label: "否", value: false },
 ];
 
 // 行政区域选项（带全部）
diff --git a/packages/screen/src/views/RiskWarning/index.vue b/packages/screen/src/views/RiskWarning/index.vue
index 7366008..f728dc2 100644
--- a/packages/screen/src/views/RiskWarning/index.vue
+++ b/packages/screen/src/views/RiskWarning/index.vue
@@ -25,59 +25,12 @@
     <div class="corner corner-bottom-left"></div>
     <div class="corner corner-bottom-right"></div>
     <!-- 中心数据展示卡片 -->
-    <div class="center-info-card-container">
-      <!-- <div
-        class="center-info-card"
-        @click="openDialog('tongnanResponsible')"
-        v-if="showCenterCard.type === 'first'"
-      >
-        <div class="card-title">潼南</div>
-        <div class="card-content">
-          <div class="info-item clickable">
-            <span class="info-label">人数</span>
-            <span class="info-value">{{ showCenterCard.value }}</span>
-            <span class="info-unit">人</span>
-          </div>
-          <div class="info-item">
-            <span class="info-label">项目</span>
-            <span class="info-value">2</span>
-            <span class="info-unit">处</span>
-          </div>
-        </div>
-      </div> -->
-
-      <div
-        class="center-info-card"
-        v-if="
-          showCenterCard.type === 'second' || showCenterCard.type === 'third'
-        "
-      >
-        <div
-          class="card-title"
-          @click="
-            showCenterCard.type === 'second'
-              ? openDialog('tongnanTeam')
-              : showCenterCard.type === 'third'
-                ? openDialog('responseSituation')
-                : ''
-          "
-        >
-          潼南
-        </div>
-        <div class="card-content">
-          <div class="info-item">
-            <span class="info-label">人数</span>
-            <span class="info-value">{{ showCenterCard.value }}</span>
-            <span class="info-unit">人</span>
-          </div>
-          <div class="info-item clickable">
-            <span class="info-label">路段</span>
-            <span class="info-value">117</span>
-            <span class="info-unit">条</span>
-          </div>
-        </div>
-      </div>
-    </div>
+    <centerInfoCard
+      :type="showCenterCard.type"
+      :peopleCount="showCenterCard.value"
+      roadCount="117"
+      @click="handleCenterCardClick"
+    />
 
     <div class="left">
       <left
@@ -88,7 +41,7 @@
         @openWarningSituation="openDialog('warningSituation')"
         @openResponseStatus="openDialog('responseStatus')"
         @openDispatchDistrict="openDialog('dispatchDistrict')"
-        @showCenterCard="(item) => (showCenterCard = item)"
+        @showCenterCard="(item) => handleCenterCardClick(item)"
       ></left>
     </div>
     <div class="right">
@@ -102,150 +55,163 @@
     <div class="center">
       <!-- 地图底层 -->
       <div class="map-layer">
-        <ChongqingMap ref="chongqingMapRef" :activeIndex="activeIndex" :dateRange="dateRange" />
+        <ChongqingMap
+          ref="chongqingMapRef"
+          :activeIndex="activeIndex"
+          :dateRange="dateRange"
+          @districtClick="handleDistrictClick"
+        />
       </div>
 
       <!-- 地图遮罩层 -->
       <div class="map-mask" aria-hidden="true"></div>
     </div>
     <div class="bottom">
-      <bottom @changeActiveIndex="changeActiveIndex" @clearMapMarkers="clearMapMarkers"></bottom>
+      <bottom
+        @changeActiveIndex="changeActiveIndex"
+        @clearMapMarkers="clearMapMarkers"
+      ></bottom>
     </div>
-    <top class="top" @openAIResult="openDialog('aiWarningResult')" @dateRangeChange="handleDateRangeChange"></top>
+    <top
+      class="top"
+      @openAIResult="openDialog('aiWarningResult')"
+      @dateRangeChange="handleDateRangeChange"
+    ></top>
+    <div>
+      <!-- 农村公路对话框 -->
+      <responseSituationDiaLog
+        v-model:visible="dialogVisible.responseSituation"
+        @close="closeDialog('responseSituation')"
+      />
 
-    <!-- 响应情况对话框 -->
-    <responseSituationDiaLog
-      v-model:visible="dialogVisible.responseSituation"
-      @close="closeDialog('responseSituation')"
-    />
+      <!-- 预警信息对话框 -->
+      <warningInfoDialog
+        v-model:visible="dialogVisible.warningInfo"
+        @close="closeDialog('warningInfo')"
+        @responseStatus="openDialog('responseStatus')"
+      />
 
-    <!-- 预警信息对话框 -->
-    <warningInfoDialog
-      v-model:visible="dialogVisible.warningInfo"
-      @close="closeDialog('warningInfo')"
-      @responseStatus="openDialog('responseStatus')"
-    />
+      <!-- 事件详情对话框 -->
+      <eventDetailDialog
+        v-model:visible="dialogVisible.eventDetail"
+        @close="closeDialog('eventDetail')"
+      />
 
-    <!-- 事件详情对话框 -->
-    <eventDetailDialog
-      v-model:visible="dialogVisible.eventDetail"
-      @close="closeDialog('eventDetail')"
-    />
+      <!-- 确认对话框 -->
+      <confirmDialog
+        v-model:visible="dialogVisible.confirm"
+        :title="confirmConfig.title"
+        :message="confirmConfig.message"
+        :confirm-text="confirmConfig.confirmText"
+        :cancel-text="confirmConfig.cancelText"
+        @confirm="closeDialog('confirm')"
+        @cancel="closeDialog('confirm')"
+      />
 
-    <!-- 确认对话框 -->
-    <confirmDialog
-      v-model:visible="dialogVisible.confirm"
-      :title="confirmConfig.title"
-      :message="confirmConfig.message"
-      :confirm-text="confirmConfig.confirmText"
-      :cancel-text="confirmConfig.cancelText"
-      @confirm="closeDialog('confirm')"
-      @cancel="closeDialog('confirm')"
-    />
+      <!-- 风险点详情对话框 -->
+      <riskPointDetailDialog
+        v-model:visible="dialogVisible.riskPointDetail"
+        @close="closeDialog('riskPointDetail')"
+      />
 
-    <!-- 风险点详情对话框 -->
-    <riskPointDetailDialog
-      v-model:visible="dialogVisible.riskPointDetail"
-      @close="closeDialog('riskPointDetail')"
-    />
+      <!-- 影响点情况对话框 -->
+      <impactPointDialog
+        v-model:visible="dialogVisible.impactPoint"
+        @close="closeDialog('impactPoint')"
+        @detail="openDialog('impactPointDetail')"
+      />
 
-    <!-- 影响点情况对话框 -->
-    <impactPointDialog
-      v-model:visible="dialogVisible.impactPoint"
-      @close="closeDialog('impactPoint')"
-      @detail="openDialog('impactPointDetail')"
-    />
+      <!-- 影响点详情对话框 -->
+      <impactPointDetailDialog
+        v-model:visible="dialogVisible.impactPointDetail"
+        @close="closeDialog('impactPointDetail')"
+      />
 
-    <!-- 影响点详情对话框 -->
-    <impactPointDetailDialog
-      v-model:visible="dialogVisible.impactPointDetail"
-      @close="closeDialog('impactPointDetail')"
-    />
+      <!-- 响应点详情对话框 -->
+      <responsePointDetailDialog
+        v-model:visible="dialogVisible.responsePointDetail"
+        @close="closeDialog('responsePointDetail')"
+      />
 
-    <!-- 响应点详情对话框 -->
-    <responsePointDetailDialog
-      v-model:visible="dialogVisible.responsePointDetail"
-      @close="closeDialog('responsePointDetail')"
-    />
+      <!-- 响应点信息对话框 -->
+      <responsePointInfoDialog
+        v-model:visible="dialogVisible.responsePointInfo"
+        @close="closeDialog('responsePointInfo')"
+      />
 
-    <!-- 响应点信息对话框 -->
-    <responsePointInfoDialog
-      v-model:visible="dialogVisible.responsePointInfo"
-      @close="closeDialog('responsePointInfo')"
-    />
+      <!-- 响应状态对话框 -->
+      <responseStatusDialog
+        v-model:visible="dialogVisible.responseStatus"
+        @close="closeDialog('responseStatus')"
+        @detail="openDialog('impactPointDetail')"
+      />
 
-    <!-- 响应状态对话框 -->
-    <responseStatusDialog
-      v-model:visible="dialogVisible.responseStatus"
-      @close="closeDialog('responseStatus')"
-      @detail="openDialog('impactPointDetail')"
-    />
+      <!-- AI预警处理结果对话框 -->
+      <aiWarningResultDialog
+        v-model:visible="dialogVisible.aiWarningResult"
+        @close="closeDialog('aiWarningResult')"
+      />
 
-    <!-- AI预警处理结果对话框 -->
-    <aiWarningResultDialog
-      v-model:visible="dialogVisible.aiWarningResult"
-      @close="closeDialog('aiWarningResult')"
-    />
+      <!-- 潼南基本信息对话框 -->
+      <tongnanInfoDialog
+        v-model:visible="dialogVisible.tongnanInfo"
+        @close="closeDialog('tongnanInfo')"
+        @call="openDialog('confirm')"
+      />
 
-    <!-- 潼南基本信息对话框 -->
-    <tongnanInfoDialog
-      v-model:visible="dialogVisible.tongnanInfo"
-      @close="closeDialog('tongnanInfo')"
-      @call="openDialog('confirm')"
-    />
+      <!-- 项目对话框 -->
+      <tongnanResponsibleDialog
+        v-model:visible="dialogVisible.tongnanResponsible"
+        @close="closeDialog('tongnanResponsible')"
+        @detail="openDialog('tongnanInfo')"
+      />
 
-    <!-- 潼南建设项目责任人明细对话框 -->
-    <tongnanResponsibleDialog
-      v-model:visible="dialogVisible.tongnanResponsible"
-      @close="closeDialog('tongnanResponsible')"
-      @detail="openDialog('tongnanInfo')"
-    />
+      <!-- 抢通情况对话框 -->
+      <clearanceSituationDialog
+        v-model:visible="dialogVisible.clearanceSituation"
+        @close="closeDialog('clearanceSituation')"
+        @detail="openDialog('eventDetail')"
+      />
 
-    <!-- 抢通情况对话框 -->
-    <clearanceSituationDialog
-      v-model:visible="dialogVisible.clearanceSituation"
-      @close="closeDialog('clearanceSituation')"
-      @detail="openDialog('eventDetail')"
-    />
+      <!-- 管控情况对话框 -->
+      <controlSituationDialog
+        v-model:visible="dialogVisible.controlSituation"
+        @close="closeDialog('controlSituation')"
+      />
 
-    <!-- 管控情况对话框 -->
-    <controlSituationDialog
-      v-model:visible="dialogVisible.controlSituation"
-      @close="closeDialog('controlSituation')"
-    />
+      <!-- 调度详情对话框 -->
+      <dispatchDetailDialog
+        v-model:visible="dialogVisible.dispatchDetail"
+        @close="closeDialog('dispatchDetail')"
+      />
 
-    <!-- 调度详情对话框 -->
-    <dispatchDetailDialog
-      v-model:visible="dialogVisible.dispatchDetail"
-      @close="closeDialog('dispatchDetail')"
-    />
+      <!-- 调度区县情况对话框 -->
+      <dispatchDistrictDialog
+        v-model:visible="dialogVisible.dispatchDistrict"
+        @close="closeDialog('dispatchDistrict')"
+        @dispatchClick="openDialog('dispatchDetail')"
+      />
 
-    <!-- 调度区县情况对话框 -->
-    <dispatchDistrictDialog
-      v-model:visible="dialogVisible.dispatchDistrict"
-      @close="closeDialog('dispatchDistrict')"
-      @dispatchClick="openDialog('dispatchDetail')"
-    />
+      <!-- 国省道对话框 -->
+      <tongnanTeamDialog
+        v-model:visible="dialogVisible.tongnanTeam"
+        @close="closeDialog('tongnanTeam')"
+        @view="openDialog('tongnanInfo')"
+      />
 
-    <!-- 潼南护路团队成员对话框 -->
-    <tongnanTeamDialog
-      v-model:visible="dialogVisible.tongnanTeam"
-      @close="closeDialog('tongnanTeam')"
-      @view="openDialog('tongnanInfo')"
-    />
+      <!-- 预警情况对话框 -->
+      <warningSituationDialog
+        v-model:visible="dialogVisible.warningSituation"
+        @close="closeDialog('warningSituation')"
+        @impactClick="openDialog('impactPoint')"
+      />
 
-    <!-- 预警情况对话框 -->
-    <warningSituationDialog
-      v-model:visible="dialogVisible.warningSituation"
-      @close="closeDialog('warningSituation')"
-      @impactClick="openDialog('impactPoint')"
-    />
-
-    <!-- 隧道信息对话框 -->
-    <tunnelInfoDialog
-      v-model:visible="dialogVisible.tunnelInfo"
-      @close="closeDialog('tunnelInfo')"
-    />
+      <!-- 隧道信息对话框 -->
+      <tunnelInfoDialog
+        v-model:visible="dialogVisible.tunnelInfo"
+        @close="closeDialog('tunnelInfo')"
+      />
+    </div>
   </div>
 </template>
 
@@ -280,9 +246,10 @@ import dispatchDistrictDialog from "./Dialog/dispatchDistrictDialog.vue";
 import tongnanTeamDialog from "./Dialog/tongnanTeamDialog.vue";
 import warningSituationDialog from "./Dialog/warningSituationDialog.vue";
 import tunnelInfoDialog from "./Dialog/tunnelInfoDialog.vue";
+import centerInfoCard from "./Dialog/centerInfoCard.vue";
 
-import './component/el-select.scss'
-import './component/date-picker-theme.scss'
+import "./component/el-select.scss";
+import "./component/date-picker-theme.scss";
 
 // 弹窗显示状态
 const dialogVisible = ref({
@@ -304,8 +271,8 @@ const dialogVisible = ref({
   dispatchDetail: false,
   dispatchDistrict: false,
   tongnanTeam: false,
-  warningSituation: false,  
-  tunnelInfo: false
+  warningSituation: false,
+  tunnelInfo: false,
 });
 const activeIndex = ref(0);
 
@@ -376,10 +343,67 @@ const openConfirm = (config) => {
   confirmConfig.value = { ...confirmConfig.value, ...config };
   dialogVisible.value.confirm = true;
 };
-
 // 中心信息卡片显示状态
 const showCenterCard = ref(false);
 
+// 处理区县点击
+const handleDistrictClick = (item) => {
+  console.log("区县点击:", item.data);
+  if (item.data.roadType == "national") {
+    // 国省道
+    openDialog("tongnanTeam");
+  } else if (item.data.roadType == "rural") {
+    openDialog("responseSituation");
+  } else if (item.data.type == "project" && item.data.roadType == "-") {
+    // 项目
+    openDialog("tongnanResponsible");
+  }
+};
+
+// 处理中心卡片点击
+const handleCenterCardClick = (item) => {
+  console.log("中心卡片点击:", item);
+
+  // 调用地图组件的方法打开中心信息卡片弹窗
+  if (chongqingMapRef.value && item.data) {
+    const cardData = {
+      title: getCardTitleByType(item.type),
+      dataList: item.data,
+    };
+    chongqingMapRef.value.openCenterCard(cardData);
+
+    // 如果数据中包含区县信息，定位到第一个区县
+    if (
+      item.data.length > 0 &&
+      (item.data[0].countyName || item.data[0].name)
+    ) {
+      const firstCounty = item.data[0].countyName || item.data[0].name;
+      chongqingMapRef.value.locateToDistrict(firstCounty);
+    }
+  }
+};
+
+// 根据类型获取卡片标题
+const getCardTitleByType = (type) => {
+  const titleMap = {
+    first: "国省道调度",
+    second: "农村公路调度",
+    third: "建设工程调度",
+  };
+  return titleMap[type] || "调度统计";
+};
+const handleCenterCardClickType = (item) => {
+  console.log(item.data);
+  showCenterCard.value = true;
+  // if (item.type === "second") {
+  //   openDialog("tongnanTeam");
+  // } else if (item.type === "third") {
+  //   openDialog("responseSituation");
+  // } else if (item.type === "first") {
+  //   openDialog("warningSituation");
+  // }
+};
+
 // 兄弟组件通信机制
 const refreshLeftData = ref(null);
 
@@ -396,8 +420,8 @@ const triggerRefreshLeftData = () => {
 };
 
 // 提供通信机制给子组件
-provide('setRefreshLeftData', setRefreshLeftData);
-provide('triggerRefreshLeftData', triggerRefreshLeftData);
+provide("setRefreshLeftData", setRefreshLeftData);
+provide("triggerRefreshLeftData", triggerRefreshLeftData);
 
 // ==================== 地图状态管理 ====================
 
@@ -483,7 +507,7 @@ onMounted(() => {
   top: vw(60);
   width: 25%;
   height: calc(100% - #{vw(60)});
-  z-index: 2;
+  z-index: 3;
 }
 
 .right {
@@ -492,7 +516,7 @@ onMounted(() => {
   top: vw(60);
   width: 25%;
   height: calc(100% - #{vw(60)});
-  z-index: 2;
+  z-index: 3;
 }
 
 .bottom {
@@ -508,7 +532,7 @@ onMounted(() => {
   top: vw(100);
   left: 25%;
   width: 50%;
-  z-index: 2;
+  z-index: 4;
   // height: 15%;
   // background-color: #15293B;
 }
@@ -519,7 +543,7 @@ onMounted(() => {
   // left: 25%;
   width: 100%;
   height: 100%;
-  z-index: 1;
+  z-index: 2;
 }
 
 /* 地图底层 - 填满整个容器 */
@@ -579,91 +603,6 @@ onMounted(() => {
   }
 }
 
-.center-info-card-container {
-  position: absolute;
-  top: 30%;
-  left: 32%;
-  transform: translate(-50%, -50%);
-  width: vw(200);
-  min-width: 200px;
-  z-index: 200;
-}
-// 中心数据展示卡片
-.center-info-card {
-  background: rgba(64, 169, 255, 0.2);
-  border: 1px solid rgba(64, 169, 255, 0.3);
-  z-index: 50;
-  box-shadow:
-    0 4px 20px rgba(0, 0, 0, 0.3),
-    inset 0 1px 0 rgba(255, 255, 255, 0.1);
-  cursor: pointer;
-  transition: all 0.3s;
-  margin-bottom: vw(10);
-
-  // &:hover {
-  //   border-color: rgba(64, 169, 255, 0.6);
-  //   box-shadow: 0 6px 30px rgba(64, 169, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
-  //   transform: translate(-50%, -52%);
-  // }
-
-  .card-title {
-    font-size: vw(16);
-    font-weight: 600;
-    color: #fff;
-    margin-bottom: vw(12);
-    background: rgba(64, 169, 255, 0.8);
-    padding: vw(16) vw(20);
-    border-bottom: 1px solid rgba(64, 169, 255, 0.1);
-  }
-
-  .card-content {
-    padding: 0 vw(20) vw(16) vw(20);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    .info-item {
-      display: flex;
-      align-items: baseline;
-      gap: vw(4);
-
-      .info-label {
-        font-size: vw(13);
-        color: rgba(255, 255, 255, 0.7);
-      }
-
-      .info-value {
-        font-size: vw(24);
-        font-weight: 700;
-        color: #40a9ff;
-        text-shadow: 0 0 10px rgba(64, 169, 255, 0.5);
-      }
-
-      .info-unit {
-        font-size: vw(14);
-        color: rgba(255, 255, 255, 0.6);
-      }
-
-      &.clickable {
-        cursor: pointer;
-        transition: all 0.3s;
-
-        &:hover {
-          .info-value {
-            color: #69c0ff;
-            text-shadow: 0 0 15px rgba(105, 192, 255, 0.8);
-          }
-
-          .info-label,
-          .info-unit {
-            color: #fff;
-          }
-        }
-      }
-    }
-  }
-}
-
 // 下拉选项浮窗
 .el-popper {
   // 下拉选项
diff --git a/packages/screen/src/views/RiskWarning/left.vue b/packages/screen/src/views/RiskWarning/left.vue
index cac6669..3b126b0 100644
--- a/packages/screen/src/views/RiskWarning/left.vue
+++ b/packages/screen/src/views/RiskWarning/left.vue
@@ -125,7 +125,8 @@
                 start-placeholder="开始时间"
                 end-placeholder="结束时间"
                 size="small"
-                popper-class="dark-date-picker"
+                popper-class="custom-date-picker"
+                :teleported="false"
                 :prefix-icon="Calendar"
                 @change="handleDateChange"
               />
@@ -222,6 +223,7 @@ const init = () => {
   roadTypeLoad();
   districtLoadLoad();
   dispatchLoadLoad();
+  scheduleStatisticsByCountyLoad();
   loadData();
   loadBarChartData();
 };
@@ -263,16 +265,19 @@ const handleDispatchCardClick = (item) => {
     emit("showCenterCard", {
       type: "second",
       value: item.value,
+      data: nationalarr.value,
     });
   } else if (item.label === dispatchList.value[1].label) {
     emit("showCenterCard", {
       type: "third",
       value: item.value,
+      data: ruralarr.value,
     });
   } else if (item.label === dispatchList.value[2].label) {
     emit("showCenterCard", {
       type: "first",
       value: item.value,
+      data: projectarr.value,
     });
   }
 };
@@ -401,6 +406,100 @@ const districtLoadLoad = async () => {
   }
 };
 const roadTypeData = ref([]);
+
+// 调度统计区县数据
+const projectarr = ref([]);
+const nationalarr = ref([]);
+const ruralarr = ref([]);
+const scheduleStatisticsByCountyLoad = async () => {
+  try {
+    const res = await request({
+      url: "/snow-ops-platform/weather-warning/schedule-statistics/_by_county",
+      method: "GET",
+    });
+    console.log("调度统计区县数据:", res);
+    if (res.code == "00000") {
+      const data = res.data;
+      if (data) {
+        data.forEach((item) => {
+          if (item.countyName != "测试区县") {
+            if (item.type == "project") {
+              projectarr.value.push(item);
+            } else if (item.roadType == "national") {
+              nationalarr.value.push(item);
+            } else if (item.roadType == "rural") {
+              ruralarr.value.push(item);
+            }
+          }
+        });
+        console.log(projectarr.value);
+        console.log(nationalarr.value);
+        console.log(ruralarr.value);
+
+        // 合并渝北区和江北区为两江新区
+        const mergeLiangjiangNewArea = (arr) => {
+          const yubeiItems = arr.filter(item => item.countyName === "渝北区");
+          const jiangbeiItems = arr.filter(item => item.countyName === "江北区");
+
+          if (yubeiItems.length > 0 || jiangbeiItems.length > 0) {
+            // 计算合并后的数据
+            const mergedItem = {
+              countyName: "两江新区",
+              countyId: yubeiItems[0]?.countyId || jiangbeiItems[0]?.countyId || "",
+              type: yubeiItems[0]?.type || jiangbeiItems[0]?.type || "",
+              roadType: yubeiItems[0]?.roadType || jiangbeiItems[0]?.roadType || "",
+              // 数值字段累加
+              noticeCount: 0,
+              replyCount: 0,
+              population: 0,
+              entityCount: 0,
+            };
+
+            // 累加渝北区数据
+            yubeiItems.forEach(item => {
+              mergedItem.noticeCount += item.noticeCount || 0;
+              mergedItem.replyCount += item.replyCount || 0;
+              mergedItem.population += item.population || 0;
+              mergedItem.entityCount += item.entityCount || 0;
+            });
+
+            // 累加江北区数据
+            jiangbeiItems.forEach(item => {
+              mergedItem.noticeCount += item.noticeCount || 0;
+              mergedItem.replyCount += item.replyCount || 0;
+              mergedItem.population += item.population || 0;
+              mergedItem.entityCount += item.entityCount || 0;
+            });
+
+            // 移除渝北区和江北区的数据，添加合并后的两江新区数据
+            const filteredArr = arr.filter(item =>
+              item.countyName !== "渝北区" && item.countyName !== "江北区"
+            );
+            filteredArr.push(mergedItem);
+            return filteredArr;
+          }
+
+          return arr;
+        };
+
+        // 对三个数组分别进行合并处理
+        projectarr.value = mergeLiangjiangNewArea(projectarr.value);
+        nationalarr.value = mergeLiangjiangNewArea(nationalarr.value);
+        ruralarr.value = mergeLiangjiangNewArea(ruralarr.value);
+
+        // 过滤出前15个项目、10个全国、5个农村
+        projectarr.value = projectarr.value.filter((item, index) => index < 15);
+        nationalarr.value = nationalarr.value.filter(
+          (item, index) => index < 10,
+        );
+        ruralarr.value = ruralarr.value.filter((item, index) => index < 5);
+      }
+    }
+  } catch (error) {
+    console.error("加载调度统计区县数据失败:", error);
+  }
+};
+
 // 公路类型数据
 const roadTypeLoad = async () => {
   try {
@@ -491,15 +590,19 @@ const loadBarChartData = async () => {
           const name = nameMap[item.name] || item.name;
           return { ...item, name };
         });
-
-        // 将路段放到数组第一个
-        const roadIndex = convertedData.findIndex((item) => item.name === "路段");
-        if (roadIndex > 0) {
-          const roadItem = convertedData.splice(roadIndex, 1)[0];
-          convertedData.unshift(roadItem);
-        }
-
-        impactData.value = convertedData;
+        convertedData.forEach((item) => {
+          if (item.name == "路段") {
+            impactData.value[0].count = item.count || 0;
+          } else if (item.name == "桥梁") {
+            impactData.value[1].count = item.count || 0;
+          } else if (item.name == "隧道") {
+            impactData.value[2].count = item.count || 0;
+          } else if (item.name == "边坡") {
+            impactData.value[3].count = item.count || 0;
+          } else if (item.name == "项目") {
+            impactData.value[4].count = item.count || 0;
+          }
+        });
       }
     }
   } catch (error) {
diff --git a/packages/screen/src/views/RiskWarning/right.vue b/packages/screen/src/views/RiskWarning/right.vue
index bd7281b..1a2d6e7 100644
--- a/packages/screen/src/views/RiskWarning/right.vue
+++ b/packages/screen/src/views/RiskWarning/right.vue
@@ -125,7 +125,8 @@
                 start-placeholder="开始时间"
                 end-placeholder="结束时间"
                 size="small"
-                popper-class="dark-date-picker"
+                popper-class="custom-date-picker"
+                :teleported="false"
                 :prefix-icon="Calendar"
               />
             </div>
@@ -226,6 +227,9 @@ const emit = defineEmits([
 onMounted(() => {
   getYhYjllList();
   getYhYjllListMaterials();
+  getControlStats();
+  getRescueInputStats();
+  getDisasterStats();
 });
 
 // 获取应急力量列表数据
@@ -312,6 +316,168 @@ const getYhYjllListMaterials = async () => {
   }
 };
 
+// 获取管控统计数据
+const getControlStats = async () => {
+  try {
+    const res = await request({
+      url: "/snow-ops-platform/sm-event/dashboard/control-stats",
+      method: "GET",
+    });
+    console.log("管控统计数据:", res);
+    if (res.code == "00000" && res.data) {
+      const data = res.data;
+      // 更新controlData1数组的value值
+      controlData1.value.forEach((item) => {
+        if (item.label === "封闭管控数") {
+          item.value = data.fullClosureCount || "0";
+        } else if (item.label === "半幅通行数") {
+          item.value = data.halfClosureCount || "0";
+        } else if (item.label === "限速(限车型)数") {
+          item.value = data.speedLimitCount || "0";
+        } else if (item.label === "告警阻拦处数") {
+          item.value = data.warningBlockCount || "0";
+        }
+      });
+    }
+  } catch (error) {
+    console.error("获取管控统计数据失败:", error);
+  }
+};
+
+// 获取抢险投入统计数据
+const getRescueInputStats = async () => {
+  try {
+    const res = await request({
+      url: "/snow-ops-platform/sm-event/dashboard/rescue-input-stats",
+      method: "GET",
+    });
+    console.log("抢险投入统计数据:", res);
+    if (res.code == "00000" && res.data) {
+      const data = res.data;
+      // 更新rescueData数组的value值
+      rescueData.value.forEach((item) => {
+        if (item.label === "本轮出动人次") {
+          item.value = data.investedManpower || "0";
+          item.unit = "人";
+          if (item.value > 10000) {
+            item.value = (item.value / 10000).toFixed(2);
+            item.unit = "万人";
+          }
+        } else if (item.label === "本轮出动设备") {
+          item.value = data.investedMachinery || "0";
+          item.unit = "台";
+          if (item.value > 10000) {
+            item.value = (item.value / 10000).toFixed(2);
+            item.unit = "万台";
+          }
+        } else if (item.label === "清理塌方") {
+          // 将立方米转换为万立方米
+          item.value = data.clearedLandslide.toFixed(2) || 0;
+          item.unit = "立方米";
+          if (item.value > 10000) {
+            item.value = (item.value / 10000).toFixed(2);
+            item.unit = "万立方米";
+          }
+        }
+      });
+    }
+  } catch (error) {
+    console.error("获取抢险投入统计数据失败:", error);
+  }
+};
+
+// 获取灾害统计数据
+const getDisasterStats = async () => {
+  try {
+    const res = await request({
+      url: "/snow-ops-platform/sm-event/dashboard/disaster-stats",
+      method: "GET",
+    });
+    console.log("灾害统计数据:", res);
+    if (res.code == "00000" && res.data) {
+      const data = res.data;
+      // 更新blockData数组的value值
+      blockData.value.forEach((item) => {
+        if (item.label === "今日新增阻断数") {
+          item.current = data.todayNormalCount || "0";
+          item.total = data.todayTotalCount || "0";
+        } else if (item.label === "本轮累计阻断数") {
+          item.current = data.roundNormalCount || "0";
+          item.total = data.roundTotalCount || "0";
+        }
+      });
+
+      // 更新deathData的value值
+      deathData.value.value = data.roundDeadCount || "0";
+
+      // 更新damageData数组的value值
+      damageData.value.forEach((item) => {
+        if (item.label === "本轮塌方量") {
+          data.roundLandslideVolume = data.roundLandslideVolume.toFixed(2);
+          if (data.roundLandslideVolume > 10000) {
+            item.value = (data.roundLandslideVolume / 10000).toFixed(2) || "0";
+            item.unit = "万立方米";
+          } else {
+            item.value = data.roundLandslideVolume || "0";
+            item.unit = "立方米";
+          }
+        } else if (item.label === "汛期塌方量") {
+          data.floodSeasonLandslideVolume =
+            data.floodSeasonLandslideVolume.toFixed(2);
+          if (data.floodSeasonLandslideVolume > 10000) {
+            item.value =
+              (data.floodSeasonLandslideVolume / 10000).toFixed(2) || "0";
+            item.unit = "万立方米";
+          } else {
+            item.value = data.floodSeasonLandslideVolume || "0";
+            item.unit = "立方米";
+          }
+        } else if (item.label === "当年塌方量") {
+          data.yearLandslideVolume = data.yearLandslideVolume.toFixed(2);
+          if (data.yearLandslideVolume > 10000) {
+            item.value = (data.yearLandslideVolume / 10000).toFixed(2) || "0";
+            item.unit = "万立方米";
+          } else {
+            item.value = data.yearLandslideVolume || "0";
+            item.unit = "立方米";
+          }
+        } else if (item.label === "本轮已损失") {
+          data.roundTotalLossAmount = data.roundTotalLossAmount.toFixed(2);
+          if (data.roundTotalLossAmount > 10000) {
+            item.value = (data.roundTotalLossAmount / 10000).toFixed(2) || "0";
+            item.unit = "亿元";
+          } else {
+            item.value = data.roundTotalLossAmount || "0";
+            item.unit = "万元";
+          }
+        } else if (item.label === "汛期已损失") {
+          data.floodSeasonTotalLossAmount =
+            data.floodSeasonTotalLossAmount.toFixed(2);
+          if (data.floodSeasonTotalLossAmount > 10000) {
+            item.value =
+              (data.floodSeasonTotalLossAmount / 10000).toFixed(2) || "0";
+            item.unit = "亿元";
+          } else {
+            item.value = data.floodSeasonTotalLossAmount || "0";
+            item.unit = "万元";
+          }
+        } else if (item.label === "当年已损失") {
+          data.yearTotalLossAmount = data.yearTotalLossAmount.toFixed(2);
+          if (data.yearTotalLossAmount > 10000) {
+            item.value = (data.yearTotalLossAmount / 10000).toFixed(2) || "0";
+            item.unit = "亿元";
+          } else {
+            item.value = data.yearTotalLossAmount || "0";
+            item.unit = "万元";
+          }
+        }
+      });
+    }
+  } catch (error) {
+    console.error("获取灾害统计数据失败:", error);
+  }
+};
+
 // 从字符串中提取数字并相加
 const extractAndSumNumbers = (value) => {
   // 如果是数字，直接返回
@@ -382,12 +548,12 @@ const handleResourceClick = (item) => {
 };
 
 // 管控路段数据
-const controlData1 = [
+const controlData1 = ref([
   { label: "封闭管控数", value: "40" },
   { label: "半幅通行数", value: "40" },
   { label: "限速(限车型)数", value: "24" },
   { label: "告警阻拦处数", value: "32" },
-];
+]);
 const controlData2 = [
   { label: "停工项目数", value: "30" },
   { label: "关闭驻地数", value: "42" },
@@ -404,7 +570,7 @@ const patrolData = [
 ];
 
 // 抢险投入数据
-const rescueData = [
+const rescueData = ref([
   {
     label: "本轮出动人次",
     value: "22341",
@@ -422,30 +588,30 @@ const rescueData = [
   {
     label: "清理塌方",
     value: "1367",
-    unit: "万立方米",
+    unit: "立方米",
     iconClass: "icon-rescue-clear",
     img: icon13,
   },
-];
+]);
 
 // 受灾情况 - 阻断数据
-const blockData = [
+const blockData = ref([
   { label: "今日新增阻断数", current: "19", total: "23" },
   { label: "本轮累计阻断数", current: "10", total: "23" },
-];
+]);
 
 // 死亡人数
-const deathData = { label: "本轮因灾死亡人数", value: "5" };
+const deathData = ref({ label: "本轮因灾死亡人数", value: "5" });
 
 // 灾害情况数据
-const damageData = [
+const damageData = ref([
   { label: "本轮塌方量", value: "23", unit: "万立方米", class: "blue" },
   { label: "汛期塌方量", value: "23", unit: "万立方米", class: "blue" },
   { label: "当年塌方量", value: "23", unit: "万立方米", class: "blue" },
   { label: "本轮已损失", value: "80", unit: "万元", class: "red" },
   { label: "汛期已损失", value: "18", unit: "万元", class: "red" },
   { label: "当年已损失", value: "350", unit: "万元", class: "red" },
-];
+]);
 
 // 重大事件数
 const majorEvent = "0";
diff --git a/packages/screen/src/views/RiskWarning/top.vue b/packages/screen/src/views/RiskWarning/top.vue
index d70ff69..84f01e1 100644
--- a/packages/screen/src/views/RiskWarning/top.vue
+++ b/packages/screen/src/views/RiskWarning/top.vue
@@ -10,7 +10,8 @@
           start-placeholder="开始时间"
           end-placeholder="结束时间"
           size="small"
-          popper-class="dark-date-picker"
+          popper-class="custom-date-picker"
+          :teleported="false"
           :prefix-icon="Calendar"
         />
       </div>
@@ -26,7 +27,7 @@ import { Calendar } from "@element-plus/icons-vue";
 const emit = defineEmits(["openAIResult", "dateRangeChange"]);
 
 // 注入兄弟组件通信机制
-const triggerRefreshLeftData = inject('triggerRefreshLeftData');
+const triggerRefreshLeftData = inject("triggerRefreshLeftData");
 
 const dateRange = ref([]);
 
@@ -39,24 +40,28 @@ const setEndOfDay = (date) => {
 };
 
 // 监听 dateRange 变化
-watch(dateRange, (newVal, oldVal) => {
-  // 只有当值真正发生变化时才触发
-  if (JSON.stringify(newVal) !== JSON.stringify(oldVal)) {
-    console.log('dateRange 发生变化:', newVal);
-    
-    // 如果有结束日期，将其设置为当天的23:59:59
-    if (newVal && newVal.length === 2 && newVal[1]) {
-      newVal[1] = setEndOfDay(newVal[1]);
+watch(
+  dateRange,
+  (newVal, oldVal) => {
+    // 只有当值真正发生变化时才触发
+    if (JSON.stringify(newVal) !== JSON.stringify(oldVal)) {
+      console.log("dateRange 发生变化:", newVal);
+
+      // 如果有结束日期，将其设置为当天的23:59:59
+      if (newVal && newVal.length === 2 && newVal[1]) {
+        newVal[1] = setEndOfDay(newVal[1]);
+      }
+
+      // 触发兄弟组件刷新
+      if (triggerRefreshLeftData) {
+        triggerRefreshLeftData();
+      }
+      // 向父组件传递时间范围
+      emit("dateRangeChange", newVal);
     }
-    
-    // 触发兄弟组件刷新
-    if (triggerRefreshLeftData) {
-      triggerRefreshLeftData();
-    }
-    // 向父组件传递时间范围
-    emit("dateRangeChange", newVal);
-  }
-}, { deep: true });
+  },
+  { deep: true },
+);
 
 const handleAIClick = () => {
   emit("openAIResult");
@@ -89,6 +94,7 @@ const handleAIClick = () => {
 .filter-container {
   display: flex;
   align-items: center;
+  width: 100%;
   height: vw(20);
   min-height: 18px;
   gap: vw(8);
@@ -154,65 +160,4 @@ const handleAIClick = () => {
   min-height: 48px;
   cursor: pointer;
 }
-// 日期选择器下拉面板样式
-.dark-date-picker {
-  background: rgba(21, 41, 59, 0.95) !important;
-  border: 1px solid rgba(64, 169, 255, 0.3) !important;
-
-  .el-picker-panel__content {
-    background: transparent;
-  }
-
-  .el-date-table {
-    th {
-      color: rgba(255, 255, 255, 0.7);
-    }
-
-    td {
-      color: rgba(255, 255, 255, 0.9);
-
-      &.prev-month,
-      &.next-month {
-        color: rgba(255, 255, 255, 0.4);
-      }
-
-      &:hover {
-        color: #40a9ff;
-      }
-
-      &.current:not(.disabled) {
-        span {
-          background: #40a9ff;
-        }
-      }
-
-      &.start-date,
-      &.end-date {
-        span {
-          background: #40a9ff;
-        }
-      }
-
-      &.in-range {
-        background: rgba(64, 169, 255, 0.2);
-      }
-    }
-  }
-
-  .el-picker-panel__icon-btn {
-    color: rgba(255, 255, 255, 0.7);
-
-    &:hover {
-      color: #40a9ff;
-    }
-  }
-
-  .el-date-picker__header-label {
-    color: rgba(255, 255, 255, 0.9);
-
-    &:hover {
-      color: #40a9ff;
-    }
-  }
-}
 </style>