小草代账管家_H5/index.html · 约 2996 字符
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,maximum-scale=1,user-scalable=no"/>
6<title>工作台 · 小草代账管家</title>
7<link rel="stylesheet" href="style.css"/>
8</head>
9<body>
10
11<div class="welcome">
12 <div class="wc-date">2026-08-14 星期五 · 晴</div>
13 <div class="wc-hello">👋 早上好，王经理</div>
14 <div class="wc-role">财税管家 · 负责客户 128 家 · 团队 8 人</div>
15</div>
16<div class="stat-panel">
17 <div class="sp-item"><b>128</b><span>在管客户</span></div>
18 <div class="sp-item"><b>¥18.6万</b><span>本月应收</span></div>
19 <div class="sp-item"><b>¥12.4万</b><span>本月已收</span></div>
20 <div class="sp-item"><b>3</b><span>逾期预警</span></div>
21</div>
22<div class="quick-grid">
23 <a href="clients.html"><div class="qicon">👥</div>客户管理</a>
24 <a href="contracts.html"><div class="qicon">📄</div>合同续费</a>
25 <a href="bills.html"><div class="qicon">💰</div>收费管理</a>
26 <a href="tasks.html"><div class="qicon">🧾</div>报税任务</a>
27 <a data-toast="电销外呼 68 通 · 接通率 42%"><div class="qicon">📞</div>电销拓客</a>
28 <a data-toast="线索公海 56 条待分配"><div class="qicon">🎣</div>线索公海</a>
29 <a data-toast="批量导入客户 200 家成功"><div class="qicon">📥</div>批量导入</a>
30 <a href="stats.html"><div class="qicon">📊</div>经营报表</a>
31</div>
32<div class="section-title">⚡ 今日待办与预警 <span>共 6 项</span></div>
33<div class="alert-list" id="alertList"></div>
34<div class="section-title">📈 本月业绩进度</div>
35<div class="card" style="margin-top:0">
36 <div class="bar-row"><span class="br-label">应收</span><div class="br-bar"><i style="width:66%"></i></div><span class="br-val">66%</span></div>
37 <div class="bar-row"><span class="br-label">回款</span><div class="br-bar"><i style="width:67%"></i></div><span class="br-val">67%</span></div>
38 <div class="bar-row"><span class="br-label">续费率</span><div class="br-bar"><i style="width:91%"></i></div><span class="br-val">91%</span></div>
39</div>
40
41
42<nav class="tabbar"><a class=" active" href="index.html"><span class="icon">🏠</span>工作台</a><a class="" href="clients.html"><span class="icon">👥</span>客户</a><a class="" href="contracts.html"><span class="icon">📄</span>合同</a><a class="" href="stats.html"><span class="icon">📊</span>报表</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
43<script src="data.js"></script>
44<script>
45 var al = document.getElementById('alertList');
46 var h = '';
47 window.DATA.alerts.forEach(function (a) {
48 h += '<div class="alert-item"><div class="ai-dot ' + a.dot + '"></div><div class="ai-body">' + a.text + '</div><div class="ai-time">' + a.time + '</div></div>';
49 });
50 al.innerHTML = h;
51</script>
52<script src="app.js"></script>
53</body>
54</html>