diff --git a/src/views/lsxmsb/TemporaryProject.vue b/src/views/lsxmsb/TemporaryProject.vue index 078b62d..763f4f8 100644 --- a/src/views/lsxmsb/TemporaryProject.vue +++ b/src/views/lsxmsb/TemporaryProject.vue @@ -36,6 +36,9 @@ import * as turf from '@turf/turf'; import TaskForm from './TaskForm.vue'; // 表单组件 import bus from '@/utils/utils'; +import { useStore } from '@/pinia/store.js'; + +const pinias = useStore(); const timer = ref(null); const showBottom = ref(false); const ProjectData = ref({}); @@ -95,6 +98,7 @@ { name: 'Suspended', font: '已停工' }, ]); const getProjectss = async () => { + pinias.showLoading(); let { data } = await getProjects(); let features = data; // console.log(features, 'features'); @@ -114,6 +118,7 @@ }); // console.log('legendList---', legendList.value); bus.emit('setLegendData', legendList.value); + pinias.hideLoading(); timer.value = setInterval(() => { if (!!!newfiberMap.map.getLayer('point')) { return; @@ -126,16 +131,6 @@ }, 1000); }; -const formatter = (item) => { - let str = ''; - legendList.value.forEach((element) => { - if (element.name == item) { - str = element.font; - } - }); - return str; -}; - const formatter2 = (item) => { let str = ''; jiansheleixing.value.forEach((element) => { @@ -166,7 +161,7 @@ if (!newfiberMap) return; getProjectss(); clearInterval(initeTimer); - }, 100); + }, 1000); setTimeout(() => { newfiberMap.map.on('click', 'point', (e) => { const feature = ( @@ -181,6 +176,9 @@ }); }, 2000); }); +onBeforeUnmount(() => { + if (timer.value) clearInterval(timer.value); +});