From bc365ef47ae4e01754aeadbae26170e11c9bb80e Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 22 六月 2026 16:56:12 +0800
Subject: [PATCH] 新疆马铃薯 1.删除按钮添加操作权限
---
src/views/reportAnalysis/dataDashboard/components/PanelHeader.vue | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 57 insertions(+), 0 deletions(-)
diff --git a/src/views/reportAnalysis/dataDashboard/components/PanelHeader.vue b/src/views/reportAnalysis/dataDashboard/components/PanelHeader.vue
new file mode 100644
index 0000000..96ec5cb
--- /dev/null
+++ b/src/views/reportAnalysis/dataDashboard/components/PanelHeader.vue
@@ -0,0 +1,57 @@
+<template>
+ <div class="panel-header">
+ <span class="header-dot"></span>
+ <span class="panel-title">{{ title }}</span>
+ </div>
+</template>
+
+<script setup>
+defineProps({
+ title: {
+ type: String,
+ required: true,
+ default: ''
+ }
+})
+</script>
+
+<style scoped>
+.panel-header {
+ background-image: url("@/assets/BI/kehuhetongback@2x.png");
+ background-size: 100% 100%;
+ background-position: center;
+ background-repeat: no-repeat;
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+
+.header-dot {
+ width: 12px;
+ height: 12px;
+ background: linear-gradient(135deg, #4ee4ff 0%, #217aff 100%);
+ clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
+ animation: dotPulse 2s ease-in-out infinite;
+ margin-left: 32px;
+}
+
+@keyframes dotPulse {
+ 0%, 100% { opacity: 0.8; transform: scale(1); }
+ 50% { opacity: 1; transform: scale(1.1); box-shadow: 0 0 10px rgba(78, 228, 255, 0.5); }
+}
+
+.panel-title {
+ width: 100%;
+ font-weight: 500;
+ font-size: 16px;
+ color: #D9ECFF;
+ padding-left: 10px;
+ line-height: 36px;
+ animation: titleShimmer 3s ease-in-out infinite;
+}
+
+@keyframes titleShimmer {
+ 0%, 100% { opacity: 1; }
+ 50% { opacity: 0.85; }
+}
+</style>
--
Gitblit v1.9.3