|
@@ -1,45 +1,49 @@
|
|
|
<template>
|
|
|
<div class="chart-container">
|
|
|
<div class="filter">
|
|
|
- <div class="startTime">
|
|
|
- <span class="timeText">起始时间</span>
|
|
|
- <el-date-picker
|
|
|
- v-model="startTime"
|
|
|
- :clearable="false"
|
|
|
- type="datetime"
|
|
|
- value-format="timestamp"
|
|
|
- placeholder="选择日期">
|
|
|
- </el-date-picker>
|
|
|
- </div>
|
|
|
- <div class="endTime">
|
|
|
- <span class="timeText">截止时间</span>
|
|
|
- <el-date-picker
|
|
|
- v-model="endTime"
|
|
|
- :clearable="false"
|
|
|
- type="datetime"
|
|
|
- value-format="timestamp"
|
|
|
- placeholder="选择日期">
|
|
|
- </el-date-picker>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <span class="timeText">设备编号</span>
|
|
|
- <el-select v-model="windTurbineInfoId" multiple filterable placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in windTurbineInfos"
|
|
|
- :key="item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="timeQuery">
|
|
|
- <el-button :loading=loading size="small" @click="dateQuery">查询</el-button>
|
|
|
- </div>
|
|
|
+ <span style="font-weight: bold;font-size: 14px">场站名称:</span>
|
|
|
+ <el-select style="width:250px" clearable v-model="stationCode" size="small" @change="stationCodeChange">
|
|
|
+ <el-option
|
|
|
+ v-for="item in stationList"
|
|
|
+ :key="item.stationCode"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.stationCode">
|
|
|
+ <span style="float: left">{{ item.name }}</span>
|
|
|
+ <span style="float: right; color: #8492a6;font-size: 13px">{{ item.stationCode }}</span>
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <span style="font-weight: bold;font-size: 14px">设备名称:</span>
|
|
|
+ <el-select v-model="windTurbineInfoId" clearable placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in windTurbineInfos"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <span style="font-weight: bold;font-size: 14px">起始时间:</span>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="startTime"
|
|
|
+ :clearable="false"
|
|
|
+ type="datetime"
|
|
|
+ value-format="timestamp"
|
|
|
+ placeholder="选择日期">
|
|
|
+ </el-date-picker>
|
|
|
+ <span style="font-weight: bold;font-size: 14px">截止时间:</span>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="endTime"
|
|
|
+ :clearable="false"
|
|
|
+ type="datetime"
|
|
|
+ value-format="timestamp"
|
|
|
+ placeholder="选择日期">
|
|
|
+ </el-date-picker>
|
|
|
+ <el-button :loading=loading size="small" @click="dateQuery">查询</el-button>
|
|
|
</div>
|
|
|
- <div class="content">
|
|
|
+<!-- <div class="content">-->
|
|
|
<!--<el-tabs type="card" v-model="activeName" >-->
|
|
|
<!--<el-tab-pane label="指定风机" name="first">-->
|
|
|
- <div class="tableContent">
|
|
|
+<!-- <div class="tableContent">-->
|
|
|
+ <div style="padding-top: 10px">
|
|
|
<vxe-table
|
|
|
id="wtNoTable"
|
|
|
ref="wtNoTable"
|
|
@@ -49,14 +53,12 @@
|
|
|
@sort-change="sortChangeEventNo"
|
|
|
:auto-resize="true"
|
|
|
highlight-hover-row
|
|
|
- :header-cell-style="{background:'black',color:'white',border:'white'}"
|
|
|
max-height="90%"
|
|
|
:resizable="true"
|
|
|
- :cell-style="{background:'black',color:'white'}"
|
|
|
align="center"
|
|
|
:data="wtDataNo">
|
|
|
<vxe-table-column field="time" title="接收时间" :formatter="dateFormat" min-width="150" sortable ></vxe-table-column>
|
|
|
- <vxe-table-column field="equipmentNo" title="编号" min-width="60" :formatter="nameFormat"></vxe-table-column>
|
|
|
+ <vxe-table-column field="equipmentId" title="名称" min-width="60" :formatter="nameFormat"></vxe-table-column>
|
|
|
<vxe-table-column field="activePower" title="有功(KW)" min-width="60"></vxe-table-column>
|
|
|
<vxe-table-column field="reactivePower" title="无功(KW)" min-width="60"></vxe-table-column>
|
|
|
<vxe-table-column field="powerFactor" title="功率因数" min-width="60"></vxe-table-column>
|
|
@@ -87,58 +89,7 @@
|
|
|
@page-change="handlePageChangeNo"
|
|
|
:layouts="['PrevJump', 'PrevPage', 'JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total']">
|
|
|
</vxe-pager>
|
|
|
- </div>
|
|
|
</div>
|
|
|
- <!--</el-tab-pane>-->
|
|
|
- <!--<el-tab-pane label="所有风机" name="second">-->
|
|
|
- <!--<div class="tableContent">-->
|
|
|
- <!--<vxe-table-->
|
|
|
- <!--id="wtAllTable"-->
|
|
|
- <!--ref="wtAllTable"-->
|
|
|
- <!--border-->
|
|
|
- <!--:loading="loading"-->
|
|
|
- <!--export-config-->
|
|
|
- <!--@sort-change="sortChangeEventAll"-->
|
|
|
- <!--:sync-resize="startTime"-->
|
|
|
- <!--:auto-resize="true"-->
|
|
|
- <!--:sort-config="{remote:'true'}"-->
|
|
|
- <!--highlight-hover-row-->
|
|
|
- <!--:header-cell-style="{background:'black',color:'white',border:'white'}"-->
|
|
|
- <!--max-height="90%"-->
|
|
|
- <!--:resizable="true"-->
|
|
|
- <!--:cell-style="{background:'black',color:'white'}"-->
|
|
|
- <!--align="center"-->
|
|
|
- <!--:data="wtDataAll">-->
|
|
|
- <!--<vxe-table-column field="time" title="接收时间" :formatter="dateFormat" min-width="150" sortable ></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="equipmentNo" title="编号" min-width="60" sortable></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="activePower" title="有功(KW)" min-width="60"></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="reactivePower" title="无功(KW)" min-width="60"></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="powerFactor" title="功率因数" min-width="60"></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="voltage" title="电压(V)" min-width="60"></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="electricalCurrent" title="电流(A)" min-width="60"></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="dayElectricQuantity" title="当日发电量(kW·h)" min-width="60"></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="dayGridConnectedHours" title="当日并网小时" min-width="60"></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="windWheelRatedSpeed" title="转速(rpm)"min-width="60"></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="ws" title="风速(m/s)"min-width="60"></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="wd" title="风向(°)"min-width="60"></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="t" title="温度(℃)"min-width="60"></vxe-table-column>-->
|
|
|
- <!--<vxe-table-column field="pitchAngle" title="桨距角(°)"min-width="60"></vxe-table-column>-->
|
|
|
- <!--</vxe-table>-->
|
|
|
- <!--<div class="rtPageturning">-->
|
|
|
- <!--<vxe-toolbar ref="wtAllToolbar" export></vxe-toolbar>-->
|
|
|
- <!--<vxe-pager-->
|
|
|
- <!--:loading="loading"-->
|
|
|
- <!--background-->
|
|
|
- <!--:current-page.sync="currentPageAll"-->
|
|
|
- <!--:page-size.sync="pageSizeAll"-->
|
|
|
- <!--:total="totalAll"-->
|
|
|
- <!--@page-change="handlePageChangeAll"-->
|
|
|
- <!--:layouts="['PrevJump', 'PrevPage', 'JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total']">-->
|
|
|
- <!--</vxe-pager>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--</div>-->
|
|
|
- <!--</el-tab-pane>-->
|
|
|
- <!--</el-tabs>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -149,6 +100,8 @@
|
|
|
name: 'inverterTable',
|
|
|
data(){
|
|
|
return{
|
|
|
+ stationCode: '',
|
|
|
+ stationList: [],
|
|
|
loading:false,
|
|
|
queryStartTime:"",
|
|
|
queryEndTime:"",
|
|
@@ -167,9 +120,7 @@
|
|
|
pageSizeAll: 10,
|
|
|
currentPageAll: 1,
|
|
|
sortOrderTime:'asc',
|
|
|
- sortOrderNumber:'asc',
|
|
|
-
|
|
|
-
|
|
|
+ sortOrderNumber:'asc'
|
|
|
}
|
|
|
},
|
|
|
created () {
|
|
@@ -180,32 +131,36 @@
|
|
|
})
|
|
|
},
|
|
|
mounted(){
|
|
|
- this.querywtInfo()
|
|
|
+ this.getStationList()
|
|
|
},
|
|
|
methods:{
|
|
|
- querywtInfo() {
|
|
|
- this.loading = true
|
|
|
- this.$axios.get('/windTurbineInfos').then((res) => {
|
|
|
- if (res.data != null && res.data.length > 0) {
|
|
|
+ stationCodeChange() {
|
|
|
+ // 获取逆变器设备
|
|
|
+ let queryParam = this.stationCode;
|
|
|
+ if (queryParam==''){
|
|
|
+ // 清除设备下拉框
|
|
|
+ this.windTurbineInfos = ''
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ this.$axios.get('/windTurbineInfo/findWindTurbineInfoByStation/' + queryParam).then((res) => {
|
|
|
this.windTurbineInfos = res.data
|
|
|
- this.windTurbineInfoId.push(this.windTurbineInfos[0].id)
|
|
|
- this.queryStartTime = this.startTime
|
|
|
- this.queryEndTime = this.endTime
|
|
|
- this.querywtDataNo()
|
|
|
- // this.querywtDataAll()
|
|
|
- } else {
|
|
|
- this.loading = false
|
|
|
- this.$message.warning("没有风机设备信息")
|
|
|
- }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ getStationList() {
|
|
|
+ this.$axios.get('/electricField/getElectricField').then((res) => {
|
|
|
+ this.stationList = res.data
|
|
|
}).catch((error) => {
|
|
|
- this.loading = false
|
|
|
- this.$message.error('查询风机设备信息出错' + error)
|
|
|
+ this.$message.error('获取场站下拉框出错' + error)
|
|
|
})
|
|
|
},
|
|
|
-
|
|
|
querywtDataNo(){
|
|
|
this.loading=true
|
|
|
- this.$axios.get('/windTurbineStatusData/'+this.queryStartTime+'/'+this.queryEndTime+'/'+this.currentPageNo+'/'+this.pageSizeNo+'/'+this.windTurbineInfoId+'?timeSortOrder='+this.sortOrderTime+'&noSortOrder='+this.sortOrderNumber).then((res) => {
|
|
|
+ let windTurbineId = this.windTurbineInfoId;
|
|
|
+ if (windTurbineId==''){
|
|
|
+ windTurbineId="ALL"
|
|
|
+ }
|
|
|
+ this.$axios.get('/windTurbineStatusData/'+this.stationCode+'/'+this.queryStartTime+'/'+this.queryEndTime+'/'+this.currentPageNo+'/'+this.pageSizeNo+'/'+windTurbineId).then((res) => {
|
|
|
this.wtDataNo = res.data.content
|
|
|
// 表分页格数据总条数
|
|
|
this.totalNo = res.data.count
|
|
@@ -215,19 +170,12 @@
|
|
|
this.$message.error('查询风机根据number出错' + error)
|
|
|
})
|
|
|
},
|
|
|
- // querywtDataAll(){
|
|
|
- // this.loading=true
|
|
|
- // this.$axios.get('/windTurbineStatusData/'+this.queryStartTime+'/'+this.queryEndTime+'/'+this.currentPageAll+'/'+this.pageSizeAll+'?timeSortOrder='+this.sortOrderTime+'&noSortOrder='+this.sortOrderNumber).then((res) => {
|
|
|
- // this.wtDataAll = res.data.content
|
|
|
- // // 表分页格数据总条数
|
|
|
- // this.totalAll = res.data.count
|
|
|
- // this.loading=false
|
|
|
- // }).catch((error) => {
|
|
|
- // this.loading=false
|
|
|
- // this.$message.error('查询所有风机出错' + error)
|
|
|
- // })
|
|
|
- // },
|
|
|
dateQuery(){
|
|
|
+ let queryParam = this.stationCode;
|
|
|
+ if (queryParam==''){
|
|
|
+ this.$message.error("请选择场站")
|
|
|
+ return;
|
|
|
+ }
|
|
|
this.loading=true
|
|
|
if(this.endTime<=this.startTime){
|
|
|
this.$message.error("开始时间不能小于结束时间")
|
|
@@ -236,18 +184,14 @@
|
|
|
this.loading=false
|
|
|
return
|
|
|
}
|
|
|
- if(this.endTime-this.startTime> 60 * 60 * 24 * 1000*31){
|
|
|
+ if(this.endTime-this.startTime> 60 * 60 * 24 * 1000*3){
|
|
|
this.startTime = this.queryStartTime
|
|
|
this.endTime = this.queryEndTime
|
|
|
- this.$message.error("只能最多查询31天的数据哦")
|
|
|
+ this.$message.error("只能最多查询3天的数据")
|
|
|
this.loading = false
|
|
|
return
|
|
|
}
|
|
|
- if(this.windTurbineInfoId=="") {
|
|
|
- this.$message.error("设备选项不能为空")
|
|
|
- this.loading=false
|
|
|
- return
|
|
|
- }
|
|
|
+
|
|
|
this.queryStartTime = this.startTime
|
|
|
this.queryEndTime = this.endTime
|
|
|
this.currentPageNo = 1
|
|
@@ -335,111 +279,9 @@
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
- .chart-container{
|
|
|
- position:relative;
|
|
|
- width:100%;
|
|
|
- height:calc(100vh - 50px);
|
|
|
- }
|
|
|
-
|
|
|
- .filter{
|
|
|
- position:relative;
|
|
|
- display:flex;
|
|
|
- padding:20px 0 10px 15px;
|
|
|
- font-size:12px;
|
|
|
- line-height:11px;
|
|
|
- color:white;
|
|
|
- width: 100%;
|
|
|
- background-color: transparent;
|
|
|
- height: 10%;
|
|
|
- }
|
|
|
-
|
|
|
- input{
|
|
|
- background:transparent;
|
|
|
- border:none;
|
|
|
- color:white;
|
|
|
- }
|
|
|
-
|
|
|
- .timeText{
|
|
|
- opacity:0.69;
|
|
|
- padding-right:7px;
|
|
|
- font-size:14px;
|
|
|
- }
|
|
|
-
|
|
|
- .startTime{
|
|
|
- display:inline-block;
|
|
|
- }
|
|
|
-
|
|
|
- .endTime{
|
|
|
- display:inline-block;
|
|
|
- padding-left:42px;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- .timeQuery{
|
|
|
- margin-left: 2%;
|
|
|
- background:transparent;
|
|
|
- }
|
|
|
-
|
|
|
- .el-button{
|
|
|
- background:transparent;
|
|
|
- color:white;
|
|
|
- }
|
|
|
-
|
|
|
- .filter >>> input{
|
|
|
- background:transparent;
|
|
|
- border:none;
|
|
|
- color:white;
|
|
|
- }
|
|
|
-
|
|
|
- .rtPageturning{
|
|
|
- width: 100%;
|
|
|
- height: 10%;
|
|
|
- display: flex;
|
|
|
- justify-content:space-between
|
|
|
- }
|
|
|
- .rtPageturning >>> button,
|
|
|
- .rtPageturning >>> span,
|
|
|
- .rtPageturning >>> input,
|
|
|
- .rtPageturning >>> .vxe-pager--btn-wrapper li{
|
|
|
- background-color: transparent !important;
|
|
|
- color: #ffffff !important;
|
|
|
- border: 1px solid #ffffff;
|
|
|
- }
|
|
|
- .rtPageturning >>> span{
|
|
|
- border:none
|
|
|
- }
|
|
|
- .rtPageturning >>> .vxe-pager--wrapper .vxe-pager--btn-wrapper li:not(.disabled).is--active {
|
|
|
- background-color: #9f9fa0 !important;
|
|
|
- }
|
|
|
-
|
|
|
- .tableContent{
|
|
|
- width: 100%;
|
|
|
- height:calc(80vh - 50px);
|
|
|
- }
|
|
|
- .tableContent >>> td{
|
|
|
- border:1px solid #ffffff;
|
|
|
- }
|
|
|
- .content{
|
|
|
- width: 100%;
|
|
|
- background-color: transparent;
|
|
|
- height: 90%;
|
|
|
- padding-left: 5px;
|
|
|
- padding-right: 5px;
|
|
|
- }
|
|
|
- .content >>> .el-tabs__item{
|
|
|
- color: white;
|
|
|
- }
|
|
|
- .content >>> .el-tabs__item.is-active {
|
|
|
- color: #409EFF;
|
|
|
- }
|
|
|
|
|
|
- .content >>> .vxe-button.type--button.is--circle{
|
|
|
- padding: 0 .5em;
|
|
|
- min-width: 34px;
|
|
|
- border-radius: 10%;
|
|
|
- border: none;
|
|
|
- background: transparent;
|
|
|
- color: white;
|
|
|
+ .my_table_insert .vxe-body--row.is--new {
|
|
|
+ background-color: #f1fdf1;
|
|
|
}
|
|
|
</style>
|
|
|
|