设备列表、电价列表、综合搜索、图表详情优化
This commit is contained in:
@ -174,6 +174,48 @@ export default {
|
|||||||
: `${inner.deviceId}`
|
: `${inner.deviceId}`
|
||||||
}`,
|
}`,
|
||||||
type: "line",
|
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: [],
|
xdata: [],
|
||||||
data: [],
|
data: [],
|
||||||
});
|
});
|
||||||
@ -200,7 +242,7 @@ export default {
|
|||||||
trigger: "axis",
|
trigger: "axis",
|
||||||
axisPointer: {
|
axisPointer: {
|
||||||
// 坐标轴指示器,坐标轴触发有效
|
// 坐标轴指示器,坐标轴触发有效
|
||||||
type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
|
type: "cross", // 默认为直线,可选为:'line' | 'shadow'
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
textStyle: {
|
textStyle: {
|
||||||
|
|||||||
@ -105,8 +105,9 @@ export default {
|
|||||||
//获取站点列表
|
//获取站点列表
|
||||||
getZdList(){
|
getZdList(){
|
||||||
this.searchLoading=true
|
this.searchLoading=true
|
||||||
getAllSites().then(response => {
|
return getAllSites().then(response => {
|
||||||
this.siteList = response?.data || []
|
this.siteList = response?.data || []
|
||||||
|
if( this.siteList.length>0 ) this.siteId = this.siteList[0].siteId
|
||||||
}).finally(() => {this.searchLoading=false})
|
}).finally(() => {this.searchLoading=false})
|
||||||
},
|
},
|
||||||
changeDefaultYear(){
|
changeDefaultYear(){
|
||||||
@ -114,7 +115,6 @@ export default {
|
|||||||
},
|
},
|
||||||
getData(reset=false){
|
getData(reset=false){
|
||||||
reset && this.resetTableData()
|
reset && this.resetTableData()
|
||||||
console.log('湖区====',reset,this.tableData.length,this.tableTotal,this.pageNum);
|
|
||||||
if(!reset && this.tableData.length>=this.tableTotal) return
|
if(!reset && this.tableData.length>=this.tableTotal) return
|
||||||
this.loading=true;
|
this.loading=true;
|
||||||
const date = new Date(this.defaultYear).getFullYear()
|
const date = new Date(this.defaultYear).getFullYear()
|
||||||
@ -163,8 +163,10 @@ export default {
|
|||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.defaultYear = new Date()
|
this.defaultYear = new Date()
|
||||||
this.getZdList()
|
this.loading=true
|
||||||
this.getData(true)
|
this.getZdList().then(()=>{
|
||||||
|
this.getData(true)
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -37,12 +37,12 @@
|
|||||||
label="设备名称">
|
label="设备名称">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="deviceType"
|
prop="categoryName"
|
||||||
label="设备类型">
|
label="设备类别">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
prop="communicationStatus"
|
prop="communicationStatus"
|
||||||
label="通信状态">
|
label="在线状态">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{$store.state.ems.communicationStatusOptions[scope.row.communicationStatus]}}</span>
|
<span>{{$store.state.ems.communicationStatusOptions[scope.row.communicationStatus]}}</span>
|
||||||
</template>
|
</template>
|
||||||
@ -251,14 +251,19 @@ export default {
|
|||||||
//获取站点列表
|
//获取站点列表
|
||||||
getZdList(){
|
getZdList(){
|
||||||
this.searchLoading=true
|
this.searchLoading=true
|
||||||
getAllSites().then(response => {
|
return getAllSites().then(response => {
|
||||||
this.siteList = response?.data || []
|
this.siteList = response?.data || []
|
||||||
|
if(this.siteList.length>0) this.siteId = this.siteList[0].siteId
|
||||||
}).finally(() => {this.searchLoading=false})
|
}).finally(() => {this.searchLoading=false})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.onReset()
|
this.loading=true
|
||||||
this.getZdList()
|
this.siteId=''
|
||||||
|
this.pageNum =1//每次搜索从1开始搜索
|
||||||
|
this.getZdList().then(()=>{
|
||||||
|
this.getData()
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -85,7 +85,7 @@
|
|||||||
</el-form>
|
</el-form>
|
||||||
<!-- 底部 -->
|
<!-- 底部 -->
|
||||||
<div class="el-login-footer">
|
<div class="el-login-footer">
|
||||||
<span>Copyright © 2025 上海电动工具研究所(集团)有限公司.</span>
|
<span>Copyright © 2025 上动新能源 版权所有</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -265,6 +265,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.el-login-footer {
|
.el-login-footer {
|
||||||
|
z-index:2;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|||||||
@ -95,7 +95,7 @@
|
|||||||
</el-form>
|
</el-form>
|
||||||
<!-- 底部 -->
|
<!-- 底部 -->
|
||||||
<div class="el-register-footer">
|
<div class="el-register-footer">
|
||||||
<span>Copyright © 2018-2025 上海电动工具研究所(集团)有限公司.</span>
|
<span>Copyright © 2025 上动新能源 版权所有</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -276,6 +276,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.el-register-footer {
|
.el-register-footer {
|
||||||
|
z-index:2;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|||||||
Reference in New Issue
Block a user