taskId:282,remark:'commit'
This commit is contained in:
@@ -4,19 +4,19 @@
|
||||
<all ref="allRef" />
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="2" tab="用电量">
|
||||
<category ref="electricRef" :tabId="tabId" />
|
||||
<category ref="electricRef" :tabId="tabId" :energyType="energyType" />
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="3" tab="用水量">
|
||||
<category ref="useWaterRef" />
|
||||
<category ref="useWaterRef" :tabId="tabId" :energyType="energyType" />
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="4" tab="供水量">
|
||||
<category ref="provideWaterRef" />
|
||||
<category ref="provideWaterRef" :tabId="tabId" :energyType="energyType" />
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="5" tab="碳排">
|
||||
<category ref="carbonEmissionsRef" />
|
||||
<category ref="carbonEmissionsRef" :tabId="tabId" :energyType="energyType" />
|
||||
</a-tab-pane>
|
||||
<a-tab-pane key="6" tab="供热量">
|
||||
<category ref="provideHotRef" />
|
||||
<category ref="provideHotRef" :tabId="tabId" :energyType="energyType" />
|
||||
</a-tab-pane>
|
||||
</a-tabs>
|
||||
</template>
|
||||
@@ -40,6 +40,7 @@
|
||||
const provideHotRef = ref<InstanceType<typeof category> | null>(null);
|
||||
// 切换tab页的回调
|
||||
const tabId = ref(1);
|
||||
const energyType = ref();
|
||||
const handleTabChange = (key) => {
|
||||
console.log('Tab changed:', key);
|
||||
// 在这里可以执行需要在页面切换时执行的逻辑
|
||||
@@ -50,30 +51,50 @@
|
||||
}
|
||||
});
|
||||
} else if (key === '2') {
|
||||
tabId.value = 1;
|
||||
energyType.value = 'ELECTRICITY_USAGE'
|
||||
nextTick(() => {
|
||||
if (electricRef.value) {
|
||||
tabId.value = 1;
|
||||
electricRef.value.getYearData(); // 调用子组件的方法
|
||||
electricRef.value.getBallData();
|
||||
electricRef.value.getYearPillarData();
|
||||
electricRef.value.electricTotal = true
|
||||
electricRef.value.changeToYear(); // 调用子组件的方法
|
||||
}
|
||||
});
|
||||
} else if (key === '3') {
|
||||
if (useWaterRef.value) {
|
||||
useWaterRef.value.getYearData();
|
||||
}
|
||||
tabId.value = 2;
|
||||
energyType.value = 'WATER_USAGE'
|
||||
nextTick(() => {
|
||||
if (useWaterRef.value) {
|
||||
useWaterRef.value.electricTotal = true
|
||||
useWaterRef.value.changeToYear(); // 调用子组件的方法
|
||||
}
|
||||
});
|
||||
} else if (key === '4') {
|
||||
if (provideWaterRef.value) {
|
||||
provideWaterRef.value.getYearData();
|
||||
}
|
||||
tabId.value = 3;
|
||||
energyType.value = 'gongshuiliang'
|
||||
nextTick(() => {
|
||||
if (provideWaterRef.value) {
|
||||
provideWaterRef.value.electricTotal = true
|
||||
provideWaterRef.value.changeToYear(); // 调用子组件的方法
|
||||
}
|
||||
});
|
||||
} else if (key === '5') {
|
||||
if (carbonEmissionsRef.value) {
|
||||
carbonEmissionsRef.value.getYearData();
|
||||
}
|
||||
tabId.value = 4;
|
||||
energyType.value = 'CARBON_EMISSIONS'
|
||||
nextTick(() => {
|
||||
if (carbonEmissionsRef.value) {
|
||||
carbonEmissionsRef.value.electricTotal = true
|
||||
carbonEmissionsRef.value.changeToYear(); // 调用子组件的方法
|
||||
}
|
||||
});
|
||||
} else if (key === '6') {
|
||||
if (provideHotRef.value) {
|
||||
provideHotRef.value.getYearData();
|
||||
}
|
||||
tabId.value = 5;
|
||||
energyType.value = 'HEAT_SUPPLY'
|
||||
nextTick(() => {
|
||||
if (provideHotRef.value) {
|
||||
provideHotRef.value.electricTotal = true
|
||||
provideHotRef.value.changeToYear(); // 调用子组件的方法
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
Reference in New Issue
Block a user