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/qualityAnalysis/components/PanelHeader.vue | 66 +++++++++++++++++++++++++++++++++
1 files changed, 66 insertions(+), 0 deletions(-)
diff --git a/src/views/reportAnalysis/qualityAnalysis/components/PanelHeader.vue b/src/views/reportAnalysis/qualityAnalysis/components/PanelHeader.vue
new file mode 100644
index 0000000..3416ee0
--- /dev/null
+++ b/src/views/reportAnalysis/qualityAnalysis/components/PanelHeader.vue
@@ -0,0 +1,66 @@
+<template>
+ <div class="panel-header">
+ <span class="panel-title">{{ title }}</span>
+ <span v-if="$slots.extra" class="panel-extra">
+ <slot name="extra"></slot>
+ </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;
+ justify-content: space-between;
+ position: relative;
+}
+
+/* 鏍囬瑁呴グ鍔ㄧ敾 */
+.panel-header::before {
+ content: '';
+ position: absolute;
+ left: 20px;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 8px;
+ height: 8px;
+ background: #00d4ff;
+ border-radius: 50%;
+ animation: dotPulse 2s ease-in-out infinite;
+ box-shadow: 0 0 10px rgba(0, 212, 255, 0.6);
+}
+
+@keyframes dotPulse {
+ 0%, 100% { opacity: 0.6; transform: translateY(-50%) scale(1); }
+ 50% { opacity: 1; transform: translateY(-50%) scale(1.2); }
+}
+
+.panel-title {
+ font-weight: 500;
+ font-size: 16px;
+ color: #D9ECFF;
+ padding-left: 46px;
+ line-height: 36px;
+ position: relative;
+ text-shadow: 0 0 10px rgba(0, 212, 255, 0.3);
+}
+
+.panel-extra {
+ padding-right: 10px;
+ line-height: 36px;
+}
+</style>
--
Gitblit v1.9.3