<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <link rel="icon" type="image/png" href="/efclogo.png" />
  <link rel="shortcut icon" href="/efclogo.png" />
  <link rel="apple-touch-icon" href="/efclogo.png" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>EFC Management Dashboard</title>
  <meta name="description" content="EFC Service Solution Management Dashboard - Comprehensive courier and logistics management system" />
  <meta name="keywords" content="courier, logistics, management, dashboard, EFC" />
  <meta name="author" content="EFC Service Solution" />

  <!-- Preconnect to external domains for performance -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

  <!-- EFC Aurora 字体系统 -->
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">

  <!-- Favicon - 统一配置 -->
  <link rel="icon" type="image/svg+xml" href="/efcfav.svg" />
  <link rel="shortcut icon" href="/efcfav.svg" />
  <link rel="apple-touch-icon" href="/efcfav.svg" />

  <!-- Theme color for mobile browsers -->
  <meta name="theme-color" content="#F15A29" />
  <script type="module" crossorigin src="/js/index-BY54WQ1h.js"></script>
  <link rel="modulepreload" crossorigin href="/js/vue-vendor-BpOQrvIj.js">
  <link rel="modulepreload" crossorigin href="/js/utils-vendor-B95eIqrQ.js">
  <link rel="stylesheet" crossorigin href="/assets/index-B9BMVihD.css">
</head>
<body>
  <div id="app"></div>

  <!-- 🔧 运行时错误捕获和诊断脚本 - 优先级最高 -->
  <script>
    // 全局错误捕获
    window.addEventListener('error', function(e) {
      console.error('🚨 全局错误捕获:', e.error);
      console.error('📍 错误位置:', e.filename, '行:', e.lineno, '列:', e.colno);
      console.error('📝 错误消息:', e.message);

      // 在页面上显示错误信息
      const errorDiv = document.createElement('div');
      errorDiv.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);color:#fff;padding:40px;font-family:monospace;font-size:14px;z-index:999999;overflow:auto;';
      errorDiv.innerHTML = `
        <div style="max-width:800px;margin:0 auto;">
          <h1 style="color:#ff4444;margin-bottom:20px;">🚨 应用加载失败</h1>
          <div style="background:rgba(255,68,68,0.1);border:2px solid #ff4444;padding:20px;border-radius:8px;margin-bottom:20px;">
            <h3 style="margin:0 0 10px 0;color:#ff4444;">错误信息：</h3>
            <p style="margin:0;color:#ffaaaa;">${e.message}</p>
          </div>
          <div style="background:rgba(255,255,255,0.05);padding:20px;border-radius:8px;margin-bottom:20px;">
            <h3 style="margin:0 0 10px 0;">错误位置：</h3>
            <p style="margin:0;"><strong>文件：</strong> ${e.filename || '未知'}</p>
            <p style="margin:0;"><strong>行号：</strong> ${e.lineno || '未知'}</p>
            <p style="margin:0;"><strong>列号：</strong> ${e.colno || '未知'}</p>
          </div>
          <div style="background:rgba(255,255,255,0.05);padding:20px;border-radius:8px;margin-bottom:20px;">
            <h3 style="margin:0 0 10px 0;">调试建议：</h3>
            <ol style="margin:10px 0;padding-left:20px;line-height:1.8;">
              <li>打开浏览器开发者工具（F12）查看详细错误</li>
              <li>检查 Network 标签页是否有 404 错误</li>
              <li>检查 Console 标签页的完整错误堆栈</li>
              <li>确认所有 JS/CSS 资源是否正确加载</li>
            </ol>
          </div>
          <button onclick="location.reload()" style="background:#F15A29;color:white;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;">
            🔄 重新加载页面
          </button>
          <button onclick="this.parentElement.parentElement.remove()" style="background:rgba(255,255,255,0.1);color:white;border:1px solid rgba(255,255,255,0.3);padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;margin-left:10px;">
            ❌ 关闭错误提示
          </button>
        </div>
      `;
      document.body.appendChild(errorDiv);
    });

    // Promise 拒绝捕获
    window.addEventListener('unhandledrejection', function(e) {
      console.error('🚨 未处理的 Promise 拒绝:', e.reason);
      console.error('📝 Promise:', e.promise);

      // 在页面上显示 Promise 错误
      const errorDiv = document.createElement('div');
      errorDiv.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);color:#fff;padding:40px;font-family:monospace;font-size:14px;z-index:999999;overflow:auto;';
      errorDiv.innerHTML = `
        <div style="max-width:800px;margin:0 auto;">
          <h1 style="color:#ff4444;margin-bottom:20px;">🚨 异步操作失败</h1>
          <div style="background:rgba(255,68,68,0.1);border:2px solid #ff4444;padding:20px;border-radius:8px;margin-bottom:20px;">
            <h3 style="margin:0 0 10px 0;color:#ff4444;">Promise 拒绝原因：</h3>
            <p style="margin:0;color:#ffaaaa;">${e.reason?.message || e.reason || '未知错误'}</p>
          </div>
          <div style="background:rgba(255,255,255,0.05);padding:20px;border-radius:8px;margin-bottom:20px;">
            <h3 style="margin:0 0 10px 0;">可能的原因：</h3>
            <ul style="margin:10px 0;padding-left:20px;line-height:1.8;">
              <li>模块加载失败（检查 Network 标签页）</li>
              <li>API 请求失败</li>
              <li>异步初始化超时</li>
              <li>资源路径错误</li>
            </ul>
          </div>
          <button onclick="location.reload()" style="background:#F15A29;color:white;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;">
            🔄 重新加载页面
          </button>
          <button onclick="this.parentElement.parentElement.remove()" style="background:rgba(255,255,255,0.1);color:white;border:1px solid rgba(255,255,255,0.3);padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;margin-left:10px;">
            ❌ 关闭错误提示
          </button>
        </div>
      `;
      document.body.appendChild(errorDiv);
    });

    // 模块加载监控
    console.log('🔧 [DEBUG] 错误捕获脚本已加载');
    console.log('🔧 [DEBUG] 当前 URL:', window.location.href);
    console.log('🔧 [DEBUG] Base URL:', document.baseURI);
  </script>

</body>
</html>
