| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>企微智能办公助手</title>
- <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">
- <link rel="stylesheet" href="/dashboard/styles.css?v=20260726-voice">
- </head>
- <body>
- <div class="app" id="app">
- <aside class="sidebar" id="sidebar">
- <div class="brand">
- <div class="brand-icon">
- <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>
- </div>
- <div class="brand-text">企微助手</div>
- </div>
- <nav class="nav" id="nav">
- <div class="nav-group">
- <div class="nav-label">经营驾驶舱</div>
- <a class="nav-item active" href="#overview" data-page="overview">
- <svg viewBox="0 0 24 24"><path d="M3 13h8V3H3v10Zm0 8h8v-6H3v6Zm10 0h8V11h-8v10Zm0-18v6h8V3h-8Z"/></svg>
- <span>经营总览</span>
- </a>
- </div>
- <div class="nav-group">
- <div class="nav-label">数字岗位</div>
- <a class="nav-item" href="#agent" data-page="agent">
- <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>
- <span>客服工作台</span>
- </a>
- <a class="nav-item" href="#group-ops" data-page="group-ops">
- <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>
- <span>社群运营</span>
- </a>
- <a class="nav-item" href="#customer-ops" data-page="customer-ops">
- <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>
- <span>客户运营</span>
- </a>
- </div>
- <div class="nav-group">
- <div class="nav-label">业务资产</div>
- <a class="nav-item" href="#groups" data-page="groups">
- <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>
- <span>客户群</span>
- </a>
- <a class="nav-item" href="#portraits" data-page="portraits">
- <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>
- <span>画像与标签</span>
- </a>
- <a class="nav-item" href="#transfers" data-page="transfers">
- <svg viewBox="0 0 24 24"><path d="M16.01 11H4v2h12.01v3L20 12l-3.99-4v3zM6 17l-4-4 4-4v3h12v2H6v3z"/></svg>
- <span>客户交接</span>
- </a>
- <a class="nav-item" href="#knowledge" data-page="knowledge">
- <svg viewBox="0 0 24 24"><path d="M10 4H2v16h20V6H12l-2-2zm10 14H4V6h5.17l2 2H20v10zM8 10h8v2H8v-2zm0 4h6v2H8v-2z"/></svg>
- <span>知识与任务</span>
- </a>
- </div>
- <div class="nav-group">
- <div class="nav-label">系统</div>
- <a class="nav-item" href="#skills" data-page="skills">
- <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>
- <span>数字员工能力</span>
- </a>
- <a class="nav-item" href="#status" data-page="status">
- <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>
- <span>连接与设置</span>
- </a>
- </div>
- </nav>
- </aside>
- <button class="sidebar-backdrop" id="sidebar-backdrop" type="button" aria-label="关闭导航"></button>
- <main class="main">
- <header class="topbar">
- <button class="menu-btn" id="menu-btn" aria-label="切换菜单">
- <svg viewBox="0 0 24 24"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
- </button>
- <h1 class="page-title" id="page-title">经营总览</h1>
- <div class="account-switcher" id="account-switcher">
- <button class="account-btn" id="account-btn">
- <span class="account-dot offline" id="account-dot"></span>
- <span class="account-name" id="account-name">未登录</span>
- <svg viewBox="0 0 24 24" class="account-chevron"><path d="M7 10l5 5 5-5z"/></svg>
- </button>
- <div class="account-dropdown" id="account-dropdown">
- <div class="dropdown-header">已登录账号</div>
- <div class="account-list" id="account-list"></div>
- <div class="dropdown-divider"></div>
- <button class="dropdown-item add-account" id="btn-add-account">
- <svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
- <span>添加账号</span>
- </button>
- </div>
- </div>
- </header>
- <div class="content" id="content"></div>
- </main>
- <div class="toast-container" id="toast-container" aria-live="polite"></div>
- </div>
- <script src="/dashboard/echarts.min.js"></script>
- <script src="/dashboard/app.js?v=20260726-voice"></script>
- </body>
- </html>
|