init

2026-05-14 21:43:35 +08:00
commit 94c1043f4d
40 changed files with 8602 additions and 0 deletions
@@ -0,0 +1,121 @@
+const { createApp } = Vue
+
+const API = ''
+
+createApp({
+  delimiters: ['[[', ']]'],
+  
+  data() {
+    return {
+      connecting: false,
+      agvConnected: false,
+      armConnected: false,
+      cameraOpened: false,
+      armCameraOpened: false,
+      mapLoaded: false,
+      mapConfig: {},
+      pointsCount: 0,
+      currentState: 'idle',
+      // 摄像头轮询
+      agvCameraSrc: '/api/camera/refresh?t=' + Date.now(),
+      armCameraSrc: '/api/camera/arm_refresh?t=' + Date.now(),
+      agvCameraError: false,
+      armCameraError: false,
+      reconnectingDevice: null
+    }
+  },
+  computed: {
+    allReady() {
+      return this.agvConnected && this.armConnected && this.cameraOpened && this.mapLoaded
+    },
+    statusClass() {
+      return this.currentState
+    },
+    statusText() {
+      const map = { idle: '空闲', setting: '设置模式', running: '运行中', paused: '已暂停' }
+      return map[this.currentState] || '未知'
+    }
+  },
+  mounted() {
+    this.refresh()
+    setInterval(this.refreshStatus, 3000)
+    this.refreshCams()
+    setInterval(() => this.refreshCams(), 2000)
+  },
+  methods: {
+    refreshCams() {
+      this.agvCameraSrc = '/api/camera/refresh?t=' + Date.now()
+      this.armCameraSrc = '/api/camera/arm_refresh?t=' + Date.now()
+    },
+    async refresh() {
+      await this.refreshStatus()
+      await this.loadPoints()
+    },
+    async refreshStatus() {
+      try {
+        const res = await fetch(API + '/api/status')
+        const data = await res.json()
+        this.agvConnected = data.agv_connected
+        this.armConnected = data.arm_connected
+        this.cameraOpened = data.camera_opened
+        this.armCameraOpened = data.arm_camera_opened
+        this.mapLoaded = data.map_loaded
+        this.currentState = data.state || 'idle'
+        if (data.map_loaded && data.map) {
+          this.mapConfig = data.map
+        }
+      } catch (e) {
+        console.error(e)
+      }
+    },
+    async loadPoints() {
+      try {
+        const res = await fetch(API + '/api/points/list')
+        const data = await res.json()
+        this.pointsCount = data.points ? data.points.length : 0
+      } catch (e) {}
+    },
+    async connectAll() {
+      this.connecting = true
+      try {
+        const res = await fetch(API + '/api/system/connect', { method: 'POST' })
+        const data = await res.json()
+        if (data.errors && data.errors.length) {
+          alert('部分连接失败:\n' + data.errors.join('\n'))
+        }
+        await this.refreshStatus()
+      } finally {
+        this.connecting = false
+      }
+    },
+    async disconnectAll() {
+      await fetch(API + '/api/system/disconnect', { method: 'POST' })
+      await this.refreshStatus()
+    },
+    async connectDevice(device) {
+      if (this.connecting) return
+      this.reconnectingDevice = device
+      try {
+        const res = await fetch(API + '/api/device/connect', {
+          method: 'POST',
+          headers: {'Content-Type': 'application/json'},
+          body: JSON.stringify({device})
+        })
+        const data = await res.json()
+        if (!data.ok && data.error) {
+          alert(data.device + ' 重连失败: ' + data.error)
+        }
+        await this.refreshStatus()
+      } finally {
+        this.reconnectingDevice = null
+      }
+    },
+    async goRunning() {
+      if (!this.allReady) {
+        alert('请先连接所有设备并加载地图')
+      } else {
+        window.location.href = '/running'
+      }
+    }
+  }
+}).mount('#app')