|
|
@@ -14,48 +14,64 @@
|
|
|
|
|
|
<el-main>
|
|
|
<el-card>
|
|
|
- <el-form :inline="true" :model="formInline" class="demo-form-inline">
|
|
|
+ <el-form :inline="true" class="demo-form-inline">
|
|
|
<el-row :gutter="1">
|
|
|
<el-form-item label="风场">
|
|
|
- <el-input
|
|
|
- v-model="formInline.windfarm"
|
|
|
- id="windfarm"
|
|
|
- placeholder="风场"
|
|
|
- ></el-input>
|
|
|
+ <el-select v-model="fc" clearable placeholder="请选择" @change="query_xml()">
|
|
|
+ <el-option
|
|
|
+ v-for="item in wpIdslist"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="项目">
|
|
|
- <el-input
|
|
|
- v-model="formInline.project"
|
|
|
- id="project"
|
|
|
- placeholder="项目"
|
|
|
- @focus="checkwindfarm"
|
|
|
- ></el-input>
|
|
|
+ <el-select v-model="pj" clearable placeholder="请选择" @change="query_xl()">
|
|
|
+ <el-option
|
|
|
+ v-for="item in projectlist"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="线路">
|
|
|
- <el-input
|
|
|
- v-model="formInline.line"
|
|
|
- id="line"
|
|
|
- placeholder="线路"
|
|
|
- @focus="checkproject"
|
|
|
- ></el-input>
|
|
|
+ <el-select v-model="xl" clearable placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in linelist"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="开始时间">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="beginDate"
|
|
|
+ type="date"
|
|
|
+ placeholder="选择日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-form-item label="选择时间：">
|
|
|
+ <el-form-item label="结束时间">
|
|
|
<el-date-picker
|
|
|
- v-model="timedate"
|
|
|
- type="daterange"
|
|
|
- range-separator="至"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- @click="checktime"
|
|
|
+ v-model="endDate"
|
|
|
+ type="date"
|
|
|
+ placeholder="选择日期"
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item>
|
|
|
- <el-button type="primary" @click="queryApData" :plain="true"
|
|
|
+ <el-button type="primary" @click="queryPowerAll" :plain="true"
|
|
|
>查询</el-button
|
|
|
>
|
|
|
</el-form-item>
|
|
|
@@ -89,68 +105,368 @@
|
|
|
>
|
|
|
<el-card
|
|
|
shadow="always"
|
|
|
+ ref="fc_zzt_card"
|
|
|
+ :style="styleObject_fc"
|
|
|
style="
|
|
|
- height: 440px;
|
|
|
width: 45%;
|
|
|
display: table-cell;
|
|
|
vertical-align: middle;
|
|
|
"
|
|
|
>
|
|
|
+
|
|
|
<div
|
|
|
- id="chartLineBox"
|
|
|
- style="width: 800px; height: 400px; margin: auto"
|
|
|
+ id="histogram_fc"
|
|
|
+ ref="fc_zzt"
|
|
|
+ style="width: 800px"
|
|
|
+
|
|
|
></div>
|
|
|
</el-card>
|
|
|
|
|
|
- <el-card shadow="always" style="width: 45%" height="400px" id="moban">
|
|
|
+ <el-card
|
|
|
+ shadow="always"
|
|
|
+ style="width: 48%"
|
|
|
+ :style="styleObject_fc"
|
|
|
+ id="moban"
|
|
|
+ >
|
|
|
<el-table
|
|
|
- :data="tableData"
|
|
|
- style="width: 100%"
|
|
|
- max-height="400px"
|
|
|
+ id="fc_table"
|
|
|
+ :data="fc_date"
|
|
|
+ style="width: 100%; font-size: 1px"
|
|
|
+ :max-height="tableHeight_fc"
|
|
|
>
|
|
|
<el-table-column label="项目列表">
|
|
|
- <el-table-column fixed type="index" width="45">
|
|
|
+ <el-table-column fixed type="index" width="40">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="date" label="名称" width="150">
|
|
|
+ <el-table-column
|
|
|
+ prop="wtName"
|
|
|
+ sortable
|
|
|
+ label="名称"
|
|
|
+ width="103"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="name" label="理论发电量" width="120">
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_total"
|
|
|
+ prop="total"
|
|
|
+ label="理论发电"
|
|
|
+ width="83"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="province"
|
|
|
- label="SCADA发电量"
|
|
|
- width="120"
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daydl2"
|
|
|
+ prop="daydl2"
|
|
|
+ label="SCADA"
|
|
|
+ width="81"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="city" label="风速" width="120">
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_dayspeed"
|
|
|
+ prop="dayspeed"
|
|
|
+ label="风速"
|
|
|
+ width="63"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="address"
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhgzssdl"
|
|
|
+ prop="daynhgzssdl"
|
|
|
label="非计划检修"
|
|
|
- width="300"
|
|
|
+ width="103"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="zip" label="计划检修" width="120">
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhwhssdl"
|
|
|
+ prop="daynhwhssdl"
|
|
|
+ label="计划检修"
|
|
|
+ width="85"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="zip" label="受累" width="120">
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhcfdl"
|
|
|
+ prop="daynhcfdl"
|
|
|
+ label="受累"
|
|
|
+ width="75"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="zip" label="限电" width="120">
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhxdssdl"
|
|
|
+ prop="daynhxdssdl"
|
|
|
+ label="限电"
|
|
|
+ width="63"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="zip" label="性能" width="120">
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhxdssdl"
|
|
|
+ prop="daynhxdssdl"
|
|
|
+ label="性能"
|
|
|
+ width="63"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="zip" label="风能利用率%" width="120">
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_lyl"
|
|
|
+ prop="lyl"
|
|
|
+ label="利用率%"
|
|
|
+ width="90"
|
|
|
+ >
|
|
|
</el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-card>
|
|
|
+ </el-row>
|
|
|
+ </el-tab-pane>
|
|
|
+
|
|
|
+ <el-tab-pane label="项目" name="second" id="xm">
|
|
|
+ <el-row
|
|
|
+ style="
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-card
|
|
|
+ shadow="always"
|
|
|
+ :style="styleObject_pj"
|
|
|
+ style="
|
|
|
+ width: 48%;
|
|
|
+ display: table-cell;
|
|
|
+ vertical-align: middle;
|
|
|
+ "
|
|
|
+ >
|
|
|
|
|
|
- <!-- <el-table-column fixed="right" label="受累" width="120">
|
|
|
- </el-table-column> -->
|
|
|
+ <div
|
|
|
+ id="histogram_xm"
|
|
|
+ style="width: 800px; height: 400px; margin: auto"
|
|
|
+ ></div>
|
|
|
+ </el-card>
|
|
|
+
|
|
|
+ <el-card
|
|
|
+ shadow="always"
|
|
|
+ :style="styleObject_pj"
|
|
|
+ style="width: 48%"
|
|
|
+ id="moban"
|
|
|
+ >
|
|
|
+ <el-table
|
|
|
+ id="pj_table"
|
|
|
+ :data="pj_date"
|
|
|
+ style="width: 100%; font-size: 1px"
|
|
|
+ :max-height="tableHeight_pj"
|
|
|
+ >
|
|
|
+ <el-table-column label="项目列表">
|
|
|
+ <el-table-column fixed type="index" width="40">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="wtName"
|
|
|
+ sortable
|
|
|
+ label="名称"
|
|
|
+ width="103"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_total"
|
|
|
+ prop="total"
|
|
|
+ label="理论发电"
|
|
|
+ width="83"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daydl2"
|
|
|
+ prop="daydl2"
|
|
|
+ label="SCADA"
|
|
|
+ width="81"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_dayspeed"
|
|
|
+ prop="dayspeed"
|
|
|
+ label="风速"
|
|
|
+ width="63"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhgzssdl"
|
|
|
+ prop="daynhgzssdl"
|
|
|
+ label="非计划检修"
|
|
|
+ width="103"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhwhssdl"
|
|
|
+ prop="daynhwhssdl"
|
|
|
+ label="计划检修"
|
|
|
+ width="85"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhcfdl"
|
|
|
+ prop="daynhcfdl"
|
|
|
+ label="受累"
|
|
|
+ width="75"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhxdssdl"
|
|
|
+ prop="daynhxdssdl"
|
|
|
+ label="限电"
|
|
|
+ width="63"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhxdssdl"
|
|
|
+ prop="daynhxdssdl"
|
|
|
+ label="性能"
|
|
|
+ width="63"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_lyl"
|
|
|
+ prop="lyl"
|
|
|
+ label="利用率%"
|
|
|
+ width="90"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</el-card>
|
|
|
</el-row>
|
|
|
</el-tab-pane>
|
|
|
|
|
|
- <el-tab-pane label="项目" name="second" id="xm"> </el-tab-pane>
|
|
|
+ <el-tab-pane label="集电线路" name="jdxl" id="jdxl">
|
|
|
+ <el-row
|
|
|
+ style="
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-card
|
|
|
+ shadow="always"
|
|
|
+ :style="styleObject_xl"
|
|
|
+ style="width: 48%; display: table-cell; vertical-align: middle"
|
|
|
+ >
|
|
|
+
|
|
|
+ <div
|
|
|
+ id="histogram_jdxl"
|
|
|
+ style="width: 800px; margin: auto"
|
|
|
+ ></div>
|
|
|
+ </el-card>
|
|
|
|
|
|
- <el-tab-pane label="集电线路" name="third" id="jcxl"> </el-tab-pane>
|
|
|
+ <el-card
|
|
|
+ shadow="always"
|
|
|
+ style="width: 48%"
|
|
|
+ :style="styleObject_xl"
|
|
|
+ id="moban"
|
|
|
+ >
|
|
|
+ <el-table
|
|
|
+ id="xl_table"
|
|
|
+ :data="xl_date"
|
|
|
+ style="width: 100%; font-size: 1px;margin-bottom:10px"
|
|
|
+ :max-height="tableHeight_xl"
|
|
|
+ >
|
|
|
+ <el-table-column label="项目列表">
|
|
|
+ <el-table-column fixed type="index" width="40">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="wtName"
|
|
|
+ sortable
|
|
|
+ label="名称"
|
|
|
+ width="103"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_total"
|
|
|
+ prop="total"
|
|
|
+ label="理论发电"
|
|
|
+ width="83"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daydl2"
|
|
|
+ prop="daydl2"
|
|
|
+ label="SCADA"
|
|
|
+ width="81"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_dayspeed"
|
|
|
+ prop="dayspeed"
|
|
|
+ label="风速"
|
|
|
+ width="63"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhgzssdl"
|
|
|
+ prop="daynhgzssdl"
|
|
|
+ label="非计划检修"
|
|
|
+ width="103"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhwhssdl"
|
|
|
+ prop="daynhwhssdl"
|
|
|
+ label="计划检修"
|
|
|
+ width="85"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhcfdl"
|
|
|
+ prop="daynhcfdl"
|
|
|
+ label="受累"
|
|
|
+ width="75"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhxdssdl"
|
|
|
+ prop="daynhxdssdl"
|
|
|
+ label="限电"
|
|
|
+ width="63"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_daynhxdssdl"
|
|
|
+ prop="daynhxdssdl"
|
|
|
+ label="性能"
|
|
|
+ width="63"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ sortable
|
|
|
+ :formatter="filter_lyl"
|
|
|
+ prop="lyl"
|
|
|
+ label="利用率%"
|
|
|
+ width="90"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-card>
|
|
|
+ </el-row>
|
|
|
+ </el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</el-card>
|
|
|
</el-main>
|
|
|
@@ -159,123 +475,269 @@
|
|
|
|
|
|
<script>
|
|
|
import * as echarts from "echarts";
|
|
|
+import excelHelper from "@/utils/excelHelper";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- formInline: {
|
|
|
- windfarm: "",
|
|
|
- project: "",
|
|
|
- line: "",
|
|
|
+ len:10,
|
|
|
+ fc:"",
|
|
|
+ pj:"",
|
|
|
+ xl:"",
|
|
|
+ gridData: [],
|
|
|
+ autoHeight_fc: 400,
|
|
|
+ autoHeight_pj: 800,
|
|
|
+ autoHeight_xl: 1200,
|
|
|
+ wpIdslist: {
|
|
|
+ name:"",
|
|
|
+ id:"",
|
|
|
},
|
|
|
- timedate: "",
|
|
|
- activeName: "second",
|
|
|
- tableData: [
|
|
|
- {
|
|
|
- date: "2016-05-03",
|
|
|
- name: "王小虎",
|
|
|
- province: "上海",
|
|
|
- city: "普陀区",
|
|
|
- address: "上海市普陀区金沙江路 1518 弄",
|
|
|
- zip: 200333,
|
|
|
- },
|
|
|
- {
|
|
|
- date: "2016-05-02",
|
|
|
- name: "王小虎",
|
|
|
- province: "上海",
|
|
|
- city: "普陀区",
|
|
|
- address: "上海市普陀区金沙江路 1518 弄",
|
|
|
- zip: 200333,
|
|
|
- },
|
|
|
- {
|
|
|
- date: "2016-05-04",
|
|
|
- name: "王小虎",
|
|
|
- province: "上海",
|
|
|
- city: "普陀区",
|
|
|
- address: "上海市普陀区金沙江路 1518 弄",
|
|
|
- zip: 200333,
|
|
|
- },
|
|
|
- {
|
|
|
- date: "2016-05-01",
|
|
|
- name: "王小虎",
|
|
|
- province: "上海",
|
|
|
- city: "普陀区",
|
|
|
- address: "上海市普陀区金沙江路 1518 弄",
|
|
|
- zip: 200333,
|
|
|
- },
|
|
|
- {
|
|
|
- date: "2016-05-08",
|
|
|
- name: "王小虎",
|
|
|
- province: "上海",
|
|
|
- city: "普陀区",
|
|
|
- address: "上海市普陀区金沙江路 1518 弄",
|
|
|
- zip: 200333,
|
|
|
- },
|
|
|
- {
|
|
|
- date: "2016-05-06",
|
|
|
- name: "王小虎",
|
|
|
- province: "上海",
|
|
|
- city: "普陀区",
|
|
|
- address: "上海市普陀区金沙江路 1518 弄",
|
|
|
- zip: 200333,
|
|
|
- },
|
|
|
- {
|
|
|
- date: "2016-05-07",
|
|
|
- name: "王小虎",
|
|
|
- province: "上海",
|
|
|
- city: "普陀区",
|
|
|
- address: "上海市普陀区金沙江路 1518 弄",
|
|
|
- zip: 200333,
|
|
|
- },
|
|
|
- ,
|
|
|
- {
|
|
|
- date: "2016-05-07",
|
|
|
- name: "王小虎",
|
|
|
- province: "上海",
|
|
|
- city: "普陀区",
|
|
|
- address: "上海市普陀区金沙江路 1518 弄",
|
|
|
- zip: 200333,
|
|
|
- },
|
|
|
- {
|
|
|
- date: "2016-05-07",
|
|
|
- name: "王小虎",
|
|
|
- province: "上海",
|
|
|
- city: "普陀区",
|
|
|
- address: "上海市普陀区金沙江路 1518 弄",
|
|
|
- zip: 200333,
|
|
|
- },
|
|
|
- {
|
|
|
- date: "2016-05-07",
|
|
|
- name: "王小虎",
|
|
|
- province: "上海",
|
|
|
- city: "普陀区",
|
|
|
- address: "上海市普陀区金沙江路 1518 弄",
|
|
|
- zip: 200333,
|
|
|
- },
|
|
|
- ],
|
|
|
+ projectlist:{
|
|
|
+ name:"",
|
|
|
+ id:"",
|
|
|
+ },
|
|
|
+ linelist:{
|
|
|
+ name:"",
|
|
|
+ id:"",
|
|
|
+ },
|
|
|
+ fc_date: [],
|
|
|
+ pj_date: [],
|
|
|
+ xl_date: [],
|
|
|
+ tableHeight_xl:1200,
|
|
|
+ beginDate: "2021-01-01",
|
|
|
+ endDate: "2021-01-02",
|
|
|
+ activeName: "first",
|
|
|
+ tableid: "fc",
|
|
|
+ celname: [],
|
|
|
+ histogram_fc: {},
|
|
|
+ histogram_xm: {},
|
|
|
+ histogram_jdxl: {},
|
|
|
+ table_fc: {},
|
|
|
+ table_xm: {},
|
|
|
+ table_jdxl: {},
|
|
|
+ queryAll_querybutton: {},
|
|
|
+ styleObject_fc: {
|
|
|
+ height: '460px'
|
|
|
+ },
|
|
|
+ styleObject_pj: {
|
|
|
+ height: '860px'
|
|
|
+ },
|
|
|
+ styleObject_xl: {
|
|
|
+ height: '1220px'
|
|
|
+ }
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
- onSubmit() {
|
|
|
- console.log("submit!");
|
|
|
+ onSubmit() {},
|
|
|
+ query_wpid() {
|
|
|
+
|
|
|
+ this.$http.get("powercompare/windfarmAjax?").then((res) => {
|
|
|
+ this.wpIdslist = res.data.data;
|
|
|
+
|
|
|
+ });
|
|
|
+ },
|
|
|
+ query_xml(){
|
|
|
+ this.pj = "";
|
|
|
+ this.xl = "";
|
|
|
+ this.$http.get("powercompare/projectAjax?wpIds=" + this.fc).then((res) => {
|
|
|
+ this.projectlist = res.data.data;
|
|
|
+
|
|
|
+ });
|
|
|
+ },
|
|
|
+ query_xl(){
|
|
|
+ this.xl = "";
|
|
|
+ this.$http.get("powercompare/lineAjax?pjIds=" + this.pj).then((res) => {
|
|
|
+ this.linelist = res.data.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ query_lyl(queryAll_table) {
|
|
|
+ Object.assign(this.$data.gridData, this.$options.data().gridData);
|
|
|
+ queryAll_table.splice(-1, 1);
|
|
|
+ this.gridData = queryAll_table;
|
|
|
+ },
|
|
|
+ handleClick(tab) {
|
|
|
+ if (tab.name === "first") {
|
|
|
+ this.tableid = "fc";
|
|
|
+ this.query();
|
|
|
+ } else if (tab.name === "second") {
|
|
|
+ this.tableid = "pj";
|
|
|
+ this.query();
|
|
|
+ } else if (tab.name === "jdxl") {
|
|
|
+ this.tableid = "xl";
|
|
|
+ this.query();
|
|
|
+ }
|
|
|
},
|
|
|
- handleClick() {},
|
|
|
deleteRow(index, rows) {
|
|
|
rows.splice(index, 1);
|
|
|
},
|
|
|
- queryApData() {
|
|
|
- if (this.formInline.line == "") {
|
|
|
- this.$message.error("请选择路线！");
|
|
|
+ query() {
|
|
|
+ Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
|
|
|
+ Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
|
|
|
+ Object.assign(this.$data.autoHeight_pj, this.$options.data().autoHeight_pj);
|
|
|
+ Object.assign(this.$data.styleObject_pj, this.$options.data().styleObject_pj);
|
|
|
+ Object.assign(this.$data.autoHeight_xl, this.$options.data().autoHeight_xl);
|
|
|
+ Object.assign(this.$data.styleObject_xl, this.$options.data().styleObject_xl);
|
|
|
+ this.styleObject_fc.height = '460px';
|
|
|
+ this.autoHeight_fc = '400px';
|
|
|
+ this.styleObject_pj.height = '860px';
|
|
|
+ this.autoHeight_pj = '800px';
|
|
|
+ this.styleObject_xl.height = '1260px';
|
|
|
+ this.autoHeight_xl = '1200px';
|
|
|
+ this.fc_date = "";
|
|
|
+ this.xl_date = "";
|
|
|
+ this.pj_date = "";
|
|
|
+ this.$http
|
|
|
+ .get(
|
|
|
+ "powercompare/queryPowerAll?wpIds=" +
|
|
|
+ this.fc +
|
|
|
+ "&beginDate=" +
|
|
|
+ this.beginDate +
|
|
|
+ "&endDate=" +
|
|
|
+ this.endDate +
|
|
|
+ "&queryType=" +
|
|
|
+ this.tableid
|
|
|
+ )
|
|
|
+ .then((res) => {
|
|
|
+ let that = this;
|
|
|
+ if (this.tableid === "fc") {
|
|
|
+ that.drawhistogram_fc(res.data.data);
|
|
|
+ } else if (this.tableid === "pj") {
|
|
|
+ that.drawhistogram_pj(res.data.data);
|
|
|
+ } else if (this.tableid === "xl") {
|
|
|
+ that.drawhistogram_xl(res.data.data);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ //表格数据获取
|
|
|
+ this.$http
|
|
|
+ .get(
|
|
|
+ "powercompare/powerAjaxAll?wpIds=" +
|
|
|
+ this.fc +
|
|
|
+ "&beginDate=" +
|
|
|
+ this.beginDate +
|
|
|
+ "&endDate=" +
|
|
|
+ this.endDate +
|
|
|
+ "&queryType=" +
|
|
|
+ this.tableid +
|
|
|
+ "&sortName=" +
|
|
|
+ this.fc +
|
|
|
+ "&sortOrder=" +
|
|
|
+ "Asc"
|
|
|
+ )
|
|
|
+ .then((res) => {
|
|
|
+ let that = this;
|
|
|
+ let queryAll_table = res.data.data;
|
|
|
+ this.query_lyl(queryAll_table);
|
|
|
+ if (this.tableid === "fc") {
|
|
|
+ that.fc_date = queryAll_table;
|
|
|
+ } else if (this.tableid === "pj") {
|
|
|
+ that.pj_date = queryAll_table;
|
|
|
+ } else if (this.tableid === "xl") {
|
|
|
+ that.xl_date = queryAll_table;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async queryPowerAll() {
|
|
|
+ Object.assign(this.$data.autoHeight_fc, this.$options.data().autoHeight_fc);
|
|
|
+ Object.assign(this.$data.styleObject_fc, this.$options.data().styleObject_fc);
|
|
|
+ let that = this;
|
|
|
+ if (
|
|
|
+ this.beginDate == "" ||
|
|
|
+ this.endDate == "" ||
|
|
|
+ this.beginDate == undefined ||
|
|
|
+ this.endDate == undefined
|
|
|
+ ) {
|
|
|
+ this.beginDate = "2021-01-01";
|
|
|
+ that.endDate = "2021-01-02";
|
|
|
+ that.$message.error("请选时间！");
|
|
|
return;
|
|
|
}
|
|
|
+ this.fc_date = "";
|
|
|
+ this.xl_date = "";
|
|
|
+ this.pj_date = "";
|
|
|
+
|
|
|
+ if (
|
|
|
+ that.fc == "" ||
|
|
|
+ that.fc == null ||
|
|
|
+ that.fc == undefined
|
|
|
+ ) {
|
|
|
+ that.query();
|
|
|
+ } else {
|
|
|
+ this.$http
|
|
|
+ .get(
|
|
|
+ "powercompare/queryPower?wpIds=" +
|
|
|
+ this.fc +
|
|
|
+ "&pjIds=" +
|
|
|
+ this.pj +
|
|
|
+ "&lineIds=" +
|
|
|
+ this.xl +
|
|
|
+ "&beginDate=" +
|
|
|
+ this.beginDate +
|
|
|
+ "&endDate=" +
|
|
|
+ this.endDate
|
|
|
+ )
|
|
|
+ .then((res) => {
|
|
|
+ let that = this;
|
|
|
+ let queryAll = res.data.data;
|
|
|
+ this.len = Object.keys(queryAll.names).length;
|
|
|
+
|
|
|
+ if(this.len <= 10){that.autoHeight_fc = 575; that.styleObject_fc.height = '700px' }
|
|
|
+ else if(this.len > 10 && this.len <=20){that.autoHeight_fc = 775; that.styleObject_fc.height = '800px';that.autoHeight_pj = 775; that.styleObject_pj.height = '800px';that.autoHeight_xl = 775; that.styleObject_xl.height = '800px' }
|
|
|
+ else if(this.len > 20 && this.len <=30){that.autoHeight_fc = 975; that.styleObject_fc.height = '1000px';that.autoHeight_pj = 975; that.styleObject_pj.height = '1000px';that.autoHeight_xl = 975; that.styleObject_xl.height = '1000px' }
|
|
|
+ else if(this.len > 30 && this.len <=40){that.autoHeight_fc = 1175; that.styleObject_fc.height = '1200px';that.autoHeight_pj = 1175; that.styleObject_pj.height = '1200px';that.autoHeight_xl = 1175; that.styleObject_xl.height = '1200px' }
|
|
|
+ else if(this.len > 40 && this.len <=50){that.autoHeight_fc = 1375; that.styleObject_fc.height = '1400px';that.autoHeight_pj = 1375; that.styleObject_pj.height = '1400px';that.autoHeight_xl = 1375; that.styleObject_xl.height = '1400px' }
|
|
|
+ else if(this.len > 50 && this.len <=60){that.autoHeight_fc = 1575; that.styleObject_fc.height = '1600px';that.autoHeight_pj = 1575; that.styleObject_pj.height = '1600px';that.autoHeight_xl = 1575; that.styleObject_xl.height = '1600px' }
|
|
|
+ else if(this.len > 60 && this.len <=70){that.autoHeight_fc = 1775; that.styleObject_fc.height = '1800px';that.autoHeight_pj = 1775; that.styleObject_pj.height = '1800px';that.autoHeight_xl = 1775; that.styleObject_xl.height = '1800px' }
|
|
|
+ else if(this.len > 70 && this.len <=80){that.autoHeight_fc = 1975; that.styleObject_fc.height = '2000px';that.autoHeight_pj = 1975; that.styleObject_pj.height = '2000px';that.autoHeight_xl = 1975; that.styleObject_xl.height = '2000px' }
|
|
|
+ else{that.autoHeight_fc = 2175; that.styleObject_fc.height = '2200px';that.autoHeight_pj = 2175; that.styleObject_pj.height = '2200px';that.autoHeight_xl = 2175; that.styleObject_xl.height = '2200px' }
|
|
|
+
|
|
|
+ if (this.tableid === "fc") {
|
|
|
+ that.drawhistogram_fc(queryAll);
|
|
|
+ } else if (this.tableid === "pj") {
|
|
|
+ that.drawhistogram_pj(queryAll);
|
|
|
+ } else if (this.tableid === "xl") {
|
|
|
+ that.drawhistogram_xl(queryAll);
|
|
|
+ }
|
|
|
+ this.tableHeight_fc = this.autoHeight_fc - 20;
|
|
|
+ this.tableHeight_pj = this.autoHeight_pj - 20;
|
|
|
+ this.tableHeight_xl = this.autoHeight_xl - 20;
|
|
|
+ });
|
|
|
+ this.$http
|
|
|
+ .get(
|
|
|
+ "powercompare/powerAjax?wpIds=" +
|
|
|
+ this.fc +
|
|
|
+ "&pjIds=" +
|
|
|
+ this.pj +
|
|
|
+ "&lineIds=" +
|
|
|
+ this.xl +
|
|
|
+ "&beginDate=" +
|
|
|
+ this.beginDate +
|
|
|
+ "&endDate=" +
|
|
|
+ this.endDate +
|
|
|
+ "&sortName=" +
|
|
|
+ this.fc +
|
|
|
+ "&sortOrder=" +
|
|
|
+ "Asc"
|
|
|
+ )
|
|
|
+ .then((res) => {
|
|
|
+ let that = this;
|
|
|
+ let queryAll_table = res.data.data;
|
|
|
+ if (this.tableid === "fc") {
|
|
|
+ that.fc_date = queryAll_table;
|
|
|
+ } else if (this.tableid === "pj") {
|
|
|
+ that.pj_date = queryAll_table;
|
|
|
+ } else if (this.tableid === "xl") {
|
|
|
+ that.xl_date = queryAll_table;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
},
|
|
|
checkwindfarm() {
|
|
|
- if (this.formInline.windfarm == "") {
|
|
|
+ if (this.fc == "") {
|
|
|
this.$message.error("请选择风场！");
|
|
|
return;
|
|
|
}
|
|
|
},
|
|
|
checkproject() {
|
|
|
- if (this.formInline.project == "") {
|
|
|
+ if (this.fc == "") {
|
|
|
this.$message.error("请选择项目！");
|
|
|
return;
|
|
|
}
|
|
|
@@ -293,148 +755,505 @@ export default {
|
|
|
queryApDataMx() {
|
|
|
this.$router.push({ path: "/new_performanceList_fan" });
|
|
|
},
|
|
|
- toExcel() {},
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.chartLine = echarts.init(document.getElementById("chartLineBox"));
|
|
|
- var option;
|
|
|
+ filter_total(cellValue) {
|
|
|
+ return parseFloat(cellValue.total).toFixed(2);
|
|
|
+ },
|
|
|
+
|
|
|
+ filter_daydl2(cellValue) {
|
|
|
+ return parseFloat(cellValue.daydl2).toFixed(2);
|
|
|
+ },
|
|
|
+ filter_dayspeed(cellValue) {
|
|
|
+ return parseFloat(cellValue.dayspeed).toFixed(2);
|
|
|
+ },
|
|
|
+ filter_daynhwhssdl(cellValue) {
|
|
|
+ return parseFloat(cellValue.daynhwhssdl).toFixed(2);
|
|
|
+ },
|
|
|
+ filter_daynhcfdl(cellValue) {
|
|
|
+ return parseFloat(cellValue.daynhcfdl).toFixed(2);
|
|
|
+ },
|
|
|
+ filter_daynhxdssdl(cellValue) {
|
|
|
+ return parseFloat(cellValue.daynhxdssdl).toFixed(2);
|
|
|
+ },
|
|
|
+ filter_lyl(cellValue) {
|
|
|
+ return parseFloat(cellValue.lyl).toFixed(2);
|
|
|
+ },
|
|
|
+ filter_daynhgzssdl(cellValue) {
|
|
|
+ return parseFloat(cellValue.daynhgzssdl).toFixed(2);
|
|
|
+ },
|
|
|
+ toExcel() {
|
|
|
+ let that = this;
|
|
|
+ if (this.tableid === "fc") {
|
|
|
+ excelHelper.exportExcel("fc_table", "fc数据", ".xls", true);
|
|
|
+ } else if (this.tableid === "pj") {
|
|
|
+ excelHelper.exportExcel("pj_table", "pj数据", ".xls", true);
|
|
|
+ } else if (this.tableid === "xl") {
|
|
|
+ excelHelper.exportExcel("xl_table", "xl数据", ".xls", true);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ drawhistogram_fc(date) {
|
|
|
+ this.chartLine = echarts.init(document.getElementById("histogram_fc"));
|
|
|
+ this.chartLine.clear();
|
|
|
+ this.chartLine.resize({ height: this.autoHeight_fc });
|
|
|
|
|
|
- option = {
|
|
|
- title: {
|
|
|
- text: "风机绩效榜单",
|
|
|
- left: 300,
|
|
|
- top: -5,
|
|
|
- textStyle: {
|
|
|
- fontSize: 13,
|
|
|
+ var option;
|
|
|
+ option = {
|
|
|
+ color: [
|
|
|
+ "#64E572",
|
|
|
+ "#24CBE5",
|
|
|
+ "#DDDF00",
|
|
|
+ "#ED561B",
|
|
|
+ "#50B432",
|
|
|
+ "#058DC7",
|
|
|
+ ],
|
|
|
+ title: {
|
|
|
+ text: "风机绩效榜单",
|
|
|
+ left: 300,
|
|
|
+ top: -5,
|
|
|
+ textStyle: {
|
|
|
+ fontSize: 13,
|
|
|
+ },
|
|
|
},
|
|
|
- },
|
|
|
- tooltip: {
|
|
|
- trigger: "axis",
|
|
|
- axisPointer: {
|
|
|
- // Use axis to trigger tooltip
|
|
|
- type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
|
|
|
+ tooltip: {
|
|
|
+ trigger: "axis",
|
|
|
+ axisPointer: {
|
|
|
+ // Use axis to trigger tooltip
|
|
|
+ type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
|
|
|
+ },
|
|
|
},
|
|
|
- },
|
|
|
- legend: {
|
|
|
- left: 15,
|
|
|
- top: 30,
|
|
|
- data: [
|
|
|
- "实发电量",
|
|
|
- "计划检修损失",
|
|
|
- "非计划检修损失",
|
|
|
- "限电损失",
|
|
|
- "受累损失",
|
|
|
- "性能损失",
|
|
|
- "总和",
|
|
|
+ legend: {
|
|
|
+ left: 15,
|
|
|
+ top: 30,
|
|
|
+ data: [
|
|
|
+ "实发电量",
|
|
|
+ "计划检修损失",
|
|
|
+ "非计划检修损失",
|
|
|
+ "限电损失",
|
|
|
+ "受累损失",
|
|
|
+ "性能损失",
|
|
|
+ "总和",
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ grid: {
|
|
|
+ left: "3%",
|
|
|
+ right: "4%",
|
|
|
+ bottom: "3%",
|
|
|
+ containLabel: true,
|
|
|
+ },
|
|
|
+ xAxis: {
|
|
|
+ type: "value",
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ type: "category",
|
|
|
+ data: date.names,
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: "实发电量",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.sfdl,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "计划检修损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.whdl,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "非计划检修损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.gzdl,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "限电损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.xddl,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "受累损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.sldl,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "性能损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: date.qfdl,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.qfdl,
|
|
|
+ },
|
|
|
+ //曲线
|
|
|
+ {
|
|
|
+ name: "总和",
|
|
|
+ data: date.yfdl,
|
|
|
+ type: "line",
|
|
|
+ symbol: "circle",
|
|
|
+ symbolSize: 20,
|
|
|
+ lineStyle: {
|
|
|
+ color: "#5470C6",
|
|
|
+ width: 4,
|
|
|
+ type: "dashed",
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ borderWidth: 3,
|
|
|
+ borderColor: "#EE6666",
|
|
|
+ color: "yellow",
|
|
|
+ },
|
|
|
+ },
|
|
|
],
|
|
|
- },
|
|
|
- grid: {
|
|
|
- left: "3%",
|
|
|
- right: "4%",
|
|
|
- bottom: "3%",
|
|
|
- containLabel: true,
|
|
|
- },
|
|
|
- xAxis: {
|
|
|
- type: "value",
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- type: "category",
|
|
|
- data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
|
|
|
- },
|
|
|
- series: [
|
|
|
- {
|
|
|
- name: "实发电量",
|
|
|
- type: "bar",
|
|
|
- stack: "total",
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
+ };
|
|
|
+ this.chartLine.setOption(option);
|
|
|
+ },
|
|
|
+ drawhistogram_pj(date) {
|
|
|
+ this.chartLine = echarts.init(document.getElementById("histogram_xm"));
|
|
|
+ this.chartLine.clear();
|
|
|
+ this.chartLine.resize({ height: this.autoHeight_pj });
|
|
|
+
|
|
|
+ var option;
|
|
|
+
|
|
|
+ var option;
|
|
|
+ option = {
|
|
|
+ color: [
|
|
|
+ "#64E572",
|
|
|
+ "#24CBE5",
|
|
|
+ "#DDDF00",
|
|
|
+ "#ED561B",
|
|
|
+ "#50B432",
|
|
|
+ "#058DC7",
|
|
|
+ ],
|
|
|
+ title: {
|
|
|
+ text: "风机绩效榜单",
|
|
|
+ left: 300,
|
|
|
+ top: -5,
|
|
|
+ textStyle: {
|
|
|
+ fontSize: 13,
|
|
|
},
|
|
|
- emphasis: {
|
|
|
- focus: "series",
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ trigger: "axis",
|
|
|
+ axisPointer: {
|
|
|
+ // Use axis to trigger tooltip
|
|
|
+ type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
|
|
|
},
|
|
|
- data: [320, 302, 301, 334, 390, 330, 320],
|
|
|
},
|
|
|
- {
|
|
|
- name: "计划检修损失",
|
|
|
- type: "bar",
|
|
|
- stack: "total",
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
+ legend: {
|
|
|
+ left: 15,
|
|
|
+ top: 30,
|
|
|
+ data: [
|
|
|
+ "实发电量",
|
|
|
+ "计划检修损失",
|
|
|
+ "非计划检修损失",
|
|
|
+ "限电损失",
|
|
|
+ "受累损失",
|
|
|
+ "性能损失",
|
|
|
+ "总和",
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ grid: {
|
|
|
+ left: "3%",
|
|
|
+ right: "4%",
|
|
|
+ bottom: "3%",
|
|
|
+ containLabel: true,
|
|
|
+ },
|
|
|
+ xAxis: {
|
|
|
+ type: "value",
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ type: "category",
|
|
|
+ data: date.names,
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: "实发电量",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.sfdl,
|
|
|
},
|
|
|
- emphasis: {
|
|
|
- focus: "series",
|
|
|
+ {
|
|
|
+ name: "计划检修损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.whdl,
|
|
|
},
|
|
|
- data: [120, 132, 101, 134, 90, 230, 210],
|
|
|
- },
|
|
|
- {
|
|
|
- name: "非计划检修损失",
|
|
|
- type: "bar",
|
|
|
- stack: "total",
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
+ {
|
|
|
+ name: "非计划检修损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.gzdl,
|
|
|
},
|
|
|
- emphasis: {
|
|
|
- focus: "series",
|
|
|
+ {
|
|
|
+ name: "限电损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.xddl,
|
|
|
},
|
|
|
- data: [220, 182, 191, 234, 290, 330, 310],
|
|
|
- },
|
|
|
- {
|
|
|
- name: "限电损失",
|
|
|
- type: "bar",
|
|
|
- stack: "total",
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
+ {
|
|
|
+ name: "受累损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.sldl,
|
|
|
},
|
|
|
- emphasis: {
|
|
|
- focus: "series",
|
|
|
+ {
|
|
|
+ name: "性能损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: date.qfdl,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.qfdl,
|
|
|
},
|
|
|
- data: [150, 212, 201, 154, 190, 330, 410],
|
|
|
- },
|
|
|
- {
|
|
|
- name: "受累损失",
|
|
|
- type: "bar",
|
|
|
- stack: "total",
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
+ //曲线
|
|
|
+ {
|
|
|
+ name: "总和",
|
|
|
+ data: date.yfdl,
|
|
|
+ type: "line",
|
|
|
+ symbol: "circle",
|
|
|
+ symbolSize: 20,
|
|
|
+ lineStyle: {
|
|
|
+ color: "#5470C6",
|
|
|
+ width: 4,
|
|
|
+ type: "dashed",
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ borderWidth: 3,
|
|
|
+ borderColor: "#EE6666",
|
|
|
+ color: "yellow",
|
|
|
+ },
|
|
|
},
|
|
|
- emphasis: {
|
|
|
- focus: "series",
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ this.chartLine.setOption(option);
|
|
|
+ },
|
|
|
+ drawhistogram_xl(date) {
|
|
|
+ this.chartLine = echarts.init(document.getElementById("histogram_jdxl"));
|
|
|
+ this.chartLine.clear();
|
|
|
+ this.chartLine.resize({ height: this.autoHeight_xl });
|
|
|
+ var option;
|
|
|
+
|
|
|
+ var option;
|
|
|
+ option = {
|
|
|
+ color: [
|
|
|
+ "#64E572",
|
|
|
+ "#24CBE5",
|
|
|
+ "#DDDF00",
|
|
|
+ "#ED561B",
|
|
|
+ "#50B432",
|
|
|
+ "#058DC7",
|
|
|
+ ],
|
|
|
+ title: {
|
|
|
+ text: "风机绩效榜单",
|
|
|
+ left: 300,
|
|
|
+ top: -5,
|
|
|
+ textStyle: {
|
|
|
+ fontSize: 13,
|
|
|
},
|
|
|
- data: [820, 832, 901, 934, 1290, 1330, 1320],
|
|
|
},
|
|
|
- {
|
|
|
- name: "性能损失",
|
|
|
- type: "bar",
|
|
|
- stack: "total",
|
|
|
- label: {
|
|
|
- show: true,
|
|
|
- },
|
|
|
- emphasis: {
|
|
|
- focus: "series",
|
|
|
+ tooltip: {
|
|
|
+ trigger: "axis",
|
|
|
+ axisPointer: {
|
|
|
+ // Use axis to trigger tooltip
|
|
|
+ type: "shadow", // 'shadow' as default; can also be 'line' or 'shadow'
|
|
|
},
|
|
|
- data: [820, 832, 901, 934, 1290, 1330, 1320],
|
|
|
},
|
|
|
- //曲线
|
|
|
- {
|
|
|
- name: "总和",
|
|
|
- data: [2500, 2600, 2700, 2900, 3000, 3500, 4000],
|
|
|
- type: "line",
|
|
|
- symbol: "circle",
|
|
|
- symbolSize: 20,
|
|
|
- lineStyle: {
|
|
|
- color: "#5470C6",
|
|
|
- width: 4,
|
|
|
- type: "dashed",
|
|
|
+ legend: {
|
|
|
+ left: 15,
|
|
|
+ top: 30,
|
|
|
+ data: [
|
|
|
+ "实发电量",
|
|
|
+ "计划检修损失",
|
|
|
+ "非计划检修损失",
|
|
|
+ "限电损失",
|
|
|
+ "受累损失",
|
|
|
+ "性能损失",
|
|
|
+ "总和",
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ grid: {
|
|
|
+ left: "3%",
|
|
|
+ right: "4%",
|
|
|
+ bottom: "3%",
|
|
|
+ containLabel: true,
|
|
|
+ },
|
|
|
+ xAxis: {
|
|
|
+ type: "value",
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ type: "category",
|
|
|
+ data: date.names,
|
|
|
+ },
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: "实发电量",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.sfdl,
|
|
|
},
|
|
|
- itemStyle: {
|
|
|
- borderWidth: 3,
|
|
|
- borderColor: "#EE6666",
|
|
|
- color: "yellow",
|
|
|
+ {
|
|
|
+ name: "计划检修损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.whdl,
|
|
|
},
|
|
|
- },
|
|
|
- ],
|
|
|
- };
|
|
|
- this.chartLine.setOption(option);
|
|
|
+ {
|
|
|
+ name: "非计划检修损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.gzdl,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "限电损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.xddl,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "受累损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: true,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.sldl,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "性能损失",
|
|
|
+ type: "bar",
|
|
|
+ stack: "total",
|
|
|
+ label: {
|
|
|
+ show: date.qfdl,
|
|
|
+ },
|
|
|
+ emphasis: {
|
|
|
+ focus: "series",
|
|
|
+ },
|
|
|
+ data: date.qfdl,
|
|
|
+ },
|
|
|
+ //曲线
|
|
|
+ {
|
|
|
+ name: "总和",
|
|
|
+ data: date.yfdl,
|
|
|
+ type: "line",
|
|
|
+ symbol: "circle",
|
|
|
+ symbolSize: 20,
|
|
|
+ lineStyle: {
|
|
|
+ color: "#5470C6",
|
|
|
+ width: 4,
|
|
|
+ type: "dashed",
|
|
|
+ },
|
|
|
+ itemStyle: {
|
|
|
+ borderWidth: 3,
|
|
|
+ borderColor: "#EE6666",
|
|
|
+ color: "yellow",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ this.chartLine.setOption(option);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.$nextTick(() => {
|
|
|
+
|
|
|
+ //后面的50：根据需求空出的高度，自行调整
|
|
|
+ });
|
|
|
+ this.query_wpid();
|
|
|
+ this.query();
|
|
|
},
|
|
|
};
|
|
|
</script>
|
