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/component/SatelliteManage.vue | 112 ++++++++++++++++++++++++++++++++++---------------------- 1 files changed, 68 insertions(+), 44 deletions(-) diff --git a/src/views/satellitetelemetry/component/SatelliteManage.vue b/src/views/satellitetelemetry/component/SatelliteManage.vue index 749292d..2fe2100 100644 --- a/src/views/satellitetelemetry/component/SatelliteManage.vue +++ b/src/views/satellitetelemetry/component/SatelliteManage.vue @@ -6,7 +6,40 @@ :loading="loading" @search="onSearch" ></SatelliteSearchBar> - + <el-row class="m-b-8"> + <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-button + type="primary" + class="el-button-custom" + size="small" + @click="handleColorClick" + > + {{ isStandardColor ? '缁樺埗瀵规瘮鑹�' : '缁樺埗鏍囧噯鑹�' }} + </el-button> + <el-button + type="primary" + class="el-button-custom" + size="small" + @click="handleOpacityClick" + > + {{ !isOpacity ? '閫忔槑鍖�' : '鍙栨秷閫忔槑鍖�' }} + </el-button> + </el-row> <el-table :data="gridDataList" table-layout="fixed" @@ -27,6 +60,11 @@ align="center" width="50" /> + <!-- <el-table-column type="expand"> + <template #default="props"> + + </template> + </el-table-column> --> <el-table-column prop="dataTime" label="鏃堕棿" @@ -52,9 +90,8 @@ 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'; // eslint-disable-next-line no-unused-vars function timeFormatter(row, col, cellValue, index) { @@ -81,56 +118,43 @@ } }); -const emits = defineEmits(['search', 'rowClick']); +const rankVisible = ref(false); +const dataVisible = ref(false); +const isStandardColor = ref(true); +const isOpacity = ref(false); -// const { loading, fetchData } = useFetchData(10000); -// // 缃戞牸淇℃伅 -// let gridInfo = []; -// // 缃戞牸鏁版嵁缁� -// const gridDataList = ref([]); -// // 缃戞牸鏁版嵁璇︽儏 -// const gridDataDetailMap = new Map(); -// // 鍦板浘缃戞牸鐩稿叧瀵硅薄 -// let mapViews; +const emits = defineEmits([ + 'search', + 'rowClick', + 'showRank', + 'showData', + 'changeColor' +]); // 鏌ヨ缃戞牸淇℃伅鍜岄仴鎰熸暟鎹粍 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 handleDataClick() { + dataVisible.value = !dataVisible.value; + emits('showData', dataVisible.value); +} -// function drawGrid(gridInfo) { -// SatelliteProxy.clearAll(mapViews); -// mapViews = SatelliteProxy.drawPolyline(gridInfo); -// } +function handleColorClick() { + isStandardColor.value = !isStandardColor.value; + emits('changeColor', isStandardColor.value); +} -// // 缁樺埗缃戞牸閬ユ劅鏁版嵁鍊煎拰缃戞牸棰滆壊 -// function drawTextAndColor(gridData) { -// // SatelliteProxy.clearText(mapViews); -// // 鏂囨湰鏍囪 -// mapViews.textViews = SatelliteProxy.drawDataText( -// mapViews.points, -// gridData, -// mapViews.textViews -// ); -// SatelliteProxy.drawColor(mapViews.gridViews, gridData); -// } +function handleOpacityClick() { + isOpacity.value = !isOpacity.value; + emits('changeOpacity', isOpacity.value); +} function handleRowClick(row, col, event) { emits('rowClick', row); -- Gitblit v1.9.3