| | |
| | | // 获取监控点列表 |
| | | const getMonitorList = () => { |
| | | pointApi().search({type: 1, page: 1, limit: 100, keywords: searchVal.value}).then(res => { |
| | | monitorList.value = res.data.list.filter(el => el.parentId !== 0) |
| | | //0-未报警, 1-下限报警, 2-上限报警 |
| | | monitorList.value = res.data.list.filter(el => el.parentId !== 0).map(item => { |
| | | return { |
| | | ...item, |
| | | errorType: Number(item.waterTemperature) < Number(item.lowWaterLevel) ? 1 : Number(item.waterTemperature) > Number(item.tallWaterLevel) ? 2 : 0 |
| | | } |
| | | }) |
| | | }) |
| | | } |
| | | |
| | |
| | | <div class="item-btn"> |
| | | <el-button size="large" type="success" @click="setMonitorData(item)">应用</el-button> |
| | | </div> |
| | | <div class="item-error" v-if="Number(item.waterTemperature) < Number(item.lowWaterLevel) || Number(item.waterTemperature) > Number(item.tallWaterLevel)"> |
| | | <div class="item-error" v-if="[1,2].includes(item.errorType)"> |
| | | <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 v-if="item.errorType === 1">水温达到下限值</div> |
| | | <div v-else-if="item.errorType === 2">水温达到上限值</div> |
| | | </div> |
| | | </div> |
| | | </div> |