| | |
| | | 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 |
| | |
| | | |
| | | 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; |
| | | } |
| | |
| | | () => gridStore.selectedGridCellAndDataDetail, |
| | | (nv, ov) => { |
| | | if (nv != ov) { |
| | | activeName.value = 'first'; |
| | | dialogVisible.value = true; |
| | | } |
| | | }, |
| | |
| | | ); |
| | | </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> |