From e7bef8f799b0cefd5ea1817d578cc868cbfea1f4 Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期五, 11 四月 2025 10:48:16 +0800
Subject: [PATCH] fix:修改水温实时监测界面，对接数据
---
src/views/screen/flow/graphic/index.vue | 11 ++++++++---
1 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/src/views/screen/flow/graphic/index.vue b/src/views/screen/flow/graphic/index.vue
index 6bf1245..bb71b1a 100644
--- a/src/views/screen/flow/graphic/index.vue
+++ b/src/views/screen/flow/graphic/index.vue
@@ -30,6 +30,9 @@
}
}
+const handleSearch = async () => {
+}
+
</script>
<template>
@@ -68,8 +71,8 @@
:value="item.value"
/>
</el-select>
- <el-input v-model="searchVal" style="width: 20rem" />
- <el-button><el-icon><Search /></el-icon>搜索</el-button>
+ <el-input v-model="searchVal" style="width: 20rem" placeholder="请输入监测点名称" />
+ <el-button @click="handleSearch"><el-icon><Search /></el-icon>搜索</el-button>
<el-button style="margin-left: 0" v-if="userType === '1'"><el-icon><Plus /></el-icon>新增</el-button>
</div>
<div class="tool-r" @click="handleFullScreen">
@@ -212,7 +215,6 @@
flex-shrink: 0;
width: 80%;
height: 100%;
- background: linear-gradient( 180deg, #91BDDB 0%, rgba(102, 102, 102, 0.5) 100%);
.monitor-tool{
width: 100%;
height: 60px;
@@ -240,6 +242,7 @@
}
.monitor-box{
height: calc(100% - 60px);
+ background: linear-gradient(180deg, #91BDDB 0%, rgba(102, 102, 102, 0.5) 100%);
.monitor-list{
height: 100%;
display: flex;
@@ -252,6 +255,7 @@
background: rgba(23,108,229,0.3);
border: 1px solid #176CE5;
padding: 20px;
+ border-radius: 8px;
.title{
height: 12%;
text-align: center;
@@ -262,6 +266,7 @@
width: 100%;
height: 60%;
background: url("@/assets/images/login_icon.png") no-repeat;
+ background-size: 100% 100%;
}
.info{
width: 100%;
--
Gitblit v1.9.3