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 | 13 ++++++++++---
1 files changed, 10 insertions(+), 3 deletions(-)
diff --git a/zhitan-vue/src/views/dataMonitoring/historyDataTrend/index.vue b/zhitan-vue/src/views/dataMonitoring/historyDataTrend/index.vue
index 1f64bec..d471ba5 100644
--- a/zhitan-vue/src/views/dataMonitoring/historyDataTrend/index.vue
+++ b/zhitan-vue/src/views/dataMonitoring/historyDataTrend/index.vue
@@ -44,15 +44,15 @@
</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>
<div class="chart-box" v-loading="loading" v-show="activeKey === 1">
- <LineChart ref="LineChartRef" :chartData="lineChartData" />
+ <LineChart ref="LineChartRef" :chartData="lineChartData" :chartType="'bar'" />
</div>
<div style="margin-top: 16px" v-show="activeKey === 2">
<div class="" style="padding: 0 16px">
@@ -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