From c29c0efe096aed6d8349f227f909508f8a49c16a Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期一, 31 三月 2025 16:52:07 +0800
Subject: [PATCH] fix:修改首页标点
---
src/views/screen/temperature/monitor/index.vue | 110 ++++++++++++++++++++++++++++++++++--------------------
1 files changed, 69 insertions(+), 41 deletions(-)
diff --git a/src/views/screen/temperature/monitor/index.vue b/src/views/screen/temperature/monitor/index.vue
index 5ac61ee..931e196 100644
--- a/src/views/screen/temperature/monitor/index.vue
+++ b/src/views/screen/temperature/monitor/index.vue
@@ -1,6 +1,7 @@
<script setup>
import {ref} from "vue";
import {getUserType} from '@/utils/auth.js'
+
const userType = ref(getUserType())
const monitorRef = ref()
const searchVal = ref('')
@@ -9,7 +10,16 @@
{ label: '水电站流量监测点', value: 1 },
{ label: '新扎口流量监测点', value: 2 },
])
- const video = ref()
+ const setData = reactive({
+ licheng: '',
+ toufang: '',
+ gaocheng: '',
+ shuiwei: '',
+ shuiwen: '',
+ shuiweiji: '',
+ jilu: '',
+ shuju: ''
+ })
// 全屏操作
const handleFullScreen = () => {
@@ -84,53 +94,56 @@
<div class="item-set">
<div class="setbox">
<div class="name">里程设置：</div>
- <el-input />
+ <el-input v-model="setData.licheng" />
</div>
<div class="setbox">
<div class="name">投放度设置：</div>
- <el-input />
+ <el-input v-model="setData.toufang" />
</div>
<div class="setbox">
<div class="name">高程设置：</div>
- <el-input />
+ <el-input v-model="setData.gaocheng" />
</div>
<div class="setbox">
<div class="name">水位下限设置：</div>
- <el-input />
+ <el-input v-model="setData.shuiwei" />
</div>
<div class="setbox">
<div class="name">水温下限设置：</div>
- <el-input />
+ <el-input v-model="setData.shuiwen" />
</div>
<div class="setbox">
<div class="name">水位计采集间隔设置：</div>
- <el-select>
- <el-option>60s</el-option>
- <el-option>120s</el-option>
- <el-option>300s</el-option>
- <el-option>600s</el-option>
+ <el-select v-model="setData.shuiweiji">
+ <el-option value="60">60s</el-option>
+ <el-option value="120">120s</el-option>
+ <el-option value="300">300s</el-option>
+ <el-option value="600">600s</el-option>
</el-select>
</div>
<div class="setbox">
<div class="name">记录上报间隔设置：</div>
- <el-select>
- <el-option>60s</el-option>
- <el-option>120s</el-option>
- <el-option>300s</el-option>
- <el-option>600s</el-option>
+ <el-select v-model="setData.jilu">
+ <el-option value="60">60s</el-option>
+ <el-option value="120">120s</el-option>
+ <el-option value="300">300s</el-option>
+ <el-option value="600">600s</el-option>
</el-select>
</div>
<div class="setbox">
<div class="name">实时数据上报间隔设置：</div>
- <el-select>
- <el-option>60s</el-option>
- <el-option>120s</el-option>
- <el-option>300s</el-option>
- <el-option>600s</el-option>
+ <el-select v-model="setData.shuju">
+ <el-option value="60">60s</el-option>
+ <el-option value="120">120s</el-option>
+ <el-option value="300">300s</el-option>
+ <el-option value="600">600s</el-option>
</el-select>
</div>
</div>
<div class="item-btn"><el-button size="large" type="success">批量应用</el-button></div>
+ <div class="item-error">
+ <img src="@/assets/images/warning.png" />
+ </div>
</div>
<div class="item">
<div class="item-t">电站进水口水温监测点</div>
@@ -151,53 +164,56 @@
<div class="item-set">
<div class="setbox">
<div class="name">里程设置：</div>
- <el-input />
+ <el-input v-model="setData.licheng" />
</div>
<div class="setbox">
<div class="name">投放度设置：</div>
- <el-input />
+ <el-input v-model="setData.toufang" />
</div>
<div class="setbox">
<div class="name">高程设置：</div>
- <el-input />
+ <el-input v-model="setData.gaocheng" />
</div>
<div class="setbox">
<div class="name">水位下限设置：</div>
- <el-input />
+ <el-input v-model="setData.shuiwei" />
</div>
<div class="setbox">
<div class="name">水温下限设置：</div>
- <el-input />
+ <el-input v-model="setData.shuiwen" />
</div>
<div class="setbox">
<div class="name">水位计采集间隔设置：</div>
- <el-select>
- <el-option>60s</el-option>
- <el-option>120s</el-option>
- <el-option>300s</el-option>
- <el-option>600s</el-option>
+ <el-select v-model="setData.shuiweiji">
+ <el-option value="60">60s</el-option>
+ <el-option value="120">120s</el-option>
+ <el-option value="300">300s</el-option>
+ <el-option value="600">600s</el-option>
</el-select>
</div>
<div class="setbox">
<div class="name">记录上报间隔设置：</div>
- <el-select>
- <el-option>60s</el-option>
- <el-option>120s</el-option>
- <el-option>300s</el-option>
- <el-option>600s</el-option>
+ <el-select v-model="setData.jilu">
+ <el-option value="60">60s</el-option>
+ <el-option value="120">120s</el-option>
+ <el-option value="300">300s</el-option>
+ <el-option value="600">600s</el-option>
</el-select>
</div>
<div class="setbox">
<div class="name">实时数据上报间隔设置：</div>
- <el-select>
- <el-option>60s</el-option>
- <el-option>120s</el-option>
- <el-option>300s</el-option>
- <el-option>600s</el-option>
+ <el-select v-model="setData.shuju">
+ <el-option value="60">60s</el-option>
+ <el-option value="120">120s</el-option>
+ <el-option value="300">300s</el-option>
+ <el-option value="600">600s</el-option>
</el-select>
</div>
</div>
<div class="item-btn"><el-button size="large" type="success">批量应用</el-button></div>
+ <div class="item-error">
+ <img src="@/assets/images/warning.png" />
+ </div>
</div>
</div>
</div>
@@ -293,6 +309,18 @@
border: 1px solid #176CE5;
padding: 20px;
border-radius: 8px;
+ position: relative;
+ &-error{
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0, 0, 0, 0.3);
+ img{
+ width: 100%;
+ }
+ }
.item-t{
font-size: 36px;
color: #fff;
--
Gitblit v1.9.3