From 69e06a19e10e232c8b005387226f54fc4036844d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=96=87=E5=B3=B0?= <kevin@lmve.net>
Date: Thu, 4 Jun 2026 15:54:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=9F=E8=83=BD=E5=9F=BA=E6=9C=AC=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 meshmap_frontend/src/App.vue                  | 73 +++++++++++++++++--
 meshmap_frontend/src/components/ChatPanel.vue |  9 +++
 meshmap_frontend/src/components/MeshMap.vue   | 26 +++++--
 .../src/components/NodeDetailedPage.vue       | 62 +++++++++++++++-
 .../src/components/NodeListPanel.vue          |  9 +++
 5 files changed, 164 insertions(+), 15 deletions(-)

diff --git a/meshmap_frontend/src/App.vue b/meshmap_frontend/src/App.vue
index 3b1bcba..65fa752 100644
--- a/meshmap_frontend/src/App.vue
+++ b/meshmap_frontend/src/App.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
-import { adminLogout, deleteNode, deleteTextMessage, getAdminMe, getHealth, getMapReportViewport, getNodeInfo, getPositions, getTextMessages } from './api'
+import { adminLogout, createNodeBlockingRule, deleteNode, deleteTextMessage, getAdminMe, getHealth, getMapReportViewport, getNodeInfo, getPositions, getTextMessages } from './api'
 import AdminBlockingManagement from './components/AdminBlockingManagement.vue'
 import AdminDashboard from './components/AdminDashboard.vue'
 import AdminDiscardDetails from './components/AdminDiscardDetails.vue'
@@ -46,6 +46,7 @@ const currentMapBounds = ref<MapBoundsQuery | null>(null)
 const currentMapZoom = ref(2)
 const mapReportsLoading = ref(false)
 const mapReportTotal = ref(0)
+type NodeActionPayload = { nodeId: string; nodeNum: number | null; message?: TextMessage }
 let refreshTimer: number | undefined
 let mapBoundsTimer: number | undefined
 let mapReportRequestSeq = 0
@@ -251,16 +252,71 @@ async function deleteMessage(message: TextMessage) {
   }
 }
 
+async function removeNodeFromLocalState(nodeId: string) {
+  nodeInfoSource.value = nodeInfoSource.value.filter((node) => node.node_id !== nodeId)
+  pagedNodeInfo.value = pagedNodeInfo.value.filter((node) => node.node_id !== nodeId)
+  mapViewportItems.value = mapViewportItems.value.filter((item) => item.type === 'cluster' || item.node_id !== nodeId)
+  if (selectedNodeId.value === nodeId) {
+    selectedNodeId.value = null
+  }
+  await loadNodePage(nodePage.value, false)
+}
+
+function isAlreadyBlockedError(err: unknown): boolean {
+  return err instanceof Error && err.message === 'blocking rule already exists'
+}
+
+function isNodeNotFoundError(err: unknown): boolean {
+  return err instanceof Error && err.message === 'node not found'
+}
+
+function isMessageNotFoundError(err: unknown): boolean {
+  return err instanceof Error && err.message === 'message not found'
+}
+
 async function deleteNodeById(nodeId: string) {
   try {
     await deleteNode(nodeId)
-    nodeInfoSource.value = nodeInfoSource.value.filter((node) => node.node_id !== nodeId)
-    pagedNodeInfo.value = pagedNodeInfo.value.filter((node) => node.node_id !== nodeId)
-    mapViewportItems.value = mapViewportItems.value.filter((item) => item.type === 'cluster' || item.node_id !== nodeId)
-    if (selectedNodeId.value === nodeId) {
-      selectedNodeId.value = null
+    await removeNodeFromLocalState(nodeId)
+  } catch (err) {
+    error.value = err instanceof Error ? err.message : String(err)
+  }
+}
+
+async function deleteAndBlockNode(payload: NodeActionPayload) {
+  try {
+    if (payload.message) {
+      try {
+        await deleteTextMessage(payload.message.id)
+      } catch (err) {
+        if (!isMessageNotFoundError(err)) {
+          throw err
+        }
+      }
+      messages.value = messages.value.filter((item) => item.id !== payload.message?.id)
     }
-    await loadNodePage(nodePage.value, false)
+
+    try {
+      await createNodeBlockingRule({
+        node_id: payload.nodeId,
+        node_num: payload.nodeNum,
+        reason: '管理员右键删除并屏蔽节点',
+        enabled: true,
+      })
+    } catch (err) {
+      if (!isAlreadyBlockedError(err)) {
+        throw err
+      }
+    }
+
+    try {
+      await deleteNode(payload.nodeId)
+    } catch (err) {
+      if (!isNodeNotFoundError(err)) {
+        throw err
+      }
+    }
+    await removeNodeFromLocalState(payload.nodeId)
   } catch (err) {
     error.value = err instanceof Error ? err.message : String(err)
   }
@@ -368,6 +424,7 @@ onBeforeUnmount(() => {
           @select-node="selectedNodeId = $event"
           @load-older="loadOlderMessages"
           @delete-message="deleteMessage"
+          @delete-and-block-node="deleteAndBlockNode"
         />
         <MeshMap
           :items="mapItems"
@@ -379,6 +436,7 @@ onBeforeUnmount(() => {
           @select-node="selectedNodeId = $event"
           @clear-node="selectedNodeId = null"
           @delete-node="deleteNodeById"
+          @delete-and-block-node="deleteAndBlockNode"
         />
       </section>
 
@@ -393,6 +451,7 @@ onBeforeUnmount(() => {
         @select-node="selectedNodeId = $event"
         @page-change="loadNodePage"
         @delete-node="deleteNodeById"
+        @delete-and-block-node="deleteAndBlockNode"
       />
     </template>
   </main>
diff --git a/meshmap_frontend/src/components/ChatPanel.vue b/meshmap_frontend/src/components/ChatPanel.vue
index 75503a9..d77a4d2 100644
--- a/meshmap_frontend/src/components/ChatPanel.vue
+++ b/meshmap_frontend/src/components/ChatPanel.vue
@@ -15,6 +15,7 @@ const emit = defineEmits<{
   'select-node': [nodeId: string]
   'load-older': []
   'delete-message': [message: TextMessage]
+  'delete-and-block-node': [payload: { nodeId: string; nodeNum: number | null; message: TextMessage }]
 }>()
 
 const panelRef = ref<HTMLElement | null>(null)
@@ -71,6 +72,13 @@ function deleteSelectedMessage() {
   closeMessageMenu()
 }
 
+function deleteAndBlockSelectedNode() {
+  if (menuMessage.value) {
+    emit('delete-and-block-node', { nodeId: menuMessage.value.from_id, nodeNum: menuMessage.value.from_num ?? null, message: menuMessage.value })
+  }
+  closeMessageMenu()
+}
+
 function handleKeydown(event: KeyboardEvent) {
   if (event.key === 'Escape') {
     closeMessageMenu()
@@ -183,6 +191,7 @@ onUpdated(() => {
     >
       <a :href="nodeDetailHref(menuMessage.from_id)">节点详细</a>
       <button v-if="isAdmin" class="danger" type="button" @click="deleteSelectedMessage">删除</button>
+      <button v-if="isAdmin" class="danger" type="button" @click="deleteAndBlockSelectedNode">删除并屏蔽节点</button>
     </div>
   </aside>
 </template>
diff --git a/meshmap_frontend/src/components/MeshMap.vue b/meshmap_frontend/src/components/MeshMap.vue
index a57a8cd..31464a3 100644
--- a/meshmap_frontend/src/components/MeshMap.vue
+++ b/meshmap_frontend/src/components/MeshMap.vue
@@ -19,11 +19,12 @@ const emit = defineEmits<{
   'select-node': [nodeId: string]
   'clear-node': []
   'delete-node': [nodeId: string]
+  'delete-and-block-node': [payload: { nodeId: string; nodeNum: number | null }]
   'bounds-change': [payload: MapBoundsChangePayload]
 }>()
 
 const mapEl = ref<HTMLElement | null>(null)
-const menuNodeId = ref<string | null>(null)
+const menuNode = ref<MapNode | null>(null)
 const menuX = ref(0)
 const menuY = ref(0)
 let map: L.Map | null = null
@@ -82,7 +83,7 @@ watch(
 )
 
 function closeNodeMenu() {
-  menuNodeId.value = null
+  menuNode.value = null
 }
 
 function nodeDetailHref(nodeId: string): string {
@@ -92,14 +93,24 @@ function nodeDetailHref(nodeId: string): string {
 function openNodeMenu(node: MapNode, event: L.LeafletMouseEvent) {
   L.DomEvent.stopPropagation(event)
   emit('select-node', node.node_id)
-  menuNodeId.value = node.node_id
+  menuNode.value = node
   menuX.value = event.originalEvent.clientX
   menuY.value = event.originalEvent.clientY
 }
 
 function deleteSelectedNode() {
-  if (menuNodeId.value) {
-    emit('delete-node', menuNodeId.value)
+  if (menuNode.value) {
+    emit('delete-node', menuNode.value.node_id)
+  }
+  closeNodeMenu()
+}
+
+function deleteAndBlockSelectedNode() {
+  if (menuNode.value) {
+    emit('delete-and-block-node', {
+      nodeId: menuNode.value.node_id,
+      nodeNum: menuNode.value.map_report?.node_num ?? menuNode.value.nodeinfo?.node_num ?? null,
+    })
   }
   closeNodeMenu()
 }
@@ -310,13 +321,14 @@ function escapeHTML(value: string): string {
     <div v-if="loading" class="map-empty">正在加载当前区域坐标...</div>
     <div v-else-if="items.length === 0" class="map-empty">暂无可显示坐标的节点</div>
     <div
-      v-if="menuNodeId"
+      v-if="menuNode"
       class="context-menu"
       :style="{ left: `${menuX}px`, top: `${menuY}px` }"
       @click.stop
     >
-      <a :href="nodeDetailHref(menuNodeId)">节点详细</a>
+      <a :href="nodeDetailHref(menuNode.node_id)">节点详细</a>
       <button v-if="isAdmin" class="danger" type="button" @click="deleteSelectedNode">删除</button>
+      <button v-if="isAdmin" class="danger" type="button" @click="deleteAndBlockSelectedNode">删除并屏蔽节点</button>
     </div>
   </section>
 </template>
diff --git a/meshmap_frontend/src/components/NodeDetailedPage.vue b/meshmap_frontend/src/components/NodeDetailedPage.vue
index 8cb6ddf..bdd2062 100644
--- a/meshmap_frontend/src/components/NodeDetailedPage.vue
+++ b/meshmap_frontend/src/components/NodeDetailedPage.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
-import { deleteTextMessage, getMapReportById, getNodeInfoById, getPositions, getTelemetry, getTextMessages } from '../api'
+import { createNodeBlockingRule, deleteNode, deleteTextMessage, getMapReportById, getNodeInfoById, getPositions, getTelemetry, getTextMessages } from '../api'
 import type { MapReport, NodeInfo, PositionRecord, TelemetryRecord, TextMessage } from '../types'
 import NodeTrajectoryMap from './NodeTrajectoryMap.vue'
 
@@ -178,6 +178,65 @@ async function deleteSelectedMessage() {
   }
 }
 
+function isAlreadyBlockedError(err: unknown): boolean {
+  return err instanceof Error && err.message === 'blocking rule already exists'
+}
+
+function isNodeNotFoundError(err: unknown): boolean {
+  return err instanceof Error && err.message === 'node not found'
+}
+
+function isMessageNotFoundError(err: unknown): boolean {
+  return err instanceof Error && err.message === 'message not found'
+}
+
+async function deleteAndBlockSelectedMessageNode() {
+  if (!menuMessage.value) {
+    return
+  }
+  const message = menuMessage.value
+  const nodeId = message.from_id || props.nodeId
+  const nodeNum = message.from_num ?? mergedNode.value.node_num ?? null
+  closeMessageMenu()
+  try {
+    try {
+      await deleteTextMessage(message.id)
+    } catch (err) {
+      if (!isMessageNotFoundError(err)) {
+        throw err
+      }
+    }
+    messages.value = messages.value.filter((item) => item.id !== message.id)
+
+    try {
+      await createNodeBlockingRule({
+        node_id: nodeId,
+        node_num: nodeNum,
+        reason: '管理员右键删除并屏蔽节点',
+        enabled: true,
+      })
+    } catch (err) {
+      if (!isAlreadyBlockedError(err)) {
+        throw err
+      }
+    }
+
+    try {
+      await deleteNode(nodeId)
+    } catch (err) {
+      if (!isNodeNotFoundError(err)) {
+        throw err
+      }
+    }
+    if (nodeId === props.nodeId) {
+      nodeInfo.value = null
+      mapReport.value = null
+    }
+  } catch (err) {
+    error.value = err instanceof Error ? err.message : String(err)
+  }
+}
+
 function handleKeydown(event: KeyboardEvent) {
   if (event.key === 'Escape') {
     closeMessageMenu()
@@ -303,6 +362,7 @@ onBeforeUnmount(() => {
           @click.stop
         >
           <button class="danger" type="button" @click="deleteSelectedMessage">删除</button>
+          <button class="danger" type="button" @click="deleteAndBlockSelectedMessageNode">删除并屏蔽节点</button>
         </div>
       </div>
 
diff --git a/meshmap_frontend/src/components/NodeListPanel.vue b/meshmap_frontend/src/components/NodeListPanel.vue
index bf57cbc..e2e65f6 100644
--- a/meshmap_frontend/src/components/NodeListPanel.vue
+++ b/meshmap_frontend/src/components/NodeListPanel.vue
@@ -16,6 +16,7 @@ const emit = defineEmits<{
   'select-node': [nodeId: string]
   'page-change': [page: number]
   'delete-node': [nodeId: string]
+  'delete-and-block-node': [payload: { nodeId: string; nodeNum: number | null }]
 }>()
 
 const totalPages = computed(() => Math.max(1, Math.ceil(props.total / props.pageSize)))
@@ -51,6 +52,13 @@ function deleteSelectedNode() {
   closeNodeMenu()
 }
 
+function deleteAndBlockSelectedNode() {
+  if (menuNode.value) {
+    emit('delete-and-block-node', { nodeId: menuNode.value.node_id, nodeNum: menuNode.value.node_num ?? null })
+  }
+  closeNodeMenu()
+}
+
 function handleKeydown(event: KeyboardEvent) {
   if (event.key === 'Escape') {
     closeNodeMenu()
@@ -121,6 +129,7 @@ onBeforeUnmount(() => {
     >
       <a :href="nodeDetailHref(menuNode.node_id)">节点详细</a>
       <button v-if="isAdmin" class="danger" type="button" @click="deleteSelectedNode">删除</button>
+      <button v-if="isAdmin" class="danger" type="button" @click="deleteAndBlockSelectedNode">删除并屏蔽节点</button>
     </div>
 
     <div class="pagination">