Riku
2025-01-01 bb9fcf136d23b8624e44ed6458caaa605f72af91
src/views/satellitetelemetry/component/SatelliteManage.vue
@@ -6,7 +6,22 @@
          :loading="loading"
          @search="onSearch"
        ></SatelliteSearchBar>
        <el-button
          type="primary"
          class="el-button-custom"
          size="small"
          @click="handleRankClick"
        >
          {{ rankVisible ? '隐藏排名' : '显示排名' }}
        </el-button>
        <el-button
          type="primary"
          class="el-button-custom"
          size="small"
          @click="handleDataClick"
        >
          {{ dataVisible ? '隐藏数据' : '显示数据' }}
        </el-button>
        <el-table
          :data="gridDataList"
          table-layout="fixed"
@@ -52,9 +67,9 @@
import { ref } from 'vue';
import moment from 'moment';
import SatelliteSearchBar from './SatelliteSearchBar.vue';
import { useFetchData } from '@/composables/fetchData';
import gridApi from '@/api/gridApi';
import SatelliteProxy from '../SatelliteProxy';
// import { useFetchData } from '@/composables/fetchData';
// import gridApi from '@/api/gridApi';
// import SatelliteProxy from '../SatelliteProxy';
// eslint-disable-next-line no-unused-vars
function timeFormatter(row, col, cellValue, index) {
@@ -81,56 +96,25 @@
  }
});
const emits = defineEmits(['search', 'rowClick']);
const rankVisible = ref(true);
const dataVisible = ref(true);
// const { loading, fetchData } = useFetchData(10000);
// // 网格信息
// let gridInfo = [];
// // 网格数据组
// const gridDataList = ref([]);
// // 网格数据详情
// const gridDataDetailMap = new Map();
// // 地图网格相关对象
// let mapViews;
const emits = defineEmits(['search', 'rowClick', 'showRank', 'showData']);
// 查询网格信息和遥感数据组
function onSearch(options) {
  emits('search', options);
}
// // 获取网格信息
// function fetchGridCell(groupId) {
//   return fetchData(() => {
//     return gridApi.fetchGridCell(groupId).then((res) => {
//       gridInfo = res.data;
//       drawGrid(gridInfo);
//     });
//   });
// }
function handleRankClick() {
  rankVisible.value = !rankVisible.value
  emits('showRank', rankVisible.value);
}
// // 获取遥感数据组
// function fetchGridData(groupId) {
//   return gridApi.fetchGridData(groupId).then((res) => {
//     gridDataList.value = res.data;
//   });
// }
// function drawGrid(gridInfo) {
//   SatelliteProxy.clearAll(mapViews);
//   mapViews = SatelliteProxy.drawPolyline(gridInfo);
// }
// // 绘制网格遥感数据值和网格颜色
// function drawTextAndColor(gridData) {
//   // SatelliteProxy.clearText(mapViews);
//   // 文本标记
//   mapViews.textViews = SatelliteProxy.drawDataText(
//     mapViews.points,
//     gridData,
//     mapViews.textViews
//   );
//   SatelliteProxy.drawColor(mapViews.gridViews, gridData);
// }
function handleDataClick() {
  dataVisible.value = !dataVisible.value
  emits('showData', dataVisible.value);
}
function handleRowClick(row, col, event) {
  emits('rowClick', row);