From 3e7f514a62e66dd9a601d00c6808689f61379e4c Mon Sep 17 00:00:00 2001
From: ali <ali9696@163.com>
Date: 星期五, 14 二月 2025 11:04:50 +0800
Subject: [PATCH] 页面优化
---
zhitan-vue/src/views/powerquality/threephase/index.vue | 24 +++++++++++++++---------
1 files changed, 15 insertions(+), 9 deletions(-)
diff --git a/zhitan-vue/src/views/powerquality/threephase/index.vue b/zhitan-vue/src/views/powerquality/threephase/index.vue
index 496c460..3e723a1 100644
--- a/zhitan-vue/src/views/powerquality/threephase/index.vue
+++ b/zhitan-vue/src/views/powerquality/threephase/index.vue
@@ -39,13 +39,7 @@
/>
</el-form-item>
<el-form-item label="閫夋嫨鐢佃〃" prop="meterId">
- <el-select
- v-model="queryParams.meterId"
- placeholder="閫夋嫨鐢佃〃"
- clearable
- style="width: 200px"
- @change="handleTimeType"
- >
+ <el-select v-model="queryParams.meterId" placeholder="閫夋嫨鐢佃〃" clearable style="width: 200px">
<el-option
v-for="dict in electricityMeter"
:key="dict.value"
@@ -64,7 +58,7 @@
</div>
<div style="padding: 0 16px">
- <el-tabs v-model="activeTabKey" type="card">
+ <el-tabs v-model="activeTabKey" type="card" @tab-change="handleTabChange" style="margin-top: 12px">
<el-tab-pane label="鐢靛帇涓嶅钩琛�" name="1"> </el-tab-pane>
<el-tab-pane label="鐢垫祦涓嶅钩琛�" name="2"> </el-tab-pane>
</el-tabs>
@@ -80,7 +74,7 @@
<div class="chart-box" v-loading="loading" v-show="activeKey === 1">
<LineChart ref="LineChartRef" :chartData="lineChartData" />
- <el-table :data="tableData1" v-loading="loading">
+ <el-table :data="tableData1" v-loading="loading" style="padding: 14px">
<el-table-column label="绫诲瀷" prop="type" align="center" />
<el-table-column label="涓夐」涓嶅钩琛℃瀬鍊�" prop="value" align="center" />
<el-table-column label="鍙戠敓鏃堕棿" prop="time" align="center" />
@@ -225,6 +219,11 @@
function handleTimeType(e) {
queryParams.value.timeType = e
queryParams.value.dataTime = proxy.dayjs(new Date()).format("YYYY-MM-DD")
+ getList()
+}
+
+function handleTabChange(e) {
+ getList()
}
function switchBtnType(e) {
@@ -235,6 +234,13 @@
}
// 鍒楄〃
function getList() {
+ if (!queryParams.value.meterId) {
+ // proxy.$message({
+ // message: "璇烽�夋嫨鑺傜偣",
+ // type: "warning",
+ // })
+ return
+ }
loading.value = true
let params = {
nodeId: queryParams.value.nodeId,
--
Gitblit v1.9.3