From b66d7b1911fcf4870ba8a40a30603e43bfe6433e Mon Sep 17 00:00:00 2001
From: Dong Xia <dev12301@linx-info.com>
Date: Tue, 7 Feb 2023 02:10:50 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=E6=96=B0=E5=BB=BA=20node?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/node/.keep | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 src/node/.keep

diff --git a/src/node/.keep b/src/node/.keep
new file mode 100644
index 0000000..e69de29
-- 
Gitee


From c8038089db141792104081490a6bbe3c5efef49e Mon Sep 17 00:00:00 2001
From: Dong Xia <dev12301@linx-info.com>
Date: Tue, 7 Feb 2023 02:16:39 +0000
Subject: [PATCH 2/2] =?UTF-8?q?=E5=AE=8C=E6=88=90=E8=8A=82=E7=82=B9?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=B1=95=E7=A4=BA=E7=95=8C=E9=9D=A2=E4=BB=A5?=
 =?UTF-8?q?=E5=8F=8A=E5=88=A0=E9=99=A4=E8=8A=82=E7=82=B9=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Dong Xia <dev12301@linx-info.com>
---
 src/node/list.vue | 216 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 216 insertions(+)
 create mode 100644 src/node/list.vue

diff --git a/src/node/list.vue b/src/node/list.vue
new file mode 100644
index 0000000..1c9b438
--- /dev/null
+++ b/src/node/list.vue
@@ -0,0 +1,216 @@
+<template>
+  <div>
+    <a-table
+      :loading="loading"
+      :columns="columns"
+      :data-source="list"
+      :style="{ 'max-height': tableHeight + 'px' }"
+      :scroll="{x:900, y: tableHeight}"
+      row-key="id"
+      :pagination="false"
+      bordered
+    >
+      <a-tooltip slot="name" slot-scope="text" placement="topLeft" :title="text">
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <template slot="status" slot-scope="text">
+        <a-icon v-if="text===undefined" type="loading" />
+        <span v-if="text == 1"><a-icon class="success" :style="{ paddingRight: '3px' }" type="check" /> 在线</span>
+        <span v-if="text == 0"><a-icon class="danger" :style="{ paddingRight: '3px' }" type="close" /> 离线</span>
+      </template>
+      <a-tooltip slot="system" slot-scope="text" placement="topLeft" :title="text">
+        <a-icon v-if="text===undefined" type="loading" />
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <a-tooltip slot="kernel" slot-scope="text" placement="topLeft" :title="text">
+        <a-icon v-if="text===undefined" type="loading" />
+        <span>{{ text }}</span>
+      </a-tooltip>
+      <template slot="operation" slot-scope="text, record">
+        <a-tooltip title="删除">
+          <a-button type="link" @click="handleDelete(record)"><a-icon type="delete" class="danger" /></a-button>
+        </a-tooltip>
+      </template>
+    </a-table>
+  </div>
+</template>
+
+<script>
+import { getNodeList, deleteNode, getNodeStatus, getOsVersion, editNode } from '@/api/node'
+import { isIpAndPort } from '@/utils/validate'
+export default {
+  data() {
+    return {
+      loading: false,
+      listQuery: {},
+      tableHeight: '70vh',
+      list: [],
+      temp: {
+        formData: {}
+      },
+      drawerTitle: '',
+      columns: [
+        { title: '节点 ID', dataIndex: 'id', key: 'id', width: 100, ellipsis: true },
+        { title: '节点名称', dataIndex: 'name', key: 'name', ellipsis: true, scopedSlots: { customRender: 'name' }},
+        { title: '节点地址', dataIndex: 'url', key: 'url', width: 150, ellipsis: true },
+        { title: '状态', dataIndex: 'status', key: 'status', width: 100, ellipsis: true, scopedSlots: { customRender: 'status' }},
+        { title: '系统版本', dataIndex: 'system', key: 'system', ellipsis: true, scopedSlots: { customRender: 'system' }},
+        { title: '内核版本', dataIndex: 'kernel', key: 'kernel', ellipsis: true, scopedSlots: { customRender: 'kernel' }},
+        { title: '超时时间', dataIndex: 'timeOut', key: 'timeOut', width: 100, ellipsis: true },
+        { title: '操作', dataIndex: 'operation', key: 'operation', scopedSlots: { customRender: 'operation' }, width: 200, align: 'center' }
+      ],
+      timer: null
+    }
+  },
+  watch: {
+    list: {
+      handler(val) {
+        if (val.length && this.drawerVisible) {
+          const nodeId = this.$route.query.nodeId
+          const node = val.find(item => item.id === nodeId)
+          if (node.status === 0) {
+            this.onClose()
+            this.$notification.warning({ message: `节点${node.name}(${node.url})已离线，节点管理抽屉关闭` })
+          }
+        }
+      },
+      deep: true
+    }
+  },
+  created() {
+    // 计算表格高度
+    this.$nextTick(() => {
+      this.tableHeight = window.innerHeight - this.$refs['filter'].clientHeight - 135
+    })
+    this.loadData()
+  },
+  beforeDestroy() {
+    clearInterval(this.timer)
+  },
+  methods: {
+    loadData() {
+      if (this.timer != null) clearInterval(this.timer)
+      this.list = []
+      this.loading = true
+      getNodeList(this.listQuery).then((res) => {
+        if (res.code === 200) {
+          this.list = res.data || []
+          this.getAllNodeStatus()
+          this.timer = setInterval(this.getAllNodeStatus, 60 * 1000)
+          let nodeId = this.$route.query.nodeId
+          this.list.forEach((item) => {
+            if (nodeId === item.id) {
+              this.handleNode(item)
+            }
+          })
+        }
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+    getAllNodeStatus() {
+      let promiseList = []
+      this.list.forEach(item => {
+        const p = getNodeStatus(item.id).then(res => {
+          if (res.code === 200) {
+            item['status'] = 1
+            this.list = [...this.list]
+            const query = JSON.parse(JSON.stringify(item))
+            query.type = ''
+            editNode(query)
+            getOsVersion({ nodeId: item.id }).then(res => {
+              if (res.code === 200) {
+                item.system = res.data.system
+                item.kernel = res.data.kernel
+                this.list = [...this.list]
+              } else {
+                getOsVersion({ nodeId: item.id }).then(res => {
+                  if (res.code === 200) {
+                    item.system = res.data.system
+                    item.kernel = res.data.kernel
+                    this.list = [...this.list]
+                  } else {
+                    getOsVersion({ nodeId: item.id }).then(res => {
+                      if (res.code === 200) {
+                        item.system = res.data.system
+                        item.kernel = res.data.kernel
+                      } else {
+                        item.system = '--'
+                        item.kernel = '--'
+                      }
+                      this.list = [...this.list]
+                    })
+                  }
+                })
+              }
+            }).catch(() => {
+              item.system = '--'
+              item.kernel = '--'
+              this.list = [...this.list]
+            })
+          } else {
+            item['status'] = 0
+            item.system = '--'
+            item.kernel = '--'
+          }
+        }).catch(() => {
+          item['status'] = 0
+          item.system = '--'
+          item.kernel = '--'
+        })
+        promiseList.push(p)
+      })
+      Promise.all(promiseList).then(() => {
+        this.list = [...this.list]
+      })
+    },
+    handleDelete(record) {
+      this.$confirm({
+        title: '系统提示',
+        content: '真的要删除节点么？',
+        okText: '确认',
+        cancelText: '取消',
+        onOk: () => {
+          // 删除
+          deleteNode(record.id).then((res) => {
+            if (res.code === 200) {
+              this.$notification.success({
+                message: res.msg,
+                duration: 2
+              })
+              this.loadData()
+            }
+          })
+        }
+      })
+    },
+    // 自定义检验url
+    checkUrl(rule, value, callback) {
+      if (!isIpAndPort(value)) {
+        return callback(new Error('请填写正确的ip地址+端口号'))
+      }
+      callback()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.filter {
+  margin-bottom: 10px;
+}
+
+.ant-btn {
+  margin-right: 10px;
+}
+
+.filter-item {
+  width: 150px;
+  margin-right: 10px;
+}
+
+.btn-add {
+  margin-left: 10px;
+  margin-right: 0;
+}
+</style>
-- 
Gitee