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