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/LeftPanel.vue | 52 ++++++++++++----------------------------------------
1 files changed, 12 insertions(+), 40 deletions(-)
diff --git a/src/components/datascreen/LeftPanel.vue b/src/components/datascreen/LeftPanel.vue
index f17df7d..0f923b6 100644
--- a/src/components/datascreen/LeftPanel.vue
+++ b/src/components/datascreen/LeftPanel.vue
@@ -1,23 +1,13 @@
<template>
<div class="left-panel">
<!-- 参与统计 -->
- <div class="statistics-box panel-item">
- <div class="box-title">已参与自主购房安置统计</div>
- <div class="statistics-content">
- <div class="stat-item">
- <div class="number">{{ totalHouseholds }}</div>
- <div class="label">总参与户数(户)</div>
- </div>
- <div class="stat-item">
- <div class="number">{{ totalPeople }}</div>
- <div class="label">总参与人数(人)</div>
- </div>
- </div>
+ <div class="statistics-box">
+ <!-- <div class="box-title">各街道/乡参与排名</div> -->
</div>
<!-- 各街道参与排名 -->
- <div class="ranking-box panel-item">
- <div class="box-title">各街道/乡参与排名</div>
+ <div class="ranking-box">
+ <!-- <div class="box-title">各街道/乡参与排名</div>
<div class="ranking-list">
<div v-for="(item, index) in rankingList" :key="index" class="ranking-item">
<span class="rank">{{ index + 1 }}</span>
@@ -27,11 +17,11 @@
</div>
<span class="value">{{ item.value }}</span>
</div>
- </div>
+ </div> -->
</div>
<!-- 安置房完成比 -->
- <div class="line-chart panel-item">
+ <div class="line-chart">
<div class="box-title">安置房完成比</div>
<div class="pie-chart">
<v-chart class="chart" :option="pieOption" autoresize />
@@ -94,46 +84,28 @@
bottom: 20px;
.statistics-box {
height: 196px;
+ background: url('@/assets/left-top-bg.png') no-repeat center center;
+ background-size: 100% 100%;
}
.ranking-box {
height: 466px;
margin-top: 21px;
+ background: url('@/assets/left-middle-bg.png') no-repeat center center;
+ background-size: 100% 100%;
}
.line-chart {
height: 244px;
margin-top: 21px;
-
+ background: url('@/assets/left-bottom-bg.png') no-repeat center center;
+ background-size: 100% 100%;
}
- .panel-item {
- background: rgba(0,0,255,0.1);
- border: 1px solid rgba(0,255,255,0.2);
- border-radius: 10px;
- }
.box-title {
font-size: 20px;
color: #7cb9e8;
}
- .statistics-content {
- display: flex;
- justify-content: space-around;
-
- .stat-item {
- text-align: center;
-
- .number {
- font-size: 36px;
- color: #00ffff;
- }
-
- .label {
- font-size: 14px;
- color: #7cb9e8;
- }
- }
- }
.ranking-item {
display: flex;
--
Gitblit v1.7.1