From d8f73f01aa2649817cf48048162728ea675c724a Mon Sep 17 00:00:00 2001
From: pyt <626651354@qq.com>
Date: 星期五, 21 三月 2025 17:13:52 +0800
Subject: [PATCH] 提交背景图
---
src/components/datascreen/CenterPanel.vue | 61 ++----------------------------
1 files changed, 5 insertions(+), 56 deletions(-)
diff --git a/src/components/datascreen/CenterPanel.vue b/src/components/datascreen/CenterPanel.vue
index 9865b5a..8a776a1 100644
--- a/src/components/datascreen/CenterPanel.vue
+++ b/src/components/datascreen/CenterPanel.vue
@@ -30,7 +30,6 @@
<!-- 中间地图 -->
<div class="center-middle panel-item">
- <div class="map-title">辖区分布</div>
<div class="map-chart">
<v-chart class="chart" :option="mapOption" autoresize />
</div>
@@ -38,18 +37,7 @@
<!-- 中间下部数据 -->
<div class="center-bottom panel-item">
- <div class="box-title">处理进度</div>
- <div class="progress-list">
- <div class="progress-item" v-for="(item, index) in progressList" :key="index">
- <div class="progress-info">
- <span class="label">{{ item.label }}</span>
- <span class="value">{{ item.value }}</span>
- </div>
- <div class="progress-bar">
- <div class="progress" :style="{ width: item.percentage + '%' }"></div>
- </div>
- </div>
- </div>
+
</div>
</div>
</template>
@@ -103,7 +91,6 @@
flex-direction: column;
.panel-item {
- background: rgba(0, 0, 255, 0.1);
border-radius: 10px;
}
@@ -116,11 +103,6 @@
.center-middle {
flex: 1;
- .map-title {
- font-size: 24px;
- color: #7cb9e8;
- }
-
.map-chart {
height: calc(100% - 44px);
}
@@ -128,42 +110,9 @@
.center-bottom {
height: 245px;
+ background: url('@/assets/center-bottom-bg.png') no-repeat center center;
+ background-size: 100% 100%;
- .progress-list {
- height: calc(100% - 35px);
- display: flex;
- flex-direction: column;
- justify-content: space-around;
-
- .progress-item {
- .progress-info {
- display: flex;
- justify-content: space-between;
-
- .label {
- color: #7cb9e8;
- }
-
- .value {
- color: #00ffff;
- }
- }
-
- .progress-bar {
- width: 100%;
- height: 6px;
- background: rgba(0, 255, 255, 0.1);
- border-radius: 3px;
-
- .progress {
- height: 100%;
- background: linear-gradient(to right, #00ffff, #7cb9e8);
- border-radius: 3px;
- transition: width 0.3s ease;
- }
- }
- }
- }
}
.map-data {
@@ -200,11 +149,11 @@
}
.value-change-up {
- color: #00ffff;
+ color: #FEDB65;
}
.value-change-down {
- color: #FEDB65;
+ color: #00ffff;
}
}
}
--
Gitblit v1.7.1