From f9aca54f61b9e0a481eac05ea227cb503ce6c87d Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Mon, 26 Jan 2026 09:22:50 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E5=A4=A7=E5=B1=8F=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=B7=BB=E5=8A=A0=E8=BF=94=E5=9B=9E=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dashboard8/components/DashboardHeader.vue | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/src/views/report/dashboardPage/dashboard8/components/DashboardHeader.vue b/src/views/report/dashboardPage/dashboard8/components/DashboardHeader.vue
index 7bde15b7..451e5239 100644
--- a/src/views/report/dashboardPage/dashboard8/components/DashboardHeader.vue
+++ b/src/views/report/dashboardPage/dashboard8/components/DashboardHeader.vue
@@ -11,6 +11,10 @@
         </div>
       </div>
       <div class="header-right">
+        <el-button class="back-btn" type="primary" size="small" plain @click="goBack">
+          <Icon icon="fa-solid:arrow-left" class="back-icon" />
+          <span>返回</span>
+        </el-button>
         <span class="chip">
           <Icon icon="fa-regular:clock" class="chip-icon" />
           <span>{{ timeStr }}</span>
@@ -26,6 +30,9 @@
 
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted } from 'vue'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
 
 const timeStr = ref('')
 let timer: number | undefined
@@ -41,6 +48,10 @@ const updateTime = () => {
   timeStr.value = `${y}-${m}-${day} ${h}:${mi}:${s}`
 }
 
+const goBack = () => {
+  router.back()
+}
+
 onMounted(() => {
   updateTime()
   timer = window.setInterval(updateTime, 1000)
@@ -123,6 +134,28 @@ header {
   color: var(--muted);
 }
 
+.back-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 12px;
+  border-radius: 999px;
+  border-color: rgba(56, 189, 248, 0.85);
+  background: radial-gradient(circle at 0 0, rgba(56, 189, 248, 0.22), transparent 70%);
+  color: #e0f2fe;
+  box-shadow: 0 0 18px rgba(56, 189, 248, 0.45);
+}
+
+.back-btn:hover {
+  border-color: rgba(96, 165, 250, 0.95);
+  background: radial-gradient(circle at 0 0, rgba(59, 130, 246, 0.35), transparent 70%);
+}
+
+.back-icon {
+  font-size: 14px;
+  color: var(--accent);
+}
+
 .chip {
   border-radius: 999px;
   border: 1px solid rgba(148, 163, 184, 0.5);