From 1b08e596a0749116a3143dacb244b3169c7aa1ee Mon Sep 17 00:00:00 2001
From: fanjia <3278303149@qq.com>
Date: Tue, 12 May 2026 11:13:04 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=80=9A=E8=BF=87id=3D1?=
 =?UTF-8?q?=E9=80=9A=E7=9F=A5=E6=98=AF=E5=90=A6=E6=98=BE=E7=A4=BA=E5=B7=B2?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=9A=84=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/LeftPanel/DisasterAnalysis.vue | 35 ++++++----
 .../components/MapViewer/index.vue            |  6 +-
 .../shared/EmergencyPlanContent.vue           | 66 +++++++++++--------
 3 files changed, 64 insertions(+), 43 deletions(-)

diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/DisasterAnalysis.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/DisasterAnalysis.vue
index 9fb0c53..74b5fe2 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/DisasterAnalysis.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/LeftPanel/DisasterAnalysis.vue
@@ -28,18 +28,29 @@ import DataFieldIcon4 from '../../assets/images/DataField/icon-4.png'
 import DataFieldIcon5 from '../../assets/images/DataField/icon-5.png'
 import DataFieldIcon6 from '../../assets/images/DataField/icon-6.png'
 
-// const { disasterInfo } = inject('disasterData')
-const disasterInfo = ref({
-  type: '边坡垮塌',
-  volume: '1220m³',
-  length: '33',
-  width: '15m',
-  volumeUnit: '',
-  lengthUnit: 'm',
-  widthUnit: '',
-  casualties: '0',
-  vehicles: '0',
-})
+// 根据URL参数判断使用本地数据还是注入数据
+const urlParams = new URLSearchParams(window.location.search)
+const disasterId = urlParams.get('id')
+
+let disasterInfo
+if (disasterId === '1') {
+  // id等于1时使用本地数据
+  disasterInfo = ref({
+    type: '边坡垮塌',
+    volume: '1220m³',
+    length: '33',
+    width: '15m',
+    volumeUnit: '',
+    lengthUnit: 'm',
+    widthUnit: '',
+    casualties: '0',
+    vehicles: '0',
+  })
+} else {
+  // id不等于1或不存在时使用注入的数据
+  const { disasterInfo: injectedDisasterInfo } = inject('disasterData')
+  disasterInfo = injectedDisasterInfo
+}
 </script>
 
 <style scoped lang="scss">
diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/MapViewer/index.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/MapViewer/index.vue
index be27cf8..727c7b2 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/MapViewer/index.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/MapViewer/index.vue
@@ -1,17 +1,17 @@
 <template>
   <div class="map-viewer">
     <!-- Cesium 地图容器 -->
-    <!-- <MapViewport /> -->
+    <MapViewport />
 
     <!-- 地图控制工具 - 使用 Teleport 传送到更高层级 -->
     <!-- 延迟渲染确保目标元素已存在 -->
-    <!-- <Teleport to="#sa-controls" v-if="isMounted">
+    <Teleport to="#sa-controls" v-if="isMounted">
       <MapControls
         :active-tool-key="activeToolKey"
         @tool-change="handleToolChange"
         @device-watch="handleDeviceWatch"
       />
-    </Teleport> -->
+    </Teleport>
   </div>
 </template>
 
diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/EmergencyPlanContent.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/EmergencyPlanContent.vue
index fd18d8c..560ab76 100644
--- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/EmergencyPlanContent.vue
+++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/EmergencyPlanContent.vue
@@ -192,35 +192,44 @@ const props = defineProps({
  * 可用站点列表（从快速匹配传入）
  */
 const availableStations = computed(() => props.stations)
-
+// 根据URL参数判断使用本地数据还是注入数据
+const urlParams = new URLSearchParams(window.location.search)
+const disasterId = urlParams.get('id')
+const formData = ref({})
 /**
  * 表单数据
  */
-// const formData = reactive({
-//   commander: "陈前",
-//   viceCommander: "樵继川",
-//   trafficControl: "忠县交通巡逻警察大队",
-//   infoRelease: "融媒体中心",
-//   vehicleDispatch: "忠县交通运输综合执法支队",
-//   personnelRescue: "忠县人民医院",
-//   clearanceMethod: "两端对接抢通，必要时开辟工作面",
-//   estimatedTime: "6小时",
-// });
-const formData = reactive({
-  commander: '陈前',
-  viceCommander: '樵继川',
-  trafficControl: '黔江区交通管理支队',
-  infoRelease: '区融媒体中心',
-  vehicleDispatch: '区交通综合执法支队',
-  personnelRescue: '区卫健委',
-  clearanceMethod: '单向抢通，必要时联系酉阳交通部门协助抢通',
-  estimatedTime: '15小时',
-})
+
+if (disasterId === '1') {
+  // id等于1时使用本地数据
+  formData.value = {
+    commander: '陈前',
+    viceCommander: '樵继川',
+    trafficControl: '黔江区交通管理支队',
+    infoRelease: '区融媒体中心',
+    vehicleDispatch: '区交通综合执法支队',
+    personnelRescue: '区卫健委',
+    clearanceMethod: '单向抢通，必要时联系酉阳交通部门协助抢通',
+    estimatedTime: '15小时',
+  }
+} else {
+  // id不等于1或不存在时使用注入的数据
+  formData.value = {
+    commander: '陈前',
+    viceCommander: '樵继川',
+    trafficControl: '忠县交通巡逻警察大队',
+    infoRelease: '融媒体中心',
+    vehicleDispatch: '忠县交通运输综合执法支队',
+    personnelRescue: '忠县人民医院',
+    clearanceMethod: '两端对接抢通，必要时开辟工作面',
+    estimatedTime: '6小时',
+  }
+}
 
 /**
  * 公路抢通方案步骤
  */
-const clearanceSteps = reactive([
+const clearanceSteps = ref([
   {
     id: 1,
     number: '①',
@@ -244,17 +253,13 @@ const clearanceSteps = reactive([
     id: 4,
     number: '④',
     title: '开辟工作面',
-    content:
-      // "根据抢通和救援要求，利用挖掘机、装载机或无人设备开辟新的工作面，增加作业效率。",
-      '根据抢通的时间要求，增加大型土石方设备，提升作业效率，或增加装备从对向同时清理，',
+    content: '根据抢通和救援要求，利用挖掘机、装载机或无人设备开辟新的工作面，增加作业效率。',
   },
   {
     id: 5,
     number: '⑤',
     title: '交通疏导',
-    content:
-      // "清理出足够疏散车辆的临时性通道，临时通道边缘用锥桶或沙袋进行警示和防护，在现场指挥下，放行积压车辆。",
-      '清理出足够疏散车辆的临时性通道，临时通道边缘用锥桶或沙袋进行警示和防护，在现场指挥下，放行积压车辆。',
+    content: '清理出足够疏散车辆的临时性通道，临时通道边缘用锥桶或沙袋进行警示和防护，在现场指挥下，放行积压车辆。',
   },
   {
     id: 6,
@@ -264,6 +269,11 @@ const clearanceSteps = reactive([
   },
 ])
 
+if (disasterId === '1') {
+  clearanceSteps.value[3].content = '根据抢通的时间要求，增加大型土石方设备，提升作业效率，或增加装备从对向同时清理，'
+  clearanceSteps.value[4].content = '清理出足够疏散车辆的临时性通道，临时通道边缘用锥桶或沙袋进行警示和防护，在现场指挥下，放行积压车辆。'
+}
+
 /**
  * 所需力量数据
  */