弹窗改为跳转链接

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

@@ -610,6 +610,7 @@
     BatchSetCardSeriesBindingResponse
   } from '@/types/api/card'
   import type { PackageSeriesResponse } from '@/types/api'
+  import { RoutesAlias } from '@/router/routesAlias'
 
   defineOptions({ name: 'StandaloneCardList' })
 
@@ -909,26 +910,17 @@
     }
   }
 
-  // 打开卡详情弹窗
-  const goToCardDetail = async (iccid: string) => {
-    cardDetailDialogVisible.value = true
-    cardDetailLoading.value = true
-    currentCardDetail.value = null
-
-    try {
-      const res = await CardService.getIotCardDetailByIccid(iccid)
-      if (res.code === 0 && res.data) {
-        currentCardDetail.value = res.data
-      } else {
-        ElMessage.error(res.message || '查询失败')
-        cardDetailDialogVisible.value = false
-      }
-    } catch (error: any) {
-      console.error('查询卡片详情失败:', error)
-      ElMessage.error(error?.message || '查询失败，请检查ICCID是否正确')
-      cardDetailDialogVisible.value = false
-    } finally {
-      cardDetailLoading.value = false
+  // 跳转到IoT卡详情页面
+  const goToCardDetail = (iccid: string) => {
+    if (hasAuth('iot_card:view_detail')) {
+      router.push({
+        path: RoutesAlias.StandaloneCardList + '/detail',
+        query: {
+          iccid: iccid
+        }
+      })
+    } else {
+      ElMessage.warning('您没有查看详情的权限')
     }
   }
 
@@ -985,8 +977,11 @@
         return h(
           'span',
           {
-            style: { color: 'var(--el-color-primary)', cursor: 'pointer' },
-            onClick: () => goToCardDetail(row.iccid)
+            style: 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;',
+            onClick: (e: MouseEvent) => {
+              e.stopPropagation()
+              goToCardDetail(row.iccid)
+            }
           },
           row.iccid
         )