| | |
| | | <script setup> |
| | | import {ref, onMounted} from "vue"; |
| | | import {getUserType} from '@/utils/auth.js' |
| | | import {setTempMonitor} from '@/api/screen/monitor/index.js' |
| | | import {setTempMonitor, getTempMonitorConfig, editTempMonitorConfig} from '@/api/screen/monitor/index.js' |
| | | import {getTemperaturePointList} from '@/api/screen/index.js' |
| | | import pointApi from '@/api/facility/point.js' |
| | | import {useRouter} from "vue-router"; |
| | |
| | | |
| | | const menuList = ref([]) |
| | | const monitorList = ref([]) |
| | | const monitorConfig = ref({}) |
| | | const userType = ref(getUserType()) |
| | | const monitorRef = ref() |
| | | const searchVal = ref('') |
| | |
| | | }) |
| | | } |
| | | |
| | | // 获取监控点参数 |
| | | const getMonitorConfig = () => { |
| | | getTempMonitorConfig().then(res => { |
| | | monitorConfig.value = res.data |
| | | }) |
| | | } |
| | | |
| | | // 设置监控点参数 |
| | | const setMonitorConfig = () => { |
| | | editTempMonitorConfig(monitorConfig.value).then(res => { |
| | | ElMessage.success('设置成功') |
| | | }) |
| | | } |
| | | |
| | | const setMonitorData = (data) => { |
| | | setTempMonitor(data).then(res => { |
| | |
| | | onMounted(() => { |
| | | getTempMonitor() |
| | | getMonitorList() |
| | | getMonitorConfig() |
| | | }) |
| | | |
| | | </script> |
| | |
| | | </el-icon> |
| | | 新增 |
| | | </el-button> |
| | | <div class="name">水位计采集间隔设置:</div> |
| | | <el-select v-model="monitorConfig.newIntervalTime"> |
| | | <el-option :value="1" label="一分钟"/> |
| | | <el-option :value="2" label="两分钟"/> |
| | | <el-option :value="5" label="五分钟"/> |
| | | <el-option :value="10" label="十分钟"/> |
| | | </el-select> |
| | | <div class="name">水位计采集及数据上报间隔设置:</div> |
| | | <el-select v-model="monitorConfig.historyIntervalTime"> |
| | | <el-option :value="1" label="一分钟"/> |
| | | <el-option :value="2" label="两分钟"/> |
| | | <el-option :value="5" label="五分钟"/> |
| | | <el-option :value="10" label="十分钟"/> |
| | | </el-select> |
| | | <el-button type="success" @click="setMonitorConfig">批量应用</el-button> |
| | | </div> |
| | | <div class="tool-r" @click="handleFullScreen"> |
| | | <img src="@/assets/images/flow/fullscreen.png"/> |
| | |
| | | <div class="setbox"> |
| | | <div class="name">水温下限设置:</div> |
| | | <el-input v-model="item.lowWaterLevel"/> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">水位计采集间隔设置:</div> |
| | | <el-select v-model="item.gatherIntervalTime"> |
| | | <el-option :value="1" label="一分钟"/> |
| | | <el-option :value="2" label="两分钟"/> |
| | | <el-option :value="5" label="五分钟"/> |
| | | <el-option :value="10" label="十分钟"/> |
| | | </el-select> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">记录上报间隔设置:</div> |
| | | <el-select v-model="item.historyIntervalTime"> |
| | | <el-option :value="1" label="一分钟"/> |
| | | <el-option :value="2" label="两分钟"/> |
| | | <el-option :value="5" label="五分钟"/> |
| | | <el-option :value="10" label="十分钟"/> |
| | | </el-select> |
| | | </div> |
| | | <div class="setbox"> |
| | | <div class="name">实时数据上报间隔设置:</div> |
| | | <el-select v-model="item.newIntervalTime"> |
| | | <el-option :value="1" label="一分钟"/> |
| | | <el-option :value="2" label="两分钟"/> |
| | | <el-option :value="5" label="五分钟"/> |
| | | <el-option :value="10" label="十分钟"/> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <div class="item-btn"> |
| | |
| | | gap: 1rem; |
| | | |
| | | .name { |
| | | flex-shrink: 0; |
| | | font-size: 1.1rem; |
| | | color: #fff; |
| | | } |
| | | :deep(.el-input){ |
| | | flex-shrink: 0; |
| | | } |
| | | :deep(.el-select){ |
| | | width: 8rem; |
| | | flex-shrink: 0; |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | .setbox { |
| | | width: 50%; |
| | | margin-top: 40px; |
| | | margin-top: 60px; |
| | | padding: 0 10px; |
| | | display: flex; |
| | | align-items: center; |
| | | font-size: 1.5rem; |
| | | |
| | | .name { |
| | | flex-shrink: 0; |
| | |
| | | border-bottom: 1px solid #fff; |
| | | box-shadow: none; |
| | | border-radius: 0; |
| | | } |
| | | |
| | | :deep(.el-select__wrapper) { |
| | | background-color: transparent; |
| | | box-shadow: none; |
| | | border-radius: 0; |
| | | |
| | | .el-select__placeholder.is-transparent { |
| | | color: #FFF; |
| | | } |
| | | |
| | | .el-select__suffix .el-select__caret { |
| | | color: #fff; |
| | | } |
| | | } |
| | | } |
| | | } |