From c706e7c79172d1c35ed3d9ccda0e646103ced349 Mon Sep 17 00:00:00 2001
From: fanjia <3278303149@qq.com>
Date: Mon, 13 Apr 2026 16:38:07 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=9A=E8=BF=87=E6=97=B6=E9=97=B4=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=EF=BC=8C=E5=9C=B0=E5=9B=BE=E5=92=8C=E5=B7=A6=E6=A0=8F?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Dialog/clearanceSituationDialog.vue       |  4 +-
 .../RiskWarning/Dialog/eventDetailDialog.vue  | 38 +++++++++++++----
 .../Dialog/impactPointDetailDialog.vue        |  1 +
 .../RiskWarning/component/ChongqingMap.vue    | 42 +++++++++----------
 .../RiskWarning/component/baseDialog.vue      |  9 ++--
 .../screen/src/views/RiskWarning/index.vue    | 11 +++++
 .../screen/src/views/RiskWarning/left.vue     | 30 +++++++++----
 .../screen/src/views/RiskWarning/right.vue    | 34 +++++++++++++--
 packages/screen/src/views/RiskWarning/top.vue | 12 +++++-
 9 files changed, 128 insertions(+), 53 deletions(-)

diff --git a/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
index 80a8d92..93035db 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
@@ -145,7 +145,7 @@ const tableColumns = ref([
   { prop: "stakeNo", label: "起止桩号", width: "", slot: "stakeNo" },
   { prop: "location", label: "路况位置", width: "", slot: "location" },
   { prop: "occurrenceTime", label: "发生时间", width: "" },
-  { prop: "routeNo2", label: "线路编号", width: "" },
+  // { prop: "routeNo2", label: "线路编号", width: "" },
   { prop: "type", label: "类型", width: "" },
   {
     prop: "roadConditionType",
@@ -255,7 +255,7 @@ const fetchData = async () => {
           stakeNo: `${item.startStakeNo}-${item.endStakeNo}` || "-",
           location: item.occurLocation || "-",
           occurrenceTime: item.occurTime || "-",
-          routeNo2: item.routeNo || "-",
+          // routeNo2: item.routeNo || "-",
           type: item.roadConditionType || "-",
           roadConditionType: item.roadConditionType || "-",
           expectRecoverTime: item.expectRecoverTime || "-",
diff --git a/packages/screen/src/views/RiskWarning/Dialog/eventDetailDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/eventDetailDialog.vue
index 3939fd8..1ed9303 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/eventDetailDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/eventDetailDialog.vue
@@ -1,4 +1,4 @@
-  <template>
+<template>
   <base-dialog
     v-model:visible="props.visible"
     title="详情"
@@ -37,7 +37,11 @@
             </div>
             <div class="info-item">
               <span class="info-label">事件等级：</span>
-              <span class="info-value level-tag" :class="eventInfo.levelClass">{{ eventInfo.eventLevel }}</span>
+              <span
+                class="info-value level-tag"
+                :class="eventInfo.levelClass"
+                >{{ eventInfo.eventLevel }}</span
+              >
             </div>
           </div>
           <div class="info-row">
@@ -76,7 +80,11 @@
           处置反馈信息
         </div>
         <div class="feedback-list">
-          <div v-for="(item, index) in feedbackList" :key="item.id" class="feedback-item">
+          <div
+            v-for="(item, index) in feedbackList"
+            :key="item.id"
+            class="feedback-item"
+          >
             <div class="feedback-header">
               <div class="feedback-num">{{ index + 1 }}</div>
               <div class="feedback-info">
@@ -97,19 +105,25 @@
               <div class="detail-row">
                 <span class="detail-label">预计开始时间：</span>
                 <span class="detail-value">{{ item.estimatedStartTime }}</span>
-                <span class="detail-label" style="margin-left: 40px">预计结束时间：</span>
+                <span class="detail-label" style="margin-left: 40px"
+                  >预计结束时间：</span
+                >
                 <span class="detail-value">{{ item.estimatedEndTime }}</span>
               </div>
               <div class="detail-row">
                 <span class="detail-label">实际开始时间：</span>
                 <span class="detail-value">{{ item.actualStartTime }}</span>
-                <span class="detail-label" style="margin-left: 40px">实际结束时间：</span>
+                <span class="detail-label" style="margin-left: 40px"
+                  >实际结束时间：</span
+                >
                 <span class="detail-value">{{ item.actualEndTime }}</span>
               </div>
               <div class="detail-row">
                 <span class="detail-label">处置人：</span>
                 <span class="detail-value">{{ item.handlerName }}</span>
-                <span class="detail-label" style="margin-left: 40px">联系电话：</span>
+                <span class="detail-label" style="margin-left: 40px"
+                  >联系电话：</span
+                >
                 <span class="detail-value">{{ item.contactPhone }}</span>
               </div>
               <div class="detail-row">
@@ -124,7 +138,11 @@
   </base-dialog>
 
   <!-- 图片预览弹窗 -->
-  <div v-if="previewVisible" class="image-preview-overlay" @click="closePreview">
+  <div
+    v-if="previewVisible"
+    class="image-preview-overlay"
+    @click="closePreview"
+  >
     <div class="image-preview-container" @click.stop>
       <img :src="previewImageUrl" alt="预览" />
       <div class="close-preview-btn" @click="closePreview">
@@ -163,7 +181,8 @@ const eventInfo = ref({
   reporter: "张三",
   address: "万州区太白路123号附近",
   reportTime: "2023-10-12 14:35:00",
-  description: "路面出现塌陷，面积约2平方米，深度约0.5米，已设置警示标志，请尽快处理。",
+  description:
+    "路面出现塌陷，面积约2平方米，深度约0.5米，已设置警示标志，请尽快处理。",
 });
 
 // 处置反馈信息
@@ -226,7 +245,7 @@ watch(
       // 如果有传入数据，更新显示
       Object.assign(eventInfo.value, props.eventData);
     }
-  }
+  },
 );
 </script>
 
@@ -327,6 +346,7 @@ watch(
   display: flex;
   flex-direction: column;
   gap: 16px;
+  margin-bottom: 10px;
 }
 
 .feedback-item {
diff --git a/packages/screen/src/views/RiskWarning/Dialog/impactPointDetailDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/impactPointDetailDialog.vue
index e2ee0e8..e4b9c9a 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/impactPointDetailDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/impactPointDetailDialog.vue
@@ -379,6 +379,7 @@ watch(
 .timeline-list {
   display: flex;
   flex-direction: column;
+  margin-bottom: 10px;
   gap: 16px;
 }
 
diff --git a/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue b/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
index 47b2e6a..2d9d2ee 100644
--- a/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
+++ b/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
@@ -1069,29 +1069,27 @@ watch(
 // 监听 dateRange 变化，重新加载数据
 watch(
   () => props.dateRange,
-  async (newVal) => {
-    console.log("dateRange 变化:", newVal);
-    if (newVal && newVal.length === 2) {
-      // 先重新加载受影响区县数据
-      await getAffectedCountyData();
+  async (newVal, oldVal) => {
+    console.log("dateRange 变化:", newVal, oldVal);
+    // 先重新加载受影响区县数据
+    await getAffectedCountyData();
 
-      // 根据当前 activeIndex 重新加载对应数据
-      switch (props.activeIndex) {
-        case 0:
-          await getAffectedProjectData();
-          break;
-        case 1:
-          await getAffectedTunnelData();
-          break;
-        case 3:
-          await getAffectedBridgeData();
-          break;
-        case 4:
-          await getEmergencyForceData();
-          break;
-        default:
-          break;
-      }
+    // 根据当前 activeIndex 重新加载对应数据
+    switch (props.activeIndex) {
+      case 0:
+        await getAffectedProjectData();
+        break;
+      case 1:
+        await getAffectedTunnelData();
+        break;
+      case 3:
+        await getAffectedBridgeData();
+        break;
+      case 4:
+        await getEmergencyForceData();
+        break;
+      default:
+        break;
     }
   },
   { deep: true },
diff --git a/packages/screen/src/views/RiskWarning/component/baseDialog.vue b/packages/screen/src/views/RiskWarning/component/baseDialog.vue
index 75adc73..259d0f7 100644
--- a/packages/screen/src/views/RiskWarning/component/baseDialog.vue
+++ b/packages/screen/src/views/RiskWarning/component/baseDialog.vue
@@ -34,8 +34,9 @@
         <slot name="filter"></slot>
       </div>
       <!-- 数据表格 -->
-      <div class="table-section" v-if="props.tableData.length > 0">
+      <div class="table-section">
         <el-table
+          v-if="props.tableData.length > 0"
           :data="props.tableData"
           :height="props.tableHeight"
           style="width: 100%; min-height: 300px"
@@ -59,11 +60,9 @@
       </div>
 
       <!-- 分页 -->
-      <div
-        class="pagination"
-        v-if="props.tableData.length > 0 && props.showPagination"
-      >
+      <div class="pagination">
         <el-pagination
+          v-if="props.tableData.length > 0 && props.showPagination"
           :current-page="props.currentPage"
           :page-size="props.pageSize"
           :page-sizes="props.pageSizes"
diff --git a/packages/screen/src/views/RiskWarning/index.vue b/packages/screen/src/views/RiskWarning/index.vue
index f728dc2..147d1b4 100644
--- a/packages/screen/src/views/RiskWarning/index.vue
+++ b/packages/screen/src/views/RiskWarning/index.vue
@@ -406,21 +406,32 @@ const handleCenterCardClickType = (item) => {
 
 // 兄弟组件通信机制
 const refreshLeftData = ref(null);
+const refreshRightData = ref(null);
 
 // 提供刷新函数给子组件
 const setRefreshLeftData = (callback) => {
   refreshLeftData.value = callback;
 };
 
+// 提供刷新函数给 right.vue
+const setRefreshRightData = (callback) => {
+  refreshRightData.value = callback;
+};
+
 // 触发刷新函数
 const triggerRefreshLeftData = () => {
   if (refreshLeftData.value) {
     refreshLeftData.value();
   }
+  // 同时触发 right.vue 刷新
+  if (refreshRightData.value) {
+    refreshRightData.value();
+  }
 };
 
 // 提供通信机制给子组件
 provide("setRefreshLeftData", setRefreshLeftData);
+provide("setRefreshRightData", setRefreshRightData);
 provide("triggerRefreshLeftData", triggerRefreshLeftData);
 
 // ==================== 地图状态管理 ====================
diff --git a/packages/screen/src/views/RiskWarning/left.vue b/packages/screen/src/views/RiskWarning/left.vue
index 3b126b0..7bf5dca 100644
--- a/packages/screen/src/views/RiskWarning/left.vue
+++ b/packages/screen/src/views/RiskWarning/left.vue
@@ -116,7 +116,9 @@
       <SectionHeader title="响应调度">
         <template #right>
           <div class="header-filters">
-            <span class="filter-item active">本轮</span>
+            <span class="filter-item active" @click="handleDateRangeClick()"
+              >本轮</span
+            >
             <div class="date-range-wrapper">
               <el-date-picker
                 v-model="dateRange"
@@ -304,6 +306,11 @@ const handleDateChange = (val) => {
   dateRange.value = val;
   dispatchLoadLoad();
 };
+// 点击日期范围器
+const handleDateRangeClick = (val) => {
+  dateRange.value = [];
+  dispatchLoadLoad();
+};
 // 日期选择器数据
 const dateRange = ref([]);
 // 调度清单数据
@@ -438,16 +445,20 @@ const scheduleStatisticsByCountyLoad = async () => {
 
         // 合并渝北区和江北区为两江新区
         const mergeLiangjiangNewArea = (arr) => {
-          const yubeiItems = arr.filter(item => item.countyName === "渝北区");
-          const jiangbeiItems = arr.filter(item => item.countyName === "江北区");
+          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 || "",
+              countyId:
+                yubeiItems[0]?.countyId || jiangbeiItems[0]?.countyId || "",
               type: yubeiItems[0]?.type || jiangbeiItems[0]?.type || "",
-              roadType: yubeiItems[0]?.roadType || jiangbeiItems[0]?.roadType || "",
+              roadType:
+                yubeiItems[0]?.roadType || jiangbeiItems[0]?.roadType || "",
               // 数值字段累加
               noticeCount: 0,
               replyCount: 0,
@@ -456,7 +467,7 @@ const scheduleStatisticsByCountyLoad = async () => {
             };
 
             // 累加渝北区数据
-            yubeiItems.forEach(item => {
+            yubeiItems.forEach((item) => {
               mergedItem.noticeCount += item.noticeCount || 0;
               mergedItem.replyCount += item.replyCount || 0;
               mergedItem.population += item.population || 0;
@@ -464,7 +475,7 @@ const scheduleStatisticsByCountyLoad = async () => {
             });
 
             // 累加江北区数据
-            jiangbeiItems.forEach(item => {
+            jiangbeiItems.forEach((item) => {
               mergedItem.noticeCount += item.noticeCount || 0;
               mergedItem.replyCount += item.replyCount || 0;
               mergedItem.population += item.population || 0;
@@ -472,8 +483,9 @@ const scheduleStatisticsByCountyLoad = async () => {
             });
 
             // 移除渝北区和江北区的数据，添加合并后的两江新区数据
-            const filteredArr = arr.filter(item =>
-              item.countyName !== "渝北区" && item.countyName !== "江北区"
+            const filteredArr = arr.filter(
+              (item) =>
+                item.countyName !== "渝北区" && item.countyName !== "江北区",
             );
             filteredArr.push(mergedItem);
             return filteredArr;
diff --git a/packages/screen/src/views/RiskWarning/right.vue b/packages/screen/src/views/RiskWarning/right.vue
index 1a2d6e7..a899e43 100644
--- a/packages/screen/src/views/RiskWarning/right.vue
+++ b/packages/screen/src/views/RiskWarning/right.vue
@@ -116,7 +116,9 @@
       <SectionHeader title="受灾情况">
         <template #right>
           <div class="header-filters">
-            <span class="filter-item active">本轮</span>
+            <span class="filter-item active" @click="handleDateRangeClick()"
+              >1本轮</span
+            >
             <div class="date-range-wrapper">
               <el-date-picker
                 v-model="dateRange"
@@ -128,6 +130,7 @@
                 popper-class="custom-date-picker"
                 :teleported="false"
                 :prefix-icon="Calendar"
+                @change="handleDateChange"
               />
             </div>
           </div>
@@ -194,7 +197,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from "vue";
+import { ref, computed, onMounted, inject } from "vue";
 import { request } from "@/utils/request";
 
 import SectionHeader from "./component/sectionHeader.vue";
@@ -223,14 +226,37 @@ const emit = defineEmits([
   "openResourceDetail",
 ]);
 
-// 组件挂载时获取数据
-onMounted(() => {
+// 注入兄弟组件通信机制
+const setRefreshRightData = inject("setRefreshRightData");
+
+// 刷新数据的函数
+const refreshData = () => {
+  console.log("right.vue 刷新数据");
   getYhYjllList();
   getYhYjllListMaterials();
   getControlStats();
   getRescueInputStats();
   getDisasterStats();
+};
+
+// 组件挂载时获取数据并注册刷新函数
+onMounted(() => {
+  refreshData();
+  // 注册刷新函数到父组件
+  if (setRefreshRightData) {
+    setRefreshRightData(refreshData);
+  }
 });
+// 日期选择器变化事件
+const handleDateChange = (val) => {
+  dateRange.value = val;
+  getDisasterStats();
+};
+// 点击日期范围器
+const handleDateRangeClick = (val) => {
+  dateRange.value = [];
+  getDisasterStats();
+};
 
 // 获取应急力量列表数据
 const getYhYjllList = async () => {
diff --git a/packages/screen/src/views/RiskWarning/top.vue b/packages/screen/src/views/RiskWarning/top.vue
index 84f01e1..966c4ea 100644
--- a/packages/screen/src/views/RiskWarning/top.vue
+++ b/packages/screen/src/views/RiskWarning/top.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="filter-header">
     <div class="filter-container">
-      <span class="filter-item active">本轮</span>
+      <span class="filter-item active" @click="handleDateRangeClick()"
+        >本轮</span
+      >
       <div class="date-range-wrapper">
         <el-date-picker
           v-model="dateRange"
@@ -38,12 +40,18 @@ const setEndOfDay = (date) => {
   d.setHours(23, 59, 59, 999);
   return d;
 };
-
+// 点击日期范围器
+const handleDateRangeClick = () => {
+  dateRange.value = [];
+  triggerRefreshLeftData();
+  emit("dateRangeChange", []);
+};
 // 监听 dateRange 变化
 watch(
   dateRange,
   (newVal, oldVal) => {
     // 只有当值真正发生变化时才触发
+    console.log("dateRange 变化:", newVal, oldVal);
     if (JSON.stringify(newVal) !== JSON.stringify(oldVal)) {
       console.log("dateRange 发生变化:", newVal);