From 3570b062a1aa898362cd071301a6ab4204484ecd Mon Sep 17 00:00:00 2001
From: sexygoat <1538832180@qq.com>
Date: Thu, 26 Feb 2026 10:06:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B7=A5=E5=8D=95:=20?=
 =?UTF-8?q?=E5=8F=B3=E9=94=AE=20=E7=BB=99=E8=A7=92=E8=89=B2=E5=88=86?=
 =?UTF-8?q?=E9=85=8D=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/core/tables/ArtTable.vue       |   7 +
 .../enterprise-customer/index.vue             |  42 ++--
 .../asset-management/device-list/index.vue    |  61 +++--
 .../iot-card-management/index.vue             |  48 ++--
 .../order-management/order-list/index.vue     |   4 +-
 src/views/product/shop/index.vue              |  12 +
 src/views/system/role/index.vue               | 208 ++++++++++++++++--
 7 files changed, 302 insertions(+), 80 deletions(-)

diff --git a/src/components/core/tables/ArtTable.vue b/src/components/core/tables/ArtTable.vue
index 0d69979..dcca5ef 100644
--- a/src/components/core/tables/ArtTable.vue
+++ b/src/components/core/tables/ArtTable.vue
@@ -28,6 +28,7 @@
           fontWeight: '500'
         }"
         @row-click="handleRowClick"
+        @row-contextmenu="handleRowContextmenu"
         @selection-change="handleSelectionChange"
       >
         <!-- 序号列 -->
@@ -174,6 +175,7 @@
     'update:currentPage',
     'update:pageSize',
     'row-click',
+    'row-contextmenu',
     'size-change',
     'current-change',
     'selection-change'
@@ -274,6 +276,11 @@
     emit('row-click', row, column, event)
   }
 
+  // 行右键事件
+  const handleRowContextmenu = (row: any, column: any, event: any) => {
+    emit('row-contextmenu', row, column, event)
+  }
+
   // 选择变化事件
   const handleSelectionChange = (selection: any) => {
     emit('selection-change', selection)
diff --git a/src/views/account-management/enterprise-customer/index.vue b/src/views/account-management/enterprise-customer/index.vue
index 92c174f..bcaeedb 100644
--- a/src/views/account-management/enterprise-customer/index.vue
+++ b/src/views/account-management/enterprise-customer/index.vue
@@ -19,7 +19,9 @@
           @refresh="handleRefresh"
         >
           <template #left>
-            <ElButton @click="showDialog('add')" v-permission="'enterprise_customer:add'">新增企业客户</ElButton>
+            <ElButton @click="showDialog('add')" v-permission="'enterprise_customer:add'"
+              >新增企业客户</ElButton
+            >
           </template>
         </ArtTableHeader>
 
@@ -35,6 +37,7 @@
           :marginTop="10"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
+          @row-contextmenu="handleRowContextMenu"
         >
           <template #default>
             <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
@@ -455,11 +458,20 @@
     {
       prop: 'operation',
       label: '操作',
-      width: 200,
+      width: 280,
       fixed: 'right',
       formatter: (row: EnterpriseItem) => {
         const buttons = []
 
+        if (hasAuth('enterprise_customer:look_customer')) {
+          buttons.push(
+            h(ArtButtonTable, {
+              text: '账号列表',
+              onClick: () => viewCustomerAccounts(row)
+            })
+          )
+        }
+
         if (hasAuth('enterprise_customer:card_authorization')) {
           buttons.push(
             h(ArtButtonTable, {
@@ -469,12 +481,8 @@
           )
         }
 
-        // 只要有编辑、账号列表、修改密码权限之一，就显示更多操作按钮
-        if (
-          hasAuth('enterprise_customer:edit') ||
-          hasAuth('enterprise_customer:look_customer') ||
-          hasAuth('enterprise_customer:update_pwd')
-        ) {
+        // 只要有编辑、修改密码权限之一，就显示更多操作按钮
+        if (hasAuth('enterprise_customer:edit') || hasAuth('enterprise_customer:update_pwd')) {
           buttons.push(
             h(ArtButtonTable, {
               text: '更多操作',
@@ -756,13 +764,6 @@
   const enterpriseOperationMenuItems = computed((): MenuItemType[] => {
     const items: MenuItemType[] = []
 
-    if (hasAuth('enterprise_customer:look_customer')) {
-      items.push({
-        key: 'accountList',
-        label: '账号列表'
-      })
-    }
-
     if (hasAuth('enterprise_customer:edit')) {
       items.push({
         key: 'edit',
@@ -793,9 +794,6 @@
     if (!currentOperatingEnterprise.value) return
 
     switch (item.key) {
-      case 'accountList':
-        viewCustomerAccounts(currentOperatingEnterprise.value)
-        break
       case 'edit':
         showDialog('edit', currentOperatingEnterprise.value)
         break
@@ -804,4 +802,12 @@
         break
     }
   }
+
+  // 处理表格行右键菜单
+  const handleRowContextMenu = (row: EnterpriseItem, column: any, event: MouseEvent) => {
+    // 如果用户有编辑或修改密码权限,显示右键菜单
+    if (hasAuth('enterprise_customer:edit') || hasAuth('enterprise_customer:update_pwd')) {
+      showEnterpriseOperationMenu(event, row)
+    }
+  }
 </script>
diff --git a/src/views/asset-management/device-list/index.vue b/src/views/asset-management/device-list/index.vue
index f67bfaa..d145e23 100644
--- a/src/views/asset-management/device-list/index.vue
+++ b/src/views/asset-management/device-list/index.vue
@@ -56,6 +56,7 @@
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
           @selection-change="handleSelectionChange"
+          @row-contextmenu="handleRowContextMenu"
         >
           <template #default>
             <ElTableColumn type="selection" width="55" />
@@ -1073,32 +1074,18 @@
     {
       prop: 'operation',
       label: '操作',
-      width: 200,
+      width: 120,
       fixed: 'right',
       formatter: (row: Device) => {
-        const buttons = []
-
-        if (hasAuth('devices:look_binding')) {
-          buttons.push(
-            h(ArtButtonTable, {
-              text: '查看卡片',
-              onClick: () => handleViewCards(row)
-            })
-          )
-        }
-
         // Show "更多操作" only if user has at least one operation permission
-        const hasAnyOperationPermission = hasAuth('devices:delete')
+        const hasAnyOperationPermission = hasAuth('devices:delete') || hasAuth('devices:look_binding')
         if (hasAnyOperationPermission) {
-          buttons.push(
-            h(ArtButtonTable, {
-              text: '更多操作',
-              onContextmenu: (e: MouseEvent) => showDeviceOperationMenu(e, row.device_no)
-            })
-          )
+          return h(ArtButtonTable, {
+            text: '更多操作',
+            onContextmenu: (e: MouseEvent) => showDeviceOperationMenu(e, row.device_no)
+          })
         }
-
-        return h('div', { style: 'display: flex; gap: 0; align-items: center;' }, buttons)
+        return null
       }
     }
   ])
@@ -1432,6 +1419,9 @@
   // 设备操作路由
   const handleDeviceOperation = (command: string, deviceNo: string) => {
     switch (command) {
+      case 'view-cards':
+        handleViewCardsByDeviceNo(deviceNo)
+        break
       case 'reboot':
         handleRebootDevice(deviceNo)
         break
@@ -1453,6 +1443,16 @@
     }
   }
 
+  // 通过设备号查看卡片
+  const handleViewCardsByDeviceNo = (deviceNo: string) => {
+    const device = deviceList.value.find(d => d.device_no === deviceNo)
+    if (device) {
+      handleViewCards(device)
+    } else {
+      ElMessage.error('未找到该设备')
+    }
+  }
+
   // 通过设备号删除设备
   const handleDeleteDeviceByNo = async (deviceNo: string) => {
     // 先根据设备号找到设备对象
@@ -1628,7 +1628,17 @@
 
   // 设备操作菜单项配置
   const deviceOperationMenuItems = computed((): MenuItemType[] => {
-    const items: MenuItemType[] = [
+    const items: MenuItemType[] = []
+
+    // 添加查看卡片到菜单最前面
+    if (hasAuth('devices:look_binding')) {
+      items.push({
+        key: 'view-cards',
+        label: '查看卡片'
+      })
+    }
+
+    items.push(
       {
         key: 'reboot',
         label: '重启设备'
@@ -1649,7 +1659,7 @@
         key: 'set-wifi',
         label: '设置WiFi'
       }
-    ]
+    )
 
     if (hasAuth('devices:delete')) {
       items.push({
@@ -1676,6 +1686,11 @@
 
     handleDeviceOperation(item.key, deviceNo)
   }
+
+  // 处理表格行右键菜单
+  const handleRowContextMenu = (row: Device, column: any, event: MouseEvent) => {
+    showDeviceOperationMenu(event, row.device_no)
+  }
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/asset-management/iot-card-management/index.vue b/src/views/asset-management/iot-card-management/index.vue
index 353fb2f..f68a196 100644
--- a/src/views/asset-management/iot-card-management/index.vue
+++ b/src/views/asset-management/iot-card-management/index.vue
@@ -43,7 +43,12 @@
               批量设置套餐系列
             </ElButton>
             <ElButton
-              v-if="hasAuth('iot_card:batch_recharge') || hasAuth('iot_card:network_distribution') || hasAuth('iot_card:network_recycle') || hasAuth('iot_card:change_package')"
+              v-if="
+                hasAuth('iot_card:batch_recharge') ||
+                hasAuth('iot_card:network_distribution') ||
+                hasAuth('iot_card:network_recycle') ||
+                hasAuth('iot_card:change_package')
+              "
               type="info"
               @contextmenu.prevent="showMoreMenu"
             >
@@ -65,6 +70,7 @@
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
           @selection-change="handleSelectionChange"
+          @row-contextmenu="handleRowContextMenu"
         >
           <template #default>
             <ElTableColumn type="selection" width="55" />
@@ -537,7 +543,11 @@
             </div>
             <ElDescriptions :column="1" border>
               <ElDescriptionsItem label="实名链接">
-                <a :href="realnameLinkData.link" target="_blank" style="color: var(--el-color-primary)">
+                <a
+                  :href="realnameLinkData.link"
+                  target="_blank"
+                  style="color: var(--el-color-primary)"
+                >
                   {{ realnameLinkData.link }}
                 </a>
               </ElDescriptionsItem>
@@ -1090,19 +1100,13 @@
     {
       prop: 'operation',
       label: '操作',
-      width: 200,
+      width: 120,
       fixed: 'right',
       formatter: (row: StandaloneIotCard) => {
-        return h('div', { style: 'display: flex; gap: 0; align-items: center;' }, [
-          h(ArtButtonTable, {
-            text: '查询流量',
-            onClick: () => showFlowUsageDialog(row.iccid)
-          }),
-          h(ArtButtonTable, {
-            text: '更多操作',
-            onContextmenu: (e: MouseEvent) => showCardOperationMenu(e, row.iccid)
-          })
-        ])
+        return h(ArtButtonTable, {
+          text: '更多操作',
+          onContextmenu: (e: MouseEvent) => showCardOperationMenu(e, row.iccid)
+        })
       }
     }
   ])
@@ -1169,7 +1173,6 @@
     getTableData()
   }
 
-
   // 表格选择变化
   const handleSelectionChange = (selection: StandaloneIotCard[]) => {
     selectedCards.value = selection
@@ -1421,7 +1424,7 @@
       const params: any = {
         page: 1,
         page_size: 20,
-        status: 1  // 只获取启用的
+        status: 1 // 只获取启用的
       }
       if (seriesName) {
         params.series_name = seriesName
@@ -1546,6 +1549,10 @@
 
   // 卡操作菜单项配置
   const cardOperationMenuItems = computed((): MenuItemType[] => [
+    {
+      key: 'query-flow',
+      label: '查询流量'
+    },
     {
       key: 'realname-status',
       label: '查询实名状态'
@@ -1609,7 +1616,11 @@
     const iccid = currentOperatingIccid.value
     if (!iccid) return
 
-    handleCardOperation(item.key, iccid)
+    if (item.key === 'query-flow') {
+      showFlowUsageDialog(iccid)
+    } else {
+      handleCardOperation(item.key, iccid)
+    }
   }
 
   // 网卡分销 - 正在开发中
@@ -1807,6 +1818,11 @@
         // 用户取消
       })
   }
+
+  // 处理表格行右键菜单
+  const handleRowContextMenu = (row: StandaloneIotCard, column: any, event: MouseEvent) => {
+    showCardOperationMenu(event, row.iccid)
+  }
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/order-management/order-list/index.vue b/src/views/order-management/order-list/index.vue
index 4a5015e..3399a4e 100644
--- a/src/views/order-management/order-list/index.vue
+++ b/src/views/order-management/order-list/index.vue
@@ -567,7 +567,7 @@
     {
       prop: 'order_no',
       label: t('orderManagement.table.orderNo'),
-      minWidth: 180
+      minWidth: 220
     },
     {
       prop: 'order_type',
@@ -628,7 +628,7 @@
     {
       prop: 'operation',
       label: t('orderManagement.table.operation'),
-      width: 180,
+      width: 160,
       fixed: 'right',
       formatter: (row: Order) => {
         return h('div', { style: 'display: flex; gap: 8px;' }, [
diff --git a/src/views/product/shop/index.vue b/src/views/product/shop/index.vue
index 75fbb65..2de6e5a 100644
--- a/src/views/product/shop/index.vue
+++ b/src/views/product/shop/index.vue
@@ -37,6 +37,7 @@
           @selection-change="handleSelectionChange"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
+          @row-contextmenu="handleRowContextMenu"
         >
           <template #default>
             <ElTableColumn v-for="col in columns" :key="col.prop || col.type" v-bind="col" />
@@ -942,11 +943,13 @@
   const shopOperationMenuItems = computed((): MenuItemType[] => {
     const items: MenuItemType[] = []
 
+    // 默认角色
     items.push({
       key: 'defaultRoles',
       label: '默认角色'
     })
 
+    // 编辑
     if (hasAuth('shop:edit')) {
       items.push({
         key: 'edit',
@@ -954,6 +957,7 @@
       })
     }
 
+    // 删除
     if (hasAuth('shop:delete')) {
       items.push({
         key: 'delete',
@@ -972,6 +976,14 @@
     shopOperationMenuRef.value?.show(e)
   }
 
+  // 处理表格行右键菜单
+  const handleRowContextMenu = (row: ShopResponse, column: any, event: MouseEvent) => {
+    // 如果用户有编辑或删除权限,显示右键菜单
+    if (hasAuth('shop:edit') || hasAuth('shop:delete')) {
+      showShopOperationMenu(event, row)
+    }
+  }
+
   // 处理店铺操作菜单选择
   const handleShopOperationMenuSelect = (item: MenuItemType) => {
     if (!currentOperatingShop.value) return
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index b88cc5b..921f9b1 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -120,8 +120,11 @@
                   :props="{ children: 'children', label: 'label' }"
                   node-key="id"
                   show-checkbox
+                  check-strictly
                   :filter-node-method="filterNode"
                   :default-expand-all="false"
+                  :check-on-click-node="false"
+                  @check="handleLeftTreeCheck"
                   class="permission-tree"
                 >
                   <template #default="{ node, data }">
@@ -130,9 +133,6 @@
                       <ElTag :type="data.perm_type === 1 ? 'info' : 'success'" size="small">
                         {{ data.perm_type === 1 ? '菜单' : '按钮' }}
                       </ElTag>
-                      <ElTag :type="data.status === 1 ? 'success' : 'info'" size="small">
-                        {{ data.status === 1 ? '启用' : '禁用' }}
-                      </ElTag>
                     </span>
                   </template>
                 </ElTree>
@@ -180,15 +180,12 @@
                         <ElTag :type="data.perm_type === 1 ? 'info' : 'success'" size="small">
                           {{ data.perm_type === 1 ? '菜单' : '按钮' }}
                         </ElTag>
-                        <ElTag :type="data.status === 1 ? 'success' : 'info'" size="small">
-                          {{ data.status === 1 ? '启用' : '禁用' }}
-                        </ElTag>
                       </span>
                       <ElButton
                         type="danger"
                         size="small"
                         link
-                        @click="removeSinglePermission(data.id)"
+                        @click="removeSinglePermission(data)"
                       >
                         移除
                       </ElButton>
@@ -255,6 +252,7 @@
   const allPermissionsMap = ref<Map<number, any>>(new Map()) // 所有权限的映射表
   const leftTreeFilter = ref('') // 左侧树搜索关键字
   const rightTreeFilter = ref('') // 右侧树搜索关键字
+  const isHandlingCheck = ref(false) // 标志位:是否正在处理勾选事件
 
   // 搜索表单初始值
   const initialSearchState = {
@@ -456,15 +454,134 @@
     return data.label.toLowerCase().includes(value.toLowerCase())
   }
 
-  // 构建权限树数据结构
+  // 获取节点的所有子节点ID(包括子菜单和按钮)
+  const getAllChildrenIds = (node: any): number[] => {
+    const ids: number[] = []
+    const traverse = (n: any) => {
+      if (n.children && n.children.length > 0) {
+        n.children.forEach((child: any) => {
+          ids.push(child.id)
+          traverse(child)
+        })
+      }
+    }
+    traverse(node)
+    return ids
+  }
+
+  // 在树数据中查找节点
+  const findNodeInTree = (treeData: any[], nodeId: number): any => {
+    for (const node of treeData) {
+      if (node.id === nodeId) return node
+      if (node.children && node.children.length > 0) {
+        const found = findNodeInTree(node.children, nodeId)
+        if (found) return found
+      }
+    }
+    return null
+  }
+
+  // 更新父节点的勾选状态(计算应该半选的父节点)
+  const updateParentCheckStatus = (checkedKeys: number[]) => {
+    const checkedSet = new Set(checkedKeys)
+    const parentIdsToHalfCheck = new Set<number>()
+
+    // 递归检查节点的子节点勾选状态
+    const checkNode = (node: any): { allChecked: boolean; someChecked: boolean } => {
+      if (!node.children || node.children.length === 0) {
+        // 叶子节点
+        return {
+          allChecked: checkedSet.has(node.id),
+          someChecked: checkedSet.has(node.id)
+        }
+      }
+
+      // 有子节点的节点
+      let allChecked = true
+      let someChecked = false
+
+      for (const child of node.children) {
+        const childStatus = checkNode(child)
+        if (!childStatus.allChecked) {
+          allChecked = false
+        }
+        if (childStatus.someChecked) {
+          someChecked = true
+        }
+      }
+
+      // 当前节点被勾选
+      const currentNodeChecked = checkedSet.has(node.id)
+
+      // 判断父节点应该显示的状态:
+      // 1. 如果有子节点被勾选(someChecked=true),但不是全部子节点被勾选或当前节点未被勾选 -> 半选
+      // 2. 如果所有子节点都被勾选且当前节点也被勾选 -> 全选
+      if (someChecked) {
+        if (!allChecked || !currentNodeChecked) {
+          // 子节点部分被勾选,或者当前节点未被勾选 -> 半选
+          parentIdsToHalfCheck.add(node.id)
+        }
+        // 如果 allChecked && currentNodeChecked,则为全选,不需要设置半选
+      }
+
+      return {
+        allChecked: allChecked && currentNodeChecked,
+        someChecked: someChecked || currentNodeChecked
+      }
+    }
+
+    // 检查所有顶层节点
+    availablePermissions.value.forEach(node => checkNode(node))
+
+    return Array.from(parentIdsToHalfCheck)
+  }
+
+  // 处理左侧树的勾选事件
+  const handleLeftTreeCheck = (data: any, checked: any) => {
+    if (isHandlingCheck.value) return
+
+    isHandlingCheck.value = true
+
+    try {
+      // 获取当前勾选的keys
+      const currentChecked = checked.checkedKeys as number[]
+
+      // 计算应该半选的父节点
+      const halfCheckedIds = updateParentCheckStatus(currentChecked)
+
+      // 使用内部API直接操作树的半选状态
+      nextTick(() => {
+        if (leftTreeRef.value && leftTreeRef.value.store) {
+          // 清除所有半选状态
+          Object.values(leftTreeRef.value.store.nodesMap).forEach((node: any) => {
+            node.indeterminate = false
+          })
+
+          // 设置应该半选的节点
+          halfCheckedIds.forEach((id: number) => {
+            const node = leftTreeRef.value.store.nodesMap[id]
+            if (node) {
+              node.indeterminate = true
+            }
+          })
+        }
+      })
+    } finally {
+      isHandlingCheck.value = false
+    }
+  }
+
+  // 构建权限树数据结构（只包含启用的权限）
   const buildTreeData = (treeNodes: PermissionTreeNode[]): any[] => {
-    return treeNodes.map((node) => ({
-      id: node.id,
-      label: node.perm_name,
-      perm_type: node.perm_type,
-      status: node.status ?? 1,
-      children: node.children && node.children.length > 0 ? buildTreeData(node.children) : undefined
-    }))
+    return treeNodes
+      .filter((node) => node.status === 1) // 只显示启用的权限
+      .map((node) => ({
+        id: node.id,
+        label: node.perm_name,
+        perm_type: node.perm_type,
+        status: node.status ?? 1,
+        children: node.children && node.children.length > 0 ? buildTreeData(node.children) : undefined
+      }))
   }
 
   // 构建权限映射表（包括所有节点和子节点）
@@ -582,12 +699,50 @@
     return leftTreeRef.value.getCheckedKeys(false)
   }
 
-  // 获取左侧树勾选的节点（包括半选节点，用于提交服务器）
+  // 获取节点的所有父节点ID
+  const getParentNodeIds = (nodeId: number): number[] => {
+    const parentIds: number[] = []
+
+    // 在原始权限树中递归查找父节点
+    const findInTree = (treeNodes: PermissionTreeNode[], targetId: number, parentId?: number): number | null => {
+      for (const node of treeNodes) {
+        if (node.id === targetId) {
+          return parentId || null
+        }
+        if (node.children && node.children.length > 0) {
+          const found = findInTree(node.children, targetId, node.id)
+          if (found !== null) return found
+        }
+      }
+      return null
+    }
+
+    // 递归向上查找所有父节点
+    const findAllParents = (currentId: number) => {
+      const parentId = findInTree(originalPermissionTree.value, currentId)
+      if (parentId) {
+        parentIds.push(parentId)
+        findAllParents(parentId)
+      }
+    }
+
+    findAllParents(nodeId)
+    return parentIds
+  }
+
+  // 获取左侧树勾选的节点（包括必要的父节点，用于提交服务器）
   const getLeftCheckedKeysWithHalf = (): number[] => {
     if (!leftTreeRef.value) return []
     const checkedKeys = leftTreeRef.value.getCheckedKeys(false)
-    const halfCheckedKeys = leftTreeRef.value.getHalfCheckedKeys()
-    return [...checkedKeys, ...halfCheckedKeys]
+    const parentIds = new Set<number>()
+
+    // 为每个勾选的节点找到所有父节点
+    checkedKeys.forEach((key: number) => {
+      const parents = getParentNodeIds(key)
+      parents.forEach(parentId => parentIds.add(parentId))
+    })
+
+    return [...checkedKeys, ...Array.from(parentIds)]
   }
 
   // 添加权限
@@ -625,8 +780,19 @@
     }
   }
 
+  // 检查节点是否有子节点（子菜单或按钮）
+  const hasChildren = (data: any): boolean => {
+    return data.children && data.children.length > 0
+  }
+
   // 移除单个权限
-  const removeSinglePermission = async (permId: number) => {
+  const removeSinglePermission = async (data: any) => {
+    // 检查是否有子菜单或按钮
+    if (hasChildren(data)) {
+      ElMessage.warning('该权限下还有子菜单或按钮，请先移除子项后再移除此权限')
+      return
+    }
+
     try {
       // 保存右侧树的展开节点
       const expandedKeys = rightTreeRef.value?.store?.nodesMap
@@ -635,10 +801,10 @@
             .map((key) => Number(key))
         : []
 
-      await RoleService.removePermission(currentRoleId.value, permId)
+      await RoleService.removePermission(currentRoleId.value, data.id)
 
       // 更新已选权限列表
-      selectedPermissions.value = selectedPermissions.value.filter((id) => id !== permId)
+      selectedPermissions.value = selectedPermissions.value.filter((id) => id !== data.id)
 
       // 重新构建左右两侧树
       const fullTreeData = buildTreeData(originalPermissionTree.value)