From 8a6702f48ef9e825850e8364cc2ae3b66f5c0d61 Mon Sep 17 00:00:00 2001
From: sheng <905537351@qq.com>
Date: Tue, 23 Jun 2026 16:32:16 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=81=E7=A7=BB=E5=AE=9E=E6=97=B6=E9=87=87?=
 =?UTF-8?q?=E9=9B=86=E7=9B=91=E6=8E=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../battery_device_gather_monitor/index.vue           | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 src/views/scada_manage/device_gather/battery_device_gather_monitor/index.vue

diff --git a/src/views/scada_manage/device_gather/battery_device_gather_monitor/index.vue b/src/views/scada_manage/device_gather/battery_device_gather_monitor/index.vue
new file mode 100644
index 00000000..3a9763bc
--- /dev/null
+++ b/src/views/scada_manage/device_gather/battery_device_gather_monitor/index.vue
@@ -0,0 +1,11 @@
+<template>
+  <d2-container>
+    <div class="monitor-head"><el-button size="mini" icon="el-icon-refresh" :loading="loading" @click="fetchData">{{ $t(key('refresh')) }}</el-button><span>{{ $t(key('last_refresh_time')) }}: {{ lastRefresh }}</span></div>
+    <el-collapse v-model="activeNames"><el-collapse-item v-for="device in devices" :key="device.device_name" :name="device.device_name"><template #title><strong>{{ device.device_name }}</strong><el-tag size="mini" :type="device.status === 'online' ? 'success' : 'info'" class="device-tag">{{ device.status || 'offline' }}</el-tag><el-button v-if="device.server_id" type="danger" size="mini" @click.stop="stopDevice(device)">{{ $t(key('stop_device')) }}</el-button></template><el-descriptions :column="4" border><el-descriptions-item :label="$t(key('device_type'))">{{ device.device_type }}</el-descriptions-item><el-descriptions-item :label="$t(key('ip_port'))">{{ device.config }}</el-descriptions-item><el-descriptions-item :label="$t(key('activity_time'))">{{ device.startTime }}</el-descriptions-item><el-descriptions-item :label="$t(key('success_count'))">{{ device.success }}</el-descriptions-item><el-descriptions-item :label="$t(key('failure_count'))">{{ device.failed }}</el-descriptions-item></el-descriptions></el-collapse-item></el-collapse>
+  </d2-container>
+</template><script>
+import { i18nMixin } from '@/composables/useI18n'
+import { queryServers, getServeDeviceMonitoring, setServerExec } from '@/api/scada-manage/edge-manager'
+import { unset, map } from 'lodash'
+export default { name: 'battery-device-gather-monitor', mixins: [i18nMixin('page.scada_manage.device_gather.battery_device_gather_monitor')], data () { return { loading: false, activeNames: [], devices: [], timing: null, lastRefresh: '' } }, mounted () { this.fetchData(); this.timing = setInterval(this.fetchData, 30000) }, beforeDestroy () { clearInterval(this.timing) }, methods: { async fetchData () { this.loading = true; try { const servers = await queryServers(); const list = Array.isArray(servers) ? servers : (servers.data || []); const devices = []; for (const server of list) { try { const status = await getServeDeviceMonitoring(`http://${server.url}:${server.port}`); if (status.IsSuccess) { const data = status.Content; unset(data, '__status'); map(data, item => { const config = (item.__config || '').split(' '); devices.push({ server_id: server.id, status: 'online', config: config.length > 0 ? config[2] : '', startTime: item.__startTime, success: item.__success, failed: item.__failed, device_name: item.__name, device_type: config.length > 0 ? config[0] : '' }) }) } } catch (e) {} } this.devices = devices; this.activeNames = devices.map(item => item.device_name); this.lastRefresh = new Date().toLocaleString() } finally { this.loading = false } }, async stopDevice (device) { await setServerExec({ action: 'exec', server_id: device.server_id, command: 'stop_device', device_name: device.device_name }); this.$message.success(this.$t(this.key('request_success'))); this.fetchData() } } }
+</script><style scoped>.monitor-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.device-tag{margin-left:12px}</style>