forked from drone/command-center-dashboard

罗广辉
2025-03-31 46f05dd23583a4a4b58f136a4b6f2d32eb91be5a
src/views/Home/components/HomeRight/TaskAchievements.vue
@@ -5,10 +5,16 @@
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 },
@@ -16,6 +22,21 @@
  { 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>
<template>
  <CommonTitle title="任务成果" @details="detailsFun" />
@@ -28,11 +49,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>