From 1c31659852f8360cc0fdfac26aff51e54b8b8b67 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期五, 27 十二月 2024 17:21:58 +0800 Subject: [PATCH] 添加排名展示;优化展示方式 --- src/views/satellitetelemetry/SatelliteTelemetry.vue | 46 +++++++++++++++------------------------------- 1 files changed, 15 insertions(+), 31 deletions(-) diff --git a/src/views/satellitetelemetry/SatelliteTelemetry.vue b/src/views/satellitetelemetry/SatelliteTelemetry.vue index 9260b30..6b37603 100644 --- a/src/views/satellitetelemetry/SatelliteTelemetry.vue +++ b/src/views/satellitetelemetry/SatelliteTelemetry.vue @@ -11,7 +11,7 @@ </el-button> --> <SatelliteManage class="satellite-manage" - :gridDataList="gridDataList" + :gridDataList="satelliteGridStore.gridDataList" :loading="loading" @search="onSearch" @row-click="handleRowClick" @@ -36,13 +36,12 @@ import SatelliteManage from './component/SatelliteManage.vue'; import SatelliteProxy from './SatelliteProxy'; import { useFetchData } from '@/composables/fetchData'; +import { useSatelliteGridStore } from '@/stores/satellite-grid'; +const satelliteGridStore = useSatelliteGridStore(); const { loading, fetchData } = useFetchData(10000); const animaLoading = ref(true); -// 缃戞牸淇℃伅 -let gridInfo = []; -// 缃戞牸鏁版嵁缁� -const gridDataList = ref([]); + let count = 0, max = 0; // 缃戞牸鏁版嵁璇︽儏 @@ -53,28 +52,10 @@ // 鏌ヨ缃戞牸淇℃伅鍜岄仴鎰熸暟鎹粍 function onSearch(options) { - fetchGridCell(options.id); - fetchGridData(options.id); -} - -// 鑾峰彇缃戞牸淇℃伅 -function fetchGridCell(groupId) { - return fetchData(() => { - return gridApi.fetchGridCell(groupId).then((res) => { - gridInfo = res.data; - drawGrid(gridInfo); - }); + satelliteGridStore.fetchGridCell(options.id).then(() => { + drawGrid(satelliteGridStore.gridInfo); }); -} - -// 鑾峰彇閬ユ劅鏁版嵁缁� -function fetchGridData(groupId) { - return gridApi.fetchGridData(groupId).then((res) => { - gridDataList.value = res.data; - count = 0; - max = res.data.length; - fetchGridDataDetail(res.data); - }); + satelliteGridStore.fetchGridData(options.id); } function fetchGridDataDetail(dataList) { @@ -113,11 +94,14 @@ function drawTextAndColor(gridData) { // SatelliteProxy.clearText(mapViews); // 鏂囨湰鏍囪 - mapViews.textViews = SatelliteProxy.drawDataText( - mapViews.points, - gridData, - mapViews.textViews - ); + const { textViews: dataTxt, labelsLayer: dataLayer } = + SatelliteProxy.drawDataText(mapViews.points, gridData, mapViews.dataTxt); + mapViews.dataTxt = dataTxt; + mapViews.dataLayer = dataLayer; + const { textViews: rankTxt, labelsLayer: rankLayer } = + SatelliteProxy.drawRankText(mapViews.points, gridData, mapViews.rankTxt); + mapViews.rankTxt = rankTxt; + mapViews.rankLayer = rankLayer; SatelliteProxy.drawColor(mapViews.gridViews, gridData); } -- Gitblit v1.9.3