index.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>企微智能办公助手</title>
  7. <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%23fa8c16'/%3E%3Cpath d='M18 20h28v20H34l-8 7v-7h-8z' fill='white'/%3E%3C/svg%3E">
  8. <link rel="stylesheet" href="/dashboard/styles.css?v=20260726-voice">
  9. </head>
  10. <body>
  11. <div class="app" id="app">
  12. <aside class="sidebar" id="sidebar">
  13. <div class="brand">
  14. <div class="brand-icon">
  15. <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 15h-2v-6h2v6zm4 0h-2v-6h2v6zm-2-8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></svg>
  16. </div>
  17. <div class="brand-text">企微助手</div>
  18. </div>
  19. <nav class="nav" id="nav">
  20. <div class="nav-group">
  21. <div class="nav-label">经营驾驶舱</div>
  22. <a class="nav-item active" href="#overview" data-page="overview">
  23. <svg viewBox="0 0 24 24"><path d="M3 13h8V3H3v10Zm0 8h8v-6H3v6Zm10 0h8V11h-8v10Zm0-18v6h8V3h-8Z"/></svg>
  24. <span>经营总览</span>
  25. </a>
  26. </div>
  27. <div class="nav-group">
  28. <div class="nav-label">数字岗位</div>
  29. <a class="nav-item" href="#agent" data-page="agent">
  30. <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h3l4 4 4-4h3c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8 10H7v-2h4v2zm6-4H7V7h10v2zm0 4h-4v-2h4v2z"/></svg>
  31. <span>客服工作台</span>
  32. </a>
  33. <a class="nav-item" href="#group-ops" data-page="group-ops">
  34. <svg viewBox="0 0 24 24"><path d="M4 3h16a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 4v2h10V7H7zm0 4v2h6v-2H7zm0 4v2h4v-2H7zm8-3 2 2 3-4 1.5 1.2L17.2 17 13.7 13.5 15 12z"/></svg>
  35. <span>社群运营</span>
  36. </a>
  37. <a class="nav-item" href="#customer-ops" data-page="customer-ops">
  38. <svg viewBox="0 0 24 24"><path d="M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
  39. <span>客户运营</span>
  40. </a>
  41. </div>
  42. <div class="nav-group">
  43. <div class="nav-label">业务资产</div>
  44. <a class="nav-item" href="#groups" data-page="groups">
  45. <svg viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>
  46. <span>客户群</span>
  47. </a>
  48. <a class="nav-item" href="#portraits" data-page="portraits">
  49. <svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4zM9 10c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2z"/></svg>
  50. <span>画像与标签</span>
  51. </a>
  52. <a class="nav-item" href="#transfers" data-page="transfers">
  53. <svg viewBox="0 0 24 24"><path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4v3zM6 17l-4-4 4-4v3h12v2H6v3z"/></svg>
  54. <span>客户交接</span>
  55. </a>
  56. <a class="nav-item" href="#knowledge" data-page="knowledge">
  57. <svg viewBox="0 0 24 24"><path d="M10 4H2v16h20V6H12l-2-2zm10 14H4V6h5.17l2 2H20v10zM8 10h8v2H8v-2zm0 4h6v2H8v-2z"/></svg>
  58. <span>知识与任务</span>
  59. </a>
  60. </div>
  61. <div class="nav-group">
  62. <div class="nav-label">系统</div>
  63. <a class="nav-item" href="#skills" data-page="skills">
  64. <svg viewBox="0 0 24 24"><path d="M19 13h-2V7h-6V5H5c-1.1 0-2 .9-2 2v6h2v6c0 1.1.9 2 2 2h6v-2H7v-6h6v2h6c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2h-6v2h6v6zM9 9H5V7h4v2zm10 4h-4V7h4v6z"/></svg>
  65. <span>数字员工能力</span>
  66. </a>
  67. <a class="nav-item" href="#status" data-page="status">
  68. <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/></svg>
  69. <span>连接与设置</span>
  70. </a>
  71. </div>
  72. </nav>
  73. </aside>
  74. <button class="sidebar-backdrop" id="sidebar-backdrop" type="button" aria-label="关闭导航"></button>
  75. <main class="main">
  76. <header class="topbar">
  77. <button class="menu-btn" id="menu-btn" aria-label="切换菜单">
  78. <svg viewBox="0 0 24 24"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
  79. </button>
  80. <h1 class="page-title" id="page-title">经营总览</h1>
  81. <div class="account-switcher" id="account-switcher">
  82. <button class="account-btn" id="account-btn">
  83. <span class="account-dot offline" id="account-dot"></span>
  84. <span class="account-name" id="account-name">未登录</span>
  85. <svg viewBox="0 0 24 24" class="account-chevron"><path d="M7 10l5 5 5-5z"/></svg>
  86. </button>
  87. <div class="account-dropdown" id="account-dropdown">
  88. <div class="dropdown-header">已登录账号</div>
  89. <div class="account-list" id="account-list"></div>
  90. <div class="dropdown-divider"></div>
  91. <button class="dropdown-item add-account" id="btn-add-account">
  92. <svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
  93. <span>添加账号</span>
  94. </button>
  95. </div>
  96. </div>
  97. </header>
  98. <div class="content" id="content"></div>
  99. </main>
  100. <div class="toast-container" id="toast-container" aria-live="polite"></div>
  101. </div>
  102. <script src="/dashboard/echarts.min.js"></script>
  103. <script src="/dashboard/app.js?v=20260726-voice"></script>
  104. </body>
  105. </html>