From b8822b31824522b3d19d9d7f877311e3dd6d877f Mon Sep 17 00:00:00 2001
From: hejianhao <15708179461@qq.com>
Date: 星期四, 17 四月 2025 17:36:25 +0800
Subject: [PATCH] 数据显示优化
---
src/components/LeftPanel.vue | 11 ++++++-----
1 files changed, 6 insertions(+), 5 deletions(-)
diff --git a/src/components/LeftPanel.vue b/src/components/LeftPanel.vue
index 4f423ea..2711293 100644
--- a/src/components/LeftPanel.vue
+++ b/src/components/LeftPanel.vue
@@ -4,20 +4,21 @@
<div class="title">西藏国投租金系统数据看板</div>
<div class="sub-title">Ecological simulation display in business district</div>
</div>
- <div class="header-left" style="width: 350px;">
+ <div class="header-left" style="width: 410px;">
<div class="stat-group">
<div class="stat-item">
<img :src="require('@/assets/area.png')" width="40" height="40" />
<div class="stat-info">
<div class="stat-label"> <i class="icon-area"></i> 房屋总面积</div>
- <div class="stat-value">{{ staticsData.houseTotalArea }}<span class="unit">m²</span></div>
+ <div class="stat-value">{{ Number(staticsData.houseTotalArea / 10000).toFixed(2) }}<span class="unit">万m²</span>
+ </div>
</div>
</div>
<div class="stat-item">
<img :src="require('@/assets/rent.png')" width="40" height="40" />
<div class="stat-info">
<div class="stat-label"> <i class="icon-area"></i>已出租面积</div>
- <div class="stat-value">{{ staticsData.houseRentedArea }}<span class="unit">m²</span></div>
+ <div class="stat-value">{{ Number(staticsData.houseRentedArea / 10000).toFixed(2) }}<span class="unit">万m²</span></div>
</div>
</div>
</div>
@@ -31,7 +32,7 @@
</div>
</div>
<div class="stat-item mt-10">
- <img :src="require('@/assets/successPay.png')" width="40" height="40" />
+ <img :src="require('@/assets/successPay.png')" width="40" height="40" />
<div class="stat-info">
<div class="stat-label"><i class="icon-money"></i>总计已收租金</div>
<div class="stat-value">{{ staticsData.totalReceivedRent }}<span class="unit">万元</span></div>
@@ -39,7 +40,7 @@
</div>
</div>
</div>
- <div class="stat-group mt-10">
+ <div class="stat-group mt-10">
<div class="stat-item">
<img :src="require('@/assets/arrears.png')" width="40" height="40" />
<div class="stat-info">
--
Gitblit v1.7.1