Riku
2025-05-14 fac3e813d205f000125eb8f7b2dd4976f4166edf
src/components/grid/GridSearch.vue
@@ -17,10 +17,10 @@
            label="经纬度"
            :content="data.gridCell.longitude + ', ' + data.gridCell.latitude"
          />
          <DescriptionsListItem label="四至范围" content="/" />
          <!-- <DescriptionsListItem label="四至范围" content="/" /> -->
        </DescriptionsList>
        <el-tabs v-model="activeName" >
        <el-tabs v-model="activeName">
          <el-tab-pane label="网格数据" name="first">
            <DescriptionsList>
              <DescriptionsListItem
@@ -134,21 +134,11 @@
const data = computed(() => {
  if (gridStore.selectedGridCellAndDataDetail) {
    // const { gridCell, gridDataDetail } =
    //   gridStore.selectedGridCellAndDataDetail;
    // const res = [];
    // // 如果网格数据为融合数据,则需要同步展示出原始数据
    // if (gridDataDetail.mixData) {
    // }
    return {
      gridCell: gridStore.selectedGridCellAndDataDetail.gridCell,
      gridDataDetail: gridStore.selectedGridCellAndDataDetail.gridDataDetail,
      extData: gridStore.selectedGridCellAndDataDetail.extData
    };
    // console.log(gridStore.selectedGridCellAndDataDetail);
    // return undefined;
    // return gridStore.selectedGridCellAndDataDetail;
  } else {
    return undefined;
  }
@@ -158,6 +148,7 @@
  () => gridStore.selectedGridCellAndDataDetail,
  (nv, ov) => {
    if (nv != ov) {
      activeName.value = 'first';
      dialogVisible.value = true;
    }
  },
@@ -165,10 +156,10 @@
);
</script>
<style scoped>
:deep(.el-tabs__item){
:deep(.el-tabs__item) {
  color: rgba(221, 221, 221, 0.806);
}
:deep(.is-active){
:deep(.is-active) {
  color: #f0ff1d;
}
</style>