|
|
@@ -11,17 +11,15 @@
|
|
|
</div>
|
|
|
<div class="station">
|
|
|
机组：
|
|
|
- <el-select v-model="windStation" placeholder="选择机组">
|
|
|
+ <el-select v-model="windStation" placeholder="选择机组" @change="changeWt">
|
|
|
<el-option v-for="item in windList" :key="item.id" :label="item.name" :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="station">
|
|
|
报告月份
|
|
|
- <div class="search-input">
|
|
|
- <el-date-picker style="width: 120px" v-model="reportParamDate" type="month"
|
|
|
- value-format="YYYY-MM" placeholder="请选择" />
|
|
|
- </div>
|
|
|
+ <el-date-picker style="width: 120px" v-model="reportParamDate" type="month" value-format="YYYY-MM"
|
|
|
+ placeholder="请选择" />
|
|
|
</div>
|
|
|
<div class="but">
|
|
|
<el-button type="primary" @click="handleReportOp">查询</el-button>
|
|
|
@@ -31,8 +29,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="infoBox">
|
|
|
- <div id="pdfDom" ref="pdfContent"
|
|
|
- :style="!theme ? 'background-color: #040c0b' : 'background-color: #fff'">
|
|
|
+ <div id="pdfDom" ref="pdfContent" :style="!theme ? 'background-color: #040c0b' : 'background-color: #fff'">
|
|
|
<h2 style="
|
|
|
font-weight: bolder;
|
|
|
text-align: center;
|
|
|
@@ -51,8 +48,8 @@
|
|
|
单机运行指标性能分析
|
|
|
</h3>
|
|
|
<div class="warn-table">
|
|
|
- <el-table class="toolSty" :data="jjyxList" border style="width: 100%; margin: 10px 0"
|
|
|
- stripe :header-cell-style="{
|
|
|
+ <el-table class="toolSty" :data="jjyxList" border style="width: 100%; margin: 10px 0" stripe
|
|
|
+ :header-cell-style="{
|
|
|
padding: '4px',
|
|
|
fontSize: '12px',
|
|
|
fontWeight: bold,
|
|
|
@@ -75,7 +72,7 @@
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<!-- 本月运行情况总结 -->
|
|
|
<h3 style="
|
|
|
text-indent: 2em;
|
|
|
@@ -83,14 +80,14 @@
|
|
|
margin-bottom: 10px;
|
|
|
margin-top: 10px;
|
|
|
" :style="!theme ? 'color: #fff' : 'color: #000'">
|
|
|
- 本月运行情况总结：
|
|
|
- </h3>
|
|
|
+ 本月运行情况总结：
|
|
|
+ </h3>
|
|
|
<p style="font-size: 16px;font-weight: bolder;margin: 10px 0 10px 40px"
|
|
|
:style="!theme ? 'color: #fff' : 'color: #000'">{{operationStatus}}</p>
|
|
|
-
|
|
|
+
|
|
|
<p style="font-size: 16px;font-weight: bolder;margin: 10px 0 10px 40px"
|
|
|
:style="!theme ? 'color: #fff' : 'color: #000'">{{operationStatus2}}</p>
|
|
|
-
|
|
|
+
|
|
|
<div id="powerAndspeed" style="width:100%;height:500px"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -115,6 +112,7 @@
|
|
|
windList: [],
|
|
|
reportStation: "",
|
|
|
windStation: "",
|
|
|
+ windStationName: "",
|
|
|
OperationName: "经济运行分析报告",
|
|
|
jjyxTableColumn: jsonData.jjyxTableColumn,
|
|
|
jjyxList: [],
|
|
|
@@ -137,33 +135,43 @@
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
+ changeWt(value) {
|
|
|
+ this.windList.forEach(it => {
|
|
|
+ if (value === it.id) {
|
|
|
+ this.windStationName = it.name
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
/**场站 */
|
|
|
funGetStation() {
|
|
|
let that = this;
|
|
|
- this.renderReportPage({
|
|
|
- data: jsonData.data
|
|
|
- });
|
|
|
- // that.stationList = [];
|
|
|
- // that.windStation = ""
|
|
|
- // getWpList().then((res) => {
|
|
|
- // if (res) {
|
|
|
- // that.stationList = res.data;
|
|
|
- // if (that.stationList.length) {
|
|
|
- // that.reportStation = that.stationList[0].id;
|
|
|
- // that.funGetWind(that.reportStation);
|
|
|
- // }
|
|
|
- // }
|
|
|
+ // this.renderReportPage({
|
|
|
+ // data: jsonData.data
|
|
|
// });
|
|
|
+ that.stationList = [];
|
|
|
+ that.windStation = ""
|
|
|
+ getWpList().then((res) => {
|
|
|
+ if (res) {
|
|
|
+ that.stationList = res.data;
|
|
|
+ if (that.stationList.length) {
|
|
|
+ that.reportStation = that.stationList[0].id;
|
|
|
+ that.funGetWind(that.reportStation);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
- funGetWind(wtId) {
|
|
|
+ funGetWind(wpId) {
|
|
|
let that = this;
|
|
|
that.windList = []
|
|
|
that.windStation = ""
|
|
|
- getWtList({wtId: wtId}).then((res) => {
|
|
|
+ getWtList({
|
|
|
+ wpId: wpId
|
|
|
+ }).then((res) => {
|
|
|
if (res) {
|
|
|
- that.windList = res.data;
|
|
|
+ that.windList = res.data.data;
|
|
|
if (that.windList.length) {
|
|
|
that.windStation = that.windList[0].id;
|
|
|
+ that.windStationName = that.windList[0].name;
|
|
|
that.handleReportOp();
|
|
|
}
|
|
|
}
|
|
|
@@ -248,17 +256,25 @@
|
|
|
windStation: this.windStation
|
|
|
}
|
|
|
apiGeWarningeconreportReport(params).then((res) => {
|
|
|
- this.renderReportPage(res);
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.renderReportPage({
|
|
|
- data: jsonData.data,
|
|
|
+ this.renderReportPage(res);
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ this.renderReportPage({
|
|
|
+ data: jsonData.data,
|
|
|
+ });
|
|
|
});
|
|
|
- });
|
|
|
}
|
|
|
},
|
|
|
|
|
|
renderReportPage(res) {
|
|
|
+ let date = this.reportParamDate.split("-");
|
|
|
+ this.OperationName =
|
|
|
+ date[0] +
|
|
|
+ "年" +
|
|
|
+ date[1] +
|
|
|
+ "月" +
|
|
|
+ this.windStationName +
|
|
|
+ "指标性能分析及运行情况报告";
|
|
|
this.jjyxList = res.data.lb;
|
|
|
this.operationStatus = res.data.wz1
|
|
|
this.operationStatus2 = res.data.wz2
|
|
|
@@ -267,8 +283,8 @@
|
|
|
let xAxis = []
|
|
|
let servesBar = []
|
|
|
let servesLine = []
|
|
|
- tbdata.forEach((it, index) =>{
|
|
|
- xAxis.push((dayjs(it.recordDate).format('D'))+'日')
|
|
|
+ tbdata.forEach((it, index) => {
|
|
|
+ xAxis.push((dayjs(it.recordDate).format('D')) + '日')
|
|
|
servesBar.push(it.rfdl)
|
|
|
servesLine.push(it.pjfs)
|
|
|
})
|
|
|
@@ -286,47 +302,44 @@
|
|
|
},
|
|
|
data: ['发电量(万kwh)', '风速(m/s)']
|
|
|
},
|
|
|
- xAxis: [
|
|
|
- {
|
|
|
- type: 'category',
|
|
|
- data: xAxis,
|
|
|
- axisTick: {
|
|
|
- show: true, // 显示刻度线
|
|
|
- lineStyle: {
|
|
|
- color: '#fff' // 设置刻度线颜色为红色
|
|
|
- }
|
|
|
- },
|
|
|
- axisLine: {
|
|
|
- lineStyle: {
|
|
|
- color: '#fff' // 设置轴线颜色为蓝色（可选）
|
|
|
- }
|
|
|
- },
|
|
|
- axisPointer: {
|
|
|
- type: 'shadow'
|
|
|
+ xAxis: [{
|
|
|
+ type: 'category',
|
|
|
+ data: xAxis,
|
|
|
+ axisTick: {
|
|
|
+ show: true, // 显示刻度线
|
|
|
+ lineStyle: {
|
|
|
+ color: '#fff' // 设置刻度线颜色为红色
|
|
|
}
|
|
|
+ },
|
|
|
+ axisLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: '#fff' // 设置轴线颜色为蓝色（可选）
|
|
|
+ }
|
|
|
+ },
|
|
|
+ axisPointer: {
|
|
|
+ type: 'shadow'
|
|
|
}
|
|
|
- ],
|
|
|
- yAxis: [
|
|
|
- {
|
|
|
+ }],
|
|
|
+ yAxis: [{
|
|
|
type: 'value',
|
|
|
name: '发电量(万kwh)',
|
|
|
min: 0,
|
|
|
axisTick: {
|
|
|
show: true, // 显示刻度线
|
|
|
lineStyle: {
|
|
|
- color: '#fff' // 设置y轴刻度线颜色为红色
|
|
|
+ color: '#fff' // 设置y轴刻度线颜色为红色
|
|
|
}
|
|
|
},
|
|
|
axisLine: {
|
|
|
show: true, // 如果需要显示轴线
|
|
|
lineStyle: {
|
|
|
- color: '#fff' // 设置y轴轴线颜色为蓝色（可选）
|
|
|
+ color: '#fff' // 设置y轴轴线颜色为蓝色（可选）
|
|
|
}
|
|
|
},
|
|
|
splitLine: {
|
|
|
show: false, // 如果需要显示分割线
|
|
|
lineStyle: {
|
|
|
- color: ['#333'] // 设置分割线颜色（可选）
|
|
|
+ color: ['#333'] // 设置分割线颜色（可选）
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
@@ -337,28 +350,27 @@
|
|
|
axisTick: {
|
|
|
show: true, // 显示刻度线
|
|
|
lineStyle: {
|
|
|
- color: '#fff' // 设置y轴刻度线颜色为红色
|
|
|
+ color: '#fff' // 设置y轴刻度线颜色为红色
|
|
|
}
|
|
|
},
|
|
|
axisLine: {
|
|
|
show: true, // 如果需要显示轴线
|
|
|
lineStyle: {
|
|
|
- color: '#fff' // 设置y轴轴线颜色为蓝色（可选）
|
|
|
+ color: '#fff' // 设置y轴轴线颜色为蓝色（可选）
|
|
|
}
|
|
|
},
|
|
|
splitLine: {
|
|
|
show: false, // 如果需要显示分割线
|
|
|
lineStyle: {
|
|
|
- color: ['#333'] // 设置分割线颜色（可选）
|
|
|
+ color: ['#333'] // 设置分割线颜色（可选）
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
],
|
|
|
- series: [
|
|
|
- {
|
|
|
- name: '发电量(万kwh)',
|
|
|
- type: 'bar',
|
|
|
- data: servesBar
|
|
|
+ series: [{
|
|
|
+ name: '发电量(万kwh)',
|
|
|
+ type: 'bar',
|
|
|
+ data: servesBar
|
|
|
},
|
|
|
{
|
|
|
name: '风速(m/s)',
|
|
|
@@ -431,8 +443,8 @@
|
|
|
font-size: 14px;
|
|
|
|
|
|
&:hover {
|
|
|
- background-color: rgba(5, 187, 76, 0.5);
|
|
|
- color: #ffffff;
|
|
|
+ background-color: rgba(5, 187, 76, 0.5);
|
|
|
+ color: #ffffff;
|
|
|
}
|
|
|
}
|
|
|
}
|
