修改bug

src/views/asset-management/device-list/index.vue

@@ -53,10 +53,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" />
@@ -64,6 +67,9 @@
           </template>
         </ArtTable>
 
+        <!-- 鼠标悬浮提示 -->
+        <TableContextMenuHint :visible="showContextMenuHint" :position="hintPosition" />
+
         <!-- 批量分配对话框 -->
         <ElDialog v-model="allocateDialogVisible" title="批量分配设备" width="600px">
           <ElForm
@@ -570,8 +576,10 @@
   import type { SearchFormItem } from '@/types'
   import { useCheckedColumns } from '@/composables/useCheckedColumns'
   import { useAuth } from '@/composables/useAuth'
+  import { useTableContextMenu } from '@/composables/useTableContextMenu'
   import ArtButtonTable from '@/components/core/forms/ArtButtonTable.vue'
   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 { formatDateTime } from '@/utils/business/format'
   import { CommonStatus, getStatusText } from '@/config/constants'
@@ -581,6 +589,16 @@
 
   const { hasAuth } = useAuth()
   const router = useRouter()
+
+  // 使用表格右键菜单功能
+  const {
+    showContextMenuHint,
+    hintPosition,
+    getRowClassName,
+    handleCellMouseEnter,
+    handleCellMouseLeave
+  } = useTableContextMenu()
+
   const loading = ref(false)
   const allocateLoading = ref(false)
   const recallLoading = ref(false)
@@ -801,11 +819,11 @@
     remark: ''
   })
 
-  // 跳转到设备详情页面
+  // 跳转到资产信息页面(原设备详情)
   const goToDeviceSearchDetail = (deviceNo: string) => {
     if (hasAuth('device:view_detail')) {
       router.push({
-        path: '/asset-management/device-detail',
+        path: '/asset-management/single-card',
         query: {
           device_no: deviceNo
         }
@@ -1697,4 +1715,8 @@
   .device-list-page {
     height: 100%;
   }
+
+  :deep(.el-table__row.table-row-with-context-menu) {
+    cursor: pointer;
+  }
 </style>