xzzn/emsfront
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

电表、单体电池接口联调

Browse Source
This commit is contained in:
白菜
2025-06-30 18:37:37 +08:00
parent 86cbf64a9d
commit 71cd3cd76c
3 changed files with 51 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/views/ems/dzjk/sbjk/db/index.vue
View File

@ -1,17 +1,17 @@
<template>
<div v-loading="loading">
<el-card shadow="always" class="common-card-container" :class="info.emsCommunicationStatus === '0' ? 'cnb-common-card-container' : 'zb-common-card-container'">
<el-card shadow="always" class="common-card-container" :class="zbInfo.emsCommunicationStatus === '0' ? 'cnb-common-card-container' : 'zb-common-card-container'">
<div slot="header">
<span class="large-title">1#总表</span>
<div class="status">
<div>{{$store.state.ems.communicationStatusOptions[info.emsCommunicationStatus]}}</div>
<div>数据更新时间：{{info.dataUpdateTime}}</div>
<div>{{$store.state.ems.communicationStatusOptions[zbInfo.emsCommunicationStatus]}}</div>
<div>数据更新时间：{{zbInfo.dataUpdateTime}}</div>
</div>
</div>
<el-table
class="common-table"
:data="info.ammeterDataDetailInfos"
:data="zbInfo.ammeterDataDetailInfos"
stripe
style="width: 100%;">
<el-table-column
@ -41,43 +41,42 @@
</el-table-column>
</el-table>
</el-card>
<!-- 储能表返回值待定-->
<el-card shadow="always" class="common-card-container cnb-common-card-container">
<el-card shadow="always" class="common-card-container" :class="cnbInfo.emsCommunicationStatus === '0' ? 'cnb-common-card-container' : 'zb-common-card-container'">
<div slot="header">
<span class="large-title">2#储能表</span>
<div class="status">
<div>通信正常</div>
<div>数据更新时间：2024-10-11 12:00:00</div>
<div>{{$store.state.ems.communicationStatusOptions[cnbInfo.emsCommunicationStatus]}}</div>
<div>数据更新时间：{{cnbInfo.dataUpdateTime}}</div>
</div>
</div>
<el-table
class="common-table"
:data="cnbTableData"
:data="cnbInfo.ammeterDataDetailInfos"
stripe
style="width: 100%;">
<el-table-column
prop="name"
prop="category"
label="类别">
</el-table-column>
<el-table-column
prop="zong"
prop="totalKwh"
label="总/kWh"
>
</el-table-column>
<el-table-column
prop="jian"
prop="sharpKwh"
label="尖/kWh">
</el-table-column>
<el-table-column
prop="feng"
prop="peakKwh"
label="峰/kWh">
</el-table-column>
<el-table-column
prop="ping"
prop="flatKwh"
label="平/kWh">
</el-table-column>
<el-table-column
prop="gu"
prop="valleyKwh"
label="谷/kWh">
</el-table-column>
</el-table>
@ -95,21 +94,16 @@ export default {
data() {
return {
loading:false,
info:{},
cnbTableData:[
{name:'累计充电量',zong:1000,jian:2000,feng:1500,ping:500,gu:40},
{name:'累计放电量',zong:1000,jian:2000,feng:1500,ping:500,gu:40},
{name:'日充电量',zong:1000,jian:2000,feng:1500,ping:500,gu:40},
{name:'日放电量',zong:1000,jian:2000,feng:1500,ping:500,gu:40},
],
zbInfo:{},
cnbInfo:{},
}
},
methods:{
init(){
this.loading = true
getAmmeterDataList(this.siteId).then(response => {
// todo 返回数据等待确认，是数组吗?
this.info =JSON.parse(JSON.stringify(response?.data[0] || {}));
this.zbInfo =JSON.parse(JSON.stringify(response?.data[0] || {}));
this.cnbInfo =JSON.parse(JSON.stringify(response?.data[1] || {}));
}).finally(() => {this.loading = false})
}
},