|
@@ -71,14 +71,14 @@ const currentQuarter = ref(1);
|
|
|
const isLandRecognition = ref(false);
|
|
const isLandRecognition = ref(false);
|
|
|
|
|
|
|
|
// 顶部基础 tabs
|
|
// 顶部基础 tabs
|
|
|
-const baseTabs = ["物候期分布", "长势等级", "水利", "灌渠与泵站", "资源", "导出报告"];
|
|
|
|
|
-const activeBaseTab = ref("物候期分布");
|
|
|
|
|
|
|
+const baseTabs = ["Phenological Stage", "Crop Condition", "Hydrology", "Canals", "Resources", "Export Report"];
|
|
|
|
|
+const activeBaseTab = ref("Phenological Stage");
|
|
|
|
|
|
|
|
const legendKeys = {
|
|
const legendKeys = {
|
|
|
- "物候期分布": "phenology",
|
|
|
|
|
- "长势等级": "growth_status",
|
|
|
|
|
- "水利": "water_conservancy",
|
|
|
|
|
- "灌渠与泵站": "facility",
|
|
|
|
|
|
|
+ "Phenological Stage": "phenology",
|
|
|
|
|
+ "Crop Condition": "growth_status",
|
|
|
|
|
+ "Hydrology": "water_conservancy",
|
|
|
|
|
+ "Canals": "facility",
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
const warningLayers = ref({});
|
|
const warningLayers = ref({});
|
|
@@ -97,16 +97,16 @@ const handleBaseTabClick = (tab) => {
|
|
|
// 水利图层隐藏
|
|
// 水利图层隐藏
|
|
|
waterLayer && waterLayer.toggleLayer(false)
|
|
waterLayer && waterLayer.toggleLayer(false)
|
|
|
waterLayer && waterLayer.toggleCanalLayer(false)
|
|
waterLayer && waterLayer.toggleCanalLayer(false)
|
|
|
- if (tab === "资源") {
|
|
|
|
|
|
|
+ if (tab === "Resources") {
|
|
|
staticMapPointLayers.showPoint()
|
|
staticMapPointLayers.showPoint()
|
|
|
- }else if (tab === "灌渠与泵站") {
|
|
|
|
|
|
|
+ }else if (tab === "Canals") {
|
|
|
showPoint.value = true
|
|
showPoint.value = true
|
|
|
waterLayer && waterLayer.toggleCanalLayer(true)
|
|
waterLayer && waterLayer.toggleCanalLayer(true)
|
|
|
- }else if (tab === "长势等级") {
|
|
|
|
|
|
|
+ }else if (tab === "Crop Condition") {
|
|
|
staticMapLayers.showSingle("Dongguan长势", false);
|
|
staticMapLayers.showSingle("Dongguan长势", false);
|
|
|
- }else if (tab === "物候期分布") {
|
|
|
|
|
|
|
+ }else if (tab === "Phenological Stage") {
|
|
|
staticMapLayers.showSingle("Dongguan物候期", false);
|
|
staticMapLayers.showSingle("Dongguan物候期", false);
|
|
|
- }else if (tab === "水利") {
|
|
|
|
|
|
|
+ }else if (tab === "Hydrology") {
|
|
|
waterLayer && waterLayer.toggleLayer(true)
|
|
waterLayer && waterLayer.toggleLayer(true)
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
@@ -179,7 +179,7 @@ onMounted(async () => {
|
|
|
|
|
|
|
|
eventBus.emit("warningMap:init", warningMap.kmap);
|
|
eventBus.emit("warningMap:init", warningMap.kmap);
|
|
|
|
|
|
|
|
- handleBaseTabClick("物候期分布")
|
|
|
|
|
|
|
+ handleBaseTabClick("Phenological Stage")
|
|
|
|
|
|
|
|
// 图例数据
|
|
// 图例数据
|
|
|
eventBus.on("alarmList:warningLayers", (data) => {
|
|
eventBus.on("alarmList:warningLayers", (data) => {
|
|
@@ -380,7 +380,7 @@ const getTreeChecks = async (nodeData, data) => {
|
|
|
|
|
|
|
|
// 物候期分布:限制"二级只能选一个,三级不限个数"
|
|
// 物候期分布:限制"二级只能选一个,三级不限个数"
|
|
|
if (
|
|
if (
|
|
|
- (activeBaseTab.value === "物候期分布" ||
|
|
|
|
|
|
|
+ (activeBaseTab.value === "Phenological Stage" ||
|
|
|
activeBaseTab.value === "预警分布" ||
|
|
activeBaseTab.value === "预警分布" ||
|
|
|
activeBaseTab.value === "农场分布") &&
|
|
activeBaseTab.value === "农场分布") &&
|
|
|
treeRef.value
|
|
treeRef.value
|
|
@@ -427,7 +427,7 @@ const getTreeChecks = async (nodeData, data) => {
|
|
|
|
|
|
|
|
// 任意 tab 下,最终都用当前选中的节点驱动地图渲染
|
|
// 任意 tab 下,最终都用当前选中的节点驱动地图渲染
|
|
|
// 提取最后一级节点的 id 到数组(没有子节点的叶子节点)
|
|
// 提取最后一级节点的 id 到数组(没有子节点的叶子节点)
|
|
|
- const field = activeBaseTab.value === "物候期分布" || activeBaseTab.value === "农场分布" ? "originalId" : "id";
|
|
|
|
|
|
|
+ const field = activeBaseTab.value === "Phenological Stage" || activeBaseTab.value === "农场分布" ? "originalId" : "id";
|
|
|
const lastLevelIds = finalCheckedNodes
|
|
const lastLevelIds = finalCheckedNodes
|
|
|
.filter((n) => (!n.items || n.items.length === 0) && (!n.children || n.children.length === 0))
|
|
.filter((n) => (!n.items || n.items.length === 0) && (!n.children || n.children.length === 0))
|
|
|
.map((n) => n[field]);
|
|
.map((n) => n[field]);
|
|
@@ -435,7 +435,7 @@ const getTreeChecks = async (nodeData, data) => {
|
|
|
distributionLayer.initData([]);
|
|
distributionLayer.initData([]);
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
|
- if (activeBaseTab.value === "物候期分布") {
|
|
|
|
|
|
|
+ if (activeBaseTab.value === "Phenological Stage") {
|
|
|
const phenologyData = await getDistributionData(null, lastLevelIds);
|
|
const phenologyData = await getDistributionData(null, lastLevelIds);
|
|
|
distributionLayer.initData(phenologyData, "phenologyName");
|
|
distributionLayer.initData(phenologyData, "phenologyName");
|
|
|
return;
|
|
return;
|