From 5c63d4bbaf28166e107b388240e9cbc2d85fbcc1 Mon Sep 17 00:00:00 2001 From: ali <ali9696@163.com> Date: 星期五, 28 二月 2025 11:41:43 +0800 Subject: [PATCH] 图表样式优化 --- zhitan-vue/src/views/dataMonitoring/historyDataTrend/index.vue | 11 +++++++++-- 1 files changed, 9 insertions(+), 2 deletions(-) diff --git a/zhitan-vue/src/views/dataMonitoring/historyDataTrend/index.vue b/zhitan-vue/src/views/dataMonitoring/historyDataTrend/index.vue index 2686774..d471ba5 100644 --- a/zhitan-vue/src/views/dataMonitoring/historyDataTrend/index.vue +++ b/zhitan-vue/src/views/dataMonitoring/historyDataTrend/index.vue @@ -44,10 +44,10 @@ </el-form> </div> <div class="display-buttons"> - <div class="display-btn" @click="activeKey = 1" :class="{ 'active-display-btn': activeKey === 1 }"> + <div class="display-btn" @click="switchBtnType(1)" :class="{ 'active-display-btn': activeKey === 1 }"> 鍥惧舰 </div> - <div class="display-btn" @click="activeKey = 2" :class="{ 'active-display-btn': activeKey === 2 }"> + <div class="display-btn" @click="switchBtnType(2)" :class="{ 'active-display-btn': activeKey === 2 }"> 鏁版嵁 </div> </div> @@ -132,6 +132,13 @@ queryParams.value.dataTime = proxy.dayjs(new Date()).format("YYYY-MM-DD HH:00:00") getElectricityMeter({ modelId: queryParams.value.nodeId }) } + +function switchBtnType(e) { + activeKey.value = e + if (e === 1) { + getList() + } +} const LineChartRef = ref() function getList() { loading.value = true -- Gitblit v1.9.3