| | |
| | | :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-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" |
| | |
| | | align="center" |
| | | width="50" |
| | | /> |
| | | <!-- <el-table-column type="expand"> |
| | | <template #default="props"> |
| | | |
| | | </template> |
| | | </el-table-column> --> |
| | | <el-table-column |
| | | prop="dataTime" |
| | | label="时间" |
| | |
| | | import SatelliteSearchBar from './SatelliteSearchBar.vue'; |
| | | // 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) { |
| | |
| | | } |
| | | }); |
| | | |
| | | const rankVisible = ref(true); |
| | | const dataVisible = ref(true); |
| | | // const rankVisible = ref(false); |
| | | // const dataVisible = ref(false); |
| | | // const isStandardColor = ref(true); |
| | | // const isOpacity = ref(false); |
| | | |
| | | const emits = defineEmits(['search', 'rowClick', 'showRank', 'showData']); |
| | | const emits = defineEmits([ |
| | | 'search', |
| | | 'rowClick', |
| | | 'showRank', |
| | | 'showData', |
| | | 'changeColor' |
| | | ]); |
| | | |
| | | // 查询网格信息和遥感数据组 |
| | | function onSearch(options) { |
| | | emits('search', options); |
| | | } |
| | | |
| | | function handleRankClick() { |
| | | rankVisible.value = !rankVisible.value |
| | | emits('showRank', rankVisible.value); |
| | | } |
| | | // function handleRankClick() { |
| | | // rankVisible.value = !rankVisible.value; |
| | | // emits('showRank', rankVisible.value); |
| | | // } |
| | | |
| | | function handleDataClick() { |
| | | dataVisible.value = !dataVisible.value |
| | | emits('showData', dataVisible.value); |
| | | } |
| | | // function handleDataClick() { |
| | | // dataVisible.value = !dataVisible.value; |
| | | // emits('showData', dataVisible.value); |
| | | // } |
| | | |
| | | // function handleColorClick() { |
| | | // isStandardColor.value = !isStandardColor.value; |
| | | // emits('changeColor', isStandardColor.value); |
| | | // } |
| | | |
| | | // function handleOpacityClick() { |
| | | // isOpacity.value = !isOpacity.value; |
| | | // emits('changeOpacity', isOpacity.value); |
| | | // } |
| | | |
| | | function handleRowClick(row, col, event) { |
| | | emits('rowClick', row); |