设备列表、电价列表、综合搜索、图表详情优化

This commit is contained in:
白菜
2025-10-21 15:42:00 +08:00
parent 96e4f7874f
commit 5c150b0d26
5 changed files with 64 additions and 13 deletions

View File

@ -174,6 +174,48 @@ export default {
: `${inner.deviceId}`
}`,
type: "line",
markPoint: {
symbolSize: 30,
emphasis: {
disabled:false//打开 鼠标高亮
},
data: [//最大值、最小值
{
// type: 'max',
name: `最大值`,
coord:[inner.maxDate,inner.maxValue],
relativeTo:'coordinate',
label: {
position: "top",
formatter: item.dataType === 2 ? ([
`最大值:${inner.maxValue}`,
// `平均值:${inner.avgValue}`,
`差值:${inner.diffValue}`,
]).join('\n') : ([
`最大值:${inner.maxValue}`,
// `平均值:${inner.avgValue}`,
]).join('\n'),
},
},
{
// type: 'min',
name: `最小值`,
coord:[inner.minDate,inner.minValue],
relativeTo:'coordinate',
label: {
position: "top",
formatter: item.dataType === 2 ? ([
`最小值:${inner.minValue}`,
// `平均值:${inner.avgValue}`,
`差值:${inner.diffValue}`,
]).join('\n') : ([
`最小值:${inner.minValue}`,
// `平均值:${inner.avgValue}`,
]).join('\n'),
}
}
]
},
xdata: [],
data: [],
});
@ -200,7 +242,7 @@ export default {
trigger: "axis",
axisPointer: {
// 坐标轴指示器,坐标轴触发有效
type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
type: "cross", // 默认为直线,可选为:'line' | 'shadow'
},
},
textStyle: {

View File

@ -105,8 +105,9 @@ export default {
//获取站点列表
getZdList(){
this.searchLoading=true
getAllSites().then(response => {
return getAllSites().then(response => {
this.siteList = response?.data || []
if( this.siteList.length>0 ) this.siteId = this.siteList[0].siteId
}).finally(() => {this.searchLoading=false})
},
changeDefaultYear(){
@ -114,7 +115,6 @@ export default {
},
getData(reset=false){
reset && this.resetTableData()
console.log('湖区====',reset,this.tableData.length,this.tableTotal,this.pageNum);
if(!reset && this.tableData.length>=this.tableTotal) return
this.loading=true;
const date = new Date(this.defaultYear).getFullYear()
@ -163,8 +163,10 @@ export default {
},
mounted() {
this.defaultYear = new Date()
this.getZdList()
this.getData(true)
this.loading=true
this.getZdList().then(()=>{
this.getData(true)
})
}
}
</script>

View File

@ -37,12 +37,12 @@
label="设备名称">
</el-table-column>
<el-table-column
prop="deviceType"
label="设备类">
prop="categoryName"
label="设备类">
</el-table-column>
<el-table-column
prop="communicationStatus"
label="通信状态">
label="在线状态">
<template slot-scope="scope">
<span>{{$store.state.ems.communicationStatusOptions[scope.row.communicationStatus]}}</span>
</template>
@ -251,14 +251,19 @@ export default {
//获取站点列表
getZdList(){
this.searchLoading=true
getAllSites().then(response => {
return getAllSites().then(response => {
this.siteList = response?.data || []
if(this.siteList.length>0) this.siteId = this.siteList[0].siteId
}).finally(() => {this.searchLoading=false})
}
},
mounted() {
this.onReset()
this.getZdList()
this.loading=true
this.siteId=''
this.pageNum =1//每次搜索从1开始搜索
this.getZdList().then(()=>{
this.getData()
})
}
}
</script>

View File

@ -85,7 +85,7 @@
</el-form>
<!-- 底部 -->
<div class="el-login-footer">
<span>Copyright © 2025 海电动工具研究所集团有限公司.</span>
<span>Copyright © 2025 动新能源 版权所有</span>
</div>
</div>
</template>
@ -265,6 +265,7 @@ export default {
}
}
.el-login-footer {
z-index:2;
height: 40px;
line-height: 40px;
position: fixed;

View File

@ -95,7 +95,7 @@
</el-form>
<!-- 底部 -->
<div class="el-register-footer">
<span>Copyright © 2018-2025 上海电动工具研究所集团有限公司.</span>
<span>Copyright © 2025 上动新能源 版权所有</span>
</div>
</div>
</template>
@ -276,6 +276,7 @@ export default {
}
}
.el-register-footer {
z-index:2;
height: 40px;
line-height: 40px;
position: fixed;