From 12c72e520e0ff9d738b9dac5ce84a4821a75e6e3 Mon Sep 17 00:00:00 2001 From: web <candymxq888@outlook.com> Date: 星期一, 21 四月 2025 17:29:55 +0800 Subject: [PATCH] feat:添加视频弹窗 --- src/views/screen/temperature/monitor/index.vue | 24 ++++++++++++++++++------ 1 files changed, 18 insertions(+), 6 deletions(-) diff --git a/src/views/screen/temperature/monitor/index.vue b/src/views/screen/temperature/monitor/index.vue index aed73f9..0ffcbff 100644 --- a/src/views/screen/temperature/monitor/index.vue +++ b/src/views/screen/temperature/monitor/index.vue @@ -147,7 +147,7 @@ <el-select v-model="item.gatherIntervalTime"> <el-option :value="1" label="一分钟"/> <el-option :value="2" label="两分钟"/> - <el-option :value="3" label="五分钟"/> + <el-option :value="5" label="五分钟"/> <el-option :value="10" label="十分钟"/> </el-select> </div> @@ -156,7 +156,7 @@ <el-select v-model="item.historyIntervalTime"> <el-option :value="1" label="一分钟"/> <el-option :value="2" label="两分钟"/> - <el-option :value="3" label="五分钟"/> + <el-option :value="5" label="五分钟"/> <el-option :value="10" label="十分钟"/> </el-select> </div> @@ -165,7 +165,7 @@ <el-select v-model="item.newIntervalTime"> <el-option :value="1" label="一分钟"/> <el-option :value="2" label="两分钟"/> - <el-option :value="3" label="五分钟"/> + <el-option :value="5" label="五分钟"/> <el-option :value="10" label="十分钟"/> </el-select> </div> @@ -173,9 +173,11 @@ <div class="item-btn"> <el-button size="large" type="success" @click="setMonitorData(item)">应用</el-button> </div> - <!-- <div class="item-error">--> - <!-- <img src="@/assets/images/warning.png" />--> - <!-- </div>--> + <div class="item-error" v-if="Number(item.waterTemperature) < Number(item.lowWaterLevel) || Number(item.waterTemperature) > Number(item.tallWaterLevel)"> + <img src="@/assets/images/warning.png" alt="" /> + <div v-if="Number(item.waterTemperature) < Number(item.lowWaterLevel)">水温达到下限值</div> + <div v-else-if="Number(item.waterTemperature) > Number(item.tallWaterLevel)">水温达到上限值</div> + </div> </div> </div> </div> @@ -297,9 +299,19 @@ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; img { + width: 70%; + } + div{ width: 100%; + text-align: center; + font-size: 3rem; + color: #f65252; } } -- Gitblit v1.9.3