From 6d657063154d7837878428f8a0c1857ed7114cec Mon Sep 17 00:00:00 2001
From: Dong Xia <dev12301@linx-info.com>
Date: Tue, 29 Oct 2024 09:50:45 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=8A=82=E7=82=B9?=
 =?UTF-8?q?=E5=88=86=E7=BB=84=E5=A2=9E=E5=88=A0api=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/node_group.js                     | 61 ++++++++++++++++++
 src/pages/node/nodeGroupManager/index.vue | 78 ++++++++++++++++++++++-
 2 files changed, 138 insertions(+), 1 deletion(-)
 create mode 100644 src/api/node_group.js

diff --git a/src/api/node_group.js b/src/api/node_group.js
new file mode 100644
index 0000000..caf91b2
--- /dev/null
+++ b/src/api/node_group.js
@@ -0,0 +1,61 @@
+import axios from './config'
+
+// 节点分组查询
+export function listGroup(data) {
+  return axios({
+    url: '/nodeGroup/list',
+    headers: {
+      'Content-Type': 'application/json; charset=UTF-8'
+    },
+    method: 'post',
+    data
+  })
+}
+
+// 节点分组新增
+export function addGroup(data) {
+  return axios({
+    url: '/nodeGroup/add',
+    headers: {
+      'Content-Type': 'application/json; charset=UTF-8'
+    },
+    method: 'post',
+    data
+  })
+}
+
+// 节点分组修改
+export function updateGroup(data) {
+  return axios({
+    url: '/nodeGroup/update',
+    headers: {
+      'Content-Type': 'application/json; charset=UTF-8'
+    },
+    method: 'post',
+    data
+  })
+}
+
+// 节点分组删除
+export function deleteGroup(data) {
+  return axios({
+    url: '/nodeGroup/delete',
+    headers: {
+      'Content-Type': 'application/json; charset=UTF-8'
+    },
+    method: 'post',
+    data
+  })
+}
+
+// 查询分组节点列表
+export function nodelist(data) {
+  return axios({
+    url: '/nodegroupinfo/nodelist',
+    headers: {
+      'Content-Type': 'application/json; charset=UTF-8'
+    },
+    method: 'post',
+    data
+  })
+}
diff --git a/src/pages/node/nodeGroupManager/index.vue b/src/pages/node/nodeGroupManager/index.vue
index d1f32ba..0cf3f4b 100644
--- a/src/pages/node/nodeGroupManager/index.vue
+++ b/src/pages/node/nodeGroupManager/index.vue
@@ -20,6 +20,12 @@
         <span>{{ text }}</span>
       </a-tooltip>
       <template slot="operation" slot-scope="text, record">
+        <a-tooltip title="编辑">
+          <a-button type="link" @click="handleEdit(record)"><a-icon type="edit" /></a-button>
+        </a-tooltip>
+        <a-tooltip title="删除">
+          <a-button type="link" @click="handleDelete(record)"><a-icon type="delete" class="danger" /></a-button>
+        </a-tooltip>
       </template>
     </a-table>
     <!-- 控制节点分组 -->
@@ -44,6 +50,68 @@
         </a-form-model-item>
       </a-form-model>
     </a-modal>
+    <!-- 控制组内节点 -->
+    <a-drawer
+      :title="'组内节点( '+parentMsg.name+' )'"
+      placement="right"
+      :mask-closable="false"
+      :width="700"
+      height="100%"
+      :visible="nodelistVisible"
+      @close="closeShowNodeList"
+    >
+      <NodeList v-if="nodelistVisible" :parent-msg="parentMsg" />
+    </a-drawer>
+    <!-- 条件搜索 -->
+    <a-drawer
+      title="条件搜索"
+      placement="right"
+      :mask-closable="false"
+      :width="500"
+      height="100%"
+      :visible="groupSearch"
+      @close="groupSearch = false"
+      @keyup.native.enter="sumbitGroupSearch"
+    >
+      <div>
+        <a-form-model
+          ref="searchForm"
+          :model="listQuery"
+          :wrapper-col="{ span: 20 }"
+          :label-col="{ span: 4 }"
+        >
+          <a-form-model-item label="分组ID" prop="id">
+            <a-input v-model="listQuery.id" placeholder="请输入分组ID,按回车(Enter)查找" />
+          </a-form-model-item>
+          <a-form-model-item label="分组名称" prop="name">
+            <a-input v-model="listQuery.name" placeholder="请输入分组名称,按回车(Enter)查找" />
+          </a-form-model-item>
+        </a-form-model>
+      </div>
+      <div
+        :style="{
+          position: 'absolute',
+          right: 0,
+          bottom: 0,
+          width: '100%',
+          borderTop: '1px solid #377bc9',
+          padding: '10px 16px',
+          background: '#fff',
+          textAlign: 'right',
+          zIndex: 1,
+        }"
+      >
+        <!-- <a-button :style="{ marginRight: '8px' }" type="primary" @click="resetSearch">
+          重置
+        </a-button> -->
+        <a-button :style="{ marginRight: '8px' }" @click="groupSearch = false">
+          取消
+        </a-button>
+        <a-button type="primary" @click="sumbitGroupSearch">
+          确定
+        </a-button>
+      </div>
+    </a-drawer>
   </div>
 </template>
 
@@ -173,7 +241,15 @@ export default {
           })
         }
       })
-    }
+    },
+    // 编辑分组
+    handleEdit(record) {
+
+    },
+    // 删除分组
+    handleDelete(record) {
+
+    },
   }
 }
 </script>
-- 
Gitee


From e66020afa1cbdf5707d8abf6656afa62d4d4ea4b Mon Sep 17 00:00:00 2001
From: Dong Xia <dev12301@linx-info.com>
Date: Tue, 29 Oct 2024 09:57:07 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E5=AE=8C=E6=88=90=E8=8A=82=E7=82=B9?=
 =?UTF-8?q?=E5=88=86=E7=BB=84=E5=A2=9E=E3=80=81=E5=88=A0=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=BC=80=E5=8F=91=E5=92=8C=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/node/nodeGroupManager/index.vue | 40 +++++++++++++----------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/pages/node/nodeGroupManager/index.vue b/src/pages/node/nodeGroupManager/index.vue
index 0cf3f4b..2fcd809 100644
--- a/src/pages/node/nodeGroupManager/index.vue
+++ b/src/pages/node/nodeGroupManager/index.vue
@@ -1,6 +1,8 @@
 <template>
   <div ref="groupManage" class="groupManage">
     <div ref="filter" class="filter">
+      <a-button type="primary" icon="search" @click="openGroupSearch()">条件搜索</a-button>
+      <a-button type="primary" icon="sync" class="ml10" @click="resetSearch">重置</a-button>
       <a-button type="primary" style="margin-left:10px" icon="plus" @click="openGroupAdd()">新增分组</a-button>
     </div>
     <a-table
@@ -50,18 +52,6 @@
         </a-form-model-item>
       </a-form-model>
     </a-modal>
-    <!-- 控制组内节点 -->
-    <a-drawer
-      :title="'组内节点( '+parentMsg.name+' )'"
-      placement="right"
-      :mask-closable="false"
-      :width="700"
-      height="100%"
-      :visible="nodelistVisible"
-      @close="closeShowNodeList"
-    >
-      <NodeList v-if="nodelistVisible" :parent-msg="parentMsg" />
-    </a-drawer>
     <!-- 条件搜索 -->
     <a-drawer
       title="条件搜索"
@@ -118,11 +108,7 @@
 <script>
 import { parseTime } from '@/utils/time'
 import { listGroup, addGroup, updateGroup, deleteGroup } from '@/api/node_group'
-import NodeList from './components/node_list.vue'
 export default {
-  components: {
-    NodeList
-  },
   data() {
     return {
       loading: false,
@@ -244,11 +230,29 @@ export default {
     },
     // 编辑分组
     handleEdit(record) {
-
+      this.groupForm.name = record.name
+      this.groupId = record.id
+      this.controlGroupVisible = true
+      this.isGroupAdd = false
     },
     // 删除分组
     handleDelete(record) {
-
+      this.$confirm({
+        title: '系统提示',
+        content: '确定要删除 ' + record.name + ' 分组吗？',
+        okText: '确认',
+        cancelText: '取消',
+        onOk: () => {
+          deleteGroup({
+            id: record.id
+          }).then(res => {
+            if (res.code === 200) {
+              this.listQuery.pageNum = 1
+              this.listGroup()
+            }
+          })
+        }
+      })
     },
   }
 }
-- 
Gitee