接口联调

This commit is contained in:
白菜
2025-06-30 17:32:04 +08:00
parent 37d2d9bde5
commit e42f1204ee
14 changed files with 441 additions and 109 deletions

View File

@ -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&#8451;</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}}&#8451;</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}}&#8451;</el-col>
<el-col v-for="(tempDataItem,tempDataIndex) in tempData" :key="tempDataIndex+'ylTempData'" :span="8">{{tempDataItem.title}}{{item[tempDataItem.attr]}}&#8451;</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&#8451;</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}}&#8451;</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&#8451;</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}}&#8451;</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&#8451;</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}}&#8451;</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(){