From 7635213630830c4cbb9ff6ada69ba9b5c8a35d42 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Thu, 03 Apr 2025 11:05:34 +0800
Subject: [PATCH] feat: 地图居中点调整
---
src/views/Home/components/HomeRight/TaskAchievements.vue | 63 +++++++++++++++++++++----------
1 files changed, 42 insertions(+), 21 deletions(-)
diff --git a/src/views/Home/components/HomeRight/TaskAchievements.vue b/src/views/Home/components/HomeRight/TaskAchievements.vue
index 2ad728a..d2c73b8 100644
--- a/src/views/Home/components/HomeRight/TaskAchievements.vue
+++ b/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 {
--
Gitblit v1.9.3