fix: 修正 RTSP 為 5 秒抓一次 device

src/apis/rtsp/index.js

@@ -1,9 +1,5 @@
 // src/apis/rtsp/index.js
-import {
-  POST_SET_RTSP_ENABLE,
-  POST_SET_SAMBA_DIRECTORY,
-  POST_GET_RTSP_DEVICE,
-} from "./api";
+import { POST_SET_RTSP_ENABLE, POST_GET_RTSP_DEVICE } from "./api";
 import instance from "@/util/request";
 import apihandler from "@/util/apihandler";
 

src/views/rtsp/Rtsp.vue

@@ -96,6 +96,7 @@ export default {
       message: "",
       rtspDevices: [],
       selectedMainId: null, // 目前選中的設備 main_id
+      pollTimer: null, // ← 用於記錄輪詢計時器
     };
   },
   computed: {
@@ -109,6 +110,10 @@ export default {
   async mounted() {
     await this.loadRtspDevices();
   },
+  beforeUnmount() {
+    // 離開頁面時確實清掉輪詢
+    this.stopPolling();
+  },
   watch: {
     selectedBtn: {
       handler(newVal) {
@@ -163,6 +168,31 @@ export default {
       this.monitorUrl = d.rtsp_url || DEFAULT_MONITOR_URL;
     },
 
+    // === 輪詢控制 ===
+    startPolling() {
+      // 若已在輪詢就不重複啟動
+      if (this.pollTimer) return;
+
+      const tick = async () => {
+        const keepId = this.selectedMainId;
+        await this.loadRtspDevices();
+        // 保持目前選中的設備不變（若仍存在）
+        const found = this.rtspDevices.find((d) => d.main_id === keepId);
+        if (found) this.selectDevice(found);
+      };
+
+      // 立即跑一次，之後每 5 秒跑一次
+      tick();
+      this.pollTimer = setInterval(tick, 5000);
+    },
+
+    stopPolling() {
+      if (this.pollTimer) {
+        clearInterval(this.pollTimer);
+        this.pollTimer = null;
+      }
+    },
+
     // 開始偵測
     async startDetection() {
       if (!this.selectedMainId) {
@@ -177,6 +207,9 @@ export default {
         const found = this.rtspDevices.find((d) => d.main_id === keepId);
         if (found) this.selectDevice(found);
         this.message = this.$t("rtsp.startSuccess");
+
+        // ★ 啟動後開始每 5 秒抓一次
+        this.startPolling();
       } catch (e) {
         console.error(e);
         this.message = this.$t("rtsp.startFail");
@@ -199,6 +232,9 @@ export default {
         const found = this.rtspDevices.find((d) => d.main_id === keepId);
         if (found) this.selectDevice(found);
         this.message = this.$t("rtsp.stopSuccess");
+
+        // ★ 停止後結束輪詢
+        this.stopPolling();
       } catch (e) {
         console.error(e);
         this.message = this.$t("rtsp.stopFail");