fix(components,composables): 修复任务详情弹窗状态管理和模拟通信问题

修复弹窗初始状态未重置导致的问题
优化WebSocket模拟通信的健壮性和错误处理
添加动画和模拟完成标志防止重复触发

src/components/Footer.vue

@@ -29,18 +29,19 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, nextTick } from 'vue'
 import TaskDetailModal from './TaskDetailModal.vue'
 import { robotConfig } from '../config/robotConfig'
 
 // 弹窗状态
 const taskDetailVisible = ref(false)
-const currentRobotType = ref('fireSafety')
+const currentRobotType = ref('')
 const robots = robotConfig
 
 // 显示任务详情
-const showTaskDetail = (robotType: string) => {
+const showTaskDetail = async (robotType: string) => {
   currentRobotType.value = robotType
+  await nextTick()
   taskDetailVisible.value = true
 }