| | |
| | | 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: '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" /> |
| | |
| | | <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> |