优化

hejianhao

2025-03-26 e7534557b6cefd4bd7fffcdf72396f0b031bdc81

优化

 src/components/LeftPanel.vue

@@ -264,7 +264,7 @@
  border-radius: 8px;
  padding: 15px;
  min-height: 300px;
  max-height: calc(100vh - 600px);
  /* max-height: calc(100vh - 600px); */
  overflow: hidden;
  margin-bottom: 20px;
}

 src/components/RightPanel.vue

@@ -65,6 +65,7 @@
</template>

<script>
import { getRealTimeRentData } from './service'
export default {
  name: 'RightPanel',
  props: {
@@ -78,7 +79,20 @@
    }
  },
  data() {
    return {}
    return {
      realTimeRentData: []
    }
  },
  created() {
    
    getRealTimeRentData().then(res => {
      this.realTimeRentData = res.data
    })
    setInterval(() => {
      getRealTimeRentData().then(res => {
        this.realTimeRentData = res.data
      })
    }, 10000)
  }
}
</script>

 src/views/DataScreen.vue

@@ -4,7 +4,7 @@
    <div v-if="loading" class="main-content">
      <LeftPanel :staticsData="staticsData" :rentRank="rentRank" />
      <MapPanel />
      <RightPanel :staticsData="staticsData" :realTimeRentData="realTimeRentData" />
      <RightPanel :staticsData="staticsData" />
    </div>
    <BottomCharts v-if="loading" :rentIncomeTrend="rentIncomeTrend" :tenantCountTrend="tenantCountTrend" />
    <div class="footer"></div>
@@ -17,7 +17,7 @@
import MapPanel from '@/components/MapPanel.vue'
import RightPanel from '@/components/RightPanel.vue'
import BottomCharts from '@/components/BottomCharts.vue'
import { getStaticsData, getRentRank, getRentIncomeTrend, getTenantCountTrend, getRealTimeRentData } from '@/components/service'
import { getStaticsData, getRentRank, getRentIncomeTrend, getTenantCountTrend } from '@/components/service'

export default {
  name: 'DataScreen',
@@ -34,7 +34,6 @@
      rentRank: [],
      rentIncomeTrend: [],
      tenantCountTrend: [],
      realTimeRentData: [],
      loading: false
    }
  },
@@ -46,12 +45,11 @@
  },
  methods: {
    fetchData() {
      Promise.all([getStaticsData(), getRentRank(), getRentIncomeTrend(), getTenantCountTrend(), getRealTimeRentData()]).then(res => {
      Promise.all([getStaticsData(), getRentRank(), getRentIncomeTrend(), getTenantCountTrend()]).then(res => {
        this.staticsData = res[0].data
        this.rentRank = res[1].data
        this.rentIncomeTrend = res[2].data
        this.tenantCountTrend = res[3].data
        this.realTimeRentData = res[4].data
        this.loading = true
      })
    }