hejianhao
2025-03-24 c67dbe946a1a26144529c6ee56bbe93b2ee580f1
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;