From cf23a3af2783b7fedae77a723a736a353926ec4e Mon Sep 17 00:00:00 2001
From: fanjia <3278303149@qq.com>
Date: Tue, 14 Apr 2026 09:55:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9B=BD=E7=9C=81=E9=81=93?=
 =?UTF-8?q?=EF=BC=8C=E4=B9=A1=E6=9D=91=EF=BC=8C=E9=A1=B9=E7=9B=AE=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97title?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RiskWarning/Dialog/centerInfoCard.vue     |   2 +-
 .../Dialog/responseSituationDiaLog.vue        | 138 +++++++++++++++---
 .../Dialog/tongnanResponsibleDialog.vue       |  10 +-
 .../RiskWarning/Dialog/tongnanTeamDialog.vue  |  10 +-
 .../RiskWarning/component/ChongqingMap.vue    |   2 +-
 .../screen/src/views/RiskWarning/index.vue    |   8 +-
 .../screen/src/views/RiskWarning/left.vue     |   2 +-
 .../screen/src/views/RiskWarning/right.vue    |   6 +-
 8 files changed, 149 insertions(+), 29 deletions(-)

diff --git a/packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue b/packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue
index c3c18cc..f185728 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue
@@ -51,7 +51,7 @@ const props = defineProps({
   // 标题
   title: {
     type: String,
-    default: "潼南",
+    default: "",
   },
   // 数据列表
   dataList: {
diff --git a/packages/screen/src/views/RiskWarning/Dialog/responseSituationDiaLog.vue b/packages/screen/src/views/RiskWarning/Dialog/responseSituationDiaLog.vue
index fa81b51..016758b 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/responseSituationDiaLog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/responseSituationDiaLog.vue
@@ -1,7 +1,7 @@
 <template>
   <base-dialog
     v-model:visible="props.visible"
-    title="潼南三级路长明细"
+    :title="props.allCountyData.name + '三级路长明细'"
     :table-data="tableData"
     :table-columns="tableColumns"
     :table-height="300"
@@ -76,7 +76,17 @@
 
 <script setup>
 import { ref, computed, watch } from "vue";
-import { Close, VideoCamera, Microphone, Phone, ArrowLeft, ArrowRight, User, OfficeBuilding, MapLocation } from "@element-plus/icons-vue";
+import {
+  Close,
+  VideoCamera,
+  Microphone,
+  Phone,
+  ArrowLeft,
+  ArrowRight,
+  User,
+  OfficeBuilding,
+  MapLocation,
+} from "@element-plus/icons-vue";
 import baseDialog from "../component/baseDialog.vue";
 
 const props = defineProps({
@@ -84,6 +94,12 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  allCountyData: {
+    type: Object,
+    default: () => ({
+      name: "",
+    }),
+  },
 });
 
 const emit = defineEmits(["update:visible", "close"]);
@@ -108,18 +124,102 @@ const tableColumns = ref([
 
 // 表格数据
 const tableData = ref([
-  { id: 1, district: "万州区柏梓镇", name: "赵海浪", phone: "1862352068", role: "一般人员（路长履职）", position: "其他" },
-  { id: 2, district: "万州区柏梓镇", name: "赵海浪", phone: "1862352068", role: "一般人员（路长履职）", position: "其他" },
-  { id: 3, district: "万州区柏梓镇", name: "赵海浪", phone: "1862352068", role: "一般人员（路长履职）", position: "其他" },
-  { id: 4, district: "万州区柏梓镇", name: "赵海浪", phone: "1862352068", role: "一般人员（路长履职）", position: "其他" },
-  { id: 5, district: "万州区李河镇", name: "王建国", phone: "1398324567", role: "一般人员（路长履职）", position: "其他" },
-  { id: 6, district: "万州区李河镇", name: "王建国", phone: "1398324567", role: "一般人员（路长履职）", position: "其他" },
-  { id: 7, district: "万州区李河镇", name: "王建国", phone: "1398324567", role: "一般人员（路长履职）", position: "其他" },
-  { id: 8, district: "万州区李河镇", name: "王建国", phone: "1398324567", role: "一般人员（路长履职）", position: "其他" },
-  { id: 9, district: "万州区分水镇", name: "刘志强", phone: "1387654321", role: "一般人员（路长履职）", position: "其他" },
-  { id: 10, district: "万州区分水镇", name: "刘志强", phone: "1387654321", role: "一般人员（路长履职）", position: "其他" },
-  { id: 11, district: "万州区分水镇", name: "刘志强", phone: "1387654321", role: "一般人员（路长履职）", position: "其他" },
-  { id: 12, district: "万州区分水镇", name: "刘志强", phone: "1387654321", role: "一般人员（路长履职）", position: "其他" },
+  {
+    id: 1,
+    district: "万州区柏梓镇",
+    name: "赵海浪",
+    phone: "1862352068",
+    role: "一般人员（路长履职）",
+    position: "其他",
+  },
+  {
+    id: 2,
+    district: "万州区柏梓镇",
+    name: "赵海浪",
+    phone: "1862352068",
+    role: "一般人员（路长履职）",
+    position: "其他",
+  },
+  {
+    id: 3,
+    district: "万州区柏梓镇",
+    name: "赵海浪",
+    phone: "1862352068",
+    role: "一般人员（路长履职）",
+    position: "其他",
+  },
+  {
+    id: 4,
+    district: "万州区柏梓镇",
+    name: "赵海浪",
+    phone: "1862352068",
+    role: "一般人员（路长履职）",
+    position: "其他",
+  },
+  {
+    id: 5,
+    district: "万州区李河镇",
+    name: "王建国",
+    phone: "1398324567",
+    role: "一般人员（路长履职）",
+    position: "其他",
+  },
+  {
+    id: 6,
+    district: "万州区李河镇",
+    name: "王建国",
+    phone: "1398324567",
+    role: "一般人员（路长履职）",
+    position: "其他",
+  },
+  {
+    id: 7,
+    district: "万州区李河镇",
+    name: "王建国",
+    phone: "1398324567",
+    role: "一般人员（路长履职）",
+    position: "其他",
+  },
+  {
+    id: 8,
+    district: "万州区李河镇",
+    name: "王建国",
+    phone: "1398324567",
+    role: "一般人员（路长履职）",
+    position: "其他",
+  },
+  {
+    id: 9,
+    district: "万州区分水镇",
+    name: "刘志强",
+    phone: "1387654321",
+    role: "一般人员（路长履职）",
+    position: "其他",
+  },
+  {
+    id: 10,
+    district: "万州区分水镇",
+    name: "刘志强",
+    phone: "1387654321",
+    role: "一般人员（路长履职）",
+    position: "其他",
+  },
+  {
+    id: 11,
+    district: "万州区分水镇",
+    name: "刘志强",
+    phone: "1387654321",
+    role: "一般人员（路长履职）",
+    position: "其他",
+  },
+  {
+    id: 12,
+    district: "万州区分水镇",
+    name: "刘志强",
+    phone: "1387654321",
+    role: "一般人员（路长履职）",
+    position: "其他",
+  },
 ]);
 
 // 分页
@@ -171,13 +271,11 @@ watch(
       currentPage.value = 1;
       fetchData();
     }
-  }
+  },
 );
 </script>
 
 <style lang="scss" scoped>
-
-
 // 统计卡片
 .stats-cards {
   display: flex;
@@ -189,7 +287,11 @@ watch(
     display: flex;
     align-items: center;
     gap: 8px;
-    background: linear-gradient(135deg, rgba(30, 80, 140, 0.6) 0%, rgba(20, 60, 110, 0.8) 100%);
+    background: linear-gradient(
+      135deg,
+      rgba(30, 80, 140, 0.6) 0%,
+      rgba(20, 60, 110, 0.8) 100%
+    );
     border: 1px solid rgba(64, 169, 255, 0.2);
     border-radius: 4px;
     padding: 10px 12px;
diff --git a/packages/screen/src/views/RiskWarning/Dialog/tongnanResponsibleDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/tongnanResponsibleDialog.vue
index 150c7bf..0f6d9a8 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/tongnanResponsibleDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/tongnanResponsibleDialog.vue
@@ -1,7 +1,7 @@
 <template>
   <base-dialog
     v-model:visible="props.visible"
-    title="潼南建设项目责任人明细"
+    :title="props.allCountyData.name + '建设责任人明细'"
     :table-data="tableData"
     :table-columns="tableColumns"
     :table-height="400"
@@ -30,6 +30,12 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  allCountyData: {
+    type: Object,
+    default: () => ({
+      name: "",
+    }),
+  },
 });
 
 const emit = defineEmits(["update:visible", "close", "detail"]);
@@ -136,7 +142,7 @@ watch(
       currentPage.value = 1;
       fetchData();
     }
-  }
+  },
 );
 </script>
 
diff --git a/packages/screen/src/views/RiskWarning/Dialog/tongnanTeamDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/tongnanTeamDialog.vue
index 800cb1c..0d6ecaf 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/tongnanTeamDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/tongnanTeamDialog.vue
@@ -1,7 +1,7 @@
 <template>
   <base-dialog
     v-model:visible="props.visible"
-    title="潼南护路团队成员"
+    :title="props.allCountyData.name + '护路团队成员明细'"
     :table-data="tableData"
     :table-columns="tableColumns"
     :table-height="400"
@@ -30,6 +30,12 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  allCountyData: {
+    type: Object,
+    default: () => ({
+      name: "",
+    }),
+  },
 });
 
 const emit = defineEmits(["update:visible", "close", "view"]);
@@ -148,7 +154,7 @@ watch(
       currentPage.value = 1;
       fetchData();
     }
-  }
+  },
 );
 </script>
 
diff --git a/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue b/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
index 2d9d2ee..0303328 100644
--- a/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
+++ b/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
@@ -176,7 +176,7 @@ const showCountyCardsOnMap = (dataList) => {
       // 创建一个容器元素用于挂载 Vue 组件
       const container = document.createElement("div");
       container.className = "county-card-wrapper";
-
+      console.log(item);
       // 使用 Vue 的 h 函数创建组件虚拟节点
       const vnode = h(centerInfoCard, {
         visible: true,
diff --git a/packages/screen/src/views/RiskWarning/index.vue b/packages/screen/src/views/RiskWarning/index.vue
index 147d1b4..f606ee4 100644
--- a/packages/screen/src/views/RiskWarning/index.vue
+++ b/packages/screen/src/views/RiskWarning/index.vue
@@ -81,6 +81,7 @@
       <!-- 农村公路对话框 -->
       <responseSituationDiaLog
         v-model:visible="dialogVisible.responseSituation"
+        :allCountyData="allCountyData"
         @close="closeDialog('responseSituation')"
       />
 
@@ -162,6 +163,7 @@
       <!-- 项目对话框 -->
       <tongnanResponsibleDialog
         v-model:visible="dialogVisible.tongnanResponsible"
+        :allCountyData="allCountyData"
         @close="closeDialog('tongnanResponsible')"
         @detail="openDialog('tongnanInfo')"
       />
@@ -195,6 +197,7 @@
       <!-- 国省道对话框 -->
       <tongnanTeamDialog
         v-model:visible="dialogVisible.tongnanTeam"
+        :allCountyData="allCountyData"
         @close="closeDialog('tongnanTeam')"
         @view="openDialog('tongnanInfo')"
       />
@@ -345,10 +348,11 @@ const openConfirm = (config) => {
 };
 // 中心信息卡片显示状态
 const showCenterCard = ref(false);
-
+const allCountyData = ref({});
 // 处理区县点击
 const handleDistrictClick = (item) => {
-  console.log("区县点击:", item.data);
+  console.log("区县点击:", item);
+  allCountyData.value = item;
   if (item.data.roadType == "national") {
     // 国省道
     openDialog("tongnanTeam");
diff --git a/packages/screen/src/views/RiskWarning/left.vue b/packages/screen/src/views/RiskWarning/left.vue
index 7bf5dca..692a3bb 100644
--- a/packages/screen/src/views/RiskWarning/left.vue
+++ b/packages/screen/src/views/RiskWarning/left.vue
@@ -1205,7 +1205,7 @@ const cellStyle = () => ({
         display: flex;
         align-items: center;
         // gap: vw(8);
-        padding: vw(10);
+        padding: vw(12) vw(10);
         // background: rgba(64, 169, 255, 0.08);
 
         .stat-icon {
diff --git a/packages/screen/src/views/RiskWarning/right.vue b/packages/screen/src/views/RiskWarning/right.vue
index a899e43..bdf38b7 100644
--- a/packages/screen/src/views/RiskWarning/right.vue
+++ b/packages/screen/src/views/RiskWarning/right.vue
@@ -117,7 +117,7 @@
         <template #right>
           <div class="header-filters">
             <span class="filter-item active" @click="handleDateRangeClick()"
-              >1本轮</span
+              >本轮</span
             >
             <div class="date-range-wrapper">
               <el-date-picker
@@ -732,6 +732,8 @@ const majorEvent = "0";
   .resource-item {
     display: flex;
     align-items: center;
+    box-sizing: border-box;
+    height: 42px;
     gap: vw(6);
     padding: vw(4) vw(8);
     background: linear-gradient(270deg, rgba(18, 52, 97, 0) 0%, #203555 100%);
@@ -1098,7 +1100,7 @@ const majorEvent = "0";
 
       .damage-item {
         text-align: center;
-        padding: vw(8);
+        padding: vw(4) 0;
         // background: rgba(64, 169, 255, 0.1);
         // border-radius: 6px;
         background-image: url("../../assets/RiskWarning_img/路径62@2x.png");