From c67dbe946a1a26144529c6ee56bbe93b2ee580f1 Mon Sep 17 00:00:00 2001
From: hejianhao <15708179461@qq.com>
Date: 星期一, 24 三月 2025 15:26:23 +0800
Subject: [PATCH] Merge branch 'master' of http://120.76.84.145:10101/gitblit/r/H5/chongzhou-screen

---
 src/components/datascreen/CenterPanel.vue |   15 ++++++++-------
 1 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/datascreen/CenterPanel.vue b/src/components/datascreen/CenterPanel.vue
index 85d1f64..ece6430 100644
--- a/src/components/datascreen/CenterPanel.vue
+++ b/src/components/datascreen/CenterPanel.vue
@@ -7,7 +7,7 @@
           <img src="@/assets/center-top-left.png" alt="">
           <div>
             <div class="label">申请总户数(户)</div>
-            <div class="value">8888</div>
+            <div class="value">{{ data.houseHoldCount }}</div>
           </div>
 
         </div>
@@ -15,14 +15,14 @@
           <img src="@/assets/center-top-right.png" alt="">
           <div>
             <div class="label">本月应补偿总额(万元)</div>
-            <div class="value">8888 <span>环比</span><span class="value-change value-change-down">-4%</span></div>
+            <div class="value">{{ data.monthCompensationAmount }} <span>环比</span><span class="value-change value-change-down">{{ data.monthCompensationAmountRate }}</span></div>
           </div>
         </div>
         <div class="data-item">
           <img src="@/assets/center-top-right.png" alt="">
           <div>
             <div class="label">下月应补偿总额(万元)</div>
-            <div class="value">8888 <span>环比</span><span class="value-change value-change-up">+4%</span></div>
+            <div class="value">{{ data.nextMonthCompensationAmount }} <span>环比</span><span class="value-change value-change-up">{{ data.nextMonthCompensationAmountRate }}</span></div>
           </div>
         </div>
       </div>
@@ -30,7 +30,7 @@
 
     <!-- 中间地图 -->
     <div class="center-middle">
-      <Map :data="data.mapResponses" />
+      <Map :data="data" />
     </div>
 
     <!-- 中间下部数据 -->
@@ -100,14 +100,15 @@
 
   .map-data {
     display: flex;
-    justify-content: center;
+    justify-content: space-between;
+    padding-left: 94px;
+    padding-right: 94px;
     height: 100%;
     align-items: center;
 
     .data-item {
       display: flex;
-      width: 268px;
-
+      flex-shrink: 0;
       img {
         width: 94px;
         height: 80px;

--
Gitblit v1.7.1