From de6fd089b37613808e5a3bef38ecc0761f7456e0 Mon Sep 17 00:00:00 2001
From: Riku <risaku@163.com>
Date: 星期日, 02 三月 2025 22:07:47 +0800
Subject: [PATCH] AOD数据产品

---
 src/views/satellitetelemetry/SatelliteTelemetry.vue |   89 +++++++++-----------------------------------
 1 files changed, 18 insertions(+), 71 deletions(-)

diff --git a/src/views/satellitetelemetry/SatelliteTelemetry.vue b/src/views/satellitetelemetry/SatelliteTelemetry.vue
index 188b0f1..859211a 100644
--- a/src/views/satellitetelemetry/SatelliteTelemetry.vue
+++ b/src/views/satellitetelemetry/SatelliteTelemetry.vue
@@ -1,4 +1,6 @@
 <template>
+  <SatelliteMixTool :group-id="3"></SatelliteMixTool>
+
   <el-row class="wrap">
     <el-col span="2">
       <!-- <div class="p-events-auto">
@@ -46,7 +48,6 @@
   </el-row>
   <SatelliteDataMix class="data-mix" @mix-data="handleMixDataClick">
   </SatelliteDataMix>
-  <SatelliteMixTool :group-id="3"></SatelliteMixTool>
 
   <!-- <el-row class="historical" justify="center">
     <SatelliteAnimation
@@ -67,10 +68,12 @@
 import SatelliteManage from './component/SatelliteManage.vue';
 import SatelliteDataMix from './component/SatelliteDataMix.vue';
 import SatelliteMixTool from './component/SatelliteMixTool.vue';
-import SatelliteProxy from './SatelliteProxy';
+import { SatelliteProxy } from './SatelliteProxy';
 import { useFetchData } from '@/composables/fetchData';
 import { useSatelliteGridStore } from '@/stores/satellite-grid';
 import { useSceneStore } from '@/stores/scene';
+
+const satelliteProxy = new SatelliteProxy();
 
 const satelliteGridStore = useSatelliteGridStore();
 const { loading, fetchData } = useFetchData(10000);
@@ -83,16 +86,12 @@
 // 缃戞牸鏁版嵁璇︽儏
 const gridDataDetailMap = new Map();
 const gridDataDetailList = ref([]);
-// 鍦板浘缃戞牸鐩稿叧瀵硅薄
-let mapViews;
 
 // 鏌ヨ缃戞牸淇℃伅鍜岄仴鎰熸暟鎹粍
 function onSearch(options) {
   satelliteGridStore.fetchGridCell(options.id).then(() => {
-    SatelliteProxy.clearText(mapViews);
-    drawGrid(satelliteGridStore.gridInfo);
-    // initDistrict();
-    SatelliteProxy.drawDistrict('闀垮畞鍖�');
+    prepareGrid(satelliteGridStore.gridInfo);
+    satelliteProxy.drawDistrict('闀垮畞鍖�');
   });
   satelliteGridStore.fetchGridData(options.id).then(() => {
     max = satelliteGridStore.gridDataList.length;
@@ -127,9 +126,8 @@
   }
 }
 
-function drawGrid(gridInfo) {
-  SatelliteProxy.clearAll(mapViews);
-  mapViews = SatelliteProxy.drawPolyline(gridInfo, (polygon) => {
+function prepareGrid(gridInfo) {
+  satelliteProxy.gridPrepare(gridInfo, (polygon) => {
     //榧犳爣绉诲叆浜嬩欢
     polygon.on('mouseover', () => {
       polygon.setOptions({
@@ -154,82 +152,31 @@
   });
 }
 
-// 缁樺埗缃戞牸閬ユ劅鏁版嵁鍊煎拰缃戞牸棰滆壊
-function drawTextAndColor(gridData) {
-  // SatelliteProxy.clearText(mapViews);
-  const { resGridViews, pointsRes } = SatelliteProxy.drawColor({
-    gridViews: mapViews.gridViews,
-    points: mapViews.points,
-    gridDataDetail: gridData,
-    lastGridViews: mapViews.lastGridViews
-  });
-  mapViews.lastGridViews = resGridViews;
-  mapViews.lastPoints = pointsRes;
-  // 鏂囨湰鏍囪
-  const { textViews: dataTxt, labelsLayer: dataLayer } =
-    SatelliteProxy.drawDataText(
-      mapViews.lastPoints,
-      gridData,
-      mapViews.dataTxt,
-      mapViews.dataLayer
-    );
-  mapViews.dataTxt = dataTxt;
-  mapViews.dataLayer = dataLayer;
-  const { textViews: rankTxt, labelsLayer: rankLayer } =
-    SatelliteProxy.drawRankText(
-      mapViews.lastPoints,
-      gridData,
-      mapViews.rankTxt,
-      mapViews.rankLayer
-    );
-  mapViews.rankTxt = rankTxt;
-  mapViews.rankLayer = rankLayer;
+function drawGrid(gridData) {
+  satelliteProxy.drawGrid({ gridData });
 }
 
-let selectedGridData;
 function handleRowClick(row) {
-  if (gridDataDetailMap.has(row.id)) {
-    const gridData = gridDataDetailMap.get(row.id);
-    selectedGridData = gridData;
-    drawTextAndColor(gridData);
-  } else {
-    gridApi.fetchGridDataDetail(row.id, row.groupId).then((res) => {
-      gridDataDetailMap.set(row.id, res.data);
-      const gridData = res.data;
-      selectedGridData = gridData;
-      drawTextAndColor(gridData);
-    });
-  }
+  satelliteGridStore.fetchGridDataDetail(row, drawGrid);
 }
 
 function handleRankClick(rankVisible) {
-  // rankVisible ? map.add(mapViews.rankLayer) : map.remove(mapViews.rankLayer);
-  rankVisible ? map.add(mapViews.rankTxt) : map.remove(mapViews.rankTxt);
+  satelliteProxy.changeVisibility({ showRankTxt: rankVisible });
 }
 
 function handleDataClick(dataVisible) {
-  // dataVisible ? map.add(mapViews.dataLayer) : map.remove(mapViews.dataLayer);
-  dataVisible ? map.add(mapViews.dataTxt) : map.remove(mapViews.dataTxt);
+  satelliteProxy.changeVisibility({ showDataTxt: dataVisible });
 }
 
 function handleColorClick(isStandardColor) {
-  const { resGridViews, pointsRes } = SatelliteProxy.drawColor({
-    gridViews: mapViews.gridViews,
-    points: mapViews.points,
-    gridDataDetail: selectedGridData,
-    lastGridViews: mapViews.lastGridViews,
-    customColor: !isStandardColor
+  satelliteProxy.drawGrid({
+    gridData: satelliteGridStore.selectedGridData,
+    useCustomColor: !isStandardColor
   });
-  mapViews.lastGridViews = resGridViews;
-  mapViews.lastPoints = pointsRes;
 }
 
 function handleOpacityClick(isOpacity) {
-  mapViews.lastGridViews.forEach((e) => {
-    e.setOptions({
-      fillOpacity: isOpacity ? 0.1 : 0.7
-    });
-  });
+  satelliteProxy.changeGridOpacity({ isOpacity });
 }
 
 function handleMixDataClick(gridData) {

--
Gitblit v1.9.3