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

告警页面先生成告警再跳转,更新电表返回值,更新登陆、注册页面表格左边距离

Browse Source
This commit is contained in:
白菜
2025-09-28 14:31:24 +08:00
parent a1fdc958db
commit 7497c1d1b9
5 changed files with 131 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,7 +11,7 @@
}"
>
<div slot="header">
<span class="large-title">{{ item.deviceName }}</span>
<span class="large-title">{{index+1}}#{{ item.deviceName }}</span>
<div class="info">
<div>
{{
@ -23,20 +23,13 @@
<div>数据更新时间：{{ item.dataUpdateTime }}</div>
</div>
</div>
<el-table
class="common-table"
:data="item.loadDataDetailInfo"
@cell-click="(row,col)=>{handlerCell(item,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-row>
<el-col v-for="(tempDataItem,tempDataIndex) in deviceIdTypeMsg[item.deviceId]" :key="tempDataIndex+'dbTempData'" :span="8">
<span class="pointer" @click="showChart(tempDataItem.pointName,item.deviceName,item.deviceId)">
{{tempDataItem.name}}：{{item[tempDataItem.attr]}}<span v-html="tempDataItem.unit"></span>
</span>
</el-col>
</el-row>
</el-card>
<el-empty v-show="list.length<=0" :image-size="200"></el-empty>
<point-chart ref="pointChart" :site-id="siteId"/>
@ -56,16 +49,97 @@ export default {
return {
loading: false,
list:[],
deviceIdTypeMsg:{
'LOAD':[
{
name:'正向有功电能',
attr:'forwardActive',
pointName:'正向有功电能'
},
{
name:'反向有功电能',
attr:'reverseActive',
pointName:'反向有功电能'
},
{
name:'正向无功电能',
attr:'forwardReactive',
pointName:'正向无功电能'
},
{
name:'反向无功电能',
attr:'reverseReactive',
pointName:'反向无功电能'
},
{
name:'有功功率',
attr:'activePower',
pointName:'总有功功率'
},
{
name:'无功功率',
attr:'reactivePower',
pointName:'总无功功率'
}
],
'METE':[
{
name:'正向有功电能',
attr:'forwardActive',
pointName:'当前正向总有功电能'
},
{
name:'反向有功电能',
attr:'reverseActive',
pointName:'当前反向总有功电能'
},
{
name:'正向无功电能',
attr:'forwardReactive',
pointName:'当前正向总无功电能'
},
{
name:'反向无功电能',
attr:'reverseReactive',
pointName:'当前反向总无功电能'
},
{
name:'有功功率',
attr:'activePower',
pointName:'总有功功率'
},
{
name:'无功功率',
attr:'reactivePower',
pointName:'总无功功率'
}
],
'METEGF':[
{
name:'有功电能',
attr:'activeEnergy',
pointName:'有功电能'
},
{
name:'无功电能',
attr:'reactiveEnergy',
pointName:'无功电能'
},
{
name:'有功功率',
attr:'activePower',
pointName:'总有功功率'
},
{
name:'无功功率',
attr:'reactivePower',
pointName:'总无功功率'
}
]
}
};
},
methods: {
handlerCell({deviceId,deviceName},row,column){
if(column.label !== '类别'){
const arr = row.category.split('')
arr.splice(6,0,column.label[0])
this.showChart(arr.join(''),deviceName,deviceId)
}
},
showChart(pointName,categoryName,deviceId){
console.log('点击查询图表',pointName,categoryName,deviceId)
pointName && this.$refs.pointChart.showChart({pointName,categoryName,deviceId})
@ -94,13 +168,22 @@ export default {
&.list:not(:last-child){
margin-bottom: 25px;
}
::v-deep {
.el-table__row td{
&:not(:first-child){
.cell{
cursor: pointer;
}
}
.el-row{
background-color: #ffffff;
border:1px solid #eeeeee;
font-size: 14px;
line-height: 16px;
color: #333333;
.el-col{
padding:12px 0;
text-align: center;
position: relative;
}
.el-col{
border-bottom: 1px solid #eeeeee;
}
.el-col:not(:nth-child(3n)){
border-right: 1px solid #eeeeee;
}
}
}