修改bug

src/views/asset-management/iot-card-management/index.vue

@@ -51,7 +51,7 @@
                 hasAuth('iot_card:batch_download')
               "
               type="info"
-              @contextmenu.prevent="showMoreMenu"
+              @click="showMoreMenuOnClick"
             >
               更多操作
             </ElButton>
@@ -68,10 +68,13 @@
           :pageSize="pagination.pageSize"
           :total="pagination.total"
           :marginTop="10"
+          :row-class-name="getRowClassName"
           @size-change="handleSizeChange"
           @current-change="handleCurrentChange"
           @selection-change="handleSelectionChange"
           @row-contextmenu="handleRowContextMenu"
+          @cell-mouse-enter="handleCellMouseEnter"
+          @cell-mouse-leave="handleCellMouseLeave"
         >
           <template #default>
             <ElTableColumn type="selection" width="55" />
@@ -79,6 +82,9 @@
           </template>
         </ArtTable>
 
+        <!-- 鼠标悬浮提示 -->
+        <TableContextMenuHint :visible="showContextMenuHint" :position="hintPosition" />
+
         <!-- 批量分配对话框 -->
         <ElDialog
           v-model="allocateDialogVisible"
@@ -597,8 +603,10 @@
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
+  import { useTableContextMenu } from '@/composables/useTableContextMenu'
   import { formatDateTime } from '@/utils/business/format'
   import ArtMenuRight from '@/components/core/others/ArtMenuRight.vue'
+  import TableContextMenuHint from '@/components/core/others/TableContextMenuHint.vue'
   import type { MenuItemType } from '@/components/core/others/ArtMenuRight.vue'
   import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
   import type {
@@ -616,6 +624,16 @@
 
   const { hasAuth } = useAuth()
   const router = useRouter()
+
+  // 使用表格右键菜单功能
+  const {
+    showContextMenuHint,
+    hintPosition,
+    getRowClassName,
+    handleCellMouseEnter,
+    handleCellMouseLeave
+  } = useTableContextMenu()
+
   const loading = ref(false)
   const allocateDialogVisible = ref(false)
   const allocateLoading = ref(false)
@@ -910,11 +928,11 @@
     }
   }
 
-  // 跳转到IoT卡详情页面
+  // 跳转到资产信息页面(原IoT卡详情)
   const goToCardDetail = (iccid: string) => {
     if (hasAuth('iot_card:view_detail')) {
       router.push({
-        path: RoutesAlias.StandaloneCardList + '/detail',
+        path: '/asset-management/single-card',
         query: {
           iccid: iccid
         }
@@ -1575,13 +1593,19 @@
     return items
   })
 
-  // 显示更多操作菜单
+  // 显示更多操作菜单 (右键)
   const showMoreMenu = (e: MouseEvent) => {
     e.preventDefault()
     e.stopPropagation()
     moreMenuRef.value?.show(e)
   }
 
+  // 显示更多操作菜单 (左键点击)
+  const showMoreMenuOnClick = (e: MouseEvent) => {
+    e.stopPropagation()
+    moreMenuRef.value?.show(e)
+  }
+
   // 处理更多操作菜单选择
   const handleMoreMenuSelect = (item: MenuItemType) => {
     switch (item.key) {
@@ -1829,4 +1853,8 @@
   .standalone-card-list-page {
     // Card list page styles
   }
+
+  :deep(.el-table__row.table-row-with-context-menu) {
+    cursor: pointer;
+  }
 </style>