feat: wire stop-live and play error rebuild

src/components/MonitorDetailPanel.vue

@@ -26,6 +26,13 @@
           <div>
             <span class="live-dot" :class="{ active: liveView.active }" />
             <b>{{ liveView.phaseText }}</b>
+            <button
+              v-if="liveView.active"
+              class="text-button"
+              type="button"
+              title="停止直播推流"
+              @click="$emit('stop-live')"
+            >停止直播</button>
             <button class="icon-button" type="button" title="全屏播放" :disabled="!liveView.canFullscreen" @click="$emit('fullscreen-live')">
               <svg><use href="#i-maximize" /></svg>
             </button>
@@ -268,6 +275,7 @@ const emit = defineEmits([
   'toggle-live',
   'fullscreen-live',
   'live-error',
+  'stop-live',
   'open-dock-status',
   'open-mission-detail',
   'update:controlExpanded',

src/views/MonitorView/MonitorView.vue

@@ -56,7 +56,8 @@
       @select-parent="select"
       @toggle-live="toggleLive"
       @fullscreen-live="fullscreenLive"
-      @live-error="ui.toast('视频播放失败')"
+      @live-error="onPlayError"
+      @stop-live="stopLiveStream"
       @open-dock-status="openDockStatus"
       @open-mission-detail="goMissionDetail"
       @command="onDetailCommand"
@@ -126,6 +127,8 @@ const {
   toggleLive,
   fullscreenLive,
   closeLive,
+  stopLiveStream,
+  onPlayError,
 } = useMonitorLive({
   getDockId: () => selectedDock.value?.dockId,
   ui,