数据显示优化

hejianhao

2025-04-17 b8822b31824522b3d19d9d7f877311e3dd6d877f

数据显示优化

 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>