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 || "-",

packages/screen/src/views/RiskWarning/Dialog/eventDetailDialog.vue

@@ -1,4 +1,4 @@
-<template>
+  <template>
   <base-dialog
     v-model:visible="props.visible"
     title="详情"
@@ -37,11 +37,7 @@
             </div>
             <div class="info-item">
               <span class="info-label">事件等级：</span>
-              <span
+              <span class="info-value level-tag" :class="eventInfo.levelClass">{{ eventInfo.eventLevel }}</span>
-                class="info-value level-tag"
-                :class="eventInfo.levelClass"
-                >{{ eventInfo.eventLevel }}</span
-              >
             </div>
           </div>
           <div class="info-row">
@@ -80,11 +76,7 @@
           处置反馈信息
         </div>
         <div class="feedback-list">
-          <div
+          <div v-for="(item, index) in feedbackList" :key="item.id" class="feedback-item">
-            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">
@@ -105,25 +97,19 @@
               <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 class="detail-label" style="margin-left: 40px">预计结束时间：</span>
-                  >预计结束时间：</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 class="detail-label" style="margin-left: 40px">实际结束时间：</span>
-                  >实际结束时间：</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 class="detail-label" style="margin-left: 40px">联系电话：</span>
-                  >联系电话：</span
-                >
                 <span class="detail-value">{{ item.contactPhone }}</span>
               </div>
               <div class="detail-row">
@@ -138,11 +124,7 @@
   </base-dialog>
 
   <!-- 图片预览弹窗 -->
-  <div
+  <div v-if="previewVisible" class="image-preview-overlay" @click="closePreview">
-    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">
@@ -181,8 +163,7 @@ const eventInfo = ref({
   reporter: "张三",
   address: "万州区太白路123号附近",
   reportTime: "2023-10-12 14:35:00",
-  description:
+  description: "路面出现塌陷，面积约2平方米，深度约0.5米，已设置警示标志，请尽快处理。",
-    "路面出现塌陷，面积约2平方米，深度约0.5米，已设置警示标志，请尽快处理。",
 });
 
 // 处置反馈信息
@@ -245,7 +226,7 @@ watch(
       // 如果有传入数据，更新显示
       Object.assign(eventInfo.value, props.eventData);
     }
-  },
+  }
 );
 </script>
 
@@ -346,7 +327,6 @@ watch(
   display: flex;
   flex-direction: column;
   gap: 16px;
-  margin-bottom: 10px;
 }
 
 .feedback-item {

packages/screen/src/views/RiskWarning/Dialog/impactPointDetailDialog.vue

@@ -379,7 +379,6 @@ watch(
 .timeline-list {
   display: flex;
   flex-direction: column;
-  margin-bottom: 10px;
   gap: 16px;
 }
 

packages/screen/src/views/RiskWarning/component/ChongqingMap.vue

@@ -1069,27 +1069,29 @@ watch(
 // 监听 dateRange 变化，重新加载数据
 watch(
   () => props.dateRange,
-  async (newVal, oldVal) => {
+  async (newVal) => {
-    console.log("dateRange 变化:", newVal, oldVal);
+    console.log("dateRange 变化:", newVal);
-    // 先重新加载受影响区县数据
+    if (newVal && newVal.length === 2) {
-    await getAffectedCountyData();
+      // 先重新加载受影响区县数据
+      await getAffectedCountyData();
 
-    // 根据当前 activeIndex 重新加载对应数据
+      // 根据当前 activeIndex 重新加载对应数据
-    switch (props.activeIndex) {
+      switch (props.activeIndex) {
-      case 0:
+        case 0:
-        await getAffectedProjectData();
+          await getAffectedProjectData();
-        break;
+          break;
-      case 1:
+        case 1:
-        await getAffectedTunnelData();
+          await getAffectedTunnelData();
-        break;
+          break;
-      case 3:
+        case 3:
-        await getAffectedBridgeData();
+          await getAffectedBridgeData();
-        break;
+          break;
-      case 4:
+        case 4:
-        await getEmergencyForceData();
+          await getEmergencyForceData();
-        break;
+          break;
-      default:
+        default:
-        break;
+          break;
+      }
     }
   },
   { deep: true },

packages/screen/src/views/RiskWarning/component/baseDialog.vue

@@ -34,9 +34,8 @@
         <slot name="filter"></slot>
       </div>
       <!-- 数据表格 -->
-      <div class="table-section">
+      <div class="table-section" v-if="props.tableData.length > 0">
         <el-table
-          v-if="props.tableData.length > 0"
           :data="props.tableData"
           :height="props.tableHeight"
           style="width: 100%; min-height: 300px"
@@ -60,9 +59,11 @@
       </div>
 
       <!-- 分页 -->
-      <div class="pagination">
+      <div
+        class="pagination"
+        v-if="props.tableData.length > 0 && props.showPagination"
+      >
         <el-pagination
-          v-if="props.tableData.length > 0 && props.showPagination"
           :current-page="props.currentPage"
           :page-size="props.pageSize"
           :page-sizes="props.pageSizes"

packages/screen/src/views/RiskWarning/index.vue

@@ -406,32 +406,21 @@ 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);
 
 // ==================== 地图状态管理 ====================

packages/screen/src/views/RiskWarning/left.vue

@@ -116,9 +116,7 @@
       <SectionHeader title="响应调度">
         <template #right>
           <div class="header-filters">
-            <span class="filter-item active" @click="handleDateRangeClick()"
+            <span class="filter-item active">本轮</span>
-              >本轮</span
-            >
             <div class="date-range-wrapper">
               <el-date-picker
                 v-model="dateRange"
@@ -306,11 +304,6 @@ const handleDateChange = (val) => {
   dateRange.value = val;
   dispatchLoadLoad();
 };
-// 点击日期范围器
-const handleDateRangeClick = (val) => {
-  dateRange.value = [];
-  dispatchLoadLoad();
-};
 // 日期选择器数据
 const dateRange = ref([]);
 // 调度清单数据
@@ -445,20 +438,16 @@ const scheduleStatisticsByCountyLoad = async () => {
 
         // 合并渝北区和江北区为两江新区
         const mergeLiangjiangNewArea = (arr) => {
-          const yubeiItems = arr.filter((item) => item.countyName === "渝北区");
+          const yubeiItems = arr.filter(item => item.countyName === "渝北区");
-          const jiangbeiItems = arr.filter(
+          const jiangbeiItems = arr.filter(item => item.countyName === "江北区");
-            (item) => item.countyName === "江北区",
-          );
 
           if (yubeiItems.length > 0 || jiangbeiItems.length > 0) {
             // 计算合并后的数据
             const mergedItem = {
               countyName: "两江新区",
-              countyId:
+              countyId: yubeiItems[0]?.countyId || jiangbeiItems[0]?.countyId || "",
-                yubeiItems[0]?.countyId || jiangbeiItems[0]?.countyId || "",
               type: yubeiItems[0]?.type || jiangbeiItems[0]?.type || "",
-              roadType:
+              roadType: yubeiItems[0]?.roadType || jiangbeiItems[0]?.roadType || "",
-                yubeiItems[0]?.roadType || jiangbeiItems[0]?.roadType || "",
               // 数值字段累加
               noticeCount: 0,
               replyCount: 0,
@@ -467,7 +456,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;
@@ -475,7 +464,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;
@@ -483,9 +472,8 @@ const scheduleStatisticsByCountyLoad = async () => {
             });
 
             // 移除渝北区和江北区的数据，添加合并后的两江新区数据
-            const filteredArr = arr.filter(
+            const filteredArr = arr.filter(item =>
-              (item) =>
+              item.countyName !== "渝北区" && item.countyName !== "江北区"
-                item.countyName !== "渝北区" && item.countyName !== "江北区",
             );
             filteredArr.push(mergedItem);
             return filteredArr;

packages/screen/src/views/RiskWarning/right.vue

@@ -116,9 +116,7 @@
       <SectionHeader title="受灾情况">
         <template #right>
           <div class="header-filters">
-            <span class="filter-item active" @click="handleDateRangeClick()"
+            <span class="filter-item active">本轮</span>
-              >1本轮</span
-            >
             <div class="date-range-wrapper">
               <el-date-picker
                 v-model="dateRange"
@@ -130,7 +128,6 @@
                 popper-class="custom-date-picker"
                 :teleported="false"
                 :prefix-icon="Calendar"
-                @change="handleDateChange"
               />
             </div>
           </div>
@@ -197,7 +194,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted, inject } from "vue";
+import { ref, computed, onMounted } from "vue";
 import { request } from "@/utils/request";
 
 import SectionHeader from "./component/sectionHeader.vue";
@@ -226,37 +223,14 @@ const emit = defineEmits([
   "openResourceDetail",
 ]);
 
-// 注入兄弟组件通信机制
+// 组件挂载时获取数据
-const setRefreshRightData = inject("setRefreshRightData");
+onMounted(() => {
-
-// 刷新数据的函数
-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 () => {

packages/screen/src/views/RiskWarning/top.vue

@@ -1,9 +1,7 @@
 <template>
   <div class="filter-header">
     <div class="filter-container">
-      <span class="filter-item active" @click="handleDateRangeClick()"
+      <span class="filter-item active">本轮</span>
-        >本轮</span
-      >
       <div class="date-range-wrapper">
         <el-date-picker
           v-model="dateRange"
@@ -40,18 +38,12 @@ 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);