pc116/index.html · 约 5482 字符
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.0">
6<title>税务任务督办 - 首页</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="app">
11 <aside class="sidebar">
12 <div class="brand"><span class="brand-icon">⚙️</span>税务任务督办</div>
13 <nav class="nav"><a href="index.html" class="active"><span class="icon">🏠</span>首页</a><a href="tasks.html" class=""><span class="icon">📋</span>我的任务</a><a href="publish.html" class=""><span class="icon">➕</span>发布任务</a></nav>
14 <div class="side-foot">© 2026 智慧税务管理平台</div>
15 </aside>
16 <div class="main">
17 <header class="topbar">
18 <div class="topbar-left">
19 <button class="menu-btn">☰</button>
20 <div class="search-box"><input type="text" placeholder="搜索任务、税务所、来源..."></div>
21 </div>
22 <div class="topbar-right">
23 <span class="bell">🔔<span class="dot"></span></span>
24 <div class="user"><span class="user-avatar">A</span>admin <span>▼</span></div>
25 </div>
26 </header>
27 <main class="content"><div class="tabs"><span class="tab active">首页</span><span class="tab">统计</span><span class="tab">报表</span></div>
28<div class="cards"><div class="card"><div><div class="card-label">总任务</div><div class="card-value">4295</div></div><div class="card-icon blue">📊</div></div><div class="card"><div><div class="card-label">已完成</div><div class="card-value">3263</div></div><div class="card-icon green">✅</div></div><div class="card"><div><div class="card-label">未完成</div><div class="card-value">1032</div></div><div class="card-icon orange">📝</div></div><div class="card"><div><div class="card-label">完成率</div><div class="card-value">76%</div></div><div class="card-icon cyan">📈</div></div><div class="card"><div><div class="card-label">逾期数</div><div class="card-value">299</div></div><div class="card-icon red">⏰</div></div><div class="card"><div><div class="card-label">逾期率</div><div class="card-value">7%</div></div><div class="card-icon purple">⚠️</div></div></div>
29<div class="panels">
30 <div class="panel">
31 <div class="panel-title">任务来源情况分布</div>
32 <div class="chart-wrap">
33 <svg class="donut" viewBox="0 0 180 180"><circle r="77" cx="90" cy="90" stroke="#3b82f6" stroke-dasharray="343.02 140.78" stroke-dashoffset="0.00"/><circle r="77" cx="90" cy="90" stroke="#22c55e" stroke-dasharray="66.58 417.23" stroke-dashoffset="-343.02"/><circle r="77" cx="90" cy="90" stroke="#f59e0b" stroke-dasharray="74.20 409.60" stroke-dashoffset="-409.60"/><circle r="52" cx="90" cy="90" stroke="#f1f5f9" stroke-width="26"/></svg>
34 <div class="legend"><div class="legend-item"><span class="legend-dot" style="background:#3b82f6"></span><span>金三核心征信</span><span class="legend-num">2880</span></div><div class="legend-item"><span class="legend-dot" style="background:#22c55e"></span><span>风控平台</span><span class="legend-num">559</span></div><div class="legend-item"><span class="legend-dot" style="background:#f59e0b"></span><span>系统外任务</span><span class="legend-num">623</span></div></div>
35 </div>
36 </div>
37 <div class="panel">
38 <div class="panel-title">各税务所任务情况</div>
39 <table class="table">
40 <thead><tr><th>名称</th><th>排名</th><th>总任务</th><th>已完成</th><th>未完成</th><th>逾期</th><th>完成率</th></tr></thead>
41 <tbody><tr><td>新区第一税务所</td><td>1</td><td>342</td><td>321</td><td>21</td><td>14</td><td><span class="badge" style="background:#16a34a">94%</span></td></tr><tr><td>北湖税源管理二科</td><td>2</td><td>417</td><td>385</td><td>32</td><td>19</td><td><span class="badge" style="background:#16a34a">92%</span></td></tr><tr><td>南湖征收管理科</td><td>3</td><td>332</td><td>298</td><td>34</td><td>33</td><td><span class="badge" style="background:#16a34a">90%</span></td></tr><tr><td>经开税源管理二科</td><td>4</td><td>418</td><td>345</td><td>73</td><td>62</td><td><span class="badge" style="background:#3b82f6">83%</span></td></tr><tr><td>南湖税源管理一科</td><td>5</td><td>484</td><td>403</td><td>81</td><td>31</td><td><span class="badge" style="background:#3b82f6">83%</span></td></tr><tr><td>城西税源管理二科</td><td>6</td><td>257</td><td>200</td><td>57</td><td>7</td><td><span class="badge" style="background:#3b82f6">78%</span></td></tr><tr><td>滨江纳税服务科</td><td>7</td><td>408</td><td>282</td><td>126</td><td>73</td><td><span class="badge" style="background:#f59e0b">69%</span></td></tr><tr><td>城区第一税务所</td><td>8</td><td>435</td><td>298</td><td>137</td><td>98</td><td><span class="badge" style="background:#f59e0b">69%</span></td></tr><tr><td>城西风险管理科</td><td>9</td><td>348</td><td>225</td><td>123</td><td>20</td><td><span class="badge" style="background:#f59e0b">65%</span></td></tr><tr><td>临港风险管理科</td><td>10</td><td>353</td><td>225</td><td>128</td><td>25</td><td><span class="badge" style="background:#f59e0b">64%</span></td></tr></tbody>
42 </table>
43 <div class="pagination"><span>共 10 条</span><span>1</span><span>2</span><span>3</span><span class="active">1</span><span>2</span><span>3</span></div>
44 </div>
45</div></main>
46 </div>
47</div>
48</body>
49</html>