优化: 深度重构 UI 为玻璃拟态风格，优化大数据量下的搜索筛选性能，解决控制台报错

2026-01-11 10:58:26 +08:00
parent 3e58ab7255
commit 223d4859d1
3 changed files with 226 additions and 85 deletions
@@ -7,7 +7,6 @@
    <title>销售数据分析器</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 </head>

 <body>
@@ -95,10 +94,10 @@
                        <input type="text" id="searchInput" placeholder="搜索商品...">
                    </div>
                    <div class="filter-group">
-                        <button class="filter-chip active" onclick="filterByAmount('all')">全部</button>
-                        <button class="filter-chip" onclick="filterByAmount('high')">高额</button>
-                        <button class="filter-chip" onclick="filterByAmount('medium')">中等</button>
-                        <button class="filter-chip" onclick="filterByAmount('low')">低额</button>
+                        <button class="filter-chip active" onclick="filterByAmount('all', this)">全部</button>
+                        <button class="filter-chip" onclick="filterByAmount('high', this)">高额</button>
+                        <button class="filter-chip" onclick="filterByAmount('medium', this)">中等</button>
+                        <button class="filter-chip" onclick="filterByAmount('low', this)">低额</button>
                    </div>
                    <button class="btn btn-outline btn-sm action-btn" onclick="exportData()">
                        <i class="fas fa-download"></i> 导出