添加 MachineEvent.vue 展示机器通过 websocket 发送的事件

src/router/background_devops.js

@@ -14,6 +14,7 @@ const MachineHost = () => import('views/devops/machine/MachineHost')
 const AliyunKey = () => import('views/devops/machine/AliyunKey')
 const Docker = () => import('views/devops/machine/Docker')
 const MachineProc = () => import('views/devops/machine/MachineProc')
+const MachineEvent = () => import('views/devops/machine/MachineEvent')
 // build
 const BuildDir = () => import('views/devops/build/BuildDir')
 const RepoAuth = () => import('views/devops/build/RepoAuth')
@@ -107,6 +108,14 @@ export default {
           icon: 'el-icon-s-data',
           component: MachineProc,
           meta: { needAuth: true, roles: ['devops_admin'] }
+        },
+        {
+          path: '/bg/machine/event',
+          name: 'MachineEvent',
+          title: '机器事件',
+          icon: 'el-icon-s-data',
+          component: MachineEvent,
+          meta: { needAuth: true, roles: ['devops_admin'] }
         }
       ]
     },

src/views/devops/machine/MachineEvent.vue

@@ -0,0 +1,64 @@
+<template>
+  <div>
+    <el-row class="movie-list">
+      <el-col :md="20">
+        <el-row>
+          <h2>机器事件</h2>
+        </el-row>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import {getMachineProcList, getMachineSessions} from "@/api/devops";
+
+export default {
+  name: 'MachineEvent',
+  data() {
+    return {
+      dataList: []
+    }
+  },
+  created() {
+    document.title = '机器事件列表'
+  },
+  methods: {
+    getMachineList(env) {
+      getMachineSessions(env).then(resp => {
+        if (resp.code === 0) {
+          this.machineList = resp.data
+        } else {
+          this.$message.error(resp.msg)
+        }
+      }).catch(error => {
+        this.$message.error(error.message)
+      })
+    },
+    getData() {
+      getMachineProcList(this.queryInfo).then(resp => {
+        if (resp.code === 0) {
+          this.dataList = resp.data
+        } else {
+          this.$message.error(resp.msg)
+        }
+      }).catch(error => {
+        this.$message.error(error.message)
+      })
+    },
+    onRefresh() {
+      this.getData()
+    },
+    onSelectChange() {
+      this.machine = ''
+      this.getMachineList(this.env)
+    },
+    onSelectChange1() {
+      this.getData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>