feat: 地图居中点调整

罗广辉

2025-04-03 7635213630830c4cbb9ff6ada69ba9b5c8a35d42

 src/views/Home/components/HomeRight/TaskAchievements.vue

@@ -1,22 +1,3 @@
<script setup>
import CommonTitle from '@/components/CommonTitle.vue';
import { pxToRem } from '@/utils/rem';
import data1 from '@/assets/images/home/homeRight/data1.png';
import data2 from '@/assets/images/home/homeRight/data2.png';
import data3 from '@/assets/images/home/homeRight/data3.png';
import data4 from '@/assets/images/home/homeRight/data4.png';

const detailsFun = () => {
  console.log('details');
};

const list = ref([
  { name: 'AI识别', value: '14656', color: '#6DD7FF', img: data1 },
  { name: '全景', value: '174', color: '#FFAD64', img: data2 },
  { name: '三维', value: '897', color: '#8EFFAC', img: data3 },
  { name: '正射', value: '1185', color: '#61FFFC', img: data4 },
]);
</script>
<template>
  <CommonTitle title="任务成果" @details="detailsFun" />
  <div :style="{ marginLeft: pxToRem(14) }">
@@ -28,11 +9,11 @@
          <div class="rawDataContent">
            <div>
              <div class="title">照片总数(张)</div>
              <div class="value">6582</div>
              <div class="value">{{ photoNum }}</div>
            </div>
            <div>
              <div class="title">视频总数(个)</div>
              <div class="value">4785</div>
              <div class="value">{{ videoNum }}</div>
            </div>
          </div>
        </div>
@@ -52,6 +33,46 @@
    </div>
  </div>
</template>
<script setup>
import CommonTitle from '@/components/CommonTitle.vue';
import { pxToRem } from '@/utils/rem';
import data1 from '@/assets/images/home/homeRight/data1.png';
import data2 from '@/assets/images/home/homeRight/data2.png';
import data3 from '@/assets/images/home/homeRight/data3.png';
import data4 from '@/assets/images/home/homeRight/data4.png';
import {  getMediaFileCountBy } from '@/api/home/index.js'

const detailsFun = () => {
  console.log('details');
};

// 照片总数
let photoNum = ref(0);
// 视频总数
let videoNum = ref(0);

const list = ref([
  { name: 'AI识别', value: '14656', color: '#6DD7FF', img: data1 },
  { name: '全景', value: '174', color: '#FFAD64', img: data2 },
  { name: '三维', value: '897', color: '#8EFFAC', img: data3 },
  { name: '正射', value: '1185', color: '#61FFFC', img: data4 },
]);
const getStatisticalData = () => {
  getMediaFileCountBy().then((res) => {
    if (res.data.code !== 0) return;
    let result = res.data.data
    list.value[0].value = result.aiNum;
    list.value[1].value = result.fullNum;
    list.value[2].value = result.gisNum;
    list.value[3].value = result.tifNum;
    photoNum.value = result.phoneNum;
    videoNum.value = result.videoNum;
  });
};
onMounted(() => {
  getStatisticalData();
});
</script>

<style scoped lang="scss">
.taskAchievements {