From 524451ef93534fdfc7084501ddd4a1d649859783 Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期六, 22 三月 2025 17:25:03 +0800
Subject: [PATCH] feat: 添加图形分析，汇总统计功能
---
src/views/screen/temperature/monitor/index.vue | 92 +++++++++++++++++++++++++--------------------
1 files changed, 51 insertions(+), 41 deletions(-)
diff --git a/src/views/screen/temperature/monitor/index.vue b/src/views/screen/temperature/monitor/index.vue
index 5ac61ee..d13c74a 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,49 +94,49 @@
<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>
@@ -151,49 +161,49 @@
<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>
--
Gitblit v1.9.3