riku
2025-02-24 d83a3ab6e99e364d45cf85a5c00367c583ef4e31
src/views/satellitetelemetry/component/SatelliteManage.vue
@@ -6,30 +6,40 @@
          :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-button
          type="primary"
          class="el-button-custom"
          size="small"
          @click="handleColorClick"
        >
          {{ isStandardColor ? '绘制对比色' : '绘制标准色' }}
        </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"
@@ -50,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="时间"
@@ -104,11 +119,18 @@
  }
});
const rankVisible = ref(true);
const dataVisible = ref(true);
const isStandardColor = 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', 'changeColor']);
const emits = defineEmits([
  'search',
  'rowClick',
  'showRank',
  'showData',
  'changeColor'
]);
// 查询网格信息和遥感数据组
function onSearch(options) {
@@ -116,20 +138,25 @@
}
function handleRankClick() {
  rankVisible.value = !rankVisible.value
  rankVisible.value = !rankVisible.value;
  emits('showRank', rankVisible.value);
}
function handleDataClick() {
  dataVisible.value = !dataVisible.value
  dataVisible.value = !dataVisible.value;
  emits('showData', dataVisible.value);
}
function handleColorClick() {
  isStandardColor.value = !isStandardColor.value
  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);
}