From 617ad108a3c7f4e676229b1495185e66fac644b7 Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期三, 25 三月 2026 17:11:02 +0800
Subject: [PATCH] 销售统计看板自适应,以及中心背景替换
---
src/views/reportAnalysis/PSIDataAnalysis/components/PanelHeader.vue | 54 ++++++++++++++++++++++++++++++++----------------------
1 files changed, 32 insertions(+), 22 deletions(-)
diff --git a/src/views/reportAnalysis/PSIDataAnalysis/components/PanelHeader.vue b/src/views/reportAnalysis/PSIDataAnalysis/components/PanelHeader.vue
index 313f1df..12fa201 100644
--- a/src/views/reportAnalysis/PSIDataAnalysis/components/PanelHeader.vue
+++ b/src/views/reportAnalysis/PSIDataAnalysis/components/PanelHeader.vue
@@ -1,33 +1,43 @@
<template>
<div class="panel-header">
- <span class="panel-title">{{ title }}</span>
+ <span :class="{'panel-title': !isFullscreen, 'panel-title-fullscreen': isFullscreen}">{{ title }}</span>
</div>
</template>
<script setup>
-defineProps({
- title: {
- type: String,
- required: true,
- default: ''
- }
-})
+ defineProps({
+ title: {
+ type: String,
+ required: true,
+ default: "",
+ },
+ isFullscreen: {
+ type: Boolean,
+ default: false,
+ },
+ });
</script>
<style scoped>
-.panel-header {
- background-image: url("@/assets/BI/kehuhetongback@2x.png");
- background-size: 100% 100%;
- background-position: center;
- background-repeat: no-repeat;
-}
+ .panel-header {
+ background-image: url("@/assets/BI/kehuhetongback@2x.png");
+ background-size: 100% 100%;
+ background-position: center;
+ background-repeat: no-repeat;
+ }
-.panel-title {
- width: 100%;
- font-weight: 500;
- font-size: 16px;
- color: #D9ECFF;
- padding-left: 46px;
- line-height: 36px;
-}
+ .panel-title {
+ width: 100%;
+ font-weight: 500;
+ font-size: 16px;
+ color: #d9ecff;
+ padding-left: 46px;
+ line-height: 36px;
+ }
+
+ .panel-title-fullscreen {
+ font-size: 1.6vh;
+ line-height: 4vh;
+ padding-left: 4.6vh;
+ }
</style>
--
Gitblit v1.9.3