接口联调
This commit is contained in:
@ -1,78 +1,52 @@
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<div class="yl-item-container">
|
||||
<div v-loading="loading">
|
||||
<!-- todo 判断条件是否需要更新-->
|
||||
<div class="yl-item-container" :class="{'yl-warn-item-container':item.workMode !== '0'}" v-for="(item,index) in list" :key="index+'ylLise'">
|
||||
<div class="header">
|
||||
<div class="header-title">1#液冷</div>
|
||||
<div>工作模式:<span class="header-values">运行</span></div>
|
||||
<div>当前温度:<span class="header-values">12℃</span></div>
|
||||
<div class="header-title">{{item.systemName}}</div>
|
||||
<div>工作模式:<span class="header-values">{{$store.state.ems.workModeOptions[item.workMode]}}</span></div>
|
||||
<div>当前温度:<span class="header-values">{{item.currentTemperature}}℃</span></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<el-row>
|
||||
<el-col v-for="(item,index) in tempData" :key="index+'ylTempData'" :span="8">{{item.title}}:{{item.value}}℃</el-col>
|
||||
<el-col v-for="(tempDataItem,tempDataIndex) in tempData" :key="tempDataIndex+'ylTempData'" :span="8">{{tempDataItem.title}}:{{item[tempDataItem.attr]}}℃</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="yl-item-container yl-warn-item-container">
|
||||
<div class="header">
|
||||
<div class="header-title">2#液冷</div>
|
||||
<div>工作模式:<span class="header-values">运行</span></div>
|
||||
<div>当前温度:<span class="header-values">12℃</span></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<el-row>
|
||||
<el-col v-for="(item,index) in tempData" :key="index+'ylTempData'" :span="8">{{item.title}}:{{item.value}}℃</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
<div class="yl-item-container">
|
||||
<div class="header">
|
||||
<div class="header-title">3#液冷</div>
|
||||
<div>工作模式:<span class="header-values">运行</span></div>
|
||||
<div>当前温度:<span class="header-values">12℃</span></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<el-row>
|
||||
<el-col v-for="(item,index) in tempData" :key="index+'ylTempData'" :span="8">{{item.title}}:{{item.value}}℃</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="yl-item-container yl-warn-item-container">
|
||||
<div class="header">
|
||||
<div class="header-title">4#液冷</div>
|
||||
<div>工作模式:<span class="header-values">运行</span></div>
|
||||
<div>当前温度:<span class="header-values">12℃</span></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<el-row>
|
||||
<el-col v-for="(item,index) in tempData" :key="index+'ylTempData'" :span="8">{{item.title}}:{{item.value}}℃</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-empty v-show="list.length<=0" :image-size="200"></el-empty>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
|
||||
import {getCoolingDataList} from '@/api/ems/dzjk'
|
||||
export default {
|
||||
name:'DzjkSbjkYl',
|
||||
mixins:[getQuerySiteId],
|
||||
data() {
|
||||
return {
|
||||
loading:false,
|
||||
list:[],
|
||||
tempData:[
|
||||
{title:'制热开启点',value:12,attr:''},
|
||||
{title:'制冷开启点',value:23,attr:''},
|
||||
{title:'高温告警点',value:30,attr:''},
|
||||
{title:'制热停止点',value:24,attr:''},
|
||||
{title:'制冷停止点',value:21,attr:''},
|
||||
{title:'低温告警点',value:10,attr:''},
|
||||
{title:'制热开启点',attr:'heatingStartPoint'},
|
||||
{title:'制冷开启点',attr:'coolingStartPoint'},
|
||||
{title:'高温告警点',attr:'highTempAlarmPoint'},
|
||||
{title:'制热停止点',attr:'heatingStopPoint'},
|
||||
{title:'制冷停止点',attr:'coolingStopPoint'},
|
||||
{title:'低温告警点',attr:'lowTempAlarmPoint'},
|
||||
|
||||
]
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
|
||||
init(){
|
||||
this.loading = true
|
||||
getCoolingDataList(this.siteId).then(response => {
|
||||
this.list = JSON.parse(JSON.stringify(response?.data || []));
|
||||
}).finally(() => {this.loading = false})
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
|
||||
|
Reference in New Issue
Block a user