From 7f73f8ab092f2441149a5f057f545a258e6401cf Mon Sep 17 00:00:00 2001
From: zhangrenyuan <18990852002@163.com>
Date: Fri, 26 Sep 2025 14:16:03 +0800
Subject: [PATCH] =?UTF-8?q?header=20=E8=BF=81=E7=A7=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/home.vue            |  5 +++--
 src/views/workspace/index.vue | 35 +++++++++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/src/views/home.vue b/src/views/home.vue
index 2724c45..3ca4933 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -192,10 +192,10 @@ function logout() {
 
       <!-- 右侧内容区域 -->
       <div class="content-container">
-        <!-- 头部 -->
+        <!-- 头部
         <el-header class="header">
           
-        </el-header>
+        </el-header> -->
 
         <!-- 主内容区域 -->
         <div class="main-area">
@@ -259,6 +259,7 @@ function logout() {
   right: 1vh;
   bottom: 1vh;
   background-image: url('@/assets/半透明background.png');
+  background-size: cover;
   z-index: 1;
   display: flex;
   flex-direction: row;
diff --git a/src/views/workspace/index.vue b/src/views/workspace/index.vue
index 13df762..1a3d69f 100644
--- a/src/views/workspace/index.vue
+++ b/src/views/workspace/index.vue
@@ -1,4 +1,8 @@
 <template>
+  <!-- 头部 -->
+        <el-header class="header">
+            <div class="title">数据总览</div>
+        </el-header>
   <div style="height: 100vh; overflow: hidden;">
     <el-row class="cards" >
       <el-col :span="12">
@@ -99,4 +103,35 @@ onMounted(async () => {
 
 <style scoped>
 
+.header {
+  /* 将纯色背景替换为线性渐变 */
+  background: linear-gradient(
+    90deg, 
+    rgba(228, 240, 252, 1) 20%, 
+    rgba(190, 218, 247, 1) 50%, 
+    rgba(228, 240, 252, 1) 100%
+  );
+  height: 6vh;
+  border-radius: 12px;
+  margin-bottom: 4px;
+  box-shadow: 0 2px 5px rgba(8, 4, 4, 0.1);
+  /* 添加阴影增强层次感 */
+  z-index: 80;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.title {
+  width: 136px;
+  color: #040a2d;
+  font-family: "PingFang SC";
+  font-size: 34px;
+  font-style: normal;
+  font-weight: 900;
+  line-height: 31.79px;
+  text-align: center;
+}
+
+
 </style>
\ No newline at end of file