优化0918
This commit is contained in:
白菜
@ -1,76 +1,78 @@
|
||||
<template>
|
||||
<div v-loading="loading">
|
||||
<el-card
|
||||
shadow="always"
|
||||
class="sbjk-card-container"
|
||||
:class="{
|
||||
'warning-card-container':zbInfo.emsCommunicationStatus && zbInfo.emsCommunicationStatus !== '0',
|
||||
'running-card-container':zbInfo.emsCommunicationStatus === '0'
|
||||
<template v-for="(item,index) in list">
|
||||
<el-card
|
||||
shadow="always"
|
||||
class="sbjk-card-container"
|
||||
:class="{
|
||||
'warning-card-container':item.ammeterLoadData.emsCommunicationStatus && item.ammeterLoadData.emsCommunicationStatus !== '0',
|
||||
'running-card-container':item.ammeterLoadData.emsCommunicationStatus === '0'
|
||||
}"
|
||||
>
|
||||
<div slot="header">
|
||||
<span class="large-title">1#{{ zbInfo.deviceName }}</span>
|
||||
<div class="info">
|
||||
<div>
|
||||
{{
|
||||
$store.state.ems.communicationStatusOptions[
|
||||
zbInfo.emsCommunicationStatus
|
||||
]
|
||||
}}
|
||||
</div>
|
||||
<div>数据更新时间：{{ zbInfo.dataUpdateTime }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
class="common-table"
|
||||
:data="zbInfo.loadDataDetailInfo"
|
||||
@cell-click="(row,col)=>{handlerCell(zbInfo.deviceId,row,col)}"
|
||||
stripe
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column prop="category" label="类别"> </el-table-column>
|
||||
<el-table-column prop="totalKwh" label="总/kWh"> </el-table-column>
|
||||
<el-table-column prop="peakKwh" label="尖/kWh"> </el-table-column>
|
||||
<el-table-column prop="highKwh" label="峰/kWh"> </el-table-column>
|
||||
<el-table-column prop="flatKwh" label="平/kWh"> </el-table-column>
|
||||
<el-table-column prop="valleyKwh" label="谷/kWh"> </el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
<el-card
|
||||
shadow="always"
|
||||
class="sbjk-card-container"
|
||||
style="margin-top: 20px"
|
||||
:class="{
|
||||
'warning-card-container':zbInfo.emsCommunicationStatus && zbInfo.emsCommunicationStatus !== '0',
|
||||
'running-card-container':zbInfo.emsCommunicationStatus === '0'
|
||||
>
|
||||
<div slot="header">
|
||||
<span class="large-title">{{ item.ammeterLoadData.deviceName }}</span>
|
||||
<div class="info">
|
||||
<div>
|
||||
{{
|
||||
$store.state.ems.communicationStatusOptions[
|
||||
item.ammeterLoadData.emsCommunicationStatus
|
||||
]
|
||||
}}
|
||||
</div>
|
||||
<div>数据更新时间：{{ item.ammeterLoadData.dataUpdateTime }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
class="common-table"
|
||||
:data="item.ammeterLoadData.loadDataDetailInfo"
|
||||
@cell-click="(row,col)=>{handlerCell(item.ammeterLoadData.deviceId,row,col)}"
|
||||
stripe
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column prop="category" label="类别"> </el-table-column>
|
||||
<el-table-column prop="totalKwh" label="总/kWh"> </el-table-column>
|
||||
<el-table-column prop="peakKwh" label="尖/kWh"> </el-table-column>
|
||||
<el-table-column prop="highKwh" label="峰/kWh"> </el-table-column>
|
||||
<el-table-column prop="flatKwh" label="平/kWh"> </el-table-column>
|
||||
<el-table-column prop="valleyKwh" label="谷/kWh"> </el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
<el-card
|
||||
shadow="always"
|
||||
class="sbjk-card-container"
|
||||
style="margin-top: 20px"
|
||||
:class="{
|
||||
'warning-card-container':item.ammeterMeteData.emsCommunicationStatus && item.ammeterMeteData.emsCommunicationStatus !== '0',
|
||||
'running-card-container':item.ammeterMeteData.emsCommunicationStatus === '0'
|
||||
}"
|
||||
>
|
||||
<div slot="header">
|
||||
<span class="large-title">2#{{ cnbInfo.deviceName }}</span>
|
||||
<div class="info">
|
||||
<div>
|
||||
{{
|
||||
$store.state.ems.communicationStatusOptions[
|
||||
cnbInfo.emsCommunicationStatus
|
||||
]
|
||||
}}
|
||||
</div>
|
||||
<div>数据更新时间：{{ cnbInfo.dataUpdateTime }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
class="common-table"
|
||||
:data="cnbInfo.meteDataDetailInfo"
|
||||
@cell-click="(row,col)=>{handlerCellCN(cnbInfo.deviceId,row,col)}"
|
||||
stripe
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column prop="category" label="类别"> </el-table-column>
|
||||
<el-table-column prop="activePower" label="有功功率"> </el-table-column>
|
||||
<el-table-column prop="reactivePower" label="无功功率">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
>
|
||||
<div slot="header">
|
||||
<span class="large-title">{{ item.ammeterMeteData.deviceName }}</span>
|
||||
<div class="info">
|
||||
<div>
|
||||
{{
|
||||
$store.state.ems.communicationStatusOptions[
|
||||
item.ammeterMeteData.emsCommunicationStatus
|
||||
]
|
||||
}}
|
||||
</div>
|
||||
<div>数据更新时间：{{ item.ammeterMeteData.dataUpdateTime }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-table
|
||||
class="common-table"
|
||||
:data="item.ammeterMeteData.meteDataDetailInfo"
|
||||
@cell-click="(row,col)=>{handlerCellCN(item.ammeterMeteData.deviceId,row,col)}"
|
||||
stripe
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column prop="category" label="类别"> </el-table-column>
|
||||
<el-table-column prop="activePower" label="有功功率"> </el-table-column>
|
||||
<el-table-column prop="reactivePower" label="无功功率">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</template>
|
||||
<point-chart ref="pointChart" :site-id="siteId"/>
|
||||
</div>
|
||||
</template>
|
||||
@ -87,8 +89,7 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
zbInfo: {},
|
||||
cnbInfo: {},
|
||||
list:[],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
@ -114,12 +115,9 @@ export default {
|
||||
this.loading = true;
|
||||
getAmmeterDataList(this.siteId)
|
||||
.then((response) => {
|
||||
this.zbInfo = JSON.parse(
|
||||
JSON.stringify(response?.data?.ammeterLoadData || {})
|
||||
);
|
||||
this.cnbInfo = JSON.parse(
|
||||
JSON.stringify(response?.data?.ammeterMeteData || {})
|
||||
);
|
||||
// todo check
|
||||
const data = response?.data || []
|
||||
this.list = Array.isArray(data) ? data : [data]
|
||||
})
|
||||
.finally(() => {
|
||||
this.loading = false;
|
||||
|
||||
Reference in New Issue
Block a user