diff --git a/.eslintrc.cjs b/.eslintrc.cjs
deleted file mode 100644
index 212a83f..0000000
--- a/.eslintrc.cjs
+++ /dev/null
@@ -1,22 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-    node: true
-  },
-  extends: [
-    'eslint:recommended',
-    'plugin:vue/vue3-recommended'
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module'
-  },
-  plugins: ['vue'],
-  rules: {
-    'vue/multi-word-component-names': 'off',
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'vue/no-v-html': 'off'
-  }
-}
diff --git a/packages/screen/src/views/RiskWarning/Dialog/aiWarningResultDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/aiWarningResultDialog.vue
index 000f837..9160436 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/aiWarningResultDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/aiWarningResultDialog.vue
@@ -141,6 +141,18 @@
                 >
                   {{ currentWarningInfo.whistle }}
                 </div>
+                <div
+                  class="suggestion-content"
+                  v-else-if="'frontline-contractor' == activeHierarchyTab"
+                >
+                  {{ currentWarningInfo.contractor }}
+                </div>
+                <div
+                  class="suggestion-content"
+                  v-else-if="'frontline-person' == activeHierarchyTab"
+                >
+                  {{ currentWarningInfo.person }}
+                </div>
               </div>
 
               <!-- 影响范围 -->
@@ -268,7 +280,7 @@ const emit = defineEmits(['update:visible', 'close']);
 const warningData = ref({
   publishOrg: '',
   warningContent:
-    '潼南区气象台2025年11月13日0时40分发布“暴雨蓝色预警tt信号”，预计23日0:40-6:40，龙形、宝龙、上和、大佛、桂林、玉溪、米心、花岩、双江、古溪、群力、柏梓、崇龛、梓潼、太安等15个乡镇（街道）强降水趋于减弱，未来6小时累计雨量将达50～100毫米，最大小时雨强将达20～40毫米，局地伴有雷电、阵性大风，请各地注意防范。',
+    '黔江区气象台2026年4月16日01时00分发布“暴雨红色预警信号”，过去1小时，双槐雨量已达90毫米，预计6日1:00-7:00，濯水镇街强降水仍将持续，未来6小时累计雨量将达90～160毫米，最大小时雨强将达80～100毫米，局地伴有雷电、阵性大风，地质灾害、中小河流洪水、山洪、城乡积涝等灾害风险高，请注意防范。',
   effectiveTime: '',
   expireTime: '',
 });
@@ -297,17 +309,19 @@ const hierarchyLevels = ref([
 
 // 右侧选项卡数据
 const hierarchyTabs = ref([
-  { key: 'city-leader', label: '公路中心领导', parentKey: 'city' },
+  { key: 'city-leader', label: '中心领导', parentKey: 'city' },
   { key: 'city-dept', label: '处室负责人', parentKey: 'city' },
   { key: 'city-emergency', label: '中心应急办', parentKey: 'city' },
 ]);
 const districtTabsMap = ref([
   { key: 'district-leader', label: '公路交通部门领导', parentKey: 'district' },
-  { key: 'district-person', label: '公路交通部门包保人', parentKey: 'district' },
+  { key: 'district-person', label: '养护站长/路长办', parentKey: 'district' },
 ]);
 const frontlineTabsMap = ref([
   { key: 'frontline-guard', label: '护路员', parentKey: 'frontline' },
-  { key: 'frontline-whistle', label: '项目吹哨人', parentKey: 'frontline' },
+  { key: 'frontline-whistle', label: '建设单位包保责任人', parentKey: 'frontline' },
+  { key: 'frontline-contractor', label: '施工单位包保责任人', parentKey: 'frontline' },
+  { key: 'frontline-person', label: '吹哨人', parentKey: 'frontline' },
 ]);
 
 const activeHierarchyTab = ref('city-leader');
@@ -584,7 +598,7 @@ watch(
     display: flex;
     align-items: center;
     justify-content: center;
-    margin-top: 50px;
+    // margin-top: -40px;
     gap: 8px;
     .ai-icon-img {
       width: 80px;
@@ -606,7 +620,7 @@ watch(
     gap: 20px;
     align-items: center;
     margin-left: 20px;
-    margin-top: 50px;
+    // margin-top: -40px;
     margin-right: 10px;
 
     .hierarchy-left {
diff --git a/packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue b/packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue
index c907600..2528abc 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/centerInfoCard.vue
@@ -1,9 +1,6 @@
 <template>
   <div class="center-info-card-container" v-if="visible" @click="handleClick">
-    <div
-      class="center-info-card"
-      :style="{ backgroundImage: `url(${districtIcon})` }"
-    >
+    <div class="center-info-card" :style="{ backgroundImage: `url(${districtIcon})` }">
       <!-- 标题栏 -->
       <div class="card-header">
         <div class="header-left">
@@ -17,11 +14,11 @@
       <!-- 内容区域 -->
       <div class="card-content">
         <div class="info-row">
-          <span class="info-text">人数：{{ item?.population || "-" }}人</span>
+          <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>{{ item?.entityCount || '-' }}</span>
             <span v-if="item?.type == 'project'">个</span>
             <span v-else>条</span>
           </span>
@@ -32,10 +29,10 @@
 </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";
+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({
   // 是否显示卡片
@@ -51,7 +48,7 @@ const props = defineProps({
   // 标题
   title: {
     type: String,
-    default: "",
+    default: '',
   },
   // 数据列表
   dataList: {
@@ -80,7 +77,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["click", "close", "itemClick", "onClick"]);
+const emit = defineEmits(['click', 'close', 'itemClick', 'onClick']);
 
 // 是否显示卡片（兼容旧版本）
 const showCard = computed(() => {
@@ -89,35 +86,35 @@ const showCard = computed(() => {
     return props.visible;
   }
   // 否则使用旧版本的类型判断
-  return props.type === "second" || props.type === "third";
+  return props.type === 'second' || props.type === 'third';
 });
 
 // 获取公路类型文本
-const getRoadTypeText = (roadType) => {
+const getRoadTypeText = roadType => {
   const roadTypeMap = {
-    national: "国省道",
-    rural: "农村公路",
+    national: '国省道',
+    rural: '农村公路',
   };
   return roadTypeMap[roadType] || roadType;
 };
 
 // 点击事件（兼容旧版本）
 const handleClick = () => {
-  console.log("centerInfoCard clicked, type:", props.type);
+  console.log('centerInfoCard clicked, type:', props.type);
   // 触发 onClick 事件
-  emit("onClick");
+  emit('onClick');
   // 同时触发旧版本的 click 事件
-  emit("click", props.type);
+  emit('click', props.type);
 };
 
 // 关闭事件
 const handleClose = () => {
-  emit("close");
+  emit('close');
 };
 
 // 数据项点击事件
-const handleItemClick = (item) => {
-  emit("itemClick", item);
+const handleItemClick = item => {
+  emit('itemClick', item);
 };
 </script>
 
diff --git a/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
index 102d03c..67896ed 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/clearanceSituationDialog.vue
@@ -23,6 +23,7 @@
             placeholder="请选择"
             class="filter-select"
             clearable
+            @change="handleFilterChange"
           >
             <el-option
               v-for="item in regionOptions"
@@ -40,6 +41,7 @@
             placeholder="请选择"
             class="filter-select"
             clearable
+            @change="handleFilterChange"
           >
             <el-option
               v-for="item in typeOptions"
@@ -99,17 +101,24 @@
 </template>
 
 <script setup>
-import { ref, computed, watch } from 'vue';
+import { ref, computed, watch, inject } from 'vue';
 import { Close } from '@element-plus/icons-vue';
 import { regionOptions, typeOptions, controlMeasureOptions } from '../component/index.js';
 import BaseDialog from '../component/baseDialog.vue';
 import { request } from '@/utils/request';
-
+import { formatDateTime } from '../component/index.js';
+0;
+// 注入日期范围
+// const dateRange = inject('dateRange', ref([]));
 const props = defineProps({
   visible: {
     type: Boolean,
     default: false,
   },
+  dateRange: {
+    type: Array,
+    default: () => [],
+  },
 });
 
 const emit = defineEmits(['update:visible', 'close', 'detail', 'itemdata']);
@@ -185,6 +194,11 @@ const getControlClass = measure => {
     半幅封闭: 'control-half',
     正常通行: 'control-normal',
     限制通行: 'control-limit',
+    限速限车: 'control-limit',
+    告警阻拦: 'control-limit',
+    半幅通行: 'control-half',
+    限速: 'control-limit',
+    告警阻拦: 'control-limit',
   };
   return classMap[measure] || '';
 };
@@ -219,25 +233,27 @@ const handleFilterChange = () => {
 // 获取数据
 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;
+    let params = {
+      start: '',
+      end: '',
+    };
+    if (props.dateRange && props.dateRange.length === 2) {
+      params.start = formatDateTime(props.dateRange[0]);
+      params.end = formatDateTime(props.dateRange[1]);
     }
 
     const res = await request({
       url: '/snow-ops-platform/sm-event/dashboard/control-list',
       method: 'GET',
       params: {
+        start: params.start,
+        end: params.end,
         pageNum: currentPage.value,
         pageSize: pageSize.value,
-        measureType: measureType,
+        // measureType: measureType,
+        districtCode: filterForm.value.district, // 影响区域
+        roadConditionType: filterForm.value.type, // 类型
+        processingMeasure: filterForm.value.roadConditionType, // 管控措施
       },
     });
 
@@ -246,6 +262,7 @@ const fetchData = async () => {
       // 转换数据格式
       tableData.value = data.records.map((item, index) => {
         return {
+          gl1SjId: item.sjId || '-',
           id: currentPage.value * pageSize.value - (pageSize.value - index - 1),
           district: item.affectedArea || '-',
           routeNo: item.routeNo || '-',
@@ -276,6 +293,16 @@ watch(
     }
   }
 );
+watch(
+  () => filterForm.value,
+  newVal => {
+    console.log('filterForm.value变化:', newVal);
+    if (newVal) {
+      currentPage.value = 1;
+      fetchData();
+    }
+  }
+);
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/screen/src/views/RiskWarning/Dialog/confirmDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/confirmDialog.vue
index 298661a..92793bf 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/confirmDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/confirmDialog.vue
@@ -1,9 +1,5 @@
 <template>
-  <div
-    v-if="visible"
-    class="confirm-dialog-overlay"
-    @click="handleOverlayClick"
-  >
+  <div v-if="visible" class="confirm-dialog-overlay" @click="handleOverlayClick">
     <div class="confirm-dialog" @click.stop>
       <!-- 四个角的装饰 -->
       <div class="corner corner-top-left"></div>
@@ -37,7 +33,7 @@
 </template>
 
 <script setup>
-import { Close } from "@element-plus/icons-vue";
+import { Close } from '@element-plus/icons-vue';
 
 const props = defineProps({
   visible: {
@@ -46,34 +42,34 @@ const props = defineProps({
   },
   title: {
     type: String,
-    default: "提示",
+    default: '提示',
   },
   message: {
     type: String,
-    default: "",
+    default: '',
   },
   confirmText: {
     type: String,
-    default: "已拨打",
+    default: '已拨打',
   },
   cancelText: {
     type: String,
-    default: "未拨打",
+    default: '未拨打',
   },
 });
 
-const emit = defineEmits(["update:visible", "confirm", "cancel"]);
+const emit = defineEmits(['update:visible', 'confirm', 'cancel']);
 
 // 确认
 const handleConfirm = () => {
-  emit("confirm");
-  emit("update:visible", false);
+  emit('confirm');
+  emit('update:visible', false);
 };
 
 // 取消
 const handleCancel = () => {
-  emit("cancel");
-  emit("update:visible", false);
+  emit('cancel');
+  emit('update:visible', false);
 };
 
 // 点击遮罩关闭
@@ -99,11 +95,7 @@ const handleOverlayClick = () => {
 .confirm-dialog {
   width: 80vw;
   max-width: 300px;
-  background: linear-gradient(
-    135deg,
-    rgba(20, 50, 90, 0.95) 0%,
-    rgba(10, 30, 60, 0.98) 100%
-  );
+  background: linear-gradient(135deg, rgba(20, 50, 90, 0.95) 0%, rgba(10, 30, 60, 0.98) 100%);
   border: 1px solid rgba(64, 169, 255, 0.3);
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
   overflow: hidden;
@@ -170,11 +162,7 @@ const handleOverlayClick = () => {
   align-items: center;
   justify-content: space-between;
   padding: 12px 16px;
-  background: linear-gradient(
-    90deg,
-    rgba(64, 169, 255, 0.15) 0%,
-    rgba(64, 169, 255, 0.05) 100%
-  );
+  background: linear-gradient(90deg, rgba(64, 169, 255, 0.15) 0%, rgba(64, 169, 255, 0.05) 100%);
   border-bottom: 1px solid rgba(64, 169, 255, 0.2);
 
   .header-title {
diff --git a/packages/screen/src/views/RiskWarning/Dialog/controlSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/controlSituationDialog.vue
index b0a5d1a..79bae85 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/controlSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/controlSituationDialog.vue
@@ -18,7 +18,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.region"
+            placeholder="请选择"
+            class="filter-select"
+            clearable
+          >
             <el-option
               v-for="item in regionOptions"
               :key="item.value"
@@ -29,7 +35,13 @@
         </div>
         <div class="filter-item">
           <span class="filter-label">驻地风险等级</span>
-          <el-select :teleported="false" v-model="filterForm.riskLevel" placeholder="请选择" class="filter-select" clearable>
+          <el-select
+            :teleported="false"
+            v-model="filterForm.riskLevel"
+            placeholder="请选择"
+            class="filter-select"
+            clearable
+          >
             <el-option
               v-for="item in riskLevelOptions"
               :key="item.value"
@@ -63,10 +75,10 @@
 </template>
 
 <script setup>
-import { ref, computed, watch } from "vue";
-import { Close } from "@element-plus/icons-vue";
-import { regionOptions, riskLevelOptions } from "../component/index.js";
-import BaseDialog from "../component/baseDialog.vue";
+import { ref, computed, watch } from 'vue';
+import { Close } from '@element-plus/icons-vue';
+import { regionOptions, riskLevelOptions } from '../component/index.js';
+import BaseDialog from '../component/baseDialog.vue';
 
 const props = defineProps({
   visible: {
@@ -75,12 +87,12 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits(['update:visible', 'close']);
 
 // 筛选表单
 const filterForm = ref({
-  region: "",
-  riskLevel: "",
+  region: '',
+  riskLevel: '',
 });
 
 // 影响区域选项
@@ -106,35 +118,35 @@ const tableColumns = ref([
 const tableData = ref([
   {
     id: 1,
-    region: "沙坪坝区",
-    stationName: "沙坪坝区S545茅山峡公路桥新建工程（渝黔铁路扩能改造工程）项目经理部",
-    project: "沙坪坝区S545茅山峡公路桥新建工程（渝黔铁路扩能改造工程）",
+    region: '沙坪坝区',
+    stationName: '沙坪坝区S545茅山峡公路桥新建工程（渝黔铁路扩能改造工程）项目经理部',
+    project: '沙坪坝区S545茅山峡公路桥新建工程（渝黔铁路扩能改造工程）',
     peopleCount: 21,
-    riskLevel: "Ⅳ级",
+    riskLevel: 'Ⅳ级',
   },
   {
     id: 2,
-    region: "万州区",
-    stationName: "万州区项目经理部",
-    project: "万州区公路改造项目",
+    region: '万州区',
+    stationName: '万州区项目经理部',
+    project: '万州区公路改造项目',
     peopleCount: 15,
-    riskLevel: "Ⅲ级",
+    riskLevel: 'Ⅲ级',
   },
   {
     id: 3,
-    region: "渝中区",
-    stationName: "渝中区桥梁维护项目部",
-    project: "渝中区桥梁维护工程",
+    region: '渝中区',
+    stationName: '渝中区桥梁维护项目部',
+    project: '渝中区桥梁维护工程',
     peopleCount: 8,
-    riskLevel: "Ⅱ级",
+    riskLevel: 'Ⅱ级',
   },
   {
     id: 4,
-    region: "江北区",
-    stationName: "江北区道路施工项目部",
-    project: "江北区道路施工项目",
+    region: '江北区',
+    stationName: '江北区道路施工项目部',
+    project: '江北区道路施工项目',
     peopleCount: 32,
-    riskLevel: "Ⅰ级",
+    riskLevel: 'Ⅰ级',
   },
 ]);
 
@@ -162,43 +174,43 @@ const visiblePages = computed(() => {
 });
 
 // 获取风险等级样式类
-const getRiskClass = (level) => {
+const getRiskClass = level => {
   const classMap = {
-    "Ⅰ级": "risk-level-1",
-    "Ⅱ级": "risk-level-2",
-    "Ⅲ级": "risk-level-3",
-    "Ⅳ级": "risk-level-4",
+    Ⅰ级: 'risk-level-1',
+    Ⅱ级: 'risk-level-2',
+    Ⅲ级: 'risk-level-3',
+    Ⅳ级: 'risk-level-4',
   };
-  return classMap[level] || "";
+  return classMap[level] || '';
 };
 
 // 关闭对话框
 const handleClose = () => {
-  emit("update:visible", false);
-  emit("close");
+  emit('update:visible', false);
+  emit('close');
 };
 
 // 分页操作
-const handleSizeChange = (val) => {
+const handleSizeChange = val => {
   pageSize.value = val;
   fetchData();
 };
 
-const handleCurrentChange = (val) => {
+const handleCurrentChange = val => {
   currentPage.value = val;
   fetchData();
 };
 
 // 获取数据
 const fetchData = () => {
-  console.log("获取第", currentPage.value, "页数据");
+  console.log('获取第', currentPage.value, '页数据');
   // 实际项目中调用API获取数据
 };
 
 // 监听visible变化
 watch(
   () => props.visible,
-  (newVal) => {
+  newVal => {
     if (newVal) {
       currentPage.value = 1;
       fetchData();
diff --git a/packages/screen/src/views/RiskWarning/Dialog/dispatchDetailDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/dispatchDetailDialog.vue
index 7920839..9962884 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/dispatchDetailDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/dispatchDetailDialog.vue
@@ -18,7 +18,8 @@
       <div class="filter-row">
         <div class="filter-item">
           <span class="filter-label">影响区域</span>
-          <el-select :teleported="false"
+          <el-select
+            :teleported="false"
             v-model="filterForm.region"
             placeholder="请选择"
             popper-class="custom-select-popper"
@@ -36,7 +37,8 @@
         </div>
         <div class="filter-item">
           <span class="filter-label">类型</span>
-          <el-select :teleported="false"
+          <el-select
+            :teleported="false"
             v-model="filterForm.type"
             placeholder="请选择"
             class="filter-select"
@@ -56,10 +58,10 @@
 </template>
 
 <script setup>
-import { ref, computed, watch } from "vue";
-import { Close } from "@element-plus/icons-vue";
-import { regionOptions, typeOptions } from "../component/index.js";
-import BaseDialog from "../component/baseDialog.vue";
+import { ref, computed, watch } from 'vue';
+import { Close } from '@element-plus/icons-vue';
+import { regionOptions, typeOptions } from '../component/index.js';
+import BaseDialog from '../component/baseDialog.vue';
 
 const props = defineProps({
   visible: {
@@ -68,12 +70,12 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits(['update:visible', 'close']);
 
 // 筛选表单
 const filterForm = ref({
-  region: "",
-  type: "",
+  region: '',
+  type: '',
 });
 
 // 影响区域选项
@@ -87,52 +89,52 @@ const tableHeight = ref(300);
 
 // 表格列配置
 const tableColumns = ref([
-  { prop: "id", label: "序号", width: "60px" },
-  { prop: "district", label: "区县/镇街", width: "120px" },
-  { prop: "name", label: "姓名", width: "80px" },
-  { prop: "phone", label: "电话", width: "120px" },
-  { prop: "type", label: "类型", width: "120px" },
-  { prop: "role", label: "角色", width: "120px" },
-  { prop: "dispatchTime", label: "调度时间", width: "160px" },
+  { prop: 'id', label: '序号', width: '60px' },
+  { prop: 'district', label: '区县/镇街', width: '120px' },
+  { prop: 'name', label: '姓名', width: '80px' },
+  { prop: 'phone', label: '电话', width: '120px' },
+  { prop: 'type', label: '类型', width: '120px' },
+  { prop: 'role', label: '角色', width: '120px' },
+  { prop: 'dispatchTime', label: '调度时间', width: '160px' },
 ]);
 
 // 表格数据
 const tableData = ref([
   {
     id: 1,
-    district: "柏梓镇",
-    name: "赵海浪",
-    phone: "18623520681",
-    type: "交通主管部门",
-    role: "一般人员（路长履职）",
-    dispatchTime: "2025-08-11 04:53:42",
+    district: '柏梓镇',
+    name: '赵海浪',
+    phone: '18623520681',
+    type: '交通主管部门',
+    role: '一般人员（路长履职）',
+    dispatchTime: '2025-08-11 04:53:42',
   },
   {
     id: 2,
-    district: "柏梓镇",
-    name: "赵海浪",
-    phone: "18623520681",
-    type: "公路机构",
-    role: "一般人员（路长履职）",
-    dispatchTime: "2025-08-11 04:53:42",
+    district: '柏梓镇',
+    name: '赵海浪',
+    phone: '18623520681',
+    type: '公路机构',
+    role: '一般人员（路长履职）',
+    dispatchTime: '2025-08-11 04:53:42',
   },
   {
     id: 3,
-    district: "万州区",
-    name: "王鑫",
-    phone: "18623520682",
-    type: "养护站",
-    role: "站长",
-    dispatchTime: "2025-08-10 14:30:00",
+    district: '万州区',
+    name: '王鑫',
+    phone: '18623520682',
+    type: '养护站',
+    role: '站长',
+    dispatchTime: '2025-08-10 14:30:00',
   },
   {
     id: 4,
-    district: "沙坪坝区",
-    name: "李华",
-    phone: "18623520683",
-    type: "护路员",
-    role: "一般人员",
-    dispatchTime: "2025-08-09 09:15:30",
+    district: '沙坪坝区',
+    name: '李华',
+    phone: '18623520683',
+    type: '护路员',
+    role: '一般人员',
+    dispatchTime: '2025-08-09 09:15:30',
   },
 ]);
 
@@ -161,36 +163,36 @@ const visiblePages = computed(() => {
 
 // 关闭对话框
 const handleClose = () => {
-  emit("update:visible", false);
-  emit("close");
+  emit('update:visible', false);
+  emit('close');
 };
 
 // 分页操作
-const handleSizeChange = (val) => {
+const handleSizeChange = val => {
   pageSize.value = val;
   fetchData();
 };
 
-const handleCurrentChange = (val) => {
+const handleCurrentChange = val => {
   currentPage.value = val;
   fetchData();
 };
 
 // 获取数据
 const fetchData = () => {
-  console.log("获取第", currentPage.value, "页数据");
+  console.log('获取第', currentPage.value, '页数据');
   // 实际项目中调用API获取数据
 };
 
 // 监听visible变化
 watch(
   () => props.visible,
-  (newVal) => {
+  newVal => {
     if (newVal) {
       currentPage.value = 1;
       fetchData();
     }
-  },
+  }
 );
 </script>
 
diff --git a/packages/screen/src/views/RiskWarning/Dialog/dispatchDistrictDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/dispatchDistrictDialog.vue
index 6710174..d709bdb 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/dispatchDistrictDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/dispatchDistrictDialog.vue
@@ -18,7 +18,8 @@
       <div class="filter-row">
         <div class="filter-item">
           <span class="filter-label">影响区域</span>
-          <el-select :teleported="false"
+          <el-select
+            :teleported="false"
             v-model="filterForm.region"
             placeholder="请选择"
             class="filter-select"
@@ -37,18 +38,16 @@
 
     <!-- 调度数列插槽 -->
     <template #dispatchCount="{ row }">
-      <span class="dispatch-count" @click="handleDispatchClick(row)">{{
-        row.dispatchCount
-      }}</span>
+      <span class="dispatch-count" @click="handleDispatchClick(row)">{{ row.dispatchCount }}</span>
     </template>
   </base-dialog>
 </template>
 
 <script setup>
-import { ref, computed, watch } from "vue";
-import { Close } from "@element-plus/icons-vue";
-import { regionOptions } from "../component/index.js";
-import BaseDialog from "../component/baseDialog.vue";
+import { ref, computed, watch } from 'vue';
+import { Close } from '@element-plus/icons-vue';
+import { regionOptions } from '../component/index.js';
+import BaseDialog from '../component/baseDialog.vue';
 
 const props = defineProps({
   visible: {
@@ -58,14 +57,14 @@ const props = defineProps({
 });
 
 const emit = defineEmits({
-  "update:visible": (value) => typeof value === "boolean",
+  'update:visible': value => typeof value === 'boolean',
   close: () => true,
-  dispatchClick: (item) => item !== undefined,
+  dispatchClick: item => item !== undefined,
 });
 
 // 筛选表单
 const filterForm = ref({
-  region: "",
+  region: '',
 });
 
 // 影响区域选项
@@ -76,37 +75,37 @@ const tableHeight = ref(300);
 
 // 表格列配置
 const tableColumns = ref([
-  { prop: "id", label: "序号", width: "" },
-  { prop: "region", label: "影响区域", width: "" },
-  { prop: "dispatchCount", label: "调度数", width: "", slot: "dispatchCount" },
-  { prop: "lastDispatchTime", label: "最近调度时间", width: "" },
+  { prop: 'id', label: '序号', width: '' },
+  { prop: 'region', label: '影响区域', width: '' },
+  { prop: 'dispatchCount', label: '调度数', width: '', slot: 'dispatchCount' },
+  { prop: 'lastDispatchTime', label: '最近调度时间', width: '' },
 ]);
 
 // 表格数据
 const tableData = ref([
   {
     id: 1,
-    region: "重庆市",
+    region: '重庆市',
     dispatchCount: 1,
-    lastDispatchTime: "2025-08-11 04:53:42",
+    lastDispatchTime: '2025-08-11 04:53:42',
   },
   {
     id: 2,
-    region: "万州区",
+    region: '万州区',
     dispatchCount: 1,
-    lastDispatchTime: "2025-08-11 04:53:42",
+    lastDispatchTime: '2025-08-11 04:53:42',
   },
   {
     id: 3,
-    region: "沙坪坝区",
+    region: '沙坪坝区',
     dispatchCount: 3,
-    lastDispatchTime: "2025-08-10 16:20:15",
+    lastDispatchTime: '2025-08-10 16:20:15',
   },
   {
     id: 4,
-    region: "渝中区",
+    region: '渝中区',
     dispatchCount: 2,
-    lastDispatchTime: "2025-08-09 11:45:30",
+    lastDispatchTime: '2025-08-09 11:45:30',
   },
 ]);
 
@@ -135,43 +134,43 @@ const visiblePages = computed(() => {
 
 // 关闭对话框
 const handleClose = () => {
-  emit("update:visible", false);
-  emit("close");
+  emit('update:visible', false);
+  emit('close');
 };
 
 // 点击调度数
-const handleDispatchClick = (item) => {
-  emit("dispatchClick", item);
+const handleDispatchClick = item => {
+  emit('dispatchClick', item);
 };
 
 // 分页操作
-const handleSizeChange = (val) => {
+const handleSizeChange = val => {
   pageSize.value = val;
   fetchData();
 };
 
-const handleCurrentChange = (val) => {
+const handleCurrentChange = val => {
   currentPage.value = val;
   fetchData();
 };
 
 // 获取数据
 const fetchData = () => {
-  console.log("获取第", currentPage.value, "页数据");
+  console.log('获取第', currentPage.value, '页数据');
   // 实际项目中调用API获取数据
 };
 
 // 监听visible变化
 watch(
   () => props.visible,
-  (newVal) => {
+  newVal => {
     if (newVal) {
       currentPage.value = 1;
       // 重置筛选表单
-      filterForm.value.region = "";
+      filterForm.value.region = '';
       fetchData();
     }
-  },
+  }
 );
 </script>
 
diff --git a/packages/screen/src/views/RiskWarning/Dialog/eventDetailDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/eventDetailDialog.vue
index 7380ed6..a6f0fe5 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/eventDetailDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/eventDetailDialog.vue
@@ -21,118 +21,132 @@
             <span class="title-icon">▍</span>
             事件基本信息
           </div>
-          <div class="info-grid">
-            <div class="info-row">
-              <div class="info-item">
-                <span class="info-label">事件编号：</span>
-                <span class="info-value">{{ eventInfo.eventNo }}</span>
-              </div>
-              <div class="info-item">
-                <span class="info-label">发生时间：</span>
-                <span class="info-value">{{ eventInfo.occurTime }}</span>
+          <!-- 事件类型标签 -->
+          <div class="event-type-tag">{{ eventInfo.eventType }}</div>
+          <!-- 三列信息网格 -->
+          <div class="info-grid-three">
+            <div class="info-item-three">
+              <span class="info-dot">○</span>
+              <div>
+                <div style="margin-bottom: 5px" class="info-label">路况类型</div>
+                <div class="info-value">{{ eventInfo.roadConditionType }}</div>
               </div>
             </div>
-            <div class="info-row">
-              <div class="info-item">
-                <span class="info-label">事件类型：</span>
-                <span class="info-value">{{ eventInfo.eventType }}</span>
-              </div>
-              <div class="info-item">
-                <span class="info-label">事件等级：</span>
-                <span
-                  class="info-value level-tag"
-                  :class="eventInfo.levelClass"
-                  >{{ eventInfo.eventLevel }}</span
-                >
+            <div class="info-item-three">
+              <span class="info-dot">○</span>
+              <div>
+                <div style="margin-bottom: 5px" class="info-label">是否阻断</div>
+                <div class="info-value">{{ eventInfo.isBlocked }}</div>
               </div>
             </div>
-            <div class="info-row">
-              <div class="info-item">
-                <span class="info-label">所属区域：</span>
-                <span class="info-value">{{ eventInfo.region }}</span>
-              </div>
-              <div class="info-item">
-                <span class="info-label">上报人：</span>
-                <span class="info-value">{{ eventInfo.reporter }}</span>
+            <div class="info-item-three">
+              <span class="info-dot">○</span>
+              <div>
+                <div style="margin-bottom: 5px" class="info-label">上报区县</div>
+                <div class="info-value">{{ eventInfo.reportCounty }}</div>
               </div>
             </div>
-            <div class="info-row">
-              <div class="info-item">
-                <span class="info-label">详细地址：</span>
-                <span class="info-value">{{ eventInfo.address }}</span>
-              </div>
-              <div class="info-item">
-                <span class="info-label">上报时间：</span>
-                <span class="info-value">{{ eventInfo.reportTime }}</span>
+            <div class="info-item-three">
+              <span class="info-dot">○</span>
+              <div>
+                <div style="margin-bottom: 5px" class="info-label">阻断点小地名</div>
+                <div class="info-value">{{ eventInfo.blockLocation }}</div>
               </div>
             </div>
-            <div class="info-row">
-              <div class="info-item full-width">
-                <span class="info-label">事件描述：</span>
-                <span class="info-value">{{ eventInfo.description }}</span>
+            <div class="info-item-three">
+              <span class="info-dot">○</span>
+              <div>
+                <div style="margin-bottom: 5px" class="info-label">线路编码</div>
+                <div class="info-value">{{ eventInfo.routeCode }}</div>
+              </div>
+            </div>
+            <div class="info-item-three">
+              <span class="info-dot">○</span>
+              <div>
+                <div style="margin-bottom: 5px" class="info-label">处理措施</div>
+                <div class="info-value">{{ eventInfo.handleMeasure }}</div>
+              </div>
+            </div>
+            <div class="info-item-three full-row">
+              <span class="info-dot">○</span>
+              <div>
+                <div style="margin-bottom: 5px" class="info-label">路况位置</div>
+                <div class="info-value">{{ eventInfo.roadPosition }}</div>
+              </div>
+            </div>
+            <div class="info-item-three">
+              <span class="info-dot">○</span>
+              <div>
+                <div style="margin-bottom: 5px" class="info-label">起点桩号-止点桩号</div>
+                <div class="info-value">{{ eventInfo.stakeRange }}</div>
+              </div>
+            </div>
+            <div class="info-item-three">
+              <span class="info-dot">○</span>
+              <div>
+                <div style="margin-bottom: 5px" class="info-label">发现时间</div>
+                <div class="info-value">{{ eventInfo.discoverTime }}</div>
               </div>
             </div>
           </div>
         </div>
 
-        <!-- 处置反馈信息 -->
+        <!-- 填报动态信息 -->
         <div class="section">
           <div class="section-title">
             <span class="title-icon">▍</span>
-            处置反馈信息
+            填报动态信息
           </div>
-          <div class="feedback-list">
-            <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">
-                  <div class="feedback-row">
-                    <span class="feedback-label">处置时间：</span>
-                    <span class="feedback-value">{{ item.handleTime }}</span>
-                  </div>
-                  <div class="feedback-row">
-                    <span class="feedback-label">处置人：</span>
-                    <span class="feedback-value">{{ item.handler }}</span>
-                  </div>
-                </div>
-                <div class="feedback-image" @click="previewImage(item.image)">
-                  <img :src="item.image" alt="处置图片" />
+          <div class="timeline-list">
+            <div v-for="(item, index) in feedbackList" :key="item.id" class="timeline-item">
+              <div class="timeline-left">
+                <div class="timeline-badge" :class="{ 'first-report': item.isFirst }">
+                  {{ item.reportType }}
                 </div>
+                <div class="timeline-number">{{ index + 1 }}</div>
               </div>
-              <div class="feedback-detail">
-                <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-value">{{ item.estimatedEndTime }}</span>
+              <div class="timeline-content">
+                <div class="timeline-row">
+                  <span class="timeline-label">报送时间：</span>
+                  <span class="timeline-value">{{ item.reportTime }}</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-value">{{ item.actualEndTime }}</span>
+                <div class="timeline-row">
+                  <span class="timeline-label">处置措施：</span>
+                  <span class="timeline-value highlight">{{ item.handleMeasure }}</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-value">{{ item.contactPhone }}</span>
+                <div class="timeline-row two-col">
+                  <div class="col-item">
+                    <span class="timeline-label">预计恢复时间：</span>
+                    <span class="timeline-value">{{ item.estimatedRecoverTime }}</span>
+                  </div>
+                  <div class="col-item">
+                    <span class="timeline-label">实际恢复时间：</span>
+                    <span class="timeline-value">{{ item.actualRecoverTime }}</span>
+                  </div>
                 </div>
-                <div class="detail-row">
-                  <span class="detail-label">处置情况描述：</span>
-                  <span class="detail-value">{{ item.handleDesc }}</span>
+                <div class="timeline-row two-col">
+                  <div class="col-item">
+                    <span class="timeline-label">填报人：</span>
+                    <span class="timeline-value">{{ item.reporter }}</span>
+                  </div>
+                  <div class="col-item">
+                    <span class="timeline-label">联系电话：</span>
+                    <span class="timeline-value">{{ item.contactPhone }}</span>
+                  </div>
+                </div>
+                <div class="timeline-row">
+                  <span class="timeline-label">现场情况描述：</span>
+                  <span class="timeline-value highlight">{{ item.sceneDesc }}</span>
+                </div>
+                <div class="timeline-images" v-if="item.images && item.images.length > 0">
+                  <div
+                    v-for="(img, imgIndex) in item.images"
+                    :key="imgIndex"
+                    class="timeline-image"
+                    @click="previewImage(img)"
+                  >
+                    <img :src="img" alt="现场图片" />
+                  </div>
                 </div>
               </div>
             </div>
@@ -143,11 +157,7 @@
   </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">
@@ -158,9 +168,11 @@
 </template>
 
 <script setup>
-import { ref, watch } from "vue";
-import { Close } from "@element-plus/icons-vue";
-import baseDialog from "../component/baseDialog.vue";
+import { ref, watch, onMounted } from 'vue';
+import { Close } from '@element-plus/icons-vue';
+import baseDialog from '../component/baseDialog.vue';
+import { request } from '@/utils/request';
+import { formatDateTime } from '../component/index.js';
 
 const props = defineProps({
   visible: {
@@ -172,116 +184,189 @@ const props = defineProps({
     default: () => ({}),
   },
 });
-
-const emit = defineEmits(["update:visible", "close"]);
+onMounted(() => {
+  console.log('props.eventData', props.eventData);
+});
+const emit = defineEmits(['update:visible', 'close']);
 
 // 事件基本信息
 const eventInfo = ref({
-  eventNo: "202310120001",
-  occurTime: "2023-10-12 14:30:00",
-  eventType: "路面塌陷",
-  eventLevel: "一般事件",
-  levelClass: "level-normal",
-  region: "万州区",
-  reporter: "张三",
-  address: "万州区太白路123号附近",
-  reportTime: "2023-10-12 14:35:00",
-  description:
-    "路面出现塌陷，面积约2平方米，深度约0.5米，已设置警示标志，请尽快处理。",
+  eventType: '',
+  roadConditionType: '',
+  isBlocked: '',
+  reportCounty: '',
+  blockLocation: '',
+  routeCode: '',
+  handleMeasure: '',
+  roadPosition: '',
+  stakeRange: '',
+  discoverTime: '',
 });
 
-// 处置反馈信息
-const feedbackList = ref([
-  {
-    id: 1,
-    handleTime: "2023-10-12 14:45:26",
-    handler: "李四",
-    image: "https://via.placeholder.com/80x60/40a9ff/ffffff?text=图片1",
-    estimatedStartTime: "2023-10-12 14:30:00",
-    estimatedEndTime: "2023-10-12 16:30:00",
-    actualStartTime: "2023-10-12 14:45:00",
-    actualEndTime: "2023-10-12 16:20:00",
-    handlerName: "王五",
-    contactPhone: "13800138000",
-    handleDesc: "已到达现场，正在设置围挡，准备进行修复作业。",
-  },
-  {
-    id: 2,
-    handleTime: "2023-10-12 16:20:45",
-    handler: "李四",
-    image: "https://via.placeholder.com/80x60/40a9ff/ffffff?text=图片2",
-    estimatedStartTime: "2023-10-12 14:30:00",
-    estimatedEndTime: "2023-10-12 16:30:00",
-    actualStartTime: "2023-10-12 14:45:00",
-    actualEndTime: "2023-10-12 16:20:00",
-    handlerName: "王五",
-    contactPhone: "13800138000",
-    handleDesc: "修复作业已完成，路面已恢复平整，围挡已拆除，交通恢复正常。",
-  },
-]);
+// 填报动态信息
+const feedbackList = ref([]);
+
+// 获取事件详情
+const fetchEventDetail = async () => {
+  try {
+    const gl1SjId = props.eventData?.gl1SjId;
+    if (!gl1SjId) {
+      console.warn('gl1SjId 不存在');
+      return;
+    }
+
+    const res = await request({
+      url: '/snow-ops-platform/sm-event/detail-by-sjid',
+      method: 'GET',
+      params: {
+        sjid: gl1SjId + '',
+        // sjid: '00092c5f0c054c67b0ad00071dd94630',
+      },
+    });
+
+    if (res && res.code === '00000') {
+      // 映射事件基本信息 - 根据API文档字段映射
+      const data = res.data || {};
+      eventInfo.value = {
+        // eventType: 事件类型
+        eventType: data.eventType || '-',
+        // eventLevel: 事件等级 -> 路况类型
+        roadConditionType: data.eventLevel || '-',
+        // isBlocked: 根据eventDesc或其他字段判断是否阻断
+        isBlocked: data.eventDesc?.includes('阻断') ? '是' : '否',
+        // district: 所属区域 -> 上报区县
+        reportCounty: data.district || '-',
+        // detailAddress: 详细地址 -> 阻断点小地名
+        blockLocation: data.detailAddress || '-',
+        // eventNo: 事件编号 -> 线路编码
+        routeCode: data.eventNo || '-',
+        // eventDesc: 事件描述 -> 处理措施
+        handleMeasure: data.eventDesc || '-',
+        // detailAddress: 详细地址 -> 路况位置
+        roadPosition: data.detailAddress || '-',
+        // stakeRange 需要单独处理
+        stakeRange: formatStakeRangeFromData(data),
+        // occurTime: 发生时间 -> 发现时间
+        discoverTime: formatDateTime(data.occurTime) || '-',
+      };
+      console.log('eventInfo', eventInfo.value);
+      // 映射填报动态信息 - 根据API文档字段映射
+      if (data.handleList && Array.isArray(data.handleList)) {
+        feedbackList.value = data.handleList.map((item, index) => ({
+          id: index + 1,
+          isFirst: index === 0,
+          reportType: index === 0 ? '首报' : '续报',
+          // disposeTime: 处置时间
+          reportTime: formatDateTime(item.disposeTime) || '-',
+          // handleMeasure: 需要额外字段，暂用disposeDesc替代
+          handleMeasure: item.disposeDesc?.substring(0, 10) || '-',
+          // expectStartTime: 预计开始时间
+          estimatedRecoverTime: formatDateTime(item.expectStartTime) || '-',
+          // actualStartTime: 实际开始时间
+          actualRecoverTime: formatDateTime(item.actualStartTime) || '-',
+          // disposer: 处置人
+          reporter: item.disposer || '-',
+          // contactPhone: 联系电话
+          contactPhone: item.contactPhone || '-',
+          // disposeDesc: 处置情况描述
+          sceneDesc: item.disposeDesc || '-',
+        }));
+      } else {
+        feedbackList.value = [];
+      }
+    }
+  } catch (error) {
+    console.error('获取事件详情失败:', error);
+  }
+};
+
+// 格式化路况位置
+const formatRoadPosition = data => {
+  const parts = [];
+  if (data.gl1Qxmc) parts.push(data.gl1Qxmc);
+  if (data.gl1Zddxdm) parts.push(data.gl1Zddxdm);
+  if (data.gl1Lxbh) parts.push(data.gl1Lxbh);
+  return parts.length > 0 ? parts.join('') : '-';
+};
+
+// 格式化桩号范围（旧版字段）
+const formatStakeRange = data => {
+  const start = data.gl1Qdzh || '';
+  const end = data.gl1Zdzh || '';
+  if (start && end) return `${start}-${end}`;
+  if (start) return start;
+  if (end) return end;
+  return '-';
+};
+
+// 格式化桩号范围（API文档字段）- API文档中暂无桩号字段，从detailAddress中尝试解析或返回'-'
+const formatStakeRangeFromData = data => {
+  // API文档中未提供桩号字段，暂从detailAddress解析或返回'-'
+  // 如果后续API提供了桩号字段，可以在这里更新
+  return '-';
+};
 
 // 图片预览
 const previewVisible = ref(false);
-const previewImageUrl = ref("");
+const previewImageUrl = ref('');
 
-const previewImage = (url) => {
+const previewImage = url => {
   previewImageUrl.value = url;
   previewVisible.value = true;
 };
 
 const closePreview = () => {
   previewVisible.value = false;
-  previewImageUrl.value = "";
+  previewImageUrl.value = '';
 };
 
 // 关闭对话框
 const handleClose = () => {
-  emit("update:visible", false);
-  emit("close");
+  emit('update:visible', false);
+  emit('close');
 };
 
-// 点击遮罩关闭已由base-dialog组件处理
-
-// 监听visible变化
+// 监听eventData变化
 watch(
   () => props.visible,
-  (newVal) => {
-    if (newVal && props.eventData) {
-      // 如果有传入数据，更新显示
-      Object.assign(eventInfo.value, props.eventData);
+  newVal => {
+    if (newVal) {
+      fetchEventDetail();
     }
-  },
+  }
 );
 </script>
 
 <style lang="scss" scoped>
-.content-wrapper{
-  height: 500px;
+.content-wrapper {
+  width: 700px;
+  height: 70vh;
   overflow-y: auto;
-  
+
   // 自定义滚动条样式
   &::-webkit-scrollbar {
     width: 6px;
   }
-  
+
   &::-webkit-scrollbar-track {
     background: rgba(20, 46, 73, 0.3);
     border-radius: 3px;
   }
-  
+
   &::-webkit-scrollbar-thumb {
-    background: #142E49;
+    background: #142e49;
     border-radius: 3px;
-    
+
     &:hover {
       background: #1a3a5c;
     }
   }
-  
+
   // Firefox 滚动条样式
   scrollbar-width: thin;
-  scrollbar-color: #142E49 rgba(20, 46, 73, 0.3);
+  scrollbar-color: #142e49 rgba(20, 46, 73, 0.3);
 }
+
 // 区块
 .section {
   margin-bottom: 24px;
@@ -306,132 +391,165 @@ watch(
   }
 }
 
-// 信息网格
-.info-grid {
-  background-color: rgba(30, 70, 120, 0.3);
-  border-radius: 8px;
-  padding: 16px 20px;
+// 事件类型标签
+.event-type-tag {
+  display: inline-block;
+  background-color: #40a9ff;
+  color: #fff;
+  padding: 4px 16px;
+  border-radius: 4px;
+  font-size: 14px;
+  font-weight: 500;
+  margin-bottom: 16px;
 }
 
-.info-row {
+// 三列信息网格
+.info-grid-three {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 12px 20px;
+}
+
+.info-item-three {
   display: flex;
-  margin-bottom: 12px;
+  // align-items: center;
+  gap: 8px;
+
+  .info-dot {
+    color: #40a9ff;
+    font-size: 10px;
+    flex-shrink: 0;
+  }
+
+  .info-label {
+    font-size: 13px;
+    color: rgba(255, 255, 255, 0.6);
+    white-space: nowrap;
+    flex-shrink: 0;
+  }
+
+  .info-value {
+    font-size: 13px;
+    color: #40a9ff;
+    word-break: break-all;
+  }
+}
+
+// 时间轴列表
+.timeline-list {
+  position: relative;
+  padding-left: 20px;
+
+  // &::before {
+  //   content: '';
+  //   position: absolute;
+  //   left: 34px;
+  //   top: 0;
+  //   bottom: 0;
+  //   width: 2px;
+  //   background: linear-gradient(to bottom, #40a9ff, rgba(64, 169, 255, 0.3));
+  // }
+}
+
+.timeline-item {
+  display: flex;
+  margin-bottom: 20px;
+  position: relative;
 
   &:last-child {
     margin-bottom: 0;
   }
 }
 
-.info-item {
-  flex: 1;
+.timeline-left {
   display: flex;
-  align-items: flex-start;
-
-  &.full-width {
-    flex: none;
-    width: 100%;
-  }
+  // flex-direction: column;
+  // align-items: center;
+  margin-right: 16px;
+  position: relative;
+  z-index: 1;
 }
 
-.info-label {
-  font-size: 13px;
-  color: rgba(255, 255, 255, 0.6);
+.timeline-badge {
+  background-color: #52c41a;
+  color: #fff;
+  border-radius: 4px;
+  font-size: 12px;
   white-space: nowrap;
-  min-width: 70px;
-}
+  height: 28px;
+  width: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 10px;
 
-.info-value {
-  font-size: 13px;
-  color: rgba(255, 255, 255, 0.9);
-  flex: 1;
-  word-break: break-all;
-
-  &.level-tag {
-    display: inline-block;
-    padding: 2px 10px;
-    border-radius: 4px;
-    font-size: 12px;
-    font-weight: 500;
-
-    &.level-urgent {
-      background-color: rgba(255, 77, 79, 0.2);
-      color: #ff4d4f;
-      border: 1px solid rgba(255, 77, 79, 0.4);
-    }
-
-    &.level-normal {
-      background-color: rgba(64, 169, 255, 0.2);
-      color: #40a9ff;
-      border: 1px solid rgba(64, 169, 255, 0.4);
-    }
-
-    &.level-low {
-      background-color: rgba(82, 196, 26, 0.2);
-      color: #52c41a;
-      border: 1px solid rgba(82, 196, 26, 0.4);
-    }
+  &.first-report {
+    background-color: #40a9ff;
   }
 }
 
-// 反馈列表
-.feedback-list {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  margin-bottom: 10px;
-}
-
-.feedback-item {
-  background-color: rgba(30, 70, 120, 0.3);
-  border-radius: 8px;
-  padding: 16px 20px;
-  border-left: 3px solid #40a9ff;
-}
-
-.feedback-header {
-  display: flex;
-  align-items: flex-start;
-  margin-bottom: 12px;
-}
-
-.feedback-num {
-  width: 24px;
-  height: 24px;
+.timeline-number {
+  width: 28px;
+  height: 28px;
   background: linear-gradient(135deg, #40a9ff 0%, #1890ff 100%);
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 12px;
+  font-size: 14px;
   font-weight: 600;
   color: #fff;
-  margin-right: 12px;
-  flex-shrink: 0;
+  border: 2px solid rgba(255, 255, 255, 0.2);
 }
 
-.feedback-info {
+.timeline-content {
   flex: 1;
+  background-color: rgba(30, 70, 120, 0.3);
+  border-radius: 8px;
+  padding: 12px 16px;
+  margin-left: 8px;
 }
 
-.feedback-row {
-  margin-bottom: 6px;
+.timeline-row {
+  margin-bottom: 8px;
 
   &:last-child {
     margin-bottom: 0;
   }
+
+  &.two-col {
+    display: flex;
+    gap: 40px;
+
+    .col-item {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+  }
 }
 
-.feedback-label {
+.timeline-label {
   font-size: 13px;
   color: rgba(255, 255, 255, 0.6);
 }
 
-.feedback-value {
+.timeline-value {
   font-size: 13px;
   color: rgba(255, 255, 255, 0.9);
+
+  &.highlight {
+    color: #40a9ff;
+  }
 }
 
-.feedback-image {
+.timeline-images {
+  display: flex;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.timeline-image {
   width: 80px;
   height: 60px;
   border-radius: 4px;
@@ -452,31 +570,6 @@ watch(
   }
 }
 
-// 反馈详情
-.feedback-detail {
-  padding-left: 36px;
-  padding-top: 12px;
-  border-top: 1px solid rgba(64, 169, 255, 0.1);
-}
-
-.detail-row {
-  margin-bottom: 8px;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-
-.detail-label {
-  font-size: 12px;
-  color: rgba(255, 255, 255, 0.5);
-}
-
-.detail-value {
-  font-size: 12px;
-  color: rgba(255, 255, 255, 0.8);
-}
-
 // 图片预览
 .image-preview-overlay {
   position: fixed;
diff --git a/packages/screen/src/views/RiskWarning/Dialog/hazardPointSituationDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/hazardPointSituationDialog.vue
index 5be3376..073843f 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/hazardPointSituationDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/hazardPointSituationDialog.vue
@@ -296,6 +296,7 @@ watch(
 <style lang="scss" scoped>
 .hazard-info-panel {
   height: 500px;
+  width: 600px;
   color: rgba(255, 255, 255, 0.9);
   overflow-y: auto;
   // 自定义滚动条样式
diff --git a/packages/screen/src/views/RiskWarning/Dialog/impactPointDetailDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/impactPointDetailDialog.vue
index 5e0147a..b15d4b9 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/impactPointDetailDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/impactPointDetailDialog.vue
@@ -32,11 +32,9 @@
               <div class="info-item">
                 <span class="info-dot"></span>
                 <span class="info-label">影响点等级</span>
-                <span
-                  class="info-value level-tag"
-                  :class="basicInfo.levelClass"
-                  >{{ basicInfo.level }}</span
-                >
+                <span class="info-value level-tag" :class="basicInfo.levelClass">
+                  {{ basicInfo.level }}
+                </span>
               </div>
               <div class="info-item">
                 <span class="info-dot"></span>
@@ -53,11 +51,9 @@
               <div class="info-item">
                 <span class="info-dot"></span>
                 <span class="info-label">风险点描述</span>
-                <span
-                  class="info-value"
-                  :class="getStatusClass(basicInfo.riskDesc)"
-                  >{{ basicInfo.riskDesc }}</span
-                >
+                <span class="info-value" :class="getStatusClass(basicInfo.riskDesc)">
+                  {{ basicInfo.riskDesc }}
+                </span>
               </div>
               <div class="info-item">
                 <span class="info-dot"></span>
@@ -93,11 +89,7 @@
             填报动态信息
           </div>
           <div class="timeline-list">
-            <div
-              v-for="(record, index) in dynamicRecords"
-              :key="index"
-              class="timeline-item"
-            >
+            <div v-for="(record, index) in dynamicRecords" :key="index" class="timeline-item">
               <div class="timeline-marker">{{ index + 1 }}</div>
               <div class="timeline-content">
                 <div class="timeline-header">
@@ -128,8 +120,9 @@
                     <span
                       class="detail-value"
                       :class="record.hasProblem ? 'status-yes' : 'status-no'"
-                      >{{ record.hasProblem ? "是" : "否" }}</span
                     >
+                      {{ record.hasProblem ? '是' : '否' }}
+                    </span>
                   </div>
                 </div>
               </div>
@@ -141,11 +134,7 @@
   </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">
@@ -156,10 +145,10 @@
 </template>
 
 <script setup>
-import { ref, watch } from "vue";
-import { Close } from "@element-plus/icons-vue";
-import baseDialog from "../component/baseDialog.vue";
-import { request } from "@/utils/request";
+import { ref, watch } from 'vue';
+import { Close } from '@element-plus/icons-vue';
+import baseDialog from '../component/baseDialog.vue';
+import { request } from '@/utils/request';
 
 const props = defineProps({
   visible: {
@@ -176,18 +165,17 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits(['update:visible', 'close']);
 
 // 基本信息
 const basicInfo = ref({
-  district: "合川区",
-  level: "一般隐患",
-  levelClass: "level-normal",
-  roadCode: "G348",
-  location: "丁吴路(K116+656至K116+739)",
-  riskDesc: "未回应",
-  discoverTime:
-    "立即启动防汛Ⅰ级应急响应，立即转移危险区群众，医疗机构做好应急准备",
+  district: '合川区',
+  level: '一般隐患',
+  levelClass: 'level-normal',
+  roadCode: 'G348',
+  location: '丁吴路(K116+656至K116+739)',
+  riskDesc: '未回应',
+  discoverTime: '立即启动防汛Ⅰ级应急响应，立即转移危险区群众，医疗机构做好应急准备',
 });
 
 // 照片列表
@@ -196,61 +184,61 @@ const photoList = ref([]);
 // 动态记录
 const dynamicRecords = ref([
   {
-    type: "首报",
-    patrolTime: "2026-03-28 14:30:00",
-    patrolPerson: "刘伟",
-    description: "设置警示标识，半幅通行",
+    type: '首报',
+    patrolTime: '2026-03-28 14:30:00',
+    patrolPerson: '刘伟',
+    description: '设置警示标识，半幅通行',
     hasProblem: true,
-    image: "https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场",
+    image: 'https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场',
   },
   {
-    type: "续报",
-    patrolTime: "2026-03-28 14:30:00",
-    patrolPerson: "刘伟",
-    description: "设置警示标识，半幅通行",
+    type: '续报',
+    patrolTime: '2026-03-28 14:30:00',
+    patrolPerson: '刘伟',
+    description: '设置警示标识，半幅通行',
     hasProblem: false,
     image: null,
   },
 ]);
 
 // 状态样式
-const getStatusClass = (status) => {
-  if (status === "未回应") return "status-unresponse";
-  if (status === "已回应") return "status-response";
-  return "";
+const getStatusClass = status => {
+  if (status === '未回应') return 'status-unresponse';
+  if (status === '已回应') return 'status-response';
+  return '';
 };
 
 // 图片预览
 const previewVisible = ref(false);
-const previewImageUrl = ref("");
+const previewImageUrl = ref('');
 
-const previewImage = (url) => {
+const previewImage = url => {
   previewImageUrl.value = url;
   previewVisible.value = true;
 };
 
 const closePreview = () => {
   previewVisible.value = false;
-  previewImageUrl.value = "";
+  previewImageUrl.value = '';
 };
 
 // 关闭对话框
 const handleClose = () => {
-  emit("update:visible", false);
-  emit("close");
+  emit('update:visible', false);
+  emit('close');
 };
-const leveltext = (level) => {
-  if (level.includes("一") || level.includes("1")) return "一类";
-  if (level.includes("二") || level.includes("2")) return "二类";
-  if (level.includes("三") || level.includes("3")) return "三类";
-  if (level.includes("四") || level.includes("4")) return "四类";
-  if (level.includes("五") || level.includes("5")) return "五类";
-  if (level.includes("9")) return "未评定";
-  return "未评定";
+const leveltext = level => {
+  if (level.includes('一') || level.includes('1')) return '一类';
+  if (level.includes('二') || level.includes('2')) return '二类';
+  if (level.includes('三') || level.includes('3')) return '三类';
+  if (level.includes('四') || level.includes('4')) return '四类';
+  if (level.includes('五') || level.includes('5')) return '五类';
+  if (level.includes('9')) return '未评定';
+  return '未评定';
 };
 // 点击遮罩关闭已由base-dialog组件处理
 // 处理影响点类型数据
-const getAffectedObjectTypeId = (data) => {
+const getAffectedObjectTypeId = data => {
   let pointType = props.item.pointType;
   if (!data) {
     basicInfo.value = {};
@@ -258,19 +246,19 @@ const getAffectedObjectTypeId = (data) => {
     dynamicRecords.value = [];
     return;
   }
-  if (pointType === "桥梁") {
+  if (pointType === '桥梁') {
     // 更新基本信息 - 根据数据库字段映射
     basicInfo.value = {
-      district: data.GL1_QXMC || "-", // 区县名称
-      level: leveltext(data.GL1_JSZKPJDJ) || "未评定", // 技术状况评级等级
+      district: data.GL1_QXMC || '-', // 区县名称
+      level: leveltext(data.GL1_JSZKPJDJ) || '未评定', // 技术状况评级等级
       levelClass:
-        data.GL1_JSZKPJDJ === "一类" || data.GL1_JSZKPJDJ === "二类"
-          ? "level-normal"
-          : "level-serious", // 一二类为一般，三四五类为重大
-      roadCode: data.GL1_LXBH || "-", // 路线编号
-      location: data.GL1_QLMC || "-", // 桥梁名称作为位置
-      riskDesc: data.GL1_DQBH || "-", // 当前病害
-      discoverTime: data.GL1_JSZKPDRQ || "-", // 技术状况评定日期
+        data.GL1_JSZKPJDJ === '一类' || data.GL1_JSZKPJDJ === '二类'
+          ? 'level-normal'
+          : 'level-serious', // 一二类为一般，三四五类为重大
+      roadCode: data.GL1_LXBH || '-', // 路线编号
+      location: data.GL1_QLMC || '-', // 桥梁名称作为位置
+      riskDesc: data.GL1_DQBH || '-', // 当前病害
+      discoverTime: data.GL1_JSZKPDRQ || '-', // 技术状况评定日期
     };
     // 更新照片列表 - 使用桥梁照片字段
     const photos = [];
@@ -291,29 +279,29 @@ const getAffectedObjectTypeId = (data) => {
     // 更新动态记录 - 桥梁信息没有巡查记录，使用基础信息展示
     dynamicRecords.value = [
       {
-        type: "桥梁信息",
-        patrolTime: data.GL1_JCTCRQ || "-", // 建成通车日期
-        patrolPerson: data.GL1_QLZRR || "-", // 桥梁责任人
-        description: `桥梁全长：${data.GL1_QLQC || "-"}m，跨径总长：${data.GL1_KJZC || "-"}m，上部结构：${data.GL1_SBJGLXMC || "-"}`,
+        type: '桥梁信息',
+        patrolTime: data.GL1_JCTCRQ || '-', // 建成通车日期
+        patrolPerson: data.GL1_QLZRR || '-', // 桥梁责任人
+        description: `桥梁全长：${data.GL1_QLQC || '-'}m，跨径总长：${data.GL1_KJZC || '-'}m，上部结构：${data.GL1_SBJGLXMC || '-'}`,
         hasProblem: false,
         image: null,
       },
     ];
-  } else if (pointType === "边坡") {
+  } else if (pointType === '边坡') {
     // 边坡数据处理
     const data = resData || {};
     // 更新基本信息 - 根据边坡接口返回数据映射
     basicInfo.value = {
-      district: data.GL1_QXMC || "-", // 区县名称
-      level: leveltext(data.GL1_FXDJ) || "未评定", // 风险等级
+      district: data.GL1_QXMC || '-', // 区县名称
+      level: leveltext(data.GL1_FXDJ) || '未评定', // 风险等级
       levelClass:
-        data.GL1_FXDJ?.includes("一级") || data.GL1_FXDJ?.includes("二级")
-          ? "level-normal"
-          : "level-serious", // 一二级为一般，三四五级为重大
-      roadCode: data.GL1_LXBM || "-", // 路线编码
-      location: data.GL1_BPGC || "-", // 边坡概况
-      riskDesc: data.GL1_JCSSSZ || "-", // 监测设施设置
-      discoverTime: data.GL1_ZRRXM || "-", // 责任人姓名
+        data.GL1_FXDJ?.includes('一级') || data.GL1_FXDJ?.includes('二级')
+          ? 'level-normal'
+          : 'level-serious', // 一二级为一般，三四五级为重大
+      roadCode: data.GL1_LXBM || '-', // 路线编码
+      location: data.GL1_BPGC || '-', // 边坡概况
+      riskDesc: data.GL1_JCSSSZ || '-', // 监测设施设置
+      discoverTime: data.GL1_ZRRXM || '-', // 责任人姓名
     };
 
     // 更新照片列表 - 边坡照片字段
@@ -326,27 +314,25 @@ const getAffectedObjectTypeId = (data) => {
     // 更新动态记录 - 边坡信息展示
     dynamicRecords.value = [
       {
-        type: "边坡信息",
-        patrolTime: data.GL1_BPPGC || "-", // 边坡坡高
-        patrolPerson: data.GL1_ZRRXM || "-", // 责任人姓名
-        description: `起点桩号：${data.GL1_QDZH || "-"}，终点桩号：${data.GL1_ZDZH || "-"}，起点经度：${data.GL1_QDJD || "-"}，起点纬度：${data.GL1_QDWD || "-"}，监测设施：${data.GL1_JCSSSZ || "-"}，综合措施：${data.GL1_ZHXS || "-"}`,
-        hasProblem: data.GL1_JCSSSZ !== "无" && data.GL1_JCSSSZ !== null,
+        type: '边坡信息',
+        patrolTime: data.GL1_BPPGC || '-', // 边坡坡高
+        patrolPerson: data.GL1_ZRRXM || '-', // 责任人姓名
+        description: `起点桩号：${data.GL1_QDZH || '-'}，终点桩号：${data.GL1_ZDZH || '-'}，起点经度：${data.GL1_QDJD || '-'}，起点纬度：${data.GL1_QDWD || '-'}，监测设施：${data.GL1_JCSSSZ || '-'}，综合措施：${data.GL1_ZHXS || '-'}`,
+        hasProblem: data.GL1_JCSSSZ !== '无' && data.GL1_JCSSSZ !== null,
         image: null,
       },
     ];
-  } else if (pointType === "隧道") {
+  } else if (pointType === '隧道') {
     // 更新基本信息 - 根据隧道数据库字段映射
     basicInfo.value = {
-      district: data.GL1_QXMC || "-", // 区县名称
-      level: leveltext(data.GL1_PDDJ) || "未评定", // 评定等级
+      district: data.GL1_QXMC || '-', // 区县名称
+      level: leveltext(data.GL1_PDDJ) || '未评定', // 评定等级
       levelClass:
-        data.GL1_PDDJ === "一级" || data.GL1_PDDJ === "二级"
-          ? "level-normal"
-          : "level-serious", // 一二级为一般，三四五级为重大
-      roadCode: data.GL1_LXBH || "-", // 路线编号
-      location: data.GL1_SDMC || "-", // 隧道名称作为位置
-      riskDesc: data.GL1_BHMS || "-", // 病害描述
-      discoverTime: data.GL1_PDRQ || "-", // 评定日期
+        data.GL1_PDDJ === '一级' || data.GL1_PDDJ === '二级' ? 'level-normal' : 'level-serious', // 一二级为一般，三四五级为重大
+      roadCode: data.GL1_LXBH || '-', // 路线编号
+      location: data.GL1_SDMC || '-', // 隧道名称作为位置
+      riskDesc: data.GL1_BHMS || '-', // 病害描述
+      discoverTime: data.GL1_PDRQ || '-', // 评定日期
     };
 
     // 更新照片列表 - 使用隧道照片字段
@@ -368,29 +354,27 @@ const getAffectedObjectTypeId = (data) => {
     // 更新动态记录 - 隧道信息展示
     dynamicRecords.value = [
       {
-        type: "隧道信息",
-        patrolTime: data.GL1_XCTCSJ || "-", // 修成通车时间
-        patrolPerson: data.GL1_GLDW || "-", // 管理单位
-        description: `隧道全长：${data.GL1_SDC || "-"}m，隧道净宽：${data.GL1_SDJK || "-"}m，围岩等级：${data.GL1_WYDJ || "-"}，衬砌类型：${data.GL1_CQLXMC || "-"}`,
+        type: '隧道信息',
+        patrolTime: data.GL1_XCTCSJ || '-', // 修成通车时间
+        patrolPerson: data.GL1_GLDW || '-', // 管理单位
+        description: `隧道全长：${data.GL1_SDC || '-'}m，隧道净宽：${data.GL1_SDJK || '-'}m，围岩等级：${data.GL1_WYDJ || '-'}，衬砌类型：${data.GL1_CQLXMC || '-'}`,
         hasProblem: false,
         image: null,
       },
     ];
-  } else if (pointType === "路段") {
+  } else if (pointType === '路段') {
     // 路段数据处理
     const data = resData || {};
     // 更新基本信息 - 根据路段数据库字段映射
     basicInfo.value = {
-      district: data.GL1_QDMC || "-", // 起点名称（区县）
-      level: leveltext(data.GL1_JSDJ) || "未评定", // 技术等级
+      district: data.GL1_QDMC || '-', // 起点名称（区县）
+      level: leveltext(data.GL1_JSDJ) || '未评定', // 技术等级
       levelClass:
-        data.GL1_JSDJ === "一级" || data.GL1_JSDJ === "二级"
-          ? "level-normal"
-          : "level-serious", // 一二级为一般，三四五级为重大
-      roadCode: data.GL1_LXBH || "-", // 路线编号
-      location: `${data.GL1_QDMC || "-"} - ${data.GL1_ZDMC || "-"}`, // 起点到终点
-      riskDesc: data.GL1_TZSJ || "-", // 特征数据/特殊数据
-      discoverTime: data.GL1_XZDJ || "-", // 行政等级
+        data.GL1_JSDJ === '一级' || data.GL1_JSDJ === '二级' ? 'level-normal' : 'level-serious', // 一二级为一般，三四五级为重大
+      roadCode: data.GL1_LXBH || '-', // 路线编号
+      location: `${data.GL1_QDMC || '-'} - ${data.GL1_ZDMC || '-'}`, // 起点到终点
+      riskDesc: data.GL1_TZSJ || '-', // 特征数据/特殊数据
+      discoverTime: data.GL1_XZDJ || '-', // 行政等级
     };
 
     // 更新照片列表 - 路段一般没有照片
@@ -399,10 +383,10 @@ const getAffectedObjectTypeId = (data) => {
     // 更新动态记录 - 路段信息展示
     dynamicRecords.value = [
       {
-        type: "路段信息",
-        patrolTime: data.GL1_TZSJ || "-", // 特征数据
-        patrolPerson: data.GL1_XZDJ || "-", // 行政等级
-        description: `路段长度：${data.GL1_LDLC || "-"}km，路面宽度：${data.GL1_LMKD || "-"}m，路面类型：${data.GL1_LMLX || "-"}，车道数量：${data.GL1_CDSL || "-"}`,
+        type: '路段信息',
+        patrolTime: data.GL1_TZSJ || '-', // 特征数据
+        patrolPerson: data.GL1_XZDJ || '-', // 行政等级
+        description: `路段长度：${data.GL1_LDLC || '-'}km，路面宽度：${data.GL1_LMKD || '-'}m，路面类型：${data.GL1_LMLX || '-'}，车道数量：${data.GL1_CDSL || '-'}`,
         hasProblem: false,
         image: null,
       },
@@ -413,52 +397,52 @@ const getAffectedObjectTypeId = (data) => {
 // 获取影响点详情数据
 const getAffectedObjectDetail = async () => {
   try {
-    let id = "";
-    let apiUrl = "";
+    let id = '';
+    let apiUrl = '';
     const pointType = props.item?.pointType;
 
-    if (pointType === "桥梁") {
-      id = props.item?.rawData?.GL1_ZJ || "";
+    if (pointType === '桥梁') {
+      id = props.item?.rawData?.GL1_ZJ || '';
       apiUrl = `/snow-ops-platform/weather-warning/affected-object/bridge/${id}`;
-    } else if (pointType === "边坡") {
-      id = props.item?.rawData?.GL1_ID || "";
+    } else if (pointType === '边坡') {
+      id = props.item?.rawData?.GL1_ID || '';
       apiUrl = `/snow-ops-platform/weather-warning/affected-object/slope/${id}`;
-    } else if (pointType === "隧道") {
-      id = props.item?.rawData?.GL1_ZJ || "";
+    } else if (pointType === '隧道') {
+      id = props.item?.rawData?.GL1_ZJ || '';
       apiUrl = `/snow-ops-platform/weather-warning/affected-object/tunnel/${id}`;
-    } else if (pointType === "路段") {
-      id = props.item?.rawData?.GL1ZJ || "";
+    } else if (pointType === '路段') {
+      id = props.item?.rawData?.GL1ZJ || '';
       apiUrl = `/snow-ops-platform/weather-warning/affected-object/road-section/${id}`;
     }
 
     if (!id || !apiUrl) {
-      console.warn("未找到影响点ID或API地址");
+      console.warn('未找到影响点ID或API地址');
       return;
     }
 
     const res = await request({
       url: apiUrl,
-      method: "GET",
+      method: 'GET',
     });
 
-    console.log("影响点详情数据:", res);
-    if (res.code === "00000") {
+    console.log('影响点详情数据:', res);
+    if (res.code === '00000') {
       getAffectedObjectTypeId(res.data || {});
     }
   } catch (error) {
-    console.error("获取影响点详情数据失败:", error);
+    console.error('获取影响点详情数据失败:', error);
   }
 };
 
 // 监听visible变化
 watch(
   () => props.visible,
-  (newVal) => {
+  newVal => {
     if (newVal) {
       // 当弹窗打开时获取数据
       getAffectedObjectDetail();
     }
-  },
+  }
 );
 </script>
 
diff --git a/packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue
index 936d49a..636cc87 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/impactPointDialog.vue
@@ -216,7 +216,7 @@ import Icon3 from '../../../assets/xiangying/未选中3@2x.png';
 import Icon4 from '../../../assets/xiangying/未选中4@2x.png';
 
 import { formatDateTime } from '../component/index.js';
-
+onMounted(() => {});
 const props = defineProps({
   visible: {
     type: Boolean,
@@ -386,12 +386,17 @@ const cardTypeVal = ref('路段');
 // 根据 cardType 获取对应的表格列配置
 const getColumnsByType = type => {
   const typeMap = {
-    0: bridgeColumns,
-    1: slopeColumns,
-    2: tunnelColumns,
-    3: projectColumns,
-    4: roadColumns,
+    路段: bridgeColumns,
+    桥梁: slopeColumns,
+    隧道: tunnelColumns,
+    边坡: roadColumns,
+    项目: projectColumns,
   };
+  //   { name: '影响路段', count: 0, icon: Icon4, type: '路段' },
+  // { name: '影响桥梁', count: 0, icon: Icon0, type: '桥梁' },
+  // { name: '影响隧道', count: 0, icon: Icon2, type: '隧道' },
+  // { name: '影响边坡', count: 0, icon: Icon1, type: '边坡' },
+  // { name: '影响项目', count: 0, icon: Icon3, type: '项目' },
   return typeMap[type] || bridgeColumns;
 };
 
@@ -413,7 +418,7 @@ const handleClick = (index, item) => {
   cardType.value = index + '';
   cardTypeVal.value = item.type;
   // 切换表格列配置
-  tableColumns.value = getColumnsByType(cardType.value);
+  tableColumns.value = getColumnsByType(item.type);
   // 重置分页并获取数据
   currentPage.value = 1;
   fetchData();
@@ -797,6 +802,7 @@ watch(
         pointLevel: '',
         region: '',
       };
+      tableData.value = [];
       cardType.value = '0';
       loadBarChartData();
       currentPage.value = 1;
diff --git a/packages/screen/src/views/RiskWarning/Dialog/mapInfoDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/mapInfoDialog.vue
index 85705af..70e202e 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/mapInfoDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/mapInfoDialog.vue
@@ -215,7 +215,7 @@ const dialogItems = computed(() => {
         },
         {
           label: '位置',
-          value: data.GL1_GLMC  ,
+          value: data.GL1_GLMC,
         },
         {
           label: '风险描述',
@@ -232,7 +232,7 @@ const dialogItems = computed(() => {
       ];
     case 'emergency':
       return [
-        { label: '队伍名称', value: data.gl1Yjllmc || '-'  },
+        { label: '队伍名称', value: data.gl1Yjllmc || '-' },
         { label: '防范状态', value: data.preventionStatus || '-' },
         { label: '人数', value: data.gl1Rysl || '-' },
         { label: '联系人', value: data.gl1Lxr || '-' },
diff --git a/packages/screen/src/views/RiskWarning/Dialog/offlineHelpDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/offlineHelpDialog.vue
index 78ec953..67e8969 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/offlineHelpDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/offlineHelpDialog.vue
@@ -59,9 +59,6 @@ import baseDialog from '../component/baseDialog.vue';
 import { request } from '@/utils/request';
 import { regionOptions } from '../component/index.js';
 
-
-
-
 const props = defineProps({
   visible: {
     type: Boolean,
@@ -79,7 +76,6 @@ const filterForm = ref({
 // 区县选项（可从接口获取或本地配置）
 const countyOptions = ref(regionOptions);
 
-
 // 表格列配置
 const tableColumns = ref([
   { prop: 'id', label: '序号', width: '' },
@@ -114,18 +110,18 @@ const handleSearch = () => {
 };
 
 // 分页操作
-const handleSizeChange = (val) => {
+const handleSizeChange = val => {
   pageSize.value = val;
   fetchData();
 };
 
-const handleCurrentChange = (val) => {
+const handleCurrentChange = val => {
   currentPage.value = val;
   fetchData();
 };
 
 // 点击附件
-const handleAttachmentClick = (row) => {
+const handleAttachmentClick = row => {
   console.log('点击附件:', row);
   // 实际项目中实现附件查看或下载
 };
@@ -168,7 +164,7 @@ const fetchData = async () => {
 // 监听visible变化
 watch(
   () => props.visible,
-  (newVal) => {
+  newVal => {
     if (newVal) {
       currentPage.value = 1;
       fetchData();
diff --git a/packages/screen/src/views/RiskWarning/Dialog/responsePointDetailDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/responsePointDetailDialog.vue
index 48a12d2..be252f9 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/responsePointDetailDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/responsePointDetailDialog.vue
@@ -31,11 +31,9 @@
               </div>
               <div class="info-item">
                 <span class="info-label">影响点等级</span>
-                <span
-                  class="info-value level-tag"
-                  :class="basicInfo.levelClass"
-                  >{{ basicInfo.level }}</span
-                >
+                <span class="info-value level-tag" :class="basicInfo.levelClass">
+                  {{ basicInfo.level }}
+                </span>
               </div>
               <div class="info-item">
                 <span class="info-label">公路编号</span>
@@ -85,11 +83,7 @@
           </div>
           <div class="patrol-list">
             <!-- 巡查记录列表 -->
-            <div
-              v-for="(record, index) in patrolRecords"
-              :key="index"
-              class="patrol-record-item"
-            >
+            <div v-for="(record, index) in patrolRecords" :key="index" class="patrol-record-item">
               <div class="patrol-number">{{ index + 1 }}</div>
               <div class="patrol-content">
                 <div class="patrol-row">
@@ -111,11 +105,7 @@
                   <span class="patrol-value">{{ record.hasIssue }}</span>
                 </div>
               </div>
-              <div
-                v-if="record.image"
-                class="patrol-image"
-                @click="previewImage(record.image)"
-              >
+              <div v-if="record.image" class="patrol-image" @click="previewImage(record.image)">
                 <img :src="record.image" alt="现场照片" />
               </div>
             </div>
@@ -126,11 +116,7 @@
   </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">
@@ -141,9 +127,9 @@
 </template>
 
 <script setup>
-import { ref, watch } from "vue";
-import { Close } from "@element-plus/icons-vue";
-import baseDialog from "../component/baseDialog.vue";
+import { ref, watch } from 'vue';
+import { Close } from '@element-plus/icons-vue';
+import baseDialog from '../component/baseDialog.vue';
 
 const props = defineProps({
   visible: {
@@ -156,75 +142,74 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["update:visible", "close", "viewTrack"]);
+const emit = defineEmits(['update:visible', 'close', 'viewTrack']);
 
 // 基本信息
 const basicInfo = ref({
-  district: "合川区",
-  level: "一般隐患",
-  levelClass: "level-normal",
-  roadCode: "G348",
-  location: "丁吴路(K116+656至K116+739)",
+  district: '合川区',
+  level: '一般隐患',
+  levelClass: 'level-normal',
+  roadCode: 'G348',
+  location: '丁吴路(K116+656至K116+739)',
   riskDesc:
-    "泥岩风化严重，受雨水冲刷影响，常有强风化岩体散落于边沟或塌散于路面(路面处落石已清理)，影响道路正常使用。[类型:路内风险点-边坡]",
-  measures:
-    "拟对开裂边坡进行清方处理后，采取挂网喷射混凝土处理，部分路段增设挡土墙",
+    '泥岩风化严重，受雨水冲刷影响，常有强风化岩体散落于边沟或塌散于路面(路面处落石已清理)，影响道路正常使用。[类型:路内风险点-边坡]',
+  measures: '拟对开裂边坡进行清方处理后，采取挂网喷射混凝土处理，部分路段增设挡土墙',
 });
 
 // 照片列表
 const photoList = ref([
-  "https://via.placeholder.com/120x80/40a9ff/ffffff?text=照片1",
-  "https://via.placeholder.com/120x80/40a9ff/ffffff?text=照片2",
+  'https://via.placeholder.com/120x80/40a9ff/ffffff?text=照片1',
+  'https://via.placeholder.com/120x80/40a9ff/ffffff?text=照片2',
 ]);
 
 // 巡查记录列表
 const patrolRecords = ref([
   {
-    time: "2026-03-28 14:30:00",
-    person: "刘伟",
-    situation: "现场通行正常、无异常情况发生。",
-    hasIssue: "否",
-    image: "https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场1",
+    time: '2026-03-28 14:30:00',
+    person: '刘伟',
+    situation: '现场通行正常、无异常情况发生。',
+    hasIssue: '否',
+    image: 'https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场1',
   },
   {
-    time: "2026-03-28 14:30:00",
-    person: "刘伟",
-    situation: "现场通行正常、无异常情况发生。",
-    hasIssue: "否",
-    image: "https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场2",
+    time: '2026-03-28 14:30:00',
+    person: '刘伟',
+    situation: '现场通行正常、无异常情况发生。',
+    hasIssue: '否',
+    image: 'https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场2',
   },
 ]);
 
 // 状态样式
-const getStatusClass = (status) => {
-  if (status === "未回应") return "status-unresponse";
-  if (status === "已回应") return "status-response";
-  return "";
+const getStatusClass = status => {
+  if (status === '未回应') return 'status-unresponse';
+  if (status === '已回应') return 'status-response';
+  return '';
 };
 
 // 图片预览
 const previewVisible = ref(false);
-const previewImageUrl = ref("");
+const previewImageUrl = ref('');
 
-const previewImage = (url) => {
+const previewImage = url => {
   previewImageUrl.value = url;
   previewVisible.value = true;
 };
 
 const closePreview = () => {
   previewVisible.value = false;
-  previewImageUrl.value = "";
+  previewImageUrl.value = '';
 };
 
 // 查看轨迹
 const viewTrack = () => {
-  emit("viewTrack", patrolRecord.value);
+  emit('viewTrack', patrolRecord.value);
 };
 
 // 关闭对话框
 const handleClose = () => {
-  emit("update:visible", false);
-  emit("close");
+  emit('update:visible', false);
+  emit('close');
 };
 
 // 点击遮罩关闭已由base-dialog组件处理
@@ -232,11 +217,11 @@ const handleClose = () => {
 // 监听visible变化
 watch(
   () => props.visible,
-  (newVal) => {
+  newVal => {
     if (newVal && props.pointData) {
       Object.assign(basicInfo.value, props.pointData);
     }
-  },
+  }
 );
 </script>
 
@@ -502,7 +487,7 @@ watch(
   position: relative;
 
   &::after {
-    content: "";
+    content: '';
     position: absolute;
     top: 12px;
     left: 50%;
diff --git a/packages/screen/src/views/RiskWarning/Dialog/responsePointInfoDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/responsePointInfoDialog.vue
index aa9ce00..b63b792 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/responsePointInfoDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/responsePointInfoDialog.vue
@@ -47,12 +47,16 @@
             <div class="info-item">
               <span class="info-dot"></span>
               <span class="info-label">回应状态</span>
-              <span class="info-value" :class="getStatusClass(basicInfo.responseStatus)">{{ basicInfo.responseStatus }}</span>
+              <span class="info-value" :class="getStatusClass(basicInfo.responseStatus)">
+                {{ basicInfo.responseStatus }}
+              </span>
             </div>
             <div class="info-item">
               <span class="info-dot"></span>
               <span class="info-label">审核状态</span>
-              <span class="info-value" :class="getAuditClass(basicInfo.auditStatus)">{{ basicInfo.auditStatus }}</span>
+              <span class="info-value" :class="getAuditClass(basicInfo.auditStatus)">
+                {{ basicInfo.auditStatus }}
+              </span>
             </div>
           </div>
           <div class="info-row">
@@ -117,7 +121,11 @@
                 <div class="detail-row">
                   <span class="detail-label">现场情况：</span>
                   <span class="detail-text">{{ patrolRecord.situation }}</span>
-                  <div v-if="patrolRecord.image" class="detail-image" @click="previewImage(patrolRecord.image)">
+                  <div
+                    v-if="patrolRecord.image"
+                    class="detail-image"
+                    @click="previewImage(patrolRecord.image)"
+                  >
                     <img :src="patrolRecord.image" alt="现场照片" />
                   </div>
                 </div>
@@ -133,9 +141,13 @@
                 <span class="timeline-type">{{ record.typeName }}：</span>
                 <span class="timeline-person">{{ record.person }}</span>
                 <span class="timeline-time">{{ record.time }}</span>
-                <span v-if="record.status" class="timeline-status" :class="record.statusClass">{{ record.status }}</span>
+                <span v-if="record.status" class="timeline-status" :class="record.statusClass">
+                  {{ record.status }}
+                </span>
                 <span v-if="record.target" class="timeline-target">
-                  到 <span class="target-name">{{ record.target }}</span> {{ record.targetPhone }}
+                  到
+                  <span class="target-name">{{ record.target }}</span>
+                  {{ record.targetPhone }}
                 </span>
               </div>
             </div>
@@ -157,9 +169,9 @@
 </template>
 
 <script setup>
-import { ref, watch } from "vue";
-import { Close } from "@element-plus/icons-vue";
-import baseDialog from "../component/baseDialog.vue";
+import { ref, watch } from 'vue';
+import { Close } from '@element-plus/icons-vue';
+import baseDialog from '../component/baseDialog.vue';
 
 const props = defineProps({
   visible: {
@@ -172,112 +184,112 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["update:visible", "close", "viewTrack"]);
+const emit = defineEmits(['update:visible', 'close', 'viewTrack']);
 
 // 基本信息
 const basicInfo = ref({
-  district: "合川区",
-  roadCode: "G542",
-  riskType: "风险路段",
-  riskLocation: "丁吴路(K116+656至K116+739)",
-  responseStatus: "未回应",
-  auditStatus: "未审核",
-  warningLevel: "红色预警",
-  stakeRange: "三级治理中心发布发布暴雨红色预警信号",
-  discoverTime: "立即启动防汛Ⅰ级应急响应，立即转移危险区群众，医疗机构做好应急准备",
+  district: '合川区',
+  roadCode: 'G542',
+  riskType: '风险路段',
+  riskLocation: '丁吴路(K116+656至K116+739)',
+  responseStatus: '未回应',
+  auditStatus: '未审核',
+  warningLevel: '红色预警',
+  stakeRange: '三级治理中心发布发布暴雨红色预警信号',
+  discoverTime: '立即启动防汛Ⅰ级应急响应，立即转移危险区群众，医疗机构做好应急准备',
 });
 
 // 照片列表
 const photoList = ref([
-  "https://via.placeholder.com/100x70/40a9ff/ffffff?text=照片1",
-  "https://via.placeholder.com/100x70/40a9ff/ffffff?text=照片2",
-  "https://via.placeholder.com/100x70/40a9ff/ffffff?text=照片3",
-  "https://via.placeholder.com/100x70/40a9ff/ffffff?text=照片4",
+  'https://via.placeholder.com/100x70/40a9ff/ffffff?text=照片1',
+  'https://via.placeholder.com/100x70/40a9ff/ffffff?text=照片2',
+  'https://via.placeholder.com/100x70/40a9ff/ffffff?text=照片3',
+  'https://via.placeholder.com/100x70/40a9ff/ffffff?text=照片4',
 ]);
 
 // 巡查记录
 const patrolRecord = ref({
-  person: "蒋汉成 18702307964",
-  time: "2025-10-14 15:43:24",
-  situation: "收到暴雨黄色预警信息，开展公路夜间巡查排查，道路滑坡涉灾点，无明显变化",
-  image: "https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场",
+  person: '蒋汉成 18702307964',
+  time: '2025-10-14 15:43:24',
+  situation: '收到暴雨黄色预警信息，开展公路夜间巡查排查，道路滑坡涉灾点，无明显变化',
+  image: 'https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场',
 });
 
 // 动态记录
 const dynamicRecords = ref([
   {
-    type: "dispatch",
-    typeName: "调度记录",
-    person: "蒋汉成",
-    time: "2025-10-13 15:43:24",
-    status: "【已接通语音】",
-    statusClass: "status-success",
-    target: "养护站负责人",
-    targetPhone: "刘孝万（13609403931）",
+    type: 'dispatch',
+    typeName: '调度记录',
+    person: '蒋汉成',
+    time: '2025-10-13 15:43:24',
+    status: '【已接通语音】',
+    statusClass: 'status-success',
+    target: '养护站负责人',
+    targetPhone: '刘孝万（13609403931）',
   },
   {
-    type: "warning",
-    typeName: "预警记录",
-    person: "蒋汉成（18702307964）",
-    time: "2025-10-13 15:43:24",
-    status: "审核驳回",
-    statusClass: "status-reject",
+    type: 'warning',
+    typeName: '预警记录',
+    person: '蒋汉成（18702307964）',
+    time: '2025-10-13 15:43:24',
+    status: '审核驳回',
+    statusClass: 'status-reject',
   },
   {
-    type: "warning",
-    typeName: "预警记录",
-    person: "蒋汉成（18702307964）",
-    time: "2025-10-13 15:43:24",
-    status: "审核通过",
-    statusClass: "status-success",
+    type: 'warning',
+    typeName: '预警记录',
+    person: '蒋汉成（18702307964）',
+    time: '2025-10-13 15:43:24',
+    status: '审核通过',
+    statusClass: 'status-success',
   },
   {
-    type: "warning",
-    typeName: "预警记录",
-    person: "蒋汉成（18702307964）",
-    time: "2025-10-13 15:43:24",
-    status: "响应预警",
-    statusClass: "status-success",
+    type: 'warning',
+    typeName: '预警记录',
+    person: '蒋汉成（18702307964）',
+    time: '2025-10-13 15:43:24',
+    status: '响应预警',
+    statusClass: 'status-success',
   },
 ]);
 
 // 状态样式
-const getStatusClass = (status) => {
-  if (status === "未回应") return "status-unresponse";
-  if (status === "已回应") return "status-response";
-  return "";
+const getStatusClass = status => {
+  if (status === '未回应') return 'status-unresponse';
+  if (status === '已回应') return 'status-response';
+  return '';
 };
 
-const getAuditClass = (status) => {
-  if (status === "未审核") return "status-unaudit";
-  if (status === "审核通过") return "status-pass";
-  if (status === "审核驳回") return "status-reject";
-  return "";
+const getAuditClass = status => {
+  if (status === '未审核') return 'status-unaudit';
+  if (status === '审核通过') return 'status-pass';
+  if (status === '审核驳回') return 'status-reject';
+  return '';
 };
 
 // 图片预览
 const previewVisible = ref(false);
-const previewImageUrl = ref("");
+const previewImageUrl = ref('');
 
-const previewImage = (url) => {
+const previewImage = url => {
   previewImageUrl.value = url;
   previewVisible.value = true;
 };
 
 const closePreview = () => {
   previewVisible.value = false;
-  previewImageUrl.value = "";
+  previewImageUrl.value = '';
 };
 
 // 查看轨迹
 const viewTrack = () => {
-  emit("viewTrack", patrolRecord.value);
+  emit('viewTrack', patrolRecord.value);
 };
 
 // 关闭对话框
 const handleClose = () => {
-  emit("update:visible", false);
-  emit("close");
+  emit('update:visible', false);
+  emit('close');
 };
 
 // 点击遮罩关闭已由base-dialog组件处理
@@ -285,7 +297,7 @@ const handleClose = () => {
 // 监听visible变化
 watch(
   () => props.visible,
-  (newVal) => {
+  newVal => {
     if (newVal && props.pointData) {
       Object.assign(basicInfo.value, props.pointData);
     }
@@ -294,8 +306,6 @@ watch(
 </script>
 
 <style lang="scss" scoped>
-
-
 // 区块
 .section {
   margin-bottom: 20px;
@@ -636,6 +646,4 @@ watch(
     color: #fff;
   }
 }
-
-
 </style>
diff --git a/packages/screen/src/views/RiskWarning/Dialog/responseSituationDiaLog.vue b/packages/screen/src/views/RiskWarning/Dialog/responseSituationDiaLog.vue
index 016758b..8222464 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/responseSituationDiaLog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/responseSituationDiaLog.vue
@@ -75,7 +75,7 @@
 </template>
 
 <script setup>
-import { ref, computed, watch } from "vue";
+import { ref, computed, watch } from 'vue';
 import {
   Close,
   VideoCamera,
@@ -86,8 +86,8 @@ import {
   User,
   OfficeBuilding,
   MapLocation,
-} from "@element-plus/icons-vue";
-import baseDialog from "../component/baseDialog.vue";
+} from '@element-plus/icons-vue';
+import baseDialog from '../component/baseDialog.vue';
 
 const props = defineProps({
   visible: {
@@ -97,12 +97,12 @@ const props = defineProps({
   allCountyData: {
     type: Object,
     default: () => ({
-      name: "",
+      name: '',
     }),
   },
 });
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits(['update:visible', 'close']);
 
 // 统计数据
 const stats = ref({
@@ -113,112 +113,112 @@ const stats = ref({
 
 // 表格列配置
 const tableColumns = ref([
-  { prop: "id", label: "序号", width: "" },
-  { prop: "district", label: "区县/镇街", width: "" },
-  { prop: "name", label: "姓名", width: "" },
-  { prop: "phone", label: "电话", width: "" },
-  { prop: "role", label: "角色", width: "" },
-  { prop: "position", label: "职务", width: "" },
-  { prop: "operation", label: "操作", width: "120px", slot: "operation" },
+  { prop: 'id', label: '序号', width: '' },
+  { prop: 'district', label: '区县/镇街', width: '' },
+  { prop: 'name', label: '姓名', width: '' },
+  { prop: 'phone', label: '电话', width: '' },
+  { prop: 'role', label: '角色', width: '' },
+  { prop: 'position', label: '职务', width: '' },
+  { prop: 'operation', label: '操作', width: '120px', slot: 'operation' },
 ]);
 
 // 表格数据
 const tableData = ref([
   {
     id: 1,
-    district: "万州区柏梓镇",
-    name: "赵海浪",
-    phone: "1862352068",
-    role: "一般人员（路长履职）",
-    position: "其他",
+    district: '万州区柏梓镇',
+    name: '赵海浪',
+    phone: '1862352068',
+    role: '一般人员（路长履职）',
+    position: '其他',
   },
   {
     id: 2,
-    district: "万州区柏梓镇",
-    name: "赵海浪",
-    phone: "1862352068",
-    role: "一般人员（路长履职）",
-    position: "其他",
+    district: '万州区柏梓镇',
+    name: '赵海浪',
+    phone: '1862352068',
+    role: '一般人员（路长履职）',
+    position: '其他',
   },
   {
     id: 3,
-    district: "万州区柏梓镇",
-    name: "赵海浪",
-    phone: "1862352068",
-    role: "一般人员（路长履职）",
-    position: "其他",
+    district: '万州区柏梓镇',
+    name: '赵海浪',
+    phone: '1862352068',
+    role: '一般人员（路长履职）',
+    position: '其他',
   },
   {
     id: 4,
-    district: "万州区柏梓镇",
-    name: "赵海浪",
-    phone: "1862352068",
-    role: "一般人员（路长履职）",
-    position: "其他",
+    district: '万州区柏梓镇',
+    name: '赵海浪',
+    phone: '1862352068',
+    role: '一般人员（路长履职）',
+    position: '其他',
   },
   {
     id: 5,
-    district: "万州区李河镇",
-    name: "王建国",
-    phone: "1398324567",
-    role: "一般人员（路长履职）",
-    position: "其他",
+    district: '万州区李河镇',
+    name: '王建国',
+    phone: '1398324567',
+    role: '一般人员（路长履职）',
+    position: '其他',
   },
   {
     id: 6,
-    district: "万州区李河镇",
-    name: "王建国",
-    phone: "1398324567",
-    role: "一般人员（路长履职）",
-    position: "其他",
+    district: '万州区李河镇',
+    name: '王建国',
+    phone: '1398324567',
+    role: '一般人员（路长履职）',
+    position: '其他',
   },
   {
     id: 7,
-    district: "万州区李河镇",
-    name: "王建国",
-    phone: "1398324567",
-    role: "一般人员（路长履职）",
-    position: "其他",
+    district: '万州区李河镇',
+    name: '王建国',
+    phone: '1398324567',
+    role: '一般人员（路长履职）',
+    position: '其他',
   },
   {
     id: 8,
-    district: "万州区李河镇",
-    name: "王建国",
-    phone: "1398324567",
-    role: "一般人员（路长履职）",
-    position: "其他",
+    district: '万州区李河镇',
+    name: '王建国',
+    phone: '1398324567',
+    role: '一般人员（路长履职）',
+    position: '其他',
   },
   {
     id: 9,
-    district: "万州区分水镇",
-    name: "刘志强",
-    phone: "1387654321",
-    role: "一般人员（路长履职）",
-    position: "其他",
+    district: '万州区分水镇',
+    name: '刘志强',
+    phone: '1387654321',
+    role: '一般人员（路长履职）',
+    position: '其他',
   },
   {
     id: 10,
-    district: "万州区分水镇",
-    name: "刘志强",
-    phone: "1387654321",
-    role: "一般人员（路长履职）",
-    position: "其他",
+    district: '万州区分水镇',
+    name: '刘志强',
+    phone: '1387654321',
+    role: '一般人员（路长履职）',
+    position: '其他',
   },
   {
     id: 11,
-    district: "万州区分水镇",
-    name: "刘志强",
-    phone: "1387654321",
-    role: "一般人员（路长履职）",
-    position: "其他",
+    district: '万州区分水镇',
+    name: '刘志强',
+    phone: '1387654321',
+    role: '一般人员（路长履职）',
+    position: '其他',
   },
   {
     id: 12,
-    district: "万州区分水镇",
-    name: "刘志强",
-    phone: "1387654321",
-    role: "一般人员（路长履职）",
-    position: "其他",
+    district: '万州区分水镇',
+    name: '刘志强',
+    phone: '1387654321',
+    role: '一般人员（路长履职）',
+    position: '其他',
   },
 ]);
 
@@ -229,49 +229,49 @@ const total = ref(36);
 
 // 关闭对话框
 const handleClose = () => {
-  emit("update:visible", false);
-  emit("close");
+  emit('update:visible', false);
+  emit('close');
 };
 
 // 分页操作
-const handleSizeChange = (val) => {
+const handleSizeChange = val => {
   pageSize.value = val;
   fetchData();
 };
 
-const handleCurrentChange = (val) => {
+const handleCurrentChange = val => {
   currentPage.value = val;
   fetchData();
 };
 
 // 获取数据
 const fetchData = () => {
-  console.log("获取第", currentPage.value, "页数据");
+  console.log('获取第', currentPage.value, '页数据');
   // 实际项目中调用API获取数据
 };
 
 // 操作按钮
-const handleView = (item) => {
-  console.log("查看视频:", item);
+const handleView = item => {
+  console.log('查看视频:', item);
 };
 
-const handleVoice = (item) => {
-  console.log("语音通话:", item);
+const handleVoice = item => {
+  console.log('语音通话:', item);
 };
 
-const handleCall = (item) => {
-  console.log("拨打电话:", item);
+const handleCall = item => {
+  console.log('拨打电话:', item);
 };
 
 // 监听visible变化
 watch(
   () => props.visible,
-  (newVal) => {
+  newVal => {
     if (newVal) {
       currentPage.value = 1;
       fetchData();
     }
-  },
+  }
 );
 </script>
 
@@ -287,11 +287,7 @@ 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/responseStatusDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue
index 1285554..3657f7b 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/responseStatusDialog.vue
@@ -168,7 +168,12 @@
 <script setup>
 import { ref, computed, watch, onMounted } from 'vue';
 import { Close, ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
-import { pointTypeOptions, pointLevelOptions, isRespondedOptions, formatDateTime } from '../component/index.js';
+import {
+  pointTypeOptions,
+  pointLevelOptions,
+  isRespondedOptions,
+  formatDateTime,
+} from '../component/index.js';
 import baseDialog from '../component/baseDialog.vue';
 import { request } from '@/utils/request.js';
 
@@ -203,7 +208,7 @@ const filterForm = ref({
   isResponded: '',
 });
 
-const cardType = ref('0');
+const cardType = ref('路段');
 
 // 统计卡片数据
 const statsCardsData = ref([
@@ -246,6 +251,7 @@ const handleClose = () => {
 // 点击卡片切换
 const handleClick = type => {
   cardType.value = type;
+  fetchData();
 };
 // 顶部卡片数据
 const loadBarChartData = async () => {
@@ -378,11 +384,11 @@ const fetchData = async () => {
 };
 
 // 类型映射
-const getTypeLabel = (type) => {
+const getTypeLabel = type => {
   const typeMap = {
     'road-section': '路段',
-    'road_section': '路段',
-    'roadSection': '路段',
+    road_section: '路段',
+    roadSection: '路段',
     bridge: '桥梁',
     tunnel: '隧道',
     slope: '边坡',
@@ -392,7 +398,7 @@ const getTypeLabel = (type) => {
 };
 
 // 根据风险等级获取样式类
-const getLevelClass = (riskLevel) => {
+const getLevelClass = riskLevel => {
   if (!riskLevel) return '';
   if (riskLevel.includes('高')) return 'level-serious';
   if (riskLevel.includes('一般')) return 'level-normal';
diff --git a/packages/screen/src/views/RiskWarning/Dialog/riskPointDetailDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/riskPointDetailDialog.vue
index 1822527..339e75f 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/riskPointDetailDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/riskPointDetailDialog.vue
@@ -43,27 +43,21 @@
             </div>
             <div class="info-item">
               <span class="info-label">回应状态</span>
-              <span
-                class="info-value"
-                :class="getStatusClass(basicInfo.responseStatus)"
-                >{{ basicInfo.responseStatus }}</span
-              >
+              <span class="info-value" :class="getStatusClass(basicInfo.responseStatus)">
+                {{ basicInfo.responseStatus }}
+              </span>
             </div>
             <div class="info-item">
               <span class="info-label">审核状态</span>
-              <span
-                class="info-value"
-                :class="getAuditClass(basicInfo.auditStatus)"
-                >{{ basicInfo.auditStatus }}</span
-              >
+              <span class="info-value" :class="getAuditClass(basicInfo.auditStatus)">
+                {{ basicInfo.auditStatus }}
+              </span>
             </div>
           </div>
           <div class="info-row three-col">
             <div class="info-item">
               <span class="info-label">预警等级</span>
-              <span class="info-value level-red">{{
-                basicInfo.warningLevel
-              }}</span>
+              <span class="info-value level-red">{{ basicInfo.warningLevel }}</span>
             </div>
             <div class="info-item">
               <span class="info-label">起点桩号-止点桩号</span>
@@ -126,9 +120,7 @@
               :class="{ 'row-even': index % 2 === 1 }"
             >
               <div class="td" style="width: 30%">{{ item.type }}</div>
-              <div class="td" style="width: 40%">
-                {{ item.name }} {{ item.phone }}
-              </div>
+              <div class="td" style="width: 40%">{{ item.name }} {{ item.phone }}</div>
               <div class="td" style="width: 30%">{{ item.frequency }}</div>
             </div>
           </div>
@@ -172,25 +164,19 @@
           </div>
 
           <!-- 动态记录列表 -->
-          <div
-            v-for="(record, index) in dynamicRecords"
-            :key="index"
-            class="timeline-item"
-          >
+          <div v-for="(record, index) in dynamicRecords" :key="index" class="timeline-item">
             <div class="timeline-marker" :class="record.type"></div>
             <div class="timeline-content">
               <div class="timeline-header">
                 <span class="timeline-type">{{ record.typeName }}：</span>
                 <span class="timeline-person">{{ record.person }}</span>
                 <span class="timeline-time">{{ record.time }}</span>
-                <span
-                  v-if="record.status"
-                  class="timeline-status"
-                  :class="record.statusClass"
-                  >{{ record.status }}</span
-                >
+                <span v-if="record.status" class="timeline-status" :class="record.statusClass">
+                  {{ record.status }}
+                </span>
                 <span v-if="record.target" class="timeline-target">
-                  到 <span class="target-name">{{ record.target }}</span>
+                  到
+                  <span class="target-name">{{ record.target }}</span>
                   {{ record.targetPhone }}
                 </span>
               </div>
@@ -202,11 +188,7 @@
   </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">
@@ -217,9 +199,9 @@
 </template>
 
 <script setup>
-import { ref, watch } from "vue";
-import { Close } from "@element-plus/icons-vue";
-import baseDialog from "../component/baseDialog.vue";
+import { ref, watch } from 'vue';
+import { Close } from '@element-plus/icons-vue';
+import baseDialog from '../component/baseDialog.vue';
 
 const props = defineProps({
   visible: {
@@ -232,150 +214,148 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["update:visible", "close", "viewTrack"]);
+const emit = defineEmits(['update:visible', 'close', 'viewTrack']);
 
 // 表格列配置
 const tableColumns = ref([
-  { label: "责任人类型", width: "30%" },
-  { label: "责任人", width: "40%" },
-  { label: "巡查频率", width: "30%" },
+  { label: '责任人类型', width: '30%' },
+  { label: '责任人', width: '40%' },
+  { label: '巡查频率', width: '30%' },
 ]);
 
 // 基本信息
 const basicInfo = ref({
-  district: "合川区",
-  roadCode: "G542",
-  riskType: "风险路段",
-  riskLocation: "丁吴路(K116+656至K116+739)",
-  responseStatus: "未回应",
-  auditStatus: "未审核",
-  warningLevel: "红色预警",
-  stakeRange: "三级治理中心发布发布暴雨红色预警信号",
-  discoverTime:
-    "立即启动防汛Ⅰ级应急响应，立即转移危险区群众，医疗机构做好应急准备",
-  warningContent: "",
+  district: '合川区',
+  roadCode: 'G542',
+  riskType: '风险路段',
+  riskLocation: '丁吴路(K116+656至K116+739)',
+  responseStatus: '未回应',
+  auditStatus: '未审核',
+  warningLevel: '红色预警',
+  stakeRange: '三级治理中心发布发布暴雨红色预警信号',
+  discoverTime: '立即启动防汛Ⅰ级应急响应，立即转移危险区群众，医疗机构做好应急准备',
+  warningContent: '',
 });
 
 // 照片列表
 const photoList = ref([
-  "https://via.placeholder.com/120x80/40a9ff/ffffff?text=照片1",
-  "https://via.placeholder.com/120x80/40a9ff/ffffff?text=照片2",
-  "https://via.placeholder.com/120x80/40a9ff/ffffff?text=照片3",
-  "https://via.placeholder.com/120x80/40a9ff/ffffff?text=照片4",
+  'https://via.placeholder.com/120x80/40a9ff/ffffff?text=照片1',
+  'https://via.placeholder.com/120x80/40a9ff/ffffff?text=照片2',
+  'https://via.placeholder.com/120x80/40a9ff/ffffff?text=照片3',
+  'https://via.placeholder.com/120x80/40a9ff/ffffff?text=照片4',
 ]);
 
 // 三级包保责任人
 const responsibleList = ref([
   {
-    type: "交通主管部门负责人",
-    name: "胡雷",
-    phone: "18983923577",
-    frequency: "半年巡查一次",
+    type: '交通主管部门负责人',
+    name: '胡雷',
+    phone: '18983923577',
+    frequency: '半年巡查一次',
   },
   {
-    type: "公路机构负责人",
-    name: "刘孝万",
-    phone: "13609403931",
-    frequency: "每月巡查一次",
+    type: '公路机构负责人',
+    name: '刘孝万',
+    phone: '13609403931',
+    frequency: '每月巡查一次',
   },
   {
-    type: "养护站负责人",
-    name: "彭应成",
-    phone: "18323031454",
-    frequency: "每周巡查一次",
+    type: '养护站负责人',
+    name: '彭应成',
+    phone: '18323031454',
+    frequency: '每周巡查一次',
   },
   {
-    type: "护路员",
-    name: "蒋汉成",
-    phone: "1870230796",
-    frequency: "每周巡查两次",
+    type: '护路员',
+    name: '蒋汉成',
+    phone: '1870230796',
+    frequency: '每周巡查两次',
   },
 ]);
 
 // 巡查记录
 const patrolRecord = ref({
-  person: "蒋汉成 18702307964",
-  time: "2025-10-14 15:43:24",
-  situation:
-    "收到暴雨黄色预警信息，开展公路夜间巡查排查，道路滑坡涉灾点，无明显变化",
-  image: "https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场",
+  person: '蒋汉成 18702307964',
+  time: '2025-10-14 15:43:24',
+  situation: '收到暴雨黄色预警信息，开展公路夜间巡查排查，道路滑坡涉灾点，无明显变化',
+  image: 'https://via.placeholder.com/80x60/40a9ff/ffffff?text=现场',
 });
 
 // 动态记录
 const dynamicRecords = ref([
   {
-    type: "dispatch",
-    typeName: "调度记录",
-    person: "蒋汉成",
-    time: "2025-10-13 15:43:24",
-    status: "【已接通语音】",
-    statusClass: "status-success",
-    target: "养护站负责人",
-    targetPhone: "刘孝万（13609403931）",
+    type: 'dispatch',
+    typeName: '调度记录',
+    person: '蒋汉成',
+    time: '2025-10-13 15:43:24',
+    status: '【已接通语音】',
+    statusClass: 'status-success',
+    target: '养护站负责人',
+    targetPhone: '刘孝万（13609403931）',
   },
   {
-    type: "warning",
-    typeName: "预警记录",
-    person: "蒋汉成（18702307964）",
-    time: "2025-10-13 15:43:24",
-    status: "审核驳回",
-    statusClass: "status-reject",
+    type: 'warning',
+    typeName: '预警记录',
+    person: '蒋汉成（18702307964）',
+    time: '2025-10-13 15:43:24',
+    status: '审核驳回',
+    statusClass: 'status-reject',
   },
   {
-    type: "warning",
-    typeName: "预警记录",
-    person: "蒋汉成（18702307964）",
-    time: "2025-10-13 15:43:24",
-    status: "审核通过",
-    statusClass: "status-success",
+    type: 'warning',
+    typeName: '预警记录',
+    person: '蒋汉成（18702307964）',
+    time: '2025-10-13 15:43:24',
+    status: '审核通过',
+    statusClass: 'status-success',
   },
   {
-    type: "warning",
-    typeName: "预警记录",
-    person: "蒋汉成（18702307964）",
-    time: "2025-10-13 15:43:24",
-    status: "响应预警",
-    statusClass: "status-success",
+    type: 'warning',
+    typeName: '预警记录',
+    person: '蒋汉成（18702307964）',
+    time: '2025-10-13 15:43:24',
+    status: '响应预警',
+    statusClass: 'status-success',
   },
 ]);
 
 // 状态样式
-const getStatusClass = (status) => {
-  if (status === "未回应") return "status-unresponse";
-  if (status === "已回应") return "status-response";
-  return "";
+const getStatusClass = status => {
+  if (status === '未回应') return 'status-unresponse';
+  if (status === '已回应') return 'status-response';
+  return '';
 };
 
-const getAuditClass = (status) => {
-  if (status === "未审核") return "status-unaudit";
-  if (status === "审核通过") return "status-pass";
-  if (status === "审核驳回") return "status-reject";
-  return "";
+const getAuditClass = status => {
+  if (status === '未审核') return 'status-unaudit';
+  if (status === '审核通过') return 'status-pass';
+  if (status === '审核驳回') return 'status-reject';
+  return '';
 };
 
 // 图片预览
 const previewVisible = ref(false);
-const previewImageUrl = ref("");
+const previewImageUrl = ref('');
 
-const previewImage = (url) => {
+const previewImage = url => {
   previewImageUrl.value = url;
   previewVisible.value = true;
 };
 
 const closePreview = () => {
   previewVisible.value = false;
-  previewImageUrl.value = "";
+  previewImageUrl.value = '';
 };
 
 // 查看轨迹
 const viewTrack = () => {
-  emit("viewTrack", patrolRecord.value);
+  emit('viewTrack', patrolRecord.value);
 };
 
 // 关闭对话框
 const handleClose = () => {
-  emit("update:visible", false);
-  emit("close");
+  emit('update:visible', false);
+  emit('close');
 };
 
 // 点击遮罩关闭已由base-dialog组件处理
@@ -383,11 +363,11 @@ const handleClose = () => {
 // 监听visible变化
 watch(
   () => props.visible,
-  (newVal) => {
+  newVal => {
     if (newVal && props.riskData) {
       Object.assign(basicInfo.value, props.riskData);
     }
-  },
+  }
 );
 </script>
 
@@ -580,7 +560,7 @@ watch(
   position: relative;
 
   &::after {
-    content: "";
+    content: '';
     position: absolute;
     top: 12px;
     left: 50%;
diff --git a/packages/screen/src/views/RiskWarning/Dialog/tongnanCenterCardDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/tongnanCenterCardDialog.vue
index 4ad6907..b86f9c0 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/tongnanCenterCardDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/tongnanCenterCardDialog.vue
@@ -35,8 +35,8 @@
 </template>
 
 <script setup>
-import { computed } from "vue";
-import { ArrowRight, Location } from "@element-plus/icons-vue";
+import { computed } from 'vue';
+import { ArrowRight, Location } from '@element-plus/icons-vue';
 
 const props = defineProps({
   visible: {
@@ -45,11 +45,11 @@ const props = defineProps({
   },
   value: {
     type: [String, Number],
-    default: "",
+    default: '',
   },
   roadCount: {
     type: [String, Number],
-    default: "128",
+    default: '128',
   },
   zIndex: {
     type: Number,
@@ -57,11 +57,11 @@ const props = defineProps({
   },
   width: {
     type: String,
-    default: "200px",
+    default: '200px',
   },
 });
 
-const emit = defineEmits(["update:visible", "close", "detail"]);
+const emit = defineEmits(['update:visible', 'close', 'detail']);
 
 const dialogStyle = computed(() => ({
   width: props.width,
@@ -69,13 +69,13 @@ const dialogStyle = computed(() => ({
 
 // 关闭对话框
 const handleClose = () => {
-  emit("update:visible", false);
-  emit("close");
+  emit('update:visible', false);
+  emit('close');
 };
 
 // 点击详情
 const handleDetail = () => {
-  emit("detail");
+  emit('detail');
 };
 </script>
 
@@ -98,7 +98,7 @@ const handleDetail = () => {
 
 .center-card-dialog {
   position: relative;
-  background-image: url("../../../assets/MaMap_img/区县弹窗背景@2x.png");
+  background-image: url('../../../assets/MaMap_img/区县弹窗背景@2x.png');
   background-size: 100% 100%;
   background-repeat: no-repeat;
   min-width: vw(200);
diff --git a/packages/screen/src/views/RiskWarning/Dialog/tunnelInfoDialog.vue b/packages/screen/src/views/RiskWarning/Dialog/tunnelInfoDialog.vue
index 5e57899..f198d1f 100644
--- a/packages/screen/src/views/RiskWarning/Dialog/tunnelInfoDialog.vue
+++ b/packages/screen/src/views/RiskWarning/Dialog/tunnelInfoDialog.vue
@@ -36,8 +36,8 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits } from "vue";
-import baseDialog from "../component/baseDialog.vue";
+import { defineProps, defineEmits } from 'vue';
+import baseDialog from '../component/baseDialog.vue';
 
 const props = defineProps({
   visible: {
@@ -47,20 +47,20 @@ const props = defineProps({
   data: {
     type: Object,
     default: () => ({
-      title: "项目信息",
+      title: '项目信息',
       items: [
-        { label: "项目名称", value: "蔺市隧道右线" },
-        { label: "编号", value: "G212线" },
-        { label: "所属区县", value: "涪陵" },
-        { label: "隧道长度", value: "1782(米)" },
-        { label: "路线编号", value: "G50351" },
-        { label: "路线名称", value: "石柱-重庆" },
-        { label: "建成时间", value: "2023年" },
-        { label: "入口桩号", value: "159.079" },
-        { label: "隧道净宽", value: "22(米)" },
-        { label: "隧道净高", value: "5(米)" },
-        { label: "长度分类", value: "长隧道" },
-        { label: "评定等级", value: "2类" },
+        { label: '项目名称', value: '蔺市隧道右线' },
+        { label: '编号', value: 'G212线' },
+        { label: '所属区县', value: '涪陵' },
+        { label: '隧道长度', value: '1782(米)' },
+        { label: '路线编号', value: 'G50351' },
+        { label: '路线名称', value: '石柱-重庆' },
+        { label: '建成时间', value: '2023年' },
+        { label: '入口桩号', value: '159.079' },
+        { label: '隧道净宽', value: '22(米)' },
+        { label: '隧道净高', value: '5(米)' },
+        { label: '长度分类', value: '长隧道' },
+        { label: '评定等级', value: '2类' },
       ],
     }),
   },
@@ -68,69 +68,69 @@ const props = defineProps({
 
 // 边坡信息数据
 const slopeData = {
-  title: "边坡信息",
+  title: '边坡信息',
   items: [
-    { label: "边坡坡长", value: "0.1(km)" },
-    { label: "边坡最大高度", value: "46(m)" },
-    { label: "边坡构成", value: "土石混合边坡 (坡高>=25m)" },
-    { label: "风险等级", value: "三级 (一般)" },
-    { label: "变形形式", value: "框架梁" },
-    { label: "监测设施设置", value: "无" },
-    { label: "起点桩号", value: "1447.7" },
-    { label: "止点桩号", value: "1447.8" },
+    { label: '边坡坡长', value: '0.1(km)' },
+    { label: '边坡最大高度', value: '46(m)' },
+    { label: '边坡构成', value: '土石混合边坡 (坡高>=25m)' },
+    { label: '风险等级', value: '三级 (一般)' },
+    { label: '变形形式', value: '框架梁' },
+    { label: '监测设施设置', value: '无' },
+    { label: '起点桩号', value: '1447.7' },
+    { label: '止点桩号', value: '1447.8' },
   ],
 };
 
 // 隧道信息数据
 const tunnelData = {
-  title: "隧道信息",
+  title: '隧道信息',
   items: [
-    { label: "隧道名称", value: "蔺市隧道右线" },
-    { label: "编号", value: "G212 线" },
-    { label: "所属区县", value: "涪陵" },
-    { label: "隧道长度", value: "1782(米)" },
-    { label: "路线编号", value: "G50351" },
-    { label: "路线名称", value: "石柱 - 重庆" },
-    { label: "建成时间", value: "2023 年" },
-    { label: "入口桩号", value: "159.079" },
-    { label: "隧道净宽", value: "22(米)" },
-    { label: "隧道净高", value: "5(米)" },
-    { label: "长度分类", value: "长隧道" },
-    { label: "评定等级", value: "2 类" },
+    { label: '隧道名称', value: '蔺市隧道右线' },
+    { label: '编号', value: 'G212 线' },
+    { label: '所属区县', value: '涪陵' },
+    { label: '隧道长度', value: '1782(米)' },
+    { label: '路线编号', value: 'G50351' },
+    { label: '路线名称', value: '石柱 - 重庆' },
+    { label: '建成时间', value: '2023 年' },
+    { label: '入口桩号', value: '159.079' },
+    { label: '隧道净宽', value: '22(米)' },
+    { label: '隧道净高', value: '5(米)' },
+    { label: '长度分类', value: '长隧道' },
+    { label: '评定等级', value: '2 类' },
   ],
 };
 
 // 桥梁信息数据
 const bridgeData = {
-  title: "桥梁信息",
+  title: '桥梁信息',
   items: [
-    { label: "桥梁名称", value: "蔺市隧道右线" },
-    { label: "编号", value: "K212 线" },
-    { label: "所属区县", value: "涪陵" },
-    { label: "桥梁长度", value: "46(米)" },
-    { label: "路线编号", value: "G50351" },
-    { label: "路线名称", value: "银川 - 重庆" },
-    { label: "建成时间", value: "2013" },
-    { label: "中心桩号", value: "1278.994" },
-    { label: "桥梁长度", value: "46 米" },
-    { label: "跨径总长", value: "40 米" },
-    { label: "跨径分类", value: "长隧道" },
-    { label: "技术状况", value: "一类" },
+    { label: '桥梁名称', value: '蔺市隧道右线' },
+    { label: '编号', value: 'K212 线' },
+    { label: '所属区县', value: '涪陵' },
+    { label: '桥梁长度', value: '46(米)' },
+    { label: '路线编号', value: 'G50351' },
+    { label: '路线名称', value: '银川 - 重庆' },
+    { label: '建成时间', value: '2013' },
+    { label: '中心桩号', value: '1278.994' },
+    { label: '桥梁长度', value: '46 米' },
+    { label: '跨径总长', value: '40 米' },
+    { label: '跨径分类', value: '长隧道' },
+    { label: '技术状况', value: '一类' },
   ],
 };
 
 // 抢险队伍数据
 const rescueTeamData = {
-  title: "抢险队伍",
+  title: '抢险队伍',
   items: [
-    { label: "队伍名称", value: "重庆公路应急抢险指挥及物资储备中心" },
-    { label: "防范状态", value: "已出动" },
-    { label: "人数", value: "50" },
-    { label: "联系人", value: "18602981928" },
-    { label: "地址", value: "重庆市江津区双福工业园区赵坪路 157 号" },
-    { label: "物资装备", value: "应急物资:8100 件;应急装备:33 台" },
+    { label: '队伍名称', value: '重庆公路应急抢险指挥及物资储备中心' },
+    { label: '防范状态', value: '已出动' },
+    { label: '人数', value: '50' },
+    { label: '联系人', value: '18602981928' },
+    { label: '地址', value: '重庆市江津区双福工业园区赵坪路 157 号' },
+    { label: '物资装备', value: '应急物资:8100 件;应急装备:33 台' },
   ],
-  imgs: ["", "", "", "", ""],
+  imgs: ['', '', '', '', ''],
 };
 
 defineExpose({
@@ -140,11 +140,11 @@ defineExpose({
   rescueTeamData,
 });
 
-const emit = defineEmits(["update:visible", "close"]);
+const emit = defineEmits(['update:visible', 'close']);
 
 const handleClose = () => {
-  emit("update:visible", false);
-  emit("close");
+  emit('update:visible', false);
+  emit('close');
 };
 </script>
 
@@ -183,7 +183,7 @@ const handleClose = () => {
   grid-template-columns: repeat(3, 1fr);
   gap: 6px;
   padding: 16px 20px;
-  
+
   .dialog-img {
     width: 75px;
     height: 75px;
diff --git a/packages/screen/src/views/RiskWarning/bottom.vue b/packages/screen/src/views/RiskWarning/bottom.vue
index 080b133..e3f8f5e 100644
--- a/packages/screen/src/views/RiskWarning/bottom.vue
+++ b/packages/screen/src/views/RiskWarning/bottom.vue
@@ -231,9 +231,11 @@ const handleClick = (item, index) => {
   }
 
   activeIndex.value = index;
-  emit('changeActiveIndex', {
-    ...item,
-  });
+  if (item.label !== '路段') {
+    emit('changeActiveIndex', {
+      ...item,
+    });
+  }
 };
 
 // 点击隐患点项
diff --git a/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue b/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
index b3f4bf4..e8c55a3 100644
--- a/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
+++ b/packages/screen/src/views/RiskWarning/component/ChongqingMap.vue
@@ -1,4 +1,5 @@
 <template>
+  <!-- 检查URL参数中是否有Map=dev，如果有，则使用本地地图数据，否则使用阿里云地图数据 -->
   <div class="chongqing-map-container">
     <div ref="mapContainer" class="map-container"></div>
     <div v-if="loading" class="loading-overlay">
@@ -9,13 +10,6 @@
       <span class="error-text">{{ error }}</span>
       <button class="retry-btn" @click="loadMapData">重试</button>
     </div>
-    <!-- <TongnanCenterCardDialog
-      ref="tongnanCenterCardDialog"
-      :visible.sync="visible"
-      :value="value"
-      :z-index="zIndex"
-      :width="width"
-    ></TongnanCenterCardDialog> -->
     <mapInfoDialog
       v-model:visible="mapInfoDialogVisible"
       :type="mapInfoDialogType"
@@ -33,7 +27,6 @@
     <hazardPointSituationDialog
       v-model:visible="hazardPointSituationDialogVisible"
       :data="{}"
-      :visible="true"
       @close="closeHazardPointSituationDialog"
     />
   </div>
@@ -43,7 +36,6 @@
 import { ref, onMounted, onUnmounted, watch, defineExpose, h, render } from 'vue';
 import axios from 'axios';
 import { request } from '@/utils/request';
-import TongnanCenterCardDialog from '../Dialog/tongnanCenterCardDialog.vue';
 
 import projectIcon from '../../../assets/MaMap_img/项目@2x.png';
 import bridgeIcon from '../../../assets/MaMap_img/桥梁icon@2x.png';
@@ -66,6 +58,7 @@ import tunnelLineIcon from '../../../assets/MaMap_img/线路icon定位@2x.png';
 import mapInfoDialog from '../Dialog/mapInfoDialog.vue';
 import centerInfoCard from '../Dialog/centerInfoCard.vue';
 import hazardPointSituationDialog from '../Dialog/hazardPointSituationDialog.vue';
+import I from '../../../../dist/cesium/Workers/upsampleVerticesFromCesium3DTilesTerrain';
 
 const mapContainer = ref(null);
 const loading = ref(false);
@@ -97,7 +90,7 @@ watch(
   () => props.roadItem,
   async (newVal, oldVal) => {
     if (newVal !== oldVal) {
-      await getAffectedRoadSectionData();
+      await getAffectedRoadSectionData(false);
     }
   },
   { immediate: true }
@@ -117,10 +110,6 @@ const emit = defineEmits([
 const selectedDistrict = ref(null);
 let selectedLayer = null;
 
-// 隧道信息弹窗
-const tunnelDialogVisible = ref(false);
-const tunnelDialogData = ref({});
-
 // 地图信息弹窗
 const mapInfoDialogVisible = ref(false);
 const mapInfoDialogType = ref('project');
@@ -181,6 +170,9 @@ const showCountyCardsOnMap = dataList => {
 
   // 遍历数据列表，为每个区县创建卡片
   dataList.forEach(item => {
+    // if (j.countyName === item.countyName) {
+    //   item = j;
+    // }
     const countyName = item.countyName || item.name;
     if (!countyName) return;
 
@@ -203,7 +195,6 @@ 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,
@@ -233,11 +224,11 @@ const showCountyCardsOnMap = dataList => {
       const marker = window.L.marker(center, {
         icon: customIcon,
         interactive: true,
+        zIndexOffset: 2000, // 提升区县卡片层级，确保在最上层
       });
 
       // 添加点击事件到 marker
       marker.on('click', () => {
-        console.log('centerInfoCard clicked, county:', countyName);
         // 调用处理函数
         handleCenterCardItemClick(item);
         // 移动地图到该位置
@@ -279,9 +270,21 @@ const openCenterCard = data => {
   centerCardDataList.value = data.dataList || [];
   centerCardTitle.value = data.title || '调度统计';
   centerCardVisible.value = true;
+  let affectedItems = [];
+  // 遍历数据列表，只有影响区域的区县才添加到受影响列表中
+  data.dataList.forEach(item => {
+    if (item.countyName && (item.countyName.includes('渝北') || item.countyName.includes('江北'))) {
+      item.countyName = '两江新区';
+    }
+    affectedCountyData.value.sortedList.forEach(j => {
+      if (item.countyName.includes(j.name)) {
+        affectedItems.push(item);
+      }
+    });
+  });
 
   // 在地图上显示区县卡片
-  showCountyCardsOnMap(data.dataList);
+  showCountyCardsOnMap(affectedItems);
 };
 
 // 关闭中心信息卡片弹窗
@@ -354,10 +357,26 @@ const getAffectedCountyData = async () => {
       console.log('区县预警统计:', warningStats);
       affectedCountyData.value = warningStats;
 
-      // getAffectedProjectData();
-      // getAffectedTunnelData();
-      // getAffectedBridgeData();
-      // getAffectedRoadSectionData();
+      getAffectedProjectData(true);
+      getAffectedTunnelData(true);
+      getAffectedBridgeData(true);
+      for (let index = 0; index < 5; index++) {
+        console.log(index);
+        if (index == 0) {
+          props.roadItem.label = '高风险路段';
+        } else if (index == 1) {
+          props.roadItem.label = '较高风险路段';
+        } else if (index == 2) {
+          props.roadItem.label = '中风险路段';
+        } else if (index == 3) {
+          props.roadItem.label = '低风险路段';
+        } else if (index == 4) {
+          props.roadItem.label = '';
+        }
+        if (props.roadItem.label) {
+          getAffectedRoadSectionData(true);
+        }
+      }
 
       // getEmergencyForceData();
 
@@ -370,7 +389,7 @@ const getAffectedCountyData = async () => {
 
 const affectedBridgeData = ref([]);
 // 获取受影响桥梁数据
-const getAffectedBridgeData = async () => {
+const getAffectedBridgeData = async flag => {
   try {
     const timeParams = getTimeParams();
     const res = await request({
@@ -380,14 +399,19 @@ const getAffectedBridgeData = async () => {
     });
     if (res.data) {
       res.data.forEach(item => {
-        item.COORDINATE_POINT = [item.GL1_QLJD, item.GL1_QLWD];
-        // if (
-        //   Number(item.GL1_JSZKPJDM) > 3 ||
-        //   item.GL1_AKJFLLX == '大桥' ||
-        //   item.GL1_AKJFLLX == '特大桥'
-        // ) {
-        // }
-        affectedBridgeData.value.push(item);
+        if (item.COUNTY && (item.COUNTY.includes('江北') || item.COUNTY.includes('渝北'))) {
+          item.COUNTY = '两江新区';
+        }
+        affectedCountyData.value.sortedList.forEach(j => {
+          // 判断是否是影响区域
+          if (flag && item.GL1_QXMC && j.name && item.GL1_QXMC.includes(j.name)) {
+            item.COORDINATE_POINT = [item.GL1_QLJD, item.GL1_QLWD];
+            affectedBridgeData.value.push(item);
+          } else if (!flag) {
+            item.COORDINATE_POINT = [item.GL1_QLJD, item.GL1_QLWD];
+            affectedBridgeData.value.push(item);
+          }
+        });
       });
     }
     console.log('受影响桥梁数据:', affectedBridgeData.value);
@@ -400,7 +424,7 @@ const getAffectedBridgeData = async () => {
 
 const tunnelInfoDialogRef = ref([]);
 // 获取受影响隧道数据
-const getAffectedTunnelData = async () => {
+const getAffectedTunnelData = async flag => {
   try {
     const timeParams = getTimeParams();
     const res = await request({
@@ -410,10 +434,19 @@ const getAffectedTunnelData = async () => {
     });
     if (res.code === '00000' && res.data) {
       res.data.forEach(item => {
-        item.COORDINATE_POINT = [Number(item.GL1_SDJD2), Number(item.GL1_SDWD2)];
-        // if (Number(item.GL1_PDDJ) > 3 || item.GL1_SDLX == '特长隧道') {
-        // }
-        tunnelInfoDialogRef.value.push(item);
+        if (item.COUNTY && (item.COUNTY.includes('江北') || item.COUNTY.includes('渝北'))) {
+          item.COUNTY = '两江新区';
+        }
+
+        affectedCountyData.value.sortedList.forEach(j => {
+          if (flag && j.name && item.GL1_QXMC && item.GL1_QXMC.includes(j.name)) {
+            item.COORDINATE_POINT = [Number(item.GL1_SDJD2), Number(item.GL1_SDWD2)];
+            tunnelInfoDialogRef.value.push(item);
+          } else if (!flag) {
+            item.COORDINATE_POINT = [Number(item.GL1_SDJD2), Number(item.GL1_SDWD2)];
+            tunnelInfoDialogRef.value.push(item);
+          }
+        });
       });
       console.log('受影响隧道数据:', tunnelInfoDialogRef.value);
       addProjectMarkers(tunnelInfoDialogRef.value, tunnelIcon2, 'tunnel');
@@ -427,7 +460,7 @@ const getAffectedTunnelData = async () => {
 
 // 获取受影响项目数据
 const affectedProjectData = ref([]);
-const getAffectedProjectData = async () => {
+const getAffectedProjectData = async flag => {
   try {
     const timeParams = getTimeParams();
     const res = await request({
@@ -440,19 +473,42 @@ const getAffectedProjectData = async () => {
       console.log('项目数据条数:', res.data.length);
       // 解析坐标数据
       const parsedData = res.data.map(item => {
-        const newItem = { ...item };
-        if (item.COORDINATE_POINT) {
-          console.log('原始坐标:', item.COORDINATE_POINT);
-          newItem.COORDINATE_POINT = item.COORDINATE_POINT.substring(
-            6,
-            item.COORDINATE_POINT.length - 1
-          )
-            .split(' ')
-            .reverse();
-          console.log('解析后坐标:', newItem.COORDINATE_POINT);
+        if (item.COUNTY && (item.COUNTY.includes('江北') || item.COUNTY.includes('渝北'))) {
+          item.COUNTY = '两江新区';
         }
-        return newItem;
+
+        affectedCountyData.value.sortedList.forEach(j => {
+          const newItem = { ...item };
+          // 判断  flag = true 是页面第一次进入
+          if (
+            flag &&
+            item.COORDINATE_POINT &&
+            j.name &&
+            item.COUNTY &&
+            item.COUNTY.includes(j.name)
+          ) {
+            console.log('原始坐标:', item.COORDINATE_POINT);
+            newItem.COORDINATE_POINT = item.COORDINATE_POINT.substring(
+              6,
+              item.COORDINATE_POINT.length - 1
+            )
+              .split(' ')
+              .reverse();
+            console.log('解析后坐标:', newItem.COORDINATE_POINT);
+          } else if (!flag && item.COORDINATE_POINT) {
+            console.log('原始坐标:', item.COORDINATE_POINT);
+            newItem.COORDINATE_POINT = item.COORDINATE_POINT.substring(
+              6,
+              item.COORDINATE_POINT.length - 1
+            )
+              .split(' ')
+              .reverse();
+            console.log('解析后坐标:', newItem.COORDINATE_POINT);
+          }
+          return newItem;
+        });
       });
+
       affectedProjectData.value = parsedData;
       // 在地图上添加项目标记
       console.log('开始添加项目标记...');
@@ -475,7 +531,7 @@ const roadvalArr = ref([
   { label: '中风险', value: 0, show: false },
   { label: '低风险', value: 0, show: false },
 ]);
-const getAffectedRoadSectionData = async () => {
+const getAffectedRoadSectionData = async flag => {
   try {
     console.log('受影响路段数据:', props.roadItem);
     const { start, end } = getTimeParams();
@@ -503,8 +559,17 @@ const getAffectedRoadSectionData = async () => {
     console.log('受影响路段数据:', res);
     if (res.code === '00000' && res.data) {
       res.data.forEach(item => {
-        // item.COORDINATE_POINT = JSON.parse(item.STARTPOINT);
-        item.COORDINATE_POINT = [item.GL1_LON, item.GL1_LAT];
+        if (item.COUNTY && (item.COUNTY.includes('江北') || item.COUNTY.includes('渝北'))) {
+          item.COUNTY = '两江新区';
+        }
+        affectedCountyData.value.sortedList.forEach(j => {
+          if (flag && item.GL1_QXMC && j.name && item.GL1_QXMC.includes(j.name)) {
+            // item.COORDINATE_POINT = JSON.parse(item.STARTPOINT);
+            item.COORDINATE_POINT = [item.GL1_LON, item.GL1_LAT];
+          } else if (!flag) {
+            item.COORDINATE_POINT = [item.GL1_LON, item.GL1_LAT];
+          }
+        });
       });
       affectedRoadSectionData.value = res.data;
       // 在地图上添加项目标记
@@ -565,8 +630,8 @@ const getEmergencyForceData = async () => {
     if (res.code === '00000' && res.data) {
       // 解析坐标数据
       res.data.forEach(item => {
-          item.COORDINATE_POINT = [item.lng, item.lat];
-          console.log('解析后坐标:', item.COORDINATE_POINT);
+        item.COORDINATE_POINT = [item.lng, item.lat];
+        console.log('解析后坐标:', item.COORDINATE_POINT);
       });
       emergencyForceData.value = res.data;
 
@@ -665,7 +730,6 @@ const clearProjectMarkers = () => {
   projectMarkers = [];
 
   // 关闭所有弹窗
-  tunnelDialogVisible.value = false;
   mapInfoDialogVisible.value = false;
   centerCardVisible.value = false;
 };
@@ -706,14 +770,6 @@ const getIconByType = (item, type) => {
 
 // 在地图上添加项目标记
 const addProjectMarkers = (data, iconUrl, type = 'project') => {
-  console.log(
-    'addProjectMarkers 被调用, mapInstance:',
-    !!mapInstance,
-    '数据条数:',
-    data?.length,
-    '类型:',
-    type
-  );
   if (!mapInstance) {
     console.warn('mapInstance 未初始化，无法添加标记');
     return;
@@ -728,7 +784,7 @@ const addProjectMarkers = (data, iconUrl, type = 'project') => {
 
   // 遍历数据添加标记
   data.forEach(item => {
-    if (item.COORDINATE_POINT && item.COORDINATE_POINT.length === 2) {
+    if (item && item.COORDINATE_POINT && item.COORDINATE_POINT.length == 2) {
       // COORDINATE_POINT 格式: [经度, 纬度]
       // Leaflet 需要: [纬度, 经度]
       const lng = item.COORDINATE_POINT[0];
@@ -751,6 +807,7 @@ const addProjectMarkers = (data, iconUrl, type = 'project') => {
 
         const marker = window.L.marker([latNum, lngNum], {
           icon: projectIconObj,
+          zIndexOffset: 1000, // 提升图标层级，确保在地图其他元素之上
         });
 
         // 点击 marker 打开对应类型的信息弹窗
@@ -877,7 +934,7 @@ const countWarningsByCounty = data => {
   // 转换为数组格式并按总数排序（数量从大到小）
   const sortedList = Object.entries(stats)
     .map(([name, data]) => ({
-      name,
+      name: name.substring(0, 2),
       total: data.total,
       levels: data.levels,
     }))
@@ -981,8 +1038,6 @@ const processDistrictMerge = geoJsonData => {
 
     // 添加合并后的两江新区
     geoJsonData.features.push(liangjiangFeature);
-
-    console.log('已合并渝北区和江北区为两江新区');
   }
 };
 
@@ -1168,7 +1223,10 @@ const initMap = geoJsonData => {
             iconAnchor: [40, 15],
           });
 
-          const marker = window.L.marker(centroid, { icon: label });
+          const marker = window.L.marker(centroid, { 
+            icon: label,
+            zIndexOffset: 500, // 提升标签层级
+          });
           // marker.on("click", (e) => {
           //   // 清除之前选中的样式
           //   if (selectedLayer) {
@@ -1230,18 +1288,18 @@ watch(
         await getRiskPointData();
         break;
       case '项目':
-        await getAffectedProjectData();
+        await getAffectedProjectData(false);
         break;
       case '隧道':
-        await getAffectedTunnelData();
+        await getAffectedTunnelData(false);
         break;
       case '边坡':
         break;
       case '桥梁':
-        await getAffectedBridgeData();
+        await getAffectedBridgeData(false);
         break;
       case '路段':
-        await getAffectedRoadSectionData();
+        await getAffectedRoadSectionData(false);
         break;
       case '队伍':
         await getEmergencyForceData();
@@ -1332,7 +1390,6 @@ const locateToDistrict = countyName => {
   };
 
   const targetName = simplifyName(countyName);
-  console.log('定位到区县:', countyName, '简化后:', targetName);
 
   // 查找对应的区县图层
   let targetLayer = null;
@@ -1362,8 +1419,6 @@ const locateToDistrict = countyName => {
     //   color: "#ff4d4f",
     // });
     selectedLayer = targetLayer;
-
-    console.log('已定位到区县:', countyName, '中心点:', center);
   } else {
     console.warn('未找到区县:', countyName);
   }
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 a9efb85..aa71343 100644
--- a/packages/screen/src/views/RiskWarning/component/date-picker-theme.scss
+++ b/packages/screen/src/views/RiskWarning/component/date-picker-theme.scss
@@ -25,92 +25,92 @@
 /* 防止样式被覆盖，提高优先级 */
 .custom-date-picker {
   /* 弹出框整体背景色 */
-  background-color: #122C45 !important;
+  background-color: #122c45 !important;
   /* 弹出框边框（主题色） */
-  border: 1px solid #289DFF !important;
+  border: 1px solid #289dff !important;
   /* 可选：阴影效果 */
   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3) !important;
 }
 
 .el-date-editor .el-range-input {
-  color: #289DFF !important;
+  color: #289dff !important;
 }
 
 /* ========== 1. 顶部栏（年月切换区域） ========== */
 .custom-date-picker .el-date-picker__header,
 .custom-date-picker .el-picker-panel__header {
-  background-color: #122C45 !important;
+  background-color: #122c45 !important;
   border-bottom: 1px solid rgba(40, 157, 255, 0.3) !important;
 }
 
 .custom-date-picker .el-date-picker__header-label,
 .custom-date-picker .el-picker-panel__header-label {
-  color: #FFFFFF !important;
+  color: #ffffff !important;
 }
 
 .custom-date-picker .el-picker-panel__icon-btn {
-  color: #FFFFFF !important;
+  color: #ffffff !important;
 }
 
 .custom-date-picker .el-picker-panel__icon-btn:hover {
-  color: #289DFF !important;
+  color: #289dff !important;
 }
 
 /* 年份/月份快速选择面板 */
 .custom-date-picker .el-year-table td .el-year-table__cell__text,
 .custom-date-picker .el-month-table td .el-month-table__cell__text {
-  color: #FFFFFF !important;
+  color: #ffffff !important;
   background-color: transparent !important;
 }
 
 .custom-date-picker .el-year-table td .el-year-table__cell__text:hover,
 .custom-date-picker .el-month-table td .el-month-table__cell__text:hover {
-  color: #289DFF !important;
+  color: #289dff !important;
   background-color: rgba(40, 157, 255, 0.2) !important;
 }
 
 .custom-date-picker .el-year-table td.current .el-year-table__cell__text,
 .custom-date-picker .el-month-table td.current .el-month-table__cell__text {
-  background-color: #289DFF !important;
-  color: #FFFFFF !important;
+  background-color: #289dff !important;
+  color: #ffffff !important;
 }
 
 /* ========== 2. 星期栏 ========== */
 .custom-date-picker .el-date-table th,
 .custom-date-picker .el-date-table__header th {
-  color: #289DFF !important;
-  background-color: #122C45 !important;
+  color: #289dff !important;
+  background-color: #122c45 !important;
   border-bottom: 1px solid rgba(40, 157, 255, 0.3) !important;
 }
 
 /* ========== 3. 日期单元格（默认状态） ========== */
 .custom-date-picker .el-date-table td .el-date-table-cell__text {
-  color: #FFFFFF !important;
+  color: #ffffff !important;
   background-color: transparent !important;
   border-radius: 4px;
   transition: all 0.2s ease;
 }
 
 .custom-date-picker .el-date-table td .el-date-table-cell__text:hover {
-  color: #289DFF !important;
+  color: #289dff !important;
   background-color: rgba(40, 157, 255, 0.2) !important;
 }
 
 /* ========== 4. 选中状态（核心样式） ========== */
 .custom-date-picker .el-date-table td.current .el-date-table-cell__text {
-  background-color: #289DFF !important;
-  color: #FFFFFF !important;
+  background-color: #289dff !important;
+  color: #ffffff !important;
 }
 
 /* ========== 5. 今天按钮样式 ========== */
 .custom-date-picker .el-date-table td.today .el-date-table-cell__text {
-  color: #289DFF !important;
+  color: #289dff !important;
   font-weight: bold;
   position: relative;
 }
 
 .custom-date-picker .el-date-table td.today.current .el-date-table-cell__text {
-  color: #FFFFFF !important;
+  color: #ffffff !important;
 }
 
 /* ========== 6. 其他月份日期（灰色显示） ========== */
@@ -128,12 +128,12 @@
 
 /* ========== 8. 底部按钮区域 ========== */
 .custom-date-picker .el-picker-panel__footer {
-  background-color: #122C45 !important;
+  background-color: #122c45 !important;
   border-top: 1px solid rgba(40, 157, 255, 0.3) !important;
 }
 
 .custom-date-picker .el-button--text {
-  color: #289DFF !important;
+  color: #289dff !important;
   background-color: transparent !important;
 }
 
@@ -143,8 +143,8 @@
 }
 
 .custom-date-picker .el-button--primary {
-  background-color: #289DFF !important;
-  border-color: #289DFF !important;
+  background-color: #289dff !important;
+  border-color: #289dff !important;
 }
 
 .custom-date-picker .el-button--primary:hover {
@@ -155,53 +155,53 @@
 /* ========== 9. 小三角箭头 ========== */
 /* Element Plus 版本 */
 .custom-date-picker .el-popper__arrow::before {
-  background-color: #122C45 !important;
-  border: 1px solid #289DFF !important;
+  background-color: #122c45 !important;
+  border: 1px solid #289dff !important;
 }
 
 /* Element UI 版本 */
 .custom-date-picker .popper__arrow {
-  border-bottom-color: #122C45 !important;
+  border-bottom-color: #122c45 !important;
 }
 
 .custom-date-picker .popper__arrow::after {
-  border-bottom-color: #122C45 !important;
+  border-bottom-color: #122c45 !important;
 }
 
 /* ========== 10. 范围选择器样式 ========== */
 /* 范围选择器整体背景 */
 .custom-date-picker.el-picker-panel--date-range {
-  background-color: #122C45 !important;
+  background-color: #122c45 !important;
 }
 
 /* 范围选择左右面板 */
 .custom-date-picker .el-date-range-picker__content {
-  background-color: #152D47 !important;
+  background-color: #152d47 !important;
 }
 
 /* 范围选择头部 */
 .custom-date-picker .el-date-range-picker__header {
-  color: #FFFFFF !important;
-  background-color: #122C45 !important;
+  color: #ffffff !important;
+  background-color: #122c45 !important;
 }
 
 /* 范围选择 - 起始日期 */
 .custom-date-picker .el-date-table td.start-date .el-date-table-cell__text,
 .custom-date-picker .el-date-table td.end-date .el-date-table-cell__text {
-  background-color: #289DFF !important;
-  color: #FFFFFF !important;
+  background-color: #289dff !important;
+  color: #ffffff !important;
   border-radius: 4px;
 }
 
 .el-date-table td.in-range .el-date-table-cell {
-  background-color: #27374A !important;
+  background-color: #27374a !important;
   border-radius: 0;
 }
 
 /* 范围选择 - 中间区间 */
 .custom-date-picker .el-date-table td.in-range .el-date-table-cell__text {
-  background-color: #3E91BC !important;
-  color: #FFFFFF !important;
+  background-color: #3e91bc !important;
+  color: #ffffff !important;
   border-radius: 0;
 }
 
@@ -216,13 +216,13 @@
 }
 
 .custom-date-picker .el-scrollbar__thumb {
-  background-color: #289DFF !important;
+  background-color: #289dff !important;
 }
 
 /* ========== 12. 时间选择器样式（如有） ========== */
 .custom-date-picker .el-time-spinner__item {
-  color: #FFFFFF !important;
-  background-color: #122C45 !important;
+  color: #ffffff !important;
+  background-color: #122c45 !important;
 }
 
 .custom-date-picker .el-time-spinner__item:hover {
@@ -230,21 +230,21 @@
 }
 
 .custom-date-picker .el-time-spinner__item.active {
-  background-color: #289DFF !important;
-  color: #FFFFFF !important;
+  background-color: #289dff !important;
+  color: #ffffff !important;
 }
 
 /* ========== 13. 快捷选项样式 ========== */
 .custom-date-picker .el-picker-panel__shortcut {
-  color: #FFFFFF !important;
-  background-color: #122C45 !important;
+  color: #ffffff !important;
+  background-color: #122c45 !important;
 }
 
 .custom-date-picker .el-picker-panel__shortcut:hover {
   background-color: rgba(40, 157, 255, 0.2) !important;
-  color: #289DFF !important;
+  color: #289dff !important;
 }
 
 .el-range__icon {
-  color: #289DFF !important;
-}
\ No newline at end of file
+  color: #289dff !important;
+}
diff --git a/packages/screen/src/views/RiskWarning/component/el-select.scss b/packages/screen/src/views/RiskWarning/component/el-select.scss
index 8bcab72..364aad3 100644
--- a/packages/screen/src/views/RiskWarning/component/el-select.scss
+++ b/packages/screen/src/views/RiskWarning/component/el-select.scss
@@ -13,11 +13,10 @@
       box-shadow: none;
       outline: none;
       color: #fff !important;
-
     }
 
     .el-select__placeholder {
-      color: #16D9E0;
+      color: #16d9e0;
       font-weight: 400;
     }
 
@@ -46,8 +45,8 @@
       align-items: center;
       color: #fff;
       background-color: #122c46;
-      text-stroke: 0px #16D9E0;
-      -webkit-text-stroke: 0px #16D9E0;
+      text-stroke: 0px #16d9e0;
+      -webkit-text-stroke: 0px #16d9e0;
       height: 40px;
 
       &.is-hovering {
@@ -62,4 +61,4 @@
       }
     }
   }
-}
\ 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 0a6c296..caa5fc3 100644
--- a/packages/screen/src/views/RiskWarning/component/index.js
+++ b/packages/screen/src/views/RiskWarning/component/index.js
@@ -3,20 +3,7 @@ import { ref } from 'vue';
 import { request } from '@/utils/request';
 
 // 影响区域选项
-export const regionOptions = ref([
-  // { label: "重庆市", value: "重庆市" },
-  // { label: "万州区", value: "万州区" },
-  // { label: "沙坪坝区", value: "沙坪坝区" },
-  // { label: "渝中区", value: "渝中区" },
-  // { label: "巫溪县", value: "巫溪县" },
-  // { label: "涪陵区", value: "涪陵区" },
-  // { label: "合川区", value: "合川区" },
-  // { label: "万盛区", value: "万盛区" },
-  // { label: "长寿区", value: "长寿区" },
-  // { label: "城口区", value: "城口区" },
-  // { label: "柏梓镇", value: "柏梓镇" },
-  // { label: "江北区", value: "江北区" },
-]);
+export const regionOptions = ref([]);
 
 // 获取影响区域选项
 export const fetchDistrictOptions = async () => {
@@ -32,10 +19,7 @@ export const fetchDistrictOptions = async () => {
         value: item.xzdm,
       }));
       // 保留"全部"选项，并添加接口返回的数据
-      regionOptions.value = [
-        { label: "全部", value: "" },
-        ...options,
-      ];
+      regionOptions.value = [{ label: '全部', value: '' }, ...options];
       return options;
     }
   } catch (error) {
@@ -45,14 +29,23 @@ export const fetchDistrictOptions = async () => {
 };
 
 // 路况类型选项（默认数据，会被API数据替换）
-export const typeOptions = ref([
+export const typeOptions = ref([]);
+
+// 管控措施选项（默认数据，会被API数据替换）
+export const controlMeasureOptions = ref([
+  // { label: "正常通行", value: "正常通行" },
+  // { label: "全幅封闭", value: "全幅封闭" },
+  // { label: "半幅封闭", value: "半幅封闭" },
+  // { label: "限速限车", value: "限速限车" },
+  // { label: "限速", value: "限速" },
+  // { label: "告警阻拦", value: "告警阻拦" },
 ]);
 
 // 获取路况类型选项
 export const fetchRoadConditionOptions = async () => {
   try {
     const res = await request({
-      url: '/snow-ops-platform/sm-event/dashboard/road-condition-options',
+      url: '/snow-ops-platform/sm-event/dashboard/processing-measure-options',
       method: 'GET',
     });
     if (res && res.code === '00000' && Array.isArray(res.data)) {
@@ -70,76 +63,101 @@ export const fetchRoadConditionOptions = async () => {
   return typeOptions.value;
 };
 
-// 管控措施选项
-export const controlMeasureOptions = [
-  { label: "全幅封闭", value: "全幅封闭" },
-  { label: "半幅通行", value: "半幅通行" },
-  { label: "限速", value: "限速" },
-  { label: "告警阻拦", value: "告警阻拦" },
-];
+// 获取管控措施选项
+export const fetchControlMeasureOptions = async () => {
+  try {
+    const res = await request({
+      url: '/snow-ops-platform/sm-event/dashboard/processing-measure-options',
+      method: 'GET',
+    });
+
+    if (res && res.code === '00000' && Array.isArray(res.data)) {
+      const options = res.data
+        .map(item => {
+          if (typeof item === 'string') {
+            return { label: item, value: item };
+          }
+          if (item && typeof item === 'object') {
+            const label = item.label ?? item.name ?? item.text ?? item.value ?? item.val;
+            const value = item.value ?? item.val ?? item.code ?? label;
+            if (label == null || value == null) return null;
+            return { label: String(label), value: String(value) };
+          }
+          return null;
+        })
+        .filter(Boolean);
+
+      if (options.length > 0) {
+        controlMeasureOptions.value = options;
+        return options;
+      }
+    }
+  } catch (error) {
+    console.error('获取管控措施选项失败:', error);
+  }
+  return controlMeasureOptions.value;
+};
 
 // 风险等级选项
 export const riskLevelOptions = [
-  { label: "一级", value: "一级" },
-  { label: "二级", value: "二级" },
-  { label: "三级", value: "三级" },
-  { label: "四级", value: "四级" },
+  { label: '一级', value: '一级' },
+  { label: '二级', value: '二级' },
+  { label: '三级', value: '三级' },
+  { label: '四级', value: '四级' },
 ];
 
 // 影响点类型选项
 export const pointTypeOptions = [
-  { label: "全部", value: "" },
-  { label: "边坡", value: "slope" },
-  { label: "桥梁", value: "bridge" },
-  { label: "隧道", value: "tunnel" },
-  { label: "路面", value: "road" },
+  { label: '全部', value: '' },
+  { label: '边坡', value: 'slope' },
+  { label: '桥梁', value: 'bridge' },
+  { label: '隧道', value: 'tunnel' },
+  { label: '路面', value: 'road' },
 ];
 
 // 影响点等级选项
 export const pointLevelOptions = [
-  { label: "全部", value: "" },
-  { label: "一般隐患", value: "normal" },
-  { label: "重大隐患", value: "serious" },
+  { label: '全部', value: '' },
+  { label: '一般隐患', value: 'normal' },
+  { label: '重大隐患', value: 'serious' },
 ];
 
 // 是否回应选项
 export const isRespondedOptions = [
-  { label: "全部", value: "" },
-  { label: "是", value: "yes" },
-  { label: "否", value: "no" },
+  { label: '全部', value: '' },
+  { label: '是', value: 'yes' },
+  { label: '否', value: 'no' },
 ];
 
 // 预警等级选项
 export const warningLevelOptions = [
-  { label: "全部", value: "" },
-  { label: "红色预警", value: "红色预警" },
-  { label: "橙色预警", value: "橙色预警" },
-  { label: "黄色预警", value: "黄色预警" },
-  { label: "蓝色预警", value: "蓝色预警" },
+  { label: '全部', value: '' },
+  { label: '红色预警', value: '红色预警' },
+  { label: '橙色预警', value: '橙色预警' },
+  { label: '黄色预警', value: '黄色预警' },
+  { label: '蓝色预警', value: '蓝色预警' },
 ];
 
 // 是否结束选项
 export const isEndedOptions = [
-  { label: "全部", value: "" },
-  { label: "是", value: true },
-  { label: "否", value: false },
+  { label: '全部', value: '' },
+  { label: '是', value: true },
+  { label: '否', value: false },
 ];
 
 // 影响区域选项（带全部）
-export const regionOptionsWithAll = ref([
-]);
-
+export const regionOptionsWithAll = ref([]);
 
 // 格式化日期时间为接口所需格式
-export const formatDateTime = (date) => {
-  if (!date) return "";
+export 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");
+  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}`;
 };
 
@@ -158,4 +176,5 @@ export default {
   formatDateTime,
   fetchRoadConditionOptions,
   fetchDistrictOptions,
+  fetchControlMeasureOptions,
 };
diff --git a/packages/screen/src/views/RiskWarning/component/ringChart.vue b/packages/screen/src/views/RiskWarning/component/ringChart.vue
index 5ef7823..3bb1762 100644
--- a/packages/screen/src/views/RiskWarning/component/ringChart.vue
+++ b/packages/screen/src/views/RiskWarning/component/ringChart.vue
@@ -3,8 +3,8 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, watch } from 'vue'
-import * as echarts from 'echarts'
+import { ref, onMounted, onUnmounted, watch } from 'vue';
+import * as echarts from 'echarts';
 
 const props = defineProps({
   chartData: {
@@ -13,28 +13,28 @@ const props = defineProps({
       { name: '蓝色', value: 13, color: '#40a9ff' },
       { name: '橙色', value: 40.2, color: '#ff7a45' },
       { name: '黄色', value: 22, color: '#ffc53d' },
-      { name: '红色', value: 8, color: '#ff4d4f' }
-    ]
+      { name: '红色', value: 8, color: '#ff4d4f' },
+    ],
   },
   centerText: {
     type: String,
-    default: '风险\n状况'
-  }
-})
+    default: '风险\n状况',
+  },
+});
 
-const chartRef = ref(null)
-let chartInstance = null
+const chartRef = ref(null);
+let chartInstance = null;
 
 const initChart = () => {
-  if (!chartRef.value) return
+  if (!chartRef.value) return;
 
-  chartInstance = echarts.init(chartRef.value)
+  chartInstance = echarts.init(chartRef.value);
 
   const option = {
     backgroundColor: 'transparent',
     tooltip: {
       trigger: 'item',
-      formatter: '{b}: {c}%'
+      formatter: '{b}: {c}%',
     },
     legend: {
       orient: 'vertical',
@@ -44,12 +44,12 @@ const initChart = () => {
       itemHeight: 10,
       textStyle: {
         color: '#fff',
-        fontSize: 12
+        fontSize: 12,
       },
       data: props.chartData.map(item => ({
         name: item.name,
-        icon: 'circle'
-      }))
+        icon: 'circle',
+      })),
     },
     series: [
       {
@@ -63,30 +63,30 @@ const initChart = () => {
           position: 'outside',
           formatter: '{c}%',
           color: '#fff',
-          fontSize: 12
+          fontSize: 12,
         },
         labelLine: {
           show: true,
           length: 15,
           length2: 10,
           lineStyle: {
-            color: 'rgba(255, 255, 255, 0.3)'
-          }
+            color: 'rgba(255, 255, 255, 0.3)',
+          },
         },
         emphasis: {
           label: {
             show: true,
             fontSize: 14,
-            fontWeight: 'bold'
-          }
+            fontWeight: 'bold',
+          },
         },
         data: props.chartData.map(item => ({
           value: item.value,
           name: item.name,
           itemStyle: {
-            color: item.color
-          }
-        }))
+            color: item.color,
+          },
+        })),
       },
       {
         type: 'pie',
@@ -100,25 +100,25 @@ const initChart = () => {
           color: '#fff',
           fontSize: 16,
           fontWeight: 'bold',
-          lineHeight: 24
+          lineHeight: 24,
         },
-        data: [{ value: 1, name: '', itemStyle: { color: 'transparent' } }]
-      }
-    ]
-  }
+        data: [{ value: 1, name: '', itemStyle: { color: 'transparent' } }],
+      },
+    ],
+  };
 
-  chartInstance.setOption(option)
-}
+  chartInstance.setOption(option);
+};
 
 const updateChart = () => {
-  if (!chartInstance) return
+  if (!chartInstance) return;
 
   const option = {
     legend: {
       data: props.chartData.map(item => ({
         name: item.name,
-        icon: 'circle'
-      }))
+        icon: 'circle',
+      })),
     },
     series: [
       {
@@ -126,37 +126,37 @@ const updateChart = () => {
           value: item.value,
           name: item.name,
           itemStyle: {
-            color: item.color
-          }
-        }))
+            color: item.color,
+          },
+        })),
       },
       {
         label: {
-          formatter: props.centerText
-        }
-      }
-    ]
-  }
+          formatter: props.centerText,
+        },
+      },
+    ],
+  };
 
-  chartInstance.setOption(option)
-}
+  chartInstance.setOption(option);
+};
 
 const handleResize = () => {
-  chartInstance?.resize()
-}
+  chartInstance?.resize();
+};
 
 onMounted(() => {
-  initChart()
-  window.addEventListener('resize', handleResize)
-})
+  initChart();
+  window.addEventListener('resize', handleResize);
+});
 
 onUnmounted(() => {
-  window.removeEventListener('resize', handleResize)
-  chartInstance?.dispose()
-})
+  window.removeEventListener('resize', handleResize);
+  chartInstance?.dispose();
+});
 
-watch(() => props.chartData, updateChart, { deep: true })
-watch(() => props.centerText, updateChart)
+watch(() => props.chartData, updateChart, { deep: true });
+watch(() => props.centerText, updateChart);
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/screen/src/views/RiskWarning/component/sectionHeader.vue b/packages/screen/src/views/RiskWarning/component/sectionHeader.vue
index 6e7d308..39360b7 100644
--- a/packages/screen/src/views/RiskWarning/component/sectionHeader.vue
+++ b/packages/screen/src/views/RiskWarning/component/sectionHeader.vue
@@ -12,12 +12,12 @@
 </template>
 
 <script setup>
-import bgImg from "@/assets/RiskWarning_img/标题bg@2x.png";
+import bgImg from '@/assets/RiskWarning_img/标题bg@2x.png';
 
 defineProps({
   title: {
     type: String,
-    default: "",
+    default: '',
   },
 });
 </script>
diff --git a/packages/screen/src/views/RiskWarning/component/table.vue b/packages/screen/src/views/RiskWarning/component/table.vue
index cff9256..4702010 100644
--- a/packages/screen/src/views/RiskWarning/component/table.vue
+++ b/packages/screen/src/views/RiskWarning/component/table.vue
@@ -35,10 +35,10 @@ defineProps({
       { type: '隧道', red: 0, orange: 0, yellow: 6, blue: 12 },
       { type: '边坡', red: 0, orange: 1, yellow: 9, blue: 9 },
       { type: '路段', red: 0, orange: 2, yellow: 11, blue: 7 },
-      { type: '项目', red: 0, orange: 2, yellow: 11, blue: 7 }
-    ]
-  }
-})
+      { type: '项目', red: 0, orange: 2, yellow: 11, blue: 7 },
+    ],
+  },
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/packages/screen/src/views/RiskWarning/index.vue b/packages/screen/src/views/RiskWarning/index.vue
index 0d7b31c..ff23c01 100644
--- a/packages/screen/src/views/RiskWarning/index.vue
+++ b/packages/screen/src/views/RiskWarning/index.vue
@@ -42,10 +42,11 @@
     </div>
     <div class="right">
       <right
-        :dateRange="getdateRange"
+        :getdateRange="getdateRange"
         @openResourceDetail="openResourceDetail"
         @openClearanceSituation="openDialog('clearanceSituation')"
         @openControlSituation="openDialog('controlSituation')"
+        @update:dateRange="updateDateRange"
       ></right>
     </div>
     <!-- 地图中心 -->
@@ -195,6 +196,7 @@
 
       <!-- 抢通情况对话框 -->
       <clearanceSituationDialog
+        :dateRange="rightDateRange"
         v-model:visible="dialogVisible.clearanceSituation"
         @close="closeDialog('clearanceSituation')"
         @detail="openDialog('eventDetail')"
@@ -254,7 +256,6 @@
         v-model:visible="dialogVisible.offlineHelp"
         @close="closeDialog('offlineHelp')"
       />
-
     </div>
   </div>
 </template>
@@ -268,7 +269,11 @@ import right from './right.vue';
 import bottom from './bottom.vue';
 import top from './top.vue';
 import ChongqingMap from './component/ChongqingMap.vue';
-import { fetchRoadConditionOptions, fetchDistrictOptions } from './component/index.js';
+import {
+  fetchRoadConditionOptions,
+  fetchDistrictOptions,
+  fetchControlMeasureOptions,
+} from './component/index.js';
 
 // 引入所有弹窗组件
 import responseSituationDiaLog from './Dialog/responseSituationDiaLog.vue';
@@ -489,6 +494,11 @@ const dispatchDateRange = ref([]);
 const handleDispatchDateRange = range => {
   dispatchDateRange.value = range;
 };
+const rightDateRange = ref([]);
+const updateDateRange = range => {
+  console.log('更新日期范围:', range);
+  rightDateRange.value = range;
+};
 
 // 确认对话框配置
 const confirmConfig = ref({
@@ -510,7 +520,7 @@ const allCountyData = ref({});
 const handleDistrictClick = item => {
   console.log('区县点击:', item);
   allCountyData.value = item;
-  if (item.data.roadType == 'national') {
+  if (item.data.roadType == 'national') { 
     // 国省道
     openDialog('tongnanTeam');
   } else if (item.data.roadType == 'rural') {
@@ -612,6 +622,7 @@ onMounted(() => {
   mapBase.loadBaseData();
   fetchRoadConditionOptions(); // 获取路况类型选项
   fetchDistrictOptions(); // 获取区县选项
+  fetchControlMeasureOptions(); // 获取管控措施选项
 });
 </script>
 
@@ -711,10 +722,7 @@ onMounted(() => {
   position: absolute;
   top: vw(100);
   left: 25%;
-  width: 50%;
   z-index: 4;
-  // height: 15%;
-  // background-color: #15293B;
 }
 
 .center {
diff --git a/packages/screen/src/views/RiskWarning/left.vue b/packages/screen/src/views/RiskWarning/left.vue
index 015fd10..fcf9ce6 100644
--- a/packages/screen/src/views/RiskWarning/left.vue
+++ b/packages/screen/src/views/RiskWarning/left.vue
@@ -39,7 +39,7 @@
     <div class="impact-section">
       <div class="impact-header">
         <div class="impact-title">影响点概况</div>
-        <div class="impact-detail clickable" @click="handleImpactDetailClick">一键清单(影响点)</div>
+        <div class="impact-detail clickable" @click="handleImpactDetailClick">一张清单(影响点)</div>
       </div>
       <div class="chart-container">
         <div class="chart-y-label">数量</div>
@@ -173,7 +173,7 @@ watch(
   () => getdateRange.value,
   newVal => {
     console.log('left.vue 日期范围变化:', newVal);
-    init();
+    // init();
   },
   { deep: true }
 );
diff --git a/packages/screen/src/views/RiskWarning/right.vue b/packages/screen/src/views/RiskWarning/right.vue
index 33eaf3b..f6098c2 100644
--- a/packages/screen/src/views/RiskWarning/right.vue
+++ b/packages/screen/src/views/RiskWarning/right.vue
@@ -212,13 +212,21 @@ import icon55 from '../../assets/RiskWarning_img/路径55@2x.png';
 import icon62 from '../../assets/RiskWarning_img/路径62@2x.png';
 import icon621 from '../../assets/RiskWarning_img/路径62@2x (1).png';
 import icon622 from '../../assets/RiskWarning_img/路径62@2x (2).png';
+import { formatDateTime } from './component/index.js';
 
-const emit = defineEmits(['openClearanceSituation', 'openControlSituation', 'openResourceDetail']);
+const emit = defineEmits([
+  'openClearanceSituation',
+  'openControlSituation',
+  'openResourceDetail',
+  'update:dateRange',
+]);
 
 // 注入兄弟组件通信机制
 const setRefreshRightData = inject('setRefreshRightData');
 const getdateRange = inject('getdateRange', ref([]));
 
+const props = defineProps({});
+
 // 日期选择器变化事件
 const handleDateChange = val => {
   dateRange.value = val;
@@ -317,9 +325,18 @@ const getYhYjllListMaterials = async () => {
 // 获取管控统计数据
 const getControlStats = async () => {
   try {
+    let params = {
+      start: '',
+      end: '',
+    };
+    if (getdateRange.value && getdateRange.value.length === 2) {
+      params.start = formatDateTime(getdateRange.value[0]);
+      params.end = formatDateTime(getdateRange.value[1]);
+    }
     const res = await request({
       url: '/snow-ops-platform/sm-event/dashboard/control-stats',
       method: 'GET',
+      params: params,
     });
     console.log('管控统计数据:', res);
     if (res.code == '00000' && res.data) {
@@ -345,9 +362,18 @@ const getControlStats = async () => {
 // 获取抢险投入统计数据
 const getRescueInputStats = async () => {
   try {
+    let params = {
+      start: '',
+      end: '',
+    };
+    if (getdateRange.value && getdateRange.value.length === 2) {
+      params.start = formatDateTime(getdateRange.value[0]);
+      params.end = formatDateTime(getdateRange.value[1]);
+    }
     const res = await request({
       url: '/snow-ops-platform/sm-event/dashboard/rescue-input-stats',
       method: 'GET',
+      params: params,
     });
     console.log('抢险投入统计数据:', res);
     if (res.code == '00000' && res.data) {
@@ -387,9 +413,18 @@ const getRescueInputStats = async () => {
 // 获取灾害统计数据
 const getDisasterStats = async () => {
   try {
+    let params = {
+      start: '',
+      end: '',
+    };
+    if (dateRange.value && dateRange.value.length === 2) {
+      params.start = formatDateTime(dateRange.value[0]);
+      params.end = formatDateTime(dateRange.value[1]);
+    }
     const res = await request({
       url: '/snow-ops-platform/sm-event/dashboard/disaster-stats',
       method: 'GET',
+      params: params,
     });
     console.log('灾害统计数据:', res);
     if (res.code == '00000' && res.data) {
@@ -491,6 +526,7 @@ const extractAndSumNumbers = value => {
 const handleControlClick = item => {
   if (item.label === '封闭管控数') {
     emit('openClearanceSituation');
+    emit('update:dateRange', getdateRange.value || []);
   } else if (item.label === '关闭驻地数') {
     emit('openControlSituation');
   }
@@ -499,6 +535,7 @@ const handleControlClick = item => {
 // 点击阻断情况
 const handleBlockClick = () => {
   emit('openClearanceSituation');
+  emit('update:dateRange', dateRange.value);
 };
 
 // 日期范围选择器
@@ -557,9 +594,18 @@ const controlData2 = ref([
 // 获取气象预警受影响统计（按项目）
 const getAffectedCountByProject = async () => {
   try {
+    let params = {
+      start: '',
+      end: '',
+    };
+    if (getdateRange.value && getdateRange.value.length === 2) {
+      params.start = formatDateTime(getdateRange.value[0]);
+      params.end = formatDateTime(getdateRange.value[1]);
+    }
     const res = await request({
       url: '/snow-ops-platform/weather-warning/affected-count/_by_project',
       method: 'GET',
+      params: params,
     });
     console.log('气象预警受影响统计:', res);
     if (res.code === '00000' && res.data) {
@@ -636,12 +682,14 @@ const majorEvent = '0';
 // 刷新数据的函数（提前定义，避免watch中调用时未初始化）
 const init = () => {
   console.log('right.vue 刷新数据');
-  getYhYjllList();
-  getYhYjllListMaterials();
-  getControlStats();
-  getRescueInputStats();
-  getDisasterStats();
-  getAffectedCountByProject();
+  getYhYjllList(); // 获取应急力量列表数据
+  getYhYjllListMaterials(); // 获取物资列表数据
+
+  getControlStats(); // 获取管控统计数据
+  getAffectedCountByProject(); // 获取气象预警受影响统计数据
+  getRescueInputStats(); // 获取抢险投入统计数据
+
+  getDisasterStats(); // 获取灾害统计数据
 };
 
 // 组件挂载时获取数据并注册刷新函数
@@ -658,8 +706,8 @@ watch(
   newVal => {
     console.log('right.vue 日期范围变化:', newVal);
     if (newVal && newVal.length === 2) {
+      init();
     }
-    init();
   },
   { deep: true, immediate: true }
 );
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 57420a5..72f2865 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,15 +11,27 @@ importers:
       '@vant/auto-import-resolver':
         specifier: ^1.3.0
         version: 1.3.0
+      eslint:
+        specifier: ^9.36.0
+        version: 9.39.4
+      eslint-plugin-vue:
+        specifier: ^10.8.0
+        version: 10.8.0(eslint@9.39.4)(vue-eslint-parser@10.4.0(eslint@9.39.4))
       less:
         specifier: ^4.4.2
         version: 4.4.2
+      prettier:
+        specifier: ^3.6.2
+        version: 3.8.3
       unplugin-auto-import:
         specifier: ^20.2.0
         version: 20.2.0(@vueuse/core@14.0.0(vue@3.5.24))
       unplugin-vue-components:
         specifier: ^0.26.0
         version: 0.26.0(@babel/parser@7.28.5)(rollup@4.53.1)(vue@3.5.24)
+      vue-eslint-parser:
+        specifier: ^10.2.0
+        version: 10.4.0(eslint@9.39.4)
 
   packages/mobile:
     dependencies:
@@ -326,6 +338,44 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/config-array@0.21.2':
+    resolution: {integrity: sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.3.5':
+    resolution: {integrity: sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.39.4':
+    resolution: {integrity: sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@floating-ui/core@1.7.3':
     resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==}
 
@@ -335,6 +385,26 @@ packages:
   '@floating-ui/utils@0.2.10':
     resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
 
+  '@humanfs/core@0.19.2':
+    resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.8':
+    resolution: {integrity: sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/types@0.15.0':
+    resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
   '@jridgewell/gen-mapping@0.3.13':
     resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
 
@@ -392,36 +462,42 @@ packages:
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-arm-musl@2.5.1':
     resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-linux-arm64-glibc@2.5.1':
     resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-arm64-musl@2.5.1':
     resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-linux-x64-glibc@2.5.1':
     resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@parcel/watcher-linux-x64-musl@2.5.1':
     resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@parcel/watcher-win32-arm64@2.5.1':
     resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
@@ -525,56 +601,67 @@ packages:
     resolution: {integrity: sha512-JzWRR41o2U3/KMNKRuZNsDUAcAVUYhsPuMlx5RUldw0E4lvSIXFUwejtYz1HJXohUmqs/M6BBJAUBzKXZVddbg==}
     cpu: [arm]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.53.1':
     resolution: {integrity: sha512-L8kRIrnfMrEoHLHtHn+4uYA52fiLDEDyezgxZtGUTiII/yb04Krq+vk3P2Try+Vya9LeCE9ZHU8CXD6J9EhzHQ==}
     cpu: [arm]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.53.1':
     resolution: {integrity: sha512-ysAc0MFRV+WtQ8li8hi3EoFi7us6d1UzaS/+Dp7FYZfg3NdDljGMoVyiIp6Ucz7uhlYDBZ/zt6XI0YEZbUO11Q==}
     cpu: [arm64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.53.1':
     resolution: {integrity: sha512-UV6l9MJpDbDZZ/fJvqNcvO1PcivGEf1AvKuTcHoLjVZVFeAMygnamCTDikCVMRnA+qJe+B3pSbgX2+lBMqgBhA==}
     cpu: [arm64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-loong64-gnu@4.53.1':
     resolution: {integrity: sha512-UDUtelEprkA85g95Q+nj3Xf0M4hHa4DiJ+3P3h4BuGliY4NReYYqwlc0Y8ICLjN4+uIgCEvaygYlpf0hUj90Yg==}
     cpu: [loong64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-ppc64-gnu@4.53.1':
     resolution: {integrity: sha512-vrRn+BYhEtNOte/zbc2wAUQReJXxEx2URfTol6OEfY2zFEUK92pkFBSXRylDM7aHi+YqEPJt9/ABYzmcrS4SgQ==}
     cpu: [ppc64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-gnu@4.53.1':
     resolution: {integrity: sha512-gto/1CxHyi4A7YqZZNznQYrVlPSaodOBPKM+6xcDSCMVZN/Fzb4K+AIkNz/1yAYz9h3Ng+e2fY9H6bgawVq17w==}
     cpu: [riscv64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-musl@4.53.1':
     resolution: {integrity: sha512-KZ6Vx7jAw3aLNjFR8eYVcQVdFa/cvBzDNRFM3z7XhNNunWjA03eUrEwJYPk0G8V7Gs08IThFKcAPS4WY/ybIrQ==}
     cpu: [riscv64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-linux-s390x-gnu@4.53.1':
     resolution: {integrity: sha512-HvEixy2s/rWNgpwyKpXJcHmE7om1M89hxBTBi9Fs6zVuLU4gOrEMQNbNsN/tBVIMbLyysz/iwNiGtMOpLAOlvA==}
     cpu: [s390x]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.53.1':
     resolution: {integrity: sha512-E/n8x2MSjAQgjj9IixO4UeEUeqXLtiA7pyoXCFYLuXpBA/t2hnbIdxHfA7kK9BFsYAoNU4st1rHYdldl8dTqGA==}
     cpu: [x64]
     os: [linux]
+    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.53.1':
     resolution: {integrity: sha512-IhJ087PbLOQXCN6Ui/3FUkI9pWNZe/Z7rEIVOzMsOs1/HSAECCvSZ7PkIbkNqL/AZn6WbZvnoVZw/qwqYMo4/w==}
     cpu: [x64]
     os: [linux]
+    libc: [musl]
 
   '@rollup/rollup-openharmony-arm64@4.53.1':
     resolution: {integrity: sha512-0++oPNgLJHBblreu0SFM7b3mAsBJBTY0Ksrmu9N6ZVrPiTkRgda52mWR7TKhHAsUb9noCjFvAw9l6ZO1yzaVbA==}
@@ -963,12 +1050,18 @@ packages:
   '@types/d3-voronoi@1.1.12':
     resolution: {integrity: sha512-DauBl25PKZZ0WVJr42a6CNvI6efsdzofl9sajqZr2Gf5Gu733WkDdUGiPkUHXiUvYGzNNlFQde2wdZdfQPG+yw==}
 
+  '@types/esrecurse@4.3.1':
+    resolution: {integrity: sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==}
+
   '@types/estree@1.0.8':
     resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
 
   '@types/geojson@7946.0.16':
     resolution: {integrity: sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==}
 
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
   '@types/lodash-es@4.17.12':
     resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
 
@@ -1075,11 +1168,24 @@ packages:
     resolution: {integrity: sha512-WVywWK8HSttmFFYSih7lUjjaV4zGzMxy992y0tHrZY4Wf9x/uNBA/XJ50RvfGjuuJKti4yueEHA2ol2pOq6VDg==}
     engines: {bun: '>=0.7.0', deno: '>=1.0.0', node: '>=18.0.0'}
 
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
   acorn@8.15.0:
     resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  ajv@6.14.0:
+    resolution: {integrity: sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==}
+
   ansi-regex@2.1.1:
     resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
     engines: {node: '>=0.10.0'}
@@ -1088,10 +1194,17 @@ packages:
     resolution: {integrity: sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==}
     engines: {node: '>=0.10.0'}
 
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
 
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
   arr-diff@4.0.0:
     resolution: {integrity: sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==}
     engines: {node: '>=0.10.0'}
@@ -1179,6 +1292,9 @@ packages:
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
+  brace-expansion@1.1.14:
+    resolution: {integrity: sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==}
+
   brace-expansion@2.0.2:
     resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
 
@@ -1206,6 +1322,10 @@ packages:
     resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
     engines: {node: '>= 0.4'}
 
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
   cesium@1.135.0:
     resolution: {integrity: sha512-U0OuU9pim7ezTns0OVVw199NdMhJzuZWKRKRwQdRbBQH74Q8pmU0FLpQ/Xv94pzvCqJxxqdtziM2JGHa43xzcg==}
     engines: {node: '>=20.19.0'}
@@ -1214,6 +1334,10 @@ packages:
     resolution: {integrity: sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==}
     engines: {node: '>=0.10.0'}
 
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
@@ -1234,6 +1358,13 @@ packages:
     resolution: {integrity: sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==}
     engines: {node: '>=0.10.0'}
 
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
   combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
@@ -1248,6 +1379,9 @@ packages:
   component-emitter@1.3.1:
     resolution: {integrity: sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==}
 
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
   concaveman@1.2.1:
     resolution: {integrity: sha512-PwZYKaM/ckQSa8peP5JpVr7IMJ4Nn/MHIaWUjP4be+KoZ7Botgs8seAZGpmaOM+UZXawcdYRao/px9ycrCihHw==}
 
@@ -1272,6 +1406,10 @@ packages:
     resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
     engines: {node: '>= 0.10'}
 
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
   css-select@4.3.0:
     resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
 
@@ -1283,6 +1421,11 @@ packages:
     resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
     engines: {node: '>= 6'}
 
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
   csso@4.2.0:
     resolution: {integrity: sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==}
     engines: {node: '>=8.0.0'}
@@ -1335,6 +1478,9 @@ packages:
     resolution: {integrity: sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==}
     engines: {node: '>=0.10'}
 
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
   define-data-property@1.1.4:
     resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
     engines: {node: '>= 0.4'}
@@ -1486,16 +1632,88 @@ packages:
     resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
     engines: {node: '>=0.8.0'}
 
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
   escape-string-regexp@5.0.0:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
+  eslint-plugin-vue@10.8.0:
+    resolution: {integrity: sha512-f1J/tcbnrpgC8suPN5AtdJ5MQjuXbSU9pGRSSYAuF3SHoiYCOdEX6O22pLaRyLHXvDcOe+O5ENgc1owQ587agA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@stylistic/eslint-plugin': ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
+      '@typescript-eslint/parser': ^7.0.0 || ^8.0.0
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+      vue-eslint-parser: ^10.0.0
+    peerDependenciesMeta:
+      '@stylistic/eslint-plugin':
+        optional: true
+      '@typescript-eslint/parser':
+        optional: true
+
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-scope@9.1.2:
+    resolution: {integrity: sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@5.0.1:
+    resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@9.39.4:
+    resolution: {integrity: sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  espree@11.2.0:
+    resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
   estree-walker@3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
 
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
   etag@1.8.1:
     resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
     engines: {node: '>= 0.6'}
@@ -1526,6 +1744,12 @@ packages:
     resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
 
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
   fastq@1.19.1:
     resolution: {integrity: sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==}
 
@@ -1538,6 +1762,10 @@ packages:
       picomatch:
         optional: true
 
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
   fill-range@4.0.0:
     resolution: {integrity: sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==}
     engines: {node: '>=0.10.0'}
@@ -1546,6 +1774,17 @@ packages:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
 
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flatted@3.4.2:
+    resolution: {integrity: sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==}
+
   follow-redirects@1.15.11:
     resolution: {integrity: sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==}
     engines: {node: '>=4.0'}
@@ -1628,6 +1867,14 @@ packages:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
 
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
   globalthis@1.0.4:
     resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
     engines: {node: '>= 0.4'}
@@ -1654,6 +1901,10 @@ packages:
     resolution: {integrity: sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==}
     engines: {node: '>=0.10.0'}
 
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
   has-property-descriptors@1.0.2:
     resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
 
@@ -1707,6 +1958,10 @@ packages:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
 
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
   image-size@0.5.5:
     resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
     engines: {node: '>=0.10.0'}
@@ -1715,6 +1970,14 @@ packages:
   immutable@5.1.4:
     resolution: {integrity: sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==}
 
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
@@ -1885,6 +2148,9 @@ packages:
   isarray@2.0.5:
     resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
 
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
   isobject@2.1.0:
     resolution: {integrity: sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==}
     engines: {node: '>=0.10.0'}
@@ -1899,10 +2165,23 @@ packages:
   js-tokens@9.0.1:
     resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
 
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
+    hasBin: true
+
   jsep@1.4.0:
     resolution: {integrity: sha512-B7qPcEVE3NVkmSJbaYxvv4cHkVW7DQsZz13pUMrfS8z8Q/BuShN+gcTXrUlPiGqM2/t/EEaI030bpxMqY8gMlw==}
     engines: {node: '>= 10.16.0'}
 
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
   json5@1.0.2:
     resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
     hasBin: true
@@ -1917,6 +2196,9 @@ packages:
   kdbush@4.0.2:
     resolution: {integrity: sha512-WbCVYJ27Sz8zi9Q7Q0xHC+05iwkm3Znipc2XTlrnJbsHMYktW4hPhXUE8Ys1engBrvffoSCqbil1JQAa7clRpA==}
 
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
   kind-of@3.2.2:
     resolution: {integrity: sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==}
     engines: {node: '>=0.10.0'}
@@ -1944,6 +2226,10 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
   loader-utils@1.4.2:
     resolution: {integrity: sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==}
     engines: {node: '>=4.0.0'}
@@ -1956,6 +2242,10 @@ packages:
     resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==}
     engines: {node: '>=14'}
 
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
   lodash-es@4.17.21:
     resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
 
@@ -1966,6 +2256,9 @@ packages:
       lodash: '*'
       lodash-es: '*'
 
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
@@ -2035,6 +2328,9 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  minimatch@3.1.5:
+    resolution: {integrity: sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==}
+
   minimatch@9.0.5:
     resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -2067,6 +2363,9 @@ packages:
     resolution: {integrity: sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==}
     engines: {node: '>=0.10.0'}
 
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
   needle@3.3.1:
     resolution: {integrity: sha512-6k0YULvhpw+RoLNiQCRKOl09Rv1dPLr8hHnVjHqdolKwDrdNyk+Hmrthi4lIGPPz3r39dLx0hsF5s40sZ3Us4Q==}
     engines: {node: '>= 4.4.x'}
@@ -2120,13 +2419,29 @@ packages:
     resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
     engines: {node: '>= 0.8'}
 
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
   own-keys@1.0.1:
     resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
     engines: {node: '>= 0.4'}
 
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
   pako@2.1.0:
     resolution: {integrity: sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==}
 
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
   parse-node-version@1.0.1:
     resolution: {integrity: sha512-3YHlOa/JgH6Mnpr05jP9eDG254US9ek25LyIxZlDItp2iJtwyaXQb57lBYLdT3MowkUFYEV2XXNAYIPlESvJlA==}
     engines: {node: '>= 0.10'}
@@ -2139,6 +2454,14 @@ packages:
     resolution: {integrity: sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==}
     engines: {node: '>=0.10.0'}
 
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
   path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
 
@@ -2203,6 +2526,10 @@ packages:
     peerDependencies:
       postcss: '>4 <9'
 
+  postcss-selector-parser@7.1.1:
+    resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
+    engines: {node: '>=4'}
+
   postcss@5.2.18:
     resolution: {integrity: sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==}
     engines: {node: '>=0.12'}
@@ -2228,6 +2555,15 @@ packages:
     resolution: {integrity: sha512-spBB5sgC4cv2YcW03f/IAUN1pgDJWNWD8FzkyY4mArLUMJW+KlQhlmUdKAHQuPfb00Jl5xIfImeOsf6YL8QK7Q==}
     engines: {node: '>=0.10.0'}
 
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier@3.8.3:
+    resolution: {integrity: sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==}
+    engines: {node: '>=14'}
+    hasBin: true
+
   protobufjs@7.5.4:
     resolution: {integrity: sha512-CvexbZtbov6jW2eXAvLukXjXUW1TzFaivC46BpWc/3BpcCysb5Vffu+B3XHMm8lVEuy2Mm4XGex8hBSg1yapPg==}
     engines: {node: '>=12.0.0'}
@@ -2238,6 +2574,10 @@ packages:
   prr@1.0.1:
     resolution: {integrity: sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==}
 
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
   quansync@0.2.11:
     resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
 
@@ -2302,6 +2642,10 @@ packages:
     resolution: {integrity: sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==}
     engines: {node: '>=0.10'}
 
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
   resolve-url@0.2.1:
     resolution: {integrity: sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==}
     deprecated: https://github.com/lydell/resolve-url#deprecated
@@ -2377,6 +2721,11 @@ packages:
     resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
     hasBin: true
 
+  semver@7.7.4:
+    resolution: {integrity: sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   send@0.19.0:
     resolution: {integrity: sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==}
     engines: {node: '>= 0.8.0'}
@@ -2404,6 +2753,14 @@ packages:
   setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
   side-channel-list@1.0.0:
     resolution: {integrity: sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==}
     engines: {node: '>= 0.4'}
@@ -2509,6 +2866,10 @@ packages:
     resolution: {integrity: sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==}
     engines: {node: '>=0.10.0'}
 
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
   strip-literal@3.1.0:
     resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
 
@@ -2524,6 +2885,10 @@ packages:
     resolution: {integrity: sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==}
     engines: {node: '>=0.8.0'}
 
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
   supports-preserve-symlinks-flag@1.0.0:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
@@ -2584,6 +2949,10 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
   typed-array-buffer@1.0.3:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
@@ -2667,6 +3036,9 @@ packages:
     resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
     engines: {node: '>=0.10.0'}
 
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
   urijs@1.19.11:
     resolution: {integrity: sha512-HXgFDgDommxn5/bIv0cnQZsPhHDA90NPHD6+c/v21U5+Sx5hoP8+dP9IZXBU1gIfvdRfhG8cel9QNPeionfcCQ==}
 
@@ -2758,6 +3130,12 @@ packages:
       echarts: ^6.0.0
       vue: ^3.3.0
 
+  vue-eslint-parser@10.4.0:
+    resolution: {integrity: sha512-Vxi9pJdbN3ZnVGLODVtZ7y4Y2kzAAE2Cm0CZ3ZDRvydVYxZ6VrnBhLikBsRS+dpwj4Jv4UCv21PTEwF5rQ9WXg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
+
   vue-router@4.6.3:
     resolution: {integrity: sha512-ARBedLm9YlbvQomnmq91Os7ck6efydTSpRP3nuOKCvgJOHNrhRoJDSKtee8kcL1Vf7nz6U+PMBL+hTvR3bTVQg==}
     peerDependencies:
@@ -2790,6 +3168,23 @@ packages:
     resolution: {integrity: sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==}
     engines: {node: '>= 0.4'}
 
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  xml-name-validator@4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
   zrender@6.0.0:
     resolution: {integrity: sha512-41dFXEEXuJpNecuUQq6JlbybmnHaqqpGlbH1yxnA5V9MMP4SbohSVZsJIwz+zdjQXSSlR1Vc34EgH1zxyTDvhg==}
 
@@ -2925,6 +3320,52 @@ snapshots:
   '@esbuild/win32-x64@0.25.12':
     optional: true
 
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.4)':
+    dependencies:
+      eslint: 9.39.4
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/config-array@0.21.2':
+    dependencies:
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3
+      minimatch: 3.1.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
+
+  '@eslint/core@0.17.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.3.5':
+    dependencies:
+      ajv: 6.14.0
+      debug: 4.4.3
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.1.1
+      minimatch: 3.1.5
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@9.39.4': {}
+
+  '@eslint/object-schema@2.1.7': {}
+
+  '@eslint/plugin-kit@0.4.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      levn: 0.4.1
+
   '@floating-ui/core@1.7.3':
     dependencies:
       '@floating-ui/utils': 0.2.10
@@ -2936,6 +3377,22 @@ snapshots:
 
   '@floating-ui/utils@0.2.10': {}
 
+  '@humanfs/core@0.19.2':
+    dependencies:
+      '@humanfs/types': 0.15.0
+
+  '@humanfs/node@0.16.8':
+    dependencies:
+      '@humanfs/core': 0.19.2
+      '@humanfs/types': 0.15.0
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanfs/types@0.15.0': {}
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
   '@jridgewell/gen-mapping@0.3.13':
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.5
@@ -4251,10 +4708,14 @@ snapshots:
 
   '@types/d3-voronoi@1.1.12': {}
 
+  '@types/esrecurse@4.3.1': {}
+
   '@types/estree@1.0.8': {}
 
   '@types/geojson@7946.0.16': {}
 
+  '@types/json-schema@7.0.15': {}
+
   '@types/lodash-es@4.17.12':
     dependencies:
       '@types/lodash': 4.17.20
@@ -4398,17 +4859,40 @@ snapshots:
 
   '@zip.js/zip.js@2.8.10': {}
 
+  acorn-jsx@5.3.2(acorn@8.15.0):
+    dependencies:
+      acorn: 8.15.0
+
+  acorn-jsx@5.3.2(acorn@8.16.0):
+    dependencies:
+      acorn: 8.16.0
+
   acorn@8.15.0: {}
 
+  acorn@8.16.0: {}
+
+  ajv@6.14.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
   ansi-regex@2.1.1: {}
 
   ansi-styles@2.2.1: {}
 
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
   anymatch@3.1.3:
     dependencies:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
+  argparse@2.0.1: {}
+
   arr-diff@4.0.0: {}
 
   arr-flatten@1.1.0: {}
@@ -4486,6 +4970,11 @@ snapshots:
 
   boolbase@1.0.0: {}
 
+  brace-expansion@1.1.14:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
   brace-expansion@2.0.2:
     dependencies:
       balanced-match: 1.0.2
@@ -4538,6 +5027,8 @@ snapshots:
       call-bind-apply-helpers: 1.0.2
       get-intrinsic: 1.3.0
 
+  callsites@3.1.0: {}
+
   cesium@1.135.0:
     dependencies:
       '@cesium/engine': 22.0.0
@@ -4551,6 +5042,11 @@ snapshots:
       strip-ansi: 3.0.1
       supports-color: 2.0.0
 
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -4581,6 +5077,12 @@ snapshots:
       map-visit: 1.0.0
       object-visit: 1.0.1
 
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
   combined-stream@1.0.8:
     dependencies:
       delayed-stream: 1.0.0
@@ -4591,6 +5093,8 @@ snapshots:
 
   component-emitter@1.3.1: {}
 
+  concat-map@0.0.1: {}
+
   concaveman@1.2.1:
     dependencies:
       point-in-polygon: 1.1.0
@@ -4617,6 +5121,12 @@ snapshots:
       object-assign: 4.1.1
       vary: 1.1.2
 
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
   css-select@4.3.0:
     dependencies:
       boolbase: 1.0.0
@@ -4632,6 +5142,8 @@ snapshots:
 
   css-what@6.2.2: {}
 
+  cssesc@3.0.0: {}
+
   csso@4.2.0:
     dependencies:
       css-tree: 1.1.3
@@ -4676,6 +5188,8 @@ snapshots:
 
   decode-uri-component@0.2.2: {}
 
+  deep-is@0.1.4: {}
+
   define-data-property@1.1.4:
     dependencies:
       es-define-property: 1.0.1
@@ -4915,14 +5429,108 @@ snapshots:
 
   escape-string-regexp@1.0.5: {}
 
+  escape-string-regexp@4.0.0: {}
+
   escape-string-regexp@5.0.0: {}
 
+  eslint-plugin-vue@10.8.0(eslint@9.39.4)(vue-eslint-parser@10.4.0(eslint@9.39.4)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4)
+      eslint: 9.39.4
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 7.1.1
+      semver: 7.7.4
+      vue-eslint-parser: 10.4.0(eslint@9.39.4)
+      xml-name-validator: 4.0.0
+
+  eslint-scope@8.4.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-scope@9.1.2:
+    dependencies:
+      '@types/esrecurse': 4.3.1
+      '@types/estree': 1.0.8
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.1: {}
+
+  eslint-visitor-keys@5.0.1: {}
+
+  eslint@9.39.4:
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4)
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.2
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
+      '@eslint/eslintrc': 3.3.5
+      '@eslint/js': 9.39.4
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.8
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
+      ajv: 6.14.0
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.5
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 4.2.1
+
+  espree@11.2.0:
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      eslint-visitor-keys: 5.0.1
+
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
   estree-walker@2.0.2: {}
 
   estree-walker@3.0.3:
     dependencies:
       '@types/estree': 1.0.8
 
+  esutils@2.0.3: {}
+
   etag@1.8.1: {}
 
   expand-brackets@2.1.4:
@@ -4971,6 +5579,10 @@ snapshots:
       merge2: 1.4.1
       micromatch: 4.0.8
 
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
   fastq@1.19.1:
     dependencies:
       reusify: 1.1.0
@@ -4979,6 +5591,10 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.3
 
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
   fill-range@4.0.0:
     dependencies:
       extend-shallow: 2.0.1
@@ -4990,6 +5606,18 @@ snapshots:
     dependencies:
       to-regex-range: 5.0.1
 
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.4.2
+      keyv: 4.5.4
+
+  flatted@3.4.2: {}
+
   follow-redirects@1.15.11: {}
 
   for-each@0.3.5:
@@ -5081,6 +5709,12 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  globals@14.0.0: {}
+
   globalthis@1.0.4:
     dependencies:
       define-properties: 1.2.1
@@ -5100,6 +5734,8 @@ snapshots:
 
   has-flag@1.0.0: {}
 
+  has-flag@4.0.0: {}
+
   has-property-descriptors@1.0.2:
     dependencies:
       es-define-property: 1.0.1
@@ -5163,10 +5799,19 @@ snapshots:
       safer-buffer: 2.1.2
     optional: true
 
+  ignore@5.3.2: {}
+
   image-size@0.5.5: {}
 
   immutable@5.1.4: {}
 
+  import-fresh@3.3.1:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  imurmurhash@0.1.4: {}
+
   inherits@2.0.4: {}
 
   internal-slot@1.1.0:
@@ -5337,6 +5982,8 @@ snapshots:
 
   isarray@2.0.5: {}
 
+  isexe@2.0.0: {}
+
   isobject@2.1.0:
     dependencies:
       isarray: 1.0.0
@@ -5347,8 +5994,18 @@ snapshots:
 
   js-tokens@9.0.1: {}
 
+  js-yaml@4.1.1:
+    dependencies:
+      argparse: 2.0.1
+
   jsep@1.4.0: {}
 
+  json-buffer@3.0.1: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
   json5@1.0.2:
     dependencies:
       minimist: 1.2.8
@@ -5363,6 +6020,10 @@ snapshots:
 
   kdbush@4.0.2: {}
 
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
   kind-of@3.2.2:
     dependencies:
       is-buffer: 1.1.6
@@ -5393,6 +6054,11 @@ snapshots:
       needle: 3.3.1
       source-map: 0.6.1
 
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
   loader-utils@1.4.2:
     dependencies:
       big.js: 5.2.2
@@ -5407,6 +6073,10 @@ snapshots:
       pkg-types: 2.3.0
       quansync: 0.2.11
 
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
   lodash-es@4.17.21: {}
 
   lodash-unified@1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21):
@@ -5415,6 +6085,8 @@ snapshots:
       lodash: 4.17.21
       lodash-es: 4.17.21
 
+  lodash.merge@4.6.2: {}
+
   lodash@4.17.21: {}
 
   long@5.3.2: {}
@@ -5486,6 +6158,10 @@ snapshots:
 
   mime@1.6.0: {}
 
+  minimatch@3.1.5:
+    dependencies:
+      brace-expansion: 1.1.14
+
   minimatch@9.0.5:
     dependencies:
       brace-expansion: 2.0.2
@@ -5528,6 +6204,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  natural-compare@1.4.0: {}
+
   needle@3.3.1:
     dependencies:
       iconv-lite: 0.6.3
@@ -5580,20 +6258,45 @@ snapshots:
     dependencies:
       ee-first: 1.1.1
 
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
   own-keys@1.0.1:
     dependencies:
       get-intrinsic: 1.3.0
       object-keys: 1.1.1
       safe-push-apply: 1.0.0
 
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
   pako@2.1.0: {}
 
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
   parse-node-version@1.0.1: {}
 
   parseurl@1.3.3: {}
 
   pascalcase@0.1.1: {}
 
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
   path-parse@1.0.7: {}
 
   pathe@0.2.0: {}
@@ -5647,6 +6350,11 @@ snapshots:
     dependencies:
       postcss: 5.2.18
 
+  postcss-selector-parser@7.1.1:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
   postcss@5.2.18:
     dependencies:
       chalk: 1.1.3
@@ -5683,6 +6391,10 @@ snapshots:
       posthtml-parser: 0.2.1
       posthtml-render: 1.4.0
 
+  prelude-ls@1.2.1: {}
+
+  prettier@3.8.3: {}
+
   protobufjs@7.5.4:
     dependencies:
       '@protobufjs/aspromise': 1.1.2
@@ -5703,6 +6415,8 @@ snapshots:
   prr@1.0.1:
     optional: true
 
+  punycode@2.3.1: {}
+
   quansync@0.2.11: {}
 
   query-string@4.3.4:
@@ -5773,6 +6487,8 @@ snapshots:
 
   repeat-string@1.6.1: {}
 
+  resolve-from@4.0.0: {}
+
   resolve-url@0.2.1: {}
 
   resolve@1.22.11:
@@ -5875,6 +6591,8 @@ snapshots:
   semver@5.7.2:
     optional: true
 
+  semver@7.7.4: {}
+
   send@0.19.0:
     dependencies:
       debug: 2.6.9
@@ -5933,6 +6651,12 @@ snapshots:
 
   setprototypeof@1.2.0: {}
 
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
   side-channel-list@1.0.0:
     dependencies:
       es-errors: 1.3.0
@@ -6059,6 +6783,8 @@ snapshots:
     dependencies:
       ansi-regex: 2.1.1
 
+  strip-json-comments@3.1.1: {}
+
   strip-literal@3.1.0:
     dependencies:
       js-tokens: 9.0.1
@@ -6073,6 +6799,10 @@ snapshots:
     dependencies:
       has-flag: 1.0.0
 
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
   supports-preserve-symlinks-flag@1.0.0: {}
 
   svg-baker@1.7.0:
@@ -6154,6 +6884,10 @@ snapshots:
 
   tslib@2.8.1: {}
 
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
   typed-array-buffer@1.0.3:
     dependencies:
       call-bound: 1.0.4
@@ -6287,6 +7021,10 @@ snapshots:
       has-value: 0.3.1
       isobject: 3.0.1
 
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
   urijs@1.19.11: {}
 
   urix@0.1.0: {}
@@ -6352,6 +7090,18 @@ snapshots:
       echarts: 6.0.0
       vue: 3.5.24
 
+  vue-eslint-parser@10.4.0(eslint@9.39.4):
+    dependencies:
+      debug: 4.4.3
+      eslint: 9.39.4
+      eslint-scope: 9.1.2
+      eslint-visitor-keys: 5.0.1
+      espree: 11.2.0
+      esquery: 1.7.0
+      semver: 7.7.4
+    transitivePeerDependencies:
+      - supports-color
+
   vue-router@4.6.3(vue@3.5.24):
     dependencies:
       '@vue/devtools-api': 6.6.4
@@ -6408,6 +7158,16 @@ snapshots:
       gopd: 1.2.0
       has-tostringtag: 1.0.2
 
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  word-wrap@1.2.5: {}
+
+  xml-name-validator@4.0.0: {}
+
+  yocto-queue@0.1.0: {}
+
   zrender@6.0.0:
     dependencies:
       tslib: 2.3.0