|
@@ -64,14 +64,14 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="item-bottom">
|
|
<div class="item-bottom">
|
|
|
<div class="bottom-tag">
|
|
<div class="bottom-tag">
|
|
|
- <div class="tag-card active">
|
|
|
|
|
|
|
+ <div class="tag-card" :class="{ active: item.sourceData?.daysUntilNext < 5 }">
|
|
|
<div class="card-content">
|
|
<div class="card-content">
|
|
|
<div class="card-main-text">{{ item.sourceData?.currentPhenologyName || '--' }}</div>
|
|
<div class="card-main-text">{{ item.sourceData?.currentPhenologyName || '--' }}</div>
|
|
|
<div class="card-sub-text">
|
|
<div class="card-sub-text">
|
|
|
当前物候期
|
|
当前物候期
|
|
|
- <span class="card-icon" @click="handleSelectCurrentPhenology(item)">
|
|
|
|
|
|
|
+ <!-- <span class="card-icon" @click="handleSelectCurrentPhenology(item)">
|
|
|
<el-icon><Edit /></el-icon>
|
|
<el-icon><Edit /></el-icon>
|
|
|
- </span>
|
|
|
|
|
|
|
+ </span> -->
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -206,6 +206,25 @@ onActivated(() => {
|
|
|
if (route.query.noReload) {
|
|
if (route.query.noReload) {
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
|
|
+ // 确保地图已初始化,使用 nextTick 等待 DOM 更新
|
|
|
|
|
+ nextTick(() => {
|
|
|
|
|
+ // 检查地图实例是否已初始化
|
|
|
|
|
+ if (!indexMap.kmap) {
|
|
|
|
|
+ // 如果地图未初始化,重新初始化
|
|
|
|
|
+ if (mapContainer.value) {
|
|
|
|
|
+ mapPoint.value = store.state.home.miniUserLocationPoint;
|
|
|
|
|
+ indexMap.initMap(mapPoint.value, mapContainer.value, true);
|
|
|
|
|
+ }
|
|
|
|
|
+ } else {
|
|
|
|
|
+ // 如果地图已初始化,更新地图尺寸(解决页面切换后地图不显示的问题)
|
|
|
|
|
+ if (mapContainer.value && indexMap.kmap.map) {
|
|
|
|
|
+ // 等待容器完全可见后再更新尺寸
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ indexMap.kmap.map.updateSize();
|
|
|
|
|
+ }, 100);
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
resetAndLoad();
|
|
resetAndLoad();
|
|
|
});
|
|
});
|
|
|
|
|
|