详情修改

src/views/asset-management/authorization-records/index.vue

@@ -225,7 +225,20 @@
     {
       prop: 'iccid',
       label: 'ICCID',
-      minWidth: 200
+      minWidth: 200,
+      formatter: (row: AuthorizationItem) => {
+        return h(
+          'span',
+          {
+            style: 'color: var(--el-color-primary); cursor: pointer; text-decoration: underline;',
+            onClick: (e: MouseEvent) => {
+              e.stopPropagation()
+              handleNameClick(row)
+            }
+          },
+          row.iccid
+        )
+      }
     },
     {
       prop: 'msisdn',
@@ -354,6 +367,15 @@
     })
   }
 
+  // 处理名称点击
+  const handleNameClick = (row: AuthorizationItem) => {
+    if (hasAuth('authorization_records:view_detail')) {
+      viewDetail(row)
+    } else {
+      ElMessage.warning('您没有查看详情的权限')
+    }
+  }
+
   // 显示修改备注对话框
   const showRemarkDialog = (row: AuthorizationItem) => {
     currentRecordId.value = row.id
@@ -389,10 +411,6 @@
   const contextMenuItems = computed((): MenuItemType[] => {
     const items: MenuItemType[] = []
 
-    if (hasAuth('authorization_records:view_detail')) {
-      items.push({ key: 'detail', label: '详情' })
-    }
-
     if (hasAuth('authorization_records:update_remark')) {
       items.push({ key: 'edit', label: '编辑' })
     }
@@ -413,9 +431,6 @@
     if (!currentRow.value) return
 
     switch (item.key) {
-      case 'detail':
-        viewDetail(currentRow.value)
-        break
       case 'edit':
         showRemarkDialog(currentRow.value)
         break