{"repo": "adachissss/ecological-environment-data-space", "files": {"public/receiver/index.js": {"ee121648c0a86c43d21f273b21df7b9492756ddc": {"t": 1785768939.3012965, "n": 31833, "h": "7c3901c66d38b85e", "c": "// 配置\n// 优先使用 config.js 的配置，否则使用当前域名\nconst API_BASE_URL = (typeof API_BASE !== 'undefined' ? API_BASE : window.location.origin);\nlet currentTab = \"animal\";\nlet currentPage = 1;\nconst pageLimit = 10;\nlet totalPages = 1;\n\n// 页面加载时初始化\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  checkAuth();\n  loadUserInfo();\n  loadAllCounts(); // 加载所有资产统计\n  loadAssets(currentTab);\n});\n\n// 检查登录状态\nfunction checkAuth() {\n  const token = localStorage.getItem(\"token\");\n  if (!token) {\n    alert(\"请先登录\");\n    window.location.href = \"../login.html\";\n    return;\n  }\n}\n\n// 获取 token\nfunction getToken() {\n  return localStorage.getItem(\"token\");\n}\n\n// 加载用户信息\nasync function loadUserInfo() {\n  try {\n    const userId = localStorage.getItem(\"userId\");\n    if (userId) {\n      document.getElementById(\"username\").textContent = userId;\n    }\n  } catch (error) {\n    console.error(\"加载用户信息失败:\", error);\n  }\n}\n\n// 退出登录\nfunction logout() {\n  localStorage.removeItem(\"token\");\n  localStorage.removeItem(\"userId\");\n  localStorage.removeItem(\"institution\");\n  window.location.href = \"../login.html\";\n}\n\n// 加载所有资产类型的统计数字\nasync function loadAllCounts() {\n  const types = ['animal', 'lake', 'air', 'plant'];\n  \n  for (const type of types) {\n    try {\n      const response = await fetch(`${API_BASE_URL}/org2/assets?type=${type}&page=1&limit=1`, {\n        headers: {\n          Authorization: `Bearer ${getToken()}`,\n        },\n      });\n\n      if (response.ok) {\n        const result = await response.json();\n        if (result.success && result.data) {\n          document.getElementById(`${type}-count`).textContent = result.data.total;\n        }\n      }\n    } catch (error) {\n      console.error(`加载${type}统计失败:`, error);\n      document.getElementById(`${type}-count`).textContent = '0';\n    }\n  }\n}\n\n// 切换标签\nfunction switchTab(tab) {\n  currentTab = tab;\n  currentPage = 1;\n\n  // 更新按钮状态\n  const buttons = document.querySelectorAll(\".tab-btn\");\n  buttons.forEach((btn) => {\n    btn.classList.remove(\"active\");\n    // 简单的匹配逻辑\n    if (btn.textContent.toLowerCase().includes(tab.replace('-verify',''))) {\n      btn.classList.add(\"active\");\n    } else if (tab === 'permissions' && btn.textContent.includes('申请')) {\n      btn.classList.add(\"active\");\n    } else if (tab === 'hash-verify' && btn.textContent.includes('验证')) {\n      btn.classList.add(\"active\");\n    }\n  });\n\n  // 加载对应数据\n  if (tab === 'permissions') {\n    loadMyPermissions();\n  } else if (tab === 'hash-verify') {\n    loadHashVerifyTool();\n  } else {\n    loadAssets(tab);\n  }\n}\n\n// 加载资产数据\nasync function loadAssets(type) {\n  const tableContent = document.getElementById(\"table-content\");\n  tableContent.innerHTML = `\n    <div class=\"loading\">\n      <div class=\"spinner\"></div>\n      <p>正在加载数据...</p>\n    </div>\n  `;\n\n  try {\n    const response = await fetch(`${API_BASE_URL}/org2/assets?type=${type}&page=${currentPage}&limit=${pageLimit}`, {\n      headers: {\n        Authorization: `Bearer ${getToken()}`,\n      },\n    });\n\n    if (response.status === 401) {\n      alert(\"登录已过期，请重新登录\");\n      logout();\n      return;\n    }\n\n    const result = await response.json();\n\n    if (result.success && result.data) {\n      const { assets, total } = result.data;\n      totalPages = Math.ceil(total / pageLimit);\n      \n      // 更新统计数字\n      document.getElementById(`${type}-count`).textContent = total;\n      \n      // 渲染表格\n      renderTable(assets, type);\n      \n      // 显示分页\n      updatePagination();\n    } else {\n      throw new Error(result.message || '加载失败');\n    }\n  } catch (error) {\n    console.error(\"加载资产数据失败:\", error);\n    tableContent.innerHTML = `\n      <div class=\"error\" style=\"padding:40px; text-align:center;\">\n        <p>❌ 加载失败: ${error.message}</p>\n        <button class=\"btn-secondary\" onclick=\"loadAssets('${type}')\">重试</button>\n      </div>\n    `;\n  }\n}\n\n// 渲染表格\nfunction renderTable(assets, type) {\n  const tableContent = document.getElementById(\"table-content\");\n\n  if (assets.length === 0) {\n    tableContent.innerHTML = `\n      <div class=\"empty-state\" style=\"padding:60px; text-align:center; color:#999;\">\n        <p>暂无数据 / No Data Available</p>\n      </div>\n    `;\n    return;\n  }\n\n  let tableHTML = `\n    <table class=\"data-table\">\n      <thead>\n        <tr>\n          <th>ID</th>\n          <th>Business ID</th>\n          <th>Name</th>\n          ${type === 'animal' || type === 'plant' ? '<th>Species</th>' : ''}\n          <th>Permission</th>\n          <th>Action</th>\n        </tr>\n      </thead>\n      <tbody>\n  `;\n\n  assets.forEach(asset => {\n    const permissionBadge = getPermissionBadge(asset.permissionStatus);\n    tableHTML += `\n      <tr>\n        <td><strong>${asset.globalId}</strong></td>\n        <td>${asset.businessId}</td>\n        <td>${asset.name}</td>\n        ${type === 'animal' || type === 'plant' ? `<td>${asset.species || '-'}</td>` : ''}\n        <td>${permissionBadge}</td>\n        <td>\n          <button class=\"btn-view\" onclick=\"viewAssetDetail('${type}', ${asset.globalId})\">Detail</button>\n        </td>\n      </tr>\n    `;\n  });\n\n  tableHTML += `\n      </tbody>\n    </table>\n  `;\n\n  tableContent.innerHTML = tableHTML;\n}\n\n// 获取权限状态徽章\nfunction getPermissionBadge(status) {\n  if (status === null || status === undefined) {\n    return '<span class=\"badge badge-gray\">未申请 None</span>';\n  } else if (status === 0) {\n    return '<span class=\"badge badge-warning\">审核中 Pending</span>';\n  } else if (status === 1) {\n    return '<span class=\"badge badge-success\">已通过 Approved</span>';\n  } else if (status === 2) {\n    return '<span class=\"badge badge-danger\">已驳回 Rejected</span>';\n  }\n  return '<span class=\"badge badge-gray\">Unknown</span>';\n}\n\n// 查看资产详情\nasync function viewAssetDetail(type, globalId) {\n  const modal = document.getElementById(\"detailModal\");\n  modal.style.display = \"flex\";\n  modal.classList.add(\"show\"); // 添加 show 类触发动画\n\n  // 显示加载状态\n  document.getElementById(\"detail-basic-info\").innerHTML = `\n    <div class=\"loading\"><div class=\"spinner\"></div><p>加载中...</p></div>\n  `;\n  document.getElementById(\"permission-status-section\").innerHTML = `\n    <div class=\"loading\"><div class=\"spinner\"></div><p>加载中...</p></div>\n  `;\n  document.getElementById(\"chain-data-section\").style.display = \"none\";\n\n  try {\n    const response = await fetch(`${API_BASE_URL}/org2/assets/${type}/${globalId}`, {\n      headers: {\n        Authorization: `Bearer ${getToken()}`,\n      },\n    });\n\n    const result = await response.json();\n\n    if (result.success && result.data) {\n      const asset = result.data;\n      \n      // 显示基本信息\n      let basicInfoHTML = `\n        <div class=\"info-row\">\n          <span class=\"info-label\">GLOBAL ID</span>\n          <span class=\"info-value\">${asset.globalId}</span>\n        </div>\n        <div class=\"info-row\">\n          <span class=\"info-label\">BUSINESS ID</span>\n          <span class=\"info-value\">${asset.businessId}</span>\n        </div>\n        <div class=\"info-row\">\n          <span class=\"info-label\">NAME</span>\n          <span class=\"info-value\">${asset.name}</span>\n        </div>\n      `;\n      \n      if (asset.species) {\n        basicInfoHTML += `\n          <div class=\"info-row\">\n            <span class=\"info-label\">SPECIES</span>\n            <span class=\"info-value\">${asset.species}</span>\n          </div>\n        `;\n      }\n      \n      document.getElementById(\"detail-basic-info\").innerHTML = basicInfoHTML;\n\n      // 显示权限状态\n      renderPermissionStatus(asset, type);\n\n    } else {\n      throw new Error(result.message || '加载失败');\n    }\n  } catch (error) {\n    console.error(\"加载资产详情失败:\", error);\n    document.getElementById(\"detail-basic-info\").innerHTML = `\n      <p style=\"color: red;\">加载失败: ${error.message}</p>\n    `;\n  }\n}\n\n// 渲染权限状态\nfunction renderPermissionStatus(asset, type) {\n  const section = document.getElementById(\"permission-status-section\");\n  \n  if (asset.permissionStatus === null || asset.permissionStatus === undefined) {\n    // 未申请\n    section.innerHTML = `\n      <p style=\"font-size:13px; color:#666; margin-bottom:15px;\">您还未申请访问该资产的权限 / No access permission</p>\n      <button class=\"btn-primary\" onclick=\"applyPermission(${asset.globalId}, '${type}')\">Apply Permission</button>\n    `;\n  } else if (asset.permissionStatus === 0) {\n    // 审核中\n    section.innerHTML = `\n      <p>⏳ 权限申请审核中 / Audit Pending...</p>\n    `;\n  } else if (asset.permissionStatus === 1) {\n    // 已通过\n    section.innerHTML = `\n      <p style=\"margin-bottom:10px; font-size:13px;\">✅ 权限审核已通过 / Access Granted</p>\n      <button class=\"btn-primary\" onclick=\"loadChainData('${type}', '${asset.businessId}', '${asset.name || ''}')\">View Chain Data</button>\n    `;\n  } else if (asset.permissionStatus === 2) {\n    // 已驳回\n    section.innerHTML = `\n      <p style=\"color:#e74c3c\">❌ 权限申请已被驳回 / Request Rejected</p>\n    `;\n  }\n}\n\n// 申请权限\nasync function applyPermission(globalId, type) {\n  if (!confirm('Confirm to apply for access?')) {\n    return;\n  }\n\n  try {\n    const response = await fetch(`${API_BASE_URL}/org2/permission/apply`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        Authorization: `Bearer ${getToken()}`,\n      },\n      body: JSON.stringify({ globalId })\n    });\n\n    const result = await response.json();\n\n    if (result.success) {\n      alert('✅ ' + result.message);\n      // 重新加载详情\n      viewAssetDetail(type, globalId);\n    } else {\n      alert('❌ ' + result.message);\n    }\n  } catch (error) {\n    console.error(\"申请权限失败:\", error);\n    alert('申请失败: ' + error.message);\n  }\n}\n\n// ==================== AI 功能模块 ====================\n// 保持逻辑不变，仅修改生成的HTML样式以适应黑白灰主题\n\nlet currentChainData = []; \nlet currentAssetType = '';\nlet currentBusinessId = '';\nlet conversationHistory = []; \n\n// 修改原有的 loadChainData 函数\nwindow.loadChainData = async function(type, businessId, assetName) {\n  const section = document.getElementById(\"chain-data-section\");\n  const content = document.getElementById(\"chain-data-content\");\n  \n  section.style.display = \"block\";\n  content.innerHTML = `\n    <div class=\"loading\">\n      <div class=\"spinner\"></div>\n      <p>Loading Blockchain Data...</p>\n    </div>\n  `;\n\n  try {\n    const response = await fetch(`${API_BASE_URL}/org2/chain-data/${type}/${businessId}`, {\n      headers: {\n        Authorization: `Bearer ${getToken()}`,\n      },\n    });\n\n    const result = await response.json();\n\n    if (result.success) {\n      const chainData = result.data;\n      currentChainData = chainData;\n      currentAssetType = type;\n      currentBusinessId = businessId;\n      \n      if (!chainData || chainData.length === 0) {\n        content.innerHTML = `<p style=\"padding:20px; color:#999;\">暂无链上数据 / No Data on Chain</p>`;\n        return;\n      }\n\n      // 渲染链上数据\n      let dataHTML = `<div class=\"chain-data-list\">`;\n      dataHTML += `<h4 style=\"margin-bottom:20px; font-family:'Playfair Display', serif;\">Blockchain Records (${chainData.length})</h4>`;\n      \n      chainData.forEach((item, index) => {\n        const timestamp = item.Timestamp || item.timestamp || item.timestampMs ? new Date(item.timestampMs || item.timestamp).toLocaleString('zh-CN') : 'Unknown Time';\n        const recordId = `record-${businessId}-${index}`;\n        window[recordId] = item;\n        \n        dataHTML += `\n          <div class=\"chain-data-item\">\n            <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;\">\n              <h5 style=\"margin:0; font-weight:600;\">Record #${index + 1} - <span style=\"font-weight:400; color:#888\">${timestamp}</span></h5>\n              <button class=\"btn-export-small\" onclick=\"exportSingleRecord('${recordId}', '${businessId}', ${index + 1}, '${type}', '${(assetName || '').replace(/'/g, \"\\\\'\")}')\">\n                📥 Export\n              </button>\n            </div>\n            <pre>${JSON.stringify(item, null, 2)}</pre>\n          </div>\n        `;\n      });\n      dataHTML += `</div>`;\n      \n      content.innerHTML = dataHTML;\n      showAIFeatures(); // 显示 AI 按钮\n    } else {\n      content.innerHTML = `<p style=\"color: red;\">${result.message}</p>`;\n    }\n  } catch (error) {\n    console.error(\"加载链上数据失败:\", error);\n    content.innerHTML = `<p style=\"color: red;\">加载失败: ${error.message}</p>`;\n  }\n};\n\n// 显示 AI 功能按钮（样式已修改为适应新主题）\nfunction showAIFeatures() {\n  const section = document.getElementById(\"chain-data-section\");\n  const existingAI = document.getElementById('ai-features-container');\n  if (existingAI) existingAI.remove();\n  \n  const aiContainer = document.createElement('div');\n  aiContainer.id = 'ai-features-container';\n  // 内联样式被移除，转而在 CSS 中定义 #ai-features-container\n  aiContainer.innerHTML = `\n    <div style=\"display: flex; gap: 12px; align-items: center; flex-wrap: wrap;\">\n      <button id=\"ai-analysis-btn\" class=\"ai-btn\">\n        🤖 AI Intelligent Analysis\n      </button>\n      <button id=\"ai-chat-btn\" class=\"ai-btn\">\n        💬 Ask AI Assistant\n      </button>\n      <span id=\"ai-loading\" style=\"display: none; color: #666; font-size: 13px; margin-left:10px;\">\n        <span class=\"spinner\" style=\"width:16px; height:16px; display:inline-block; margin:0; vertical-align:middle; border-top-color:#666;\"></span> Analyzing...\n      </span>\n    </div>\n    \n    <div id=\"ai-analysis-result\" style=\"display: none; margin-top: 20px; padding: 20px; background: white; border-left: 3px solid #000; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05);\">\n      <h4 style=\"margin: 0 0 15px 0; font-family: 'Playfair Display', serif; font-size:18px;\">\n        AI Analysis Report\n      </h4>\n      <div id=\"ai-analysis-content\" style=\"line-height: 1.8; white-space: pre-wrap; color: #333; font-size:14px;\"></div>\n      <div style=\"margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee; font-size: 12px; color: #999;\">\n        <span id=\"ai-tokens-info\"></span>\n      </div>\n    </div>\n    \n    <div id=\"ai-chat-interface\" style=\"display: none; margin-top: 20px;\">\n      <div style=\"background: white; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); overflow: hidden; border:1px solid #eee;\">\n        <div style=\"padding: 15px 20px; background: #1a1a1a; color: white; display: flex; justify-content: space-between; align-items: center;\">\n          <h4 style=\"margin: 0; display: flex; align-items: center; gap: 8px; font-size:14px;\">\n            <span>💬</span> AI Assistant\n          </h4>\n          <button id=\"ai-chat-close-top\" style=\"background: rgba(255,255,255,0.2); border: none; color: white; padding: 5px 12px; border-radius: 4px; cursor: pointer; font-size:12px;\">\n            ✕\n          </button>\n        </div>\n        <div id=\"ai-chat-messages\" style=\"height: 350px; overflow-y: auto; padding: 20px; background: #f9f9f9;\">\n          <div style=\"text-align: center; color: #999; padding: 40px 20px;\">\n            <div style=\"font-size: 32px; margin-bottom: 10px; opacity:0.5;\">🤖</div>\n            <p style=\"font-size:13px;\">Feel free to ask questions about the data.</p>\n          </div>\n        </div>\n        <div style=\"padding: 15px; background: #fff; border-top: 1px solid #eee; display: flex; gap: 10px;\">\n          <input type=\"text\" id=\"ai-chat-input\" placeholder=\"Type your question...\" style=\"flex: 1; padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px;\" />\n          <button id=\"ai-chat-send\" style=\"padding: 0 24px; background: #1a1a1a; color: white; border: none; border-radius: 6px; cursor: pointer; font-weight: 500; font-size:13px;\">\n            Send\n          </button>\n        </div>\n      </div>\n    </div>\n  `;\n  \n  section.appendChild(aiContainer);\n  \n  // 绑定事件\n  document.getElementById('ai-analysis-btn').onclick = performAIAnalysis;\n  document.getElementById('ai-chat-btn').onclick = openAIChat;\n  document.getElementById('ai-chat-send').onclick = sendAIQuestion;\n  document.getElementById('ai-chat-close-top').onclick = closeAIChat;\n  document.getElementById('ai-chat-input').onkeypress = (e) => {\n    if (e.key === 'Enter') sendAIQuestion();\n  };\n}\n\n// 执行 AI 分析\nasync function performAIAnalysis() {\n  const resultDiv = document.getElementById('ai-analysis-result');\n  const contentDiv = document.getElementById('ai-analysis-content');\n  const loadingSpan = document.getElementById('ai-loading');\n  const tokensInfo = document.getElementById('ai-tokens-info');\n  \n  try {\n    loadingSpan.style.display = 'inline-block';\n    resultDiv.style.display = 'none';\n    \n    const response = await fetch(`${API_BASE_URL}/ai/analyze-chain-data`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        'Authorization': `Bearer ${getToken()}`\n      },\n      body: JSON.stringify({\n        assetType: currentAssetType,\n        businessId: currentBusinessId,\n        chainData: currentChainData\n      })\n    });\n    \n    const result = await response.json();\n    \n    if (result.success) {\n      contentDiv.textContent = result.analysis;\n      tokensInfo.textContent = `Token Usage: ${result.tokensUsed}`;\n      resultDiv.style.display = 'block';\n    } else {\n      alert('AI Analysis Failed: ' + result.message);\n    }\n    \n  } catch (error) {\n    console.error('AI Error:', error);\n    alert('Network error, please try again later.');\n  } finally {\n    loadingSpan.style.display = 'none';\n  }\n}\n\n// 打开 AI 聊天\nfunction openAIChat() {\n  const chatInterface = document.getElementById('ai-chat-interface');\n  const chatMessages = document.getElementById('ai-chat-messages');\n  \n  conversationHistory = [];\n  chatMessages.innerHTML = `\n    <div style=\"text-align: center; color: #999; padding: 40px 20px;\">\n      <div style=\"font-size: 32px; margin-bottom: 10px; opacity:0.5;\">🤖</div>\n      <p style=\"font-size:13px;\">Feel free to ask questions about the data.</p>\n    </div>\n  `;\n  \n  chatInterface.style.display = 'block';\n  document.getElementById('ai-chat-input').focus();\n  chatInterface.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n}\n\nfunction closeAIChat() {\n  document.getElementById('ai-chat-interface').style.display = 'none';\n}\n\n// 发送 AI 问题\nasync function sendAIQuestion() {\n  const input = document.getElementById('ai-chat-input');\n  const question = input.value.trim();\n  \n  if (!question) return;\n  \n  addChatMessage('user', question);\n  input.value = '';\n  \n  const loadingId = addChatMessage('assistant', 'Thinking...');\n  \n  try {\n    const assetNames = { 'animal': 'Animal', 'lake': 'Lake', 'plant': 'Plant', 'air': 'Air' };\n    \n    let context = `Asset Type: ${assetNames[currentAssetType] || currentAssetType}\\n`;\n    context += `ID: ${currentBusinessId}\\n`;\n    context += `Record Count: ${currentChainData.length}\\n`;\n    context += `Data Summary: ${JSON.stringify(currentChainData.slice(0, 3))}`;\n    \n    const response = await fetch(`${API_BASE_URL}/ai/chat`, {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        'Authorization': `Bearer ${getToken()}`\n      },\n      body: JSON.stringify({\n        question,\n        context,\n        conversationHistory\n      })\n    });\n    \n    const result = await response.json();\n    document.getElementById(loadingId).remove();\n    \n    if (result.success) {\n      addChatMessage('assistant', result.answer);\n      conversationHistory.push(\n        { role: 'user', content: question },\n        { role: 'assistant', content: result.answer }\n      );\n    } else {\n      addChatMessage('assistant', '❌ Error: ' + result.message);\n    }\n  } catch (error) {\n    document.getElementById(loadingId).remove();\n    addChatMessage('assistant', '❌ Connection failed');\n  }\n}\n\n// 添加聊天消息（适配黑白配色）\nfunction addChatMessage(role, content) {\n  const chatMessages = document.getElementById('ai-chat-messages');\n  const welcomeDiv = chatMessages.querySelector('div[style*=\"text-align: center\"]');\n  if (welcomeDiv) welcomeDiv.remove();\n  \n  const messageId = 'msg-' + Date.now();\n  const messageDiv = document.createElement('div');\n  messageDiv.id = messageId;\n  \n  // 只有这里为了简便使用了内联样式，但配色已改为黑白\n  const userStyle = 'background: #1a1a1a; color: white; margin-left: auto; border-radius: 12px 12px 0 12px;';\n  const aiStyle = 'background: white; color: #333; margin-right: auto; border: 1px solid #eee; border-radius: 12px 12px 12px 0;';\n  \n  messageDiv.style.cssText = `\n    margin-bottom: 15px; padding: 12px 16px; max-width: 80%; font-size:13px;\n    ${role === 'user' ? userStyle : aiStyle}\n    animation: fadeIn 0.3s ease-in;\n  `;\n  \n  messageDiv.innerHTML = `\n    <div style=\"font-size: 10px; opacity: 0.6; margin-bottom: 4px; font-weight: 600;\">\n      ${role === 'user' ? 'ME' : 'AI'}\n    </div>\n    <div style=\"line-height: 1.6; white-space: pre-wrap;\">${content}</div>\n  `;\n  \n  chatMessages.appendChild(messageDiv);\n  chatMessages.scrollTop = chatMessages.scrollHeight;\n  return messageId;\n}\n\n// 导出单条记录 (保持原有逻辑)\nasync function exportSingleRecord(recordId, businessId, recordIndex, assetType, assetName) {\n  try {\n    const record = window[recordId];\n    if (!record) throw new Error('Data not found');\n    const token = localStorage.getItem(\"token\");\n    if (!token) { alert(\"Please log in\"); return; }\n\n    // 下载JSON\n    const jsonResponse = await fetch('/org2/export/single-record', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${token}` },\n      body: JSON.stringify({ assetType, businessId, recordIndex, recordData: record })\n    });\n\n    if (!jsonResponse.ok) throw new Error('Export failed');\n    const jsonBlob = await jsonResponse.blob();\n    const jsonUrl = window.URL.createObjectURL(jsonBlob);\n    const jsonLink = document.createElement('a');\n    jsonLink.href = jsonUrl;\n    jsonLink.download = `${businessId}-record-${recordIndex}.json`;\n    document.body.appendChild(jsonLink);\n    jsonLink.click();\n    document.body.removeChild(jsonLink);\n    window.URL.revokeObjectURL(jsonUrl);\n\n    await new Promise(r => setTimeout(r, 500));\n\n    // 下载PDF\n    const pdfResponse = await fetch('/org2/export/single-record?type=certificate', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${token}` },\n      body: JSON.stringify({ assetType, businessId, recordIndex, recordData: record })\n    });\n    \n    if (!pdfResponse.ok) throw new Error('Certificate failed');\n    const pdfBlob = await pdfResponse.blob();\n    const pdfUrl = window.URL.createObjectURL(pdfBlob);\n    const pdfLink = document.createElement('a');\n    pdfLink.href = pdfUrl;\n    pdfLink.download = `certificate-${businessId}-record-${recordIndex}.pdf`;\n    document.body.appendChild(pdfLink);\n    pdfLink.click();\n    document.body.removeChild(pdfLink);\n    window.URL.revokeObjectURL(pdfUrl);\n\n    alert(`✅ Record #${recordIndex} Exported Successfully!`);\n  } catch (error) {\n    console.error('Export failed:', error);\n    alert('❌ Export Failed: ' + error.message);\n  }\n}\n\n// 加载我的权限申请列表\nasync function loadMyPermissions() {\n  const tableContent = document.getElementById(\"table-content\");\n  tableContent.innerHTML = `<div class=\"loading\"><div class=\"spinner\"></div><p>Loading Permissions...</p></div>`;\n\n  try {\n    const response = await fetch(`${API_BASE_URL}/org2/permissions`, {\n      headers: { Authorization: `Bearer ${getToken()}` },\n    });\n    const result = await response.json();\n    if (result.success && result.data) {\n      renderPermissionsTable(result.data);\n    } else {\n      throw new Error(result.message || 'Failed');\n    }\n  } catch (error) {\n    tableContent.innerHTML = `<div class=\"error\"><p>❌ Failed: ${error.message}</p></div>`;\n  }\n}\n\n// 渲染权限申请表格\nfunction renderPermissionsTable(permissions) {\n  const tableContent = document.getElementById(\"table-content\");\n  if (permissions.length === 0) {\n    tableContent.innerHTML = `<div class=\"empty-state\" style=\"padding:40px; text-align:center; color:#999\"><p>No Applications Found</p></div>`;\n    return;\n  }\n\n  let tableHTML = `\n    <table class=\"data-table\">\n      <thead>\n        <tr>\n          <th>App ID</th>\n          <th>Type</th>\n          <th>Business ID</th>\n          <th>Name</th>\n          <th>Status</th>\n          <th>Action</th>\n        </tr>\n      </thead>\n      <tbody>\n  `;\n\n  permissions.forEach(perm => {\n    const permissionBadge = getPermissionBadge(perm.permissionStatus);\n    tableHTML += `\n      <tr>\n        <td>${perm.id}</td>\n        <td style=\"text-transform:capitalize\">${perm.assetType}</td>\n        <td>${perm.businessId}</td>\n        <td>${perm.name}</td>\n        <td>${permissionBadge}</td>\n        <td>\n          <button class=\"btn-view\" onclick=\"viewAssetDetail('${perm.assetType}', ${perm.globalId})\">Detail</button>\n        </td>\n      </tr>\n    `;\n  });\n\n  tableHTML += `</tbody></table>`;\n  tableContent.innerHTML = tableHTML;\n  document.getElementById(\"pagination\").style.display = \"none\";\n}\n\nfunction closeDetailModal() {\n  const modal = document.getElementById(\"detailModal\");\n  modal.classList.remove(\"show\"); // 移除 show 类触发淡出动画\n  setTimeout(() => {\n    modal.style.display = \"none\";\n  }, 300);\n}\n\nfunction updatePagination() {\n  const pagination = document.getElementById(\"pagination\");\n  const pageInfo = document.getElementById(\"page-info\");\n  const prevBtn = document.getElementById(\"prev-btn\");\n  const nextBtn = document.getElementById(\"next-btn\");\n\n  if (totalPages <= 1) {\n    pagination.style.display = \"none\";\n    return;\n  }\n\n  pagination.style.display = \"flex\";\n  pageInfo.textContent = `Page ${currentPage} / ${totalPages}`;\n  prevBtn.disabled = currentPage <= 1;\n  nextBtn.disabled = currentPage >= totalPages;\n}\n\nfunction prevPage() {\n  if (currentPage > 1) {\n    currentPage--;\n    loadAssets(currentTab);\n  }\n}\n\nfunction nextPage() {\n  if (currentPage < totalPages) {\n    currentPage++;\n    loadAssets(currentTab);\n  }\n}\n\n// 哈希验证工具 (保持逻辑，美化HTML输出)\nfunction loadHashVerifyTool() {\n  const tableContent = document.getElementById(\"table-content\");\n  document.getElementById(\"pagination\").style.display = \"none\";\n\n  tableContent.innerHTML = `\n    <div class=\"hash-verify-container\">\n      <div class=\"verify-section\">\n        <h2 class=\"section-title\" style=\"font-size:24px; margin-bottom:10px;\">🔐 Data Integrity Verification</h2>\n        <p class=\"section-desc\" style=\"color:#666; margin-bottom:30px;\">Upload the JSON file to verify its SHA-256 hash against the certificate.</p>\n        \n        <div class=\"upload-section\">\n          <div class=\"upload-area\" id=\"upload-area\">\n            <div class=\"upload-icon\">📁</div>\n            <p class=\"upload-text\">Click or Drag JSON file here</p>\n            <input type=\"file\" id=\"file-input\" accept=\".json\" style=\"display: none;\">\n          </div>\n        </div>\n\n        <div id=\"result-section\" style=\"display: none;\">\n          <div class=\"result-card\">\n            <h3 style=\"font-family:'Playfair Display'; margin-bottom:15px;\">File Information</h3>\n            <div class=\"info-row\"><span class=\"info-label\">Name:</span><span class=\"info-value\" id=\"file-name\">-</span></div>\n            <div class=\"info-row\"><span class=\"info-label\">Size:</span><span class=\"info-value\" id=\"file-size\">-</span></div>\n            <div class=\"info-row\"><span class=\"info-label\">Time:</span><span class=\"info-value\" id=\"calc-time\">-</span></div>\n          </div>\n\n          <div class=\"hash-result-card\">\n            <h3 style=\"font-family:'Playfair Display'; margin-bottom:15px;\">SHA-256 Hash</h3>\n            <div class=\"hash-display\" id=\"hash-value\">-</div>\n            <button class=\"btn-copy\" onclick=\"copyHash()\">📋 Copy Hash</button>\n          </div>\n\n          <div class=\"compare-section\" style=\"margin-top:30px; text-align:left;\">\n            <h3 style=\"font-family:'Playfair Display'; margin-bottom:10px;\">Compare Hash</h3>\n            <p style=\"font-size:13px; color:#666; margin-bottom:10px;\">Paste certificate hash below:</p>\n            <textarea id=\"compare-hash\" placeholder=\"Paste hash here (with or without 0x)...\" rows=\"2\"></textarea>\n            <button class=\"btn-compare\" onclick=\"compareHash()\" style=\"width:100%; margin-top:10px;\">Verify Match</button>\n            <div id=\"compare-result\" style=\"display: none; margin-top:20px;\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  `;\n\n  const uploadArea = document.getElementById('upload-area');\n  const fileInput = document.getElementById('file-input');\n\n  uploadArea.onclick = () => fileInput.click();\n  fileInput.onchange = (e) => { const file = e.target.files[0]; if (file) handleFileUpload(file); };\n\n  uploadArea.ondragover = (e) => { e.preventDefault(); uploadArea.style.borderColor = '#000'; };\n  uploadArea.ondragleave = (e) => { e.preventDefault(); uploadArea.style.borderColor = '#eee'; };\n  uploadArea.ondrop = (e) => { e.preventDefault(); uploadArea.style.borderColor = '#eee'; const file = e.dataTransfer.files[0]; if (file) handleFileUpload(file); };\n}\n\n// 保持原有的 handleFileUpload, copyHash, compareHash, formatFileSize 函数逻辑\n// 仅微调 compareHash 的输出样式\nasync function handleFileUpload(file) {\n  if (!file.name.endsWith('.json')) { alert('⚠️ Please upload JSON file'); return; }\n  const startTime = Date.now();\n  try {\n    const fileContent = await file.text();\n    let contentToHash = fileContent;\n    try {\n      const jsonData = JSON.parse(fileContent);\n      if (jsonData.exportInfo && jsonData.exportInfo.dataHash) {\n        contentToHash = JSON.stringify(jsonData.data, null, 2);\n      }\n    } catch (e) {}\n    \n    const encoder = new TextEncoder();\n    const data = encoder.encode(contentToHash);\n    const hashBuffer = await crypto.subtle.digest('SHA-256', data);\n    const hashArray = Array.from(new Uint8Array(hashBuffer));\n    const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');\n    \n    const calcTime = Date.now() - startTime;\n    document.getElementById('result-section').style.display = 'block';\n    document.getElementById('file-name').textContent = file.name;\n    document.getElementById('file-size').textContent = formatFileSize(file.size);\n    document.getElementById('calc-time').textContent = calcTime + ' ms';\n    document.getElementById('hash-value').textContent = '0x' + hashHex;\n    document.getElementById('compare-result').style.display = 'none';\n    document.getElementById('compare-hash').value = '';\n    document.getElementById('result-section').scrollIntoView({ behavior: 'smooth' });\n  } catch (error) { alert('❌ Error: ' + error.message); }\n}\n\nfunction copyHash() {\n  const hashValue = document.getElementById('hash-value').textContent;\n  navigator.clipboard.writeText(hashValue).then(() => { alert('Copied!'); });\n}\n\nfunction compareHash() {\n  const calculatedHash = document.getElementById('hash-value').textContent.toLowerCase();\n  let inputHash = document.getElementById('compare-hash').value.trim().toLowerCase();\n  if (!inputHash) { alert('Please input hash'); return; }\n  if (inputHash.startsWith('0x')) inputHash = inputHash.substring(2);\n  const calculatedHashClean = calculatedHash.startsWith('0x') ? calculatedHash.substring(2) : calculatedHash;\n  \n  const resultDiv = document.getElementById('compare-result');\n  resultDiv.style.display = 'block';\n  \n  if (calculatedHashClean === inputHash) {\n    resultDiv.innerHTML = `\n      <div style=\"background:#f0fdf4; border:1px solid #15803d; padding:15px; border-radius:8px; color:#15803d;\">\n        <h4 style=\"margin:0\">✅ Verification Passed</h4>\n        <p style=\"margin:5px 0 0 0; font-size:13px;\">Hashes match perfectly. Data is intact.</p>\n      </div>\n    `;\n  } else {\n    resultDiv.innerHTML = `\n      <div style=\"background:#fef2f2; border:1px solid #b91c1c; padding:15px; border-radius:8px; color:#b91c1c;\">\n        <h4 style=\"margin:0\">❌ Verification Failed</h4>\n        <p style=\"margin:5px 0 0 0; font-size:13px;\">Hash mismatch. Data might be modified.</p>\n      </div>\n    `;\n  }\n}\n\nfunction formatFileSize(bytes) {\n  if (bytes < 1024) return bytes + ' B';\n  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(2) + ' KB';\n  return (bytes / (1024 * 1024)).toFixed(2) + ' MB';\n}"}}}}