From 12d2662bd107ff1e7850aa89f3a45b764c1b5bff Mon Sep 17 00:00:00 2001
From: g82tt <snow82@vip.qq.com>
Date: Sun, 17 May 2026 13:17:58 +0800
Subject: [PATCH] =?UTF-8?q?V4=E4=BF=AE=E5=A4=8D:=20=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=94=B9=E7=94=A8VolPro=E6=A1=86=E6=9E=B6proxy.http=E8=B0=83?=
 =?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/DeviceControlPanel.vue          | 11 +++++------
 .../components/DeviceLivePreview.vue           | 12 ++++--------
 .../base_device/components/PtzControlPanel.vue | 11 +++++------
 .../components/RealtimeDataPanel.vue           | 18 ++++++------------
 4 files changed, 20 insertions(+), 32 deletions(-)

diff --git a/web.vite/src/views/warehouse/device_manager/base_device/components/DeviceControlPanel.vue b/web.vite/src/views/warehouse/device_manager/base_device/components/DeviceControlPanel.vue
index 7c207ce..623f170 100644
--- a/web.vite/src/views/warehouse/device_manager/base_device/components/DeviceControlPanel.vue
+++ b/web.vite/src/views/warehouse/device_manager/base_device/components/DeviceControlPanel.vue
@@ -11,16 +11,15 @@
   </el-dialog>
 </template>
 <script setup>
-import { ref, computed } from 'vue'
+import { ref, computed, getCurrentInstance } from 'vue'
+const { proxy } = getCurrentInstance()
 const props = defineProps({ modelValue: Boolean, device: Object })
 const emit = defineEmits(['update:modelValue'])
 const visible = computed({ get: () => props.modelValue, set: v => emit('update:modelValue', v) })
 const pointIndex = ref(0), value = ref(0)
-const send = async () => {
-  await fetch(`/api/gateway/realtime/${props.device?.adapterCode}/control`, {
-    method: 'POST', headers: {'Content-Type':'application/json'},
-    body: JSON.stringify({ deviceId: props.device?.sourceId, pointIndex: pointIndex.value, value: value.value })
-  })
+const send = () => {
+  const url = `api/gateway/realtime/${props.device?.adapterCode}/control`
+  proxy.http.post(url, { deviceId: props.device?.sourceId, pointIndex: pointIndex.value, value: value.value })
   visible.value = false
 }
 </script>
diff --git a/web.vite/src/views/warehouse/device_manager/base_device/components/DeviceLivePreview.vue b/web.vite/src/views/warehouse/device_manager/base_device/components/DeviceLivePreview.vue
index d4818b7..a3363a6 100644
--- a/web.vite/src/views/warehouse/device_manager/base_device/components/DeviceLivePreview.vue
+++ b/web.vite/src/views/warehouse/device_manager/base_device/components/DeviceLivePreview.vue
@@ -8,23 +8,19 @@
   </el-dialog>
 </template>
 <script setup>
-import { ref, computed, watch } from 'vue'
-
+import { ref, computed, watch, getCurrentInstance } from 'vue'
+const { proxy } = getCurrentInstance()
 const props = defineProps({ modelValue: Boolean, device: Object })
 const emit = defineEmits(['update:modelValue'])
 const visible = computed({ get: () => props.modelValue, set: v => emit('update:modelValue', v) })
 const stream = ref(null), loading = ref(false)
 const wsFlv = computed(() => stream.value?.wsFlv || stream.value?.httpFlv)
 const stop = () => { stream.value = null }
-
 watch(() => props.device, async (d) => {
   if (d && visible.value) {
     loading.value = true
-    try {
-      const resp = await fetch(`/api/gateway/streams/${d.adapterCode}/${d.sourceId}/live`)
-      stream.value = await resp.json()
-    } catch(e) {}
-    finally { loading.value = false }
+    const url = `api/gateway/streams/${d.adapterCode}/${d.sourceId}/live`
+    proxy.http.get(url, {}, true).then(r => { stream.value = r }).finally(() => loading.value = false)
   }
 }, { immediate: true })
 </script>
diff --git a/web.vite/src/views/warehouse/device_manager/base_device/components/PtzControlPanel.vue b/web.vite/src/views/warehouse/device_manager/base_device/components/PtzControlPanel.vue
index 63ba550..6c7b786 100644
--- a/web.vite/src/views/warehouse/device_manager/base_device/components/PtzControlPanel.vue
+++ b/web.vite/src/views/warehouse/device_manager/base_device/components/PtzControlPanel.vue
@@ -16,16 +16,15 @@
   </el-dialog>
 </template>
 <script setup>
-import { computed } from 'vue'
+import { computed, getCurrentInstance } from 'vue'
+const { proxy } = getCurrentInstance()
 const props = defineProps({ modelValue: Boolean, device: Object })
 const emit = defineEmits(['update:modelValue'])
 const visible = computed({ get: () => props.modelValue, set: v => emit('update:modelValue', v) })
 const send = (direction, speed = 0.5) => {
-  fetch(`/api/gateway/streams/${props.device?.adapterCode}/${props.device?.sourceId}/ptz`, {
-    method: 'POST', headers: {'Content-Type':'application/json'},
-    body: JSON.stringify({ direction, action: 'continuous', speed })
-  })
+  const url = `api/gateway/streams/${props.device?.adapterCode}/${props.device?.sourceId}/ptz`
+  proxy.http.post(url, { direction, action: direction === 'stop' ? 'stop' : 'continuous', speed })
 }
-const go = (d) => d === 'stop' ? send('stop') : send(d)
+const go = (d) => send(d)
 const stop = () => send('stop')
 </script>
diff --git a/web.vite/src/views/warehouse/device_manager/base_device/components/RealtimeDataPanel.vue b/web.vite/src/views/warehouse/device_manager/base_device/components/RealtimeDataPanel.vue
index 2f97197..f8f8fa3 100644
--- a/web.vite/src/views/warehouse/device_manager/base_device/components/RealtimeDataPanel.vue
+++ b/web.vite/src/views/warehouse/device_manager/base_device/components/RealtimeDataPanel.vue
@@ -2,9 +2,7 @@
   <el-dialog v-model="visible" title="实时数据" width="600px">
     <el-table :data="values" v-loading="loading" stripe>
       <el-table-column prop="pointIndex" label="点位" width="80" />
-      <el-table-column prop="value" label="当前值" width="120">
-        <template #default="{row}">{{ row.value }}{{ row.unit || '' }}</template>
-      </el-table-column>
+      <el-table-column prop="value" label="当前值" width="120" />
       <el-table-column prop="updateTime" label="更新时间" min-width="160" />
       <el-table-column prop="interval" label="采集间隔(s)" width="100" />
     </el-table>
@@ -12,23 +10,19 @@
   </el-dialog>
 </template>
 <script setup>
-import { ref, computed, watch, onUnmounted } from 'vue'
+import { ref, computed, watch, onUnmounted, getCurrentInstance } from 'vue'
+const { proxy } = getCurrentInstance()
 const props = defineProps({ modelValue: Boolean, device: Object })
 const emit = defineEmits(['update:modelValue'])
 const visible = computed({ get: () => props.modelValue, set: v => emit('update:modelValue', v) })
 const values = ref([]), loading = ref(false)
 let timer = null
-
-const fetchData = async () => {
+const fetchData = () => {
   if (!props.device) return
   loading.value = true
-  try {
-    const resp = await fetch(`/api/gateway/realtime/${props.device.adapterCode}/${props.device.sourceId}`)
-    values.value = await resp.json()
-  } catch {}
-  finally { loading.value = false }
+  const url = `api/gateway/realtime/${props.device.adapterCode}/${props.device.sourceId}`
+  proxy.http.get(url, {}, false).then(r => { values.value = r || [] }).finally(() => loading.value = false)
 }
-
 watch(visible, v => { if (v) { fetchData(); timer = setInterval(fetchData, 5000) } else { clearInterval(timer) } })
 onUnmounted(() => clearInterval(timer))
 </script>