From 3b633b1b1d2bcc7be518dd1b12bfba0c27aa878e Mon Sep 17 00:00:00 2001
From: liuwei <liuwei@wdtrgf.com.cn>
Date: Thu, 16 Apr 2026 16:50:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8E=E5=8F=B0UI=E4=BC=98=E5=8C=96=EF=BC=9A?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=8C=BA=E9=97=B4=E6=94=B9=E4=B8=BA=E5=8F=B3?=
 =?UTF-8?q?=E4=B8=8A=E8=A7=92=E7=B4=A7=E5=87=91=E6=82=AC=E6=B5=AE=E6=8E=A7?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将基础模板中的统计区间从整行卡片改为右上角小胶囊控件\n- 保留原有 timeRange 与 loadData 功能，不影响统计页面交互\n- 新布局减少纵向占用，避免挤压主内容区
---
 admin/dashboard/templates/base.html | 62 ++++++++++++++++++++---------
 1 file changed, 44 insertions(+), 18 deletions(-)

diff --git a/admin/dashboard/templates/base.html b/admin/dashboard/templates/base.html
index 6b2f81e..ad68b1f 100644
--- a/admin/dashboard/templates/base.html
+++ b/admin/dashboard/templates/base.html
@@ -634,6 +634,40 @@
             flex-wrap: wrap;
         }
 
+        .time-range-float {
+            position: sticky;
+            top: 8px;
+            z-index: 80;
+            margin-left: auto;
+            margin-bottom: 10px;
+            width: fit-content;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            padding: 8px 10px;
+            border-radius: 999px;
+            background: rgba(255,255,255,0.88);
+            border: 1px solid rgba(148, 163, 184, 0.16);
+            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
+            backdrop-filter: blur(8px);
+            -webkit-backdrop-filter: blur(8px);
+        }
+
+        .time-range-float .el-select .el-input__inner {
+            height: 32px !important;
+            border-radius: 999px !important;
+            padding-left: 12px !important;
+            padding-right: 30px !important;
+            min-width: 110px;
+            font-size: 12px !important;
+        }
+
+        .time-range-float .el-button {
+            min-height: 32px !important;
+            padding: 0 10px !important;
+            border-radius: 999px !important;
+        }
+
         .v-modal {
             background: rgba(15, 23, 42, 0.16) !important;
             backdrop-filter: blur(4px);
@@ -734,24 +768,16 @@
         <div class="layout-shell">
             <main class="content">
                 <div class="content-inner">
-                    <el-row v-if="showTimeRangeSelector" :gutter="12" style="margin-bottom: 18px;">
-                        <el-col :span="24">
-                            <el-card class="toolbar-card">
-                                <el-form :inline="true" size="small" class="time-filter-form">
-                                    <el-form-item label="统计区间" style="margin-bottom:0;">
-                                        <el-select v-model="timeRange" @change="loadData">
-                                            <el-option label="最近7天" value="7"></el-option>
-                                            <el-option label="最近30天" value="30"></el-option>
-                                            <el-option label="最近90天" value="90"></el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                    <el-form-item style="margin-bottom:0;">
-                                        <el-button type="primary" @click="loadData">刷新数据</el-button>
-                                    </el-form-item>
-                                </el-form>
-                            </el-card>
-                        </el-col>
-                    </el-row>
+                    <div v-if="showTimeRangeSelector" class="time-range-float">
+                        <el-select v-model="timeRange" size="mini" @change="loadData">
+                            <el-option label="最近7天" value="7"></el-option>
+                            <el-option label="最近30天" value="30"></el-option>
+                            <el-option label="最近90天" value="90"></el-option>
+                        </el-select>
+                        <el-button size="mini" type="primary" plain @click="loadData">
+                            <i class="el-icon-refresh"></i>
+                        </el-button>
+                    </div>
 
                     {% block content %}{% endblock %}
                 </div>