|
@@ -58,41 +58,42 @@
|
|
|
<button class="btn">导出</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div v-show="detailShow==1">
|
|
|
- <div class="mg-b-16">
|
|
|
- <div class="project-table">
|
|
|
- <Table :data="tableData" :canScroll="false" ref="curRef"></Table>
|
|
|
+ <toolbar-panel title="线路对标" :showLine="false">
|
|
|
+ <div v-show="detailShow==1">
|
|
|
+ <div class="mg-b-16">
|
|
|
+ <div class="project-table">
|
|
|
+ <Table :data="tableData" :canScroll="false" ref="curRef"></Table>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <el-row class="mg-b-16">
|
|
|
- <el-col :span="12">
|
|
|
- <panel title="发电量占比">
|
|
|
- <dual-pie-chart height="21.296vh" :innerData="innerFdl" :outerData="outerFdl" />
|
|
|
+ <el-row class="mg-b-16">
|
|
|
+ <el-col :span="12">
|
|
|
+ <panel title="发电量占比">
|
|
|
+ <dual-pie-chart height="21.296vh" :innerData="innerFdl" :outerData="outerFdl" />
|
|
|
+ </panel>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <panel title="各场站损失电量占比">
|
|
|
+ <dual-pie-chart height="21.296vh" :innerData="innerCz" :outerData="outerCz" />
|
|
|
+ </panel>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <div>
|
|
|
+ <panel title="损失电量分析">
|
|
|
+ <multiple-bar-chart height="300px" :list="analyis" :customerTooltip="true" @tooltip="tooltip"
|
|
|
+ :units='["(万KWh)"]' />
|
|
|
</panel>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <panel title="各场站损失电量占比">
|
|
|
- <dual-pie-chart height="21.296vh" :innerData="innerCz" :outerData="outerCz" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-row :type="'flex'" class="content" v-show="detailShow==2">
|
|
|
+ <el-col :span="24" class="pd-l-8">
|
|
|
+ <panel :title="'风机对标列表明细'" :showLine="false">
|
|
|
+ <div class="project-table">
|
|
|
+ <Table :data="tableDataDetail"></Table>
|
|
|
+ </div>
|
|
|
</panel>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <div>
|
|
|
- <panel title="损失电量分析">
|
|
|
- <multiple-bar-chart height="300px" :list="analyis" :customerTooltip="true" @tooltip="tooltip"
|
|
|
- :units='["(万KWh)"]' />
|
|
|
- </panel>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-row :type="'flex'" class="content" v-show="detailShow==2">
|
|
|
- <el-col :span="24" class="pd-l-8">
|
|
|
- <panel :title="'风机对标列表明细'" :showLine="false">
|
|
|
- <div class="project-table">
|
|
|
- <Table :data="tableDataDetail"></Table>
|
|
|
- </div>
|
|
|
- </panel>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ </toolbar-panel>
|
|
|
<el-dialog title="对标排名分析" v-model="dialogVisible" width="70%" top="10vh" custom-class="modal"
|
|
|
:close-on-click-modal="false">
|
|
|
<dayinfo :radarValue="radarValue" :windNum="windNum" :windNum2="windNum2" :tabs="tabs"
|
|
@@ -107,6 +108,7 @@
|
|
|
import SvgIcon from "../../components/coms/icon/svg-icon.vue";
|
|
|
import Panel from "../../components/coms/panel/panel.vue";
|
|
|
import Table from "../../components/coms/table/table.vue";
|
|
|
+ import ToolbarPanel from "../../components/coms/panel/toolbar-panel.vue";
|
|
|
import Dayinfo from "./dayinfo.vue";
|
|
|
export default {
|
|
|
components: {
|
|
@@ -115,12 +117,13 @@
|
|
|
SvgIcon,
|
|
|
DualPieChart,
|
|
|
MultipleBarChart,
|
|
|
+ ToolbarPanel,
|
|
|
Dayinfo
|
|
|
},
|
|
|
data() {
|
|
|
let that = this;
|
|
|
return {
|
|
|
- oneData:[],
|
|
|
+ oneData: [],
|
|
|
tableIdArr: [], //放checkbox的id数组
|
|
|
tableId: [],
|
|
|
checkLength: 0, //对标分析只能选择2个
|
|
@@ -191,68 +194,68 @@
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "故障损失电量排名",
|
|
|
+ name: "故障损失排名",
|
|
|
field: "gzssdlpm",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "故障损失电量",
|
|
|
+ name: "故障损失",
|
|
|
field: "gzssdl",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "检修损失电量排名",
|
|
|
+ name: "检修损失排名",
|
|
|
field: "jxssdlpm",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "检修损失电量",
|
|
|
+ name: "检修损失",
|
|
|
field: "jxssdl",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "性能损失电量排名",
|
|
|
+ name: "性能损失排名",
|
|
|
field: "xnssdlpm",
|
|
|
is_num: false,
|
|
|
- is_light: true,
|
|
|
+ is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "性能损失电量",
|
|
|
+ name: "性能损失",
|
|
|
field: "xnssdl",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "限电损失电量排名",
|
|
|
+ name: "限电损失排名",
|
|
|
field: "xdssdlpm",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "限电损失电量",
|
|
|
+ name: "限电损失",
|
|
|
field: "xdssdl",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
}, {
|
|
|
- name: "受累损失电量排名",
|
|
|
+ name: "受累损失排名",
|
|
|
field: "slssdlpm",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
}, {
|
|
|
- name: "受累损失电量",
|
|
|
+ name: "受累损失",
|
|
|
field: "slssdl",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
@@ -269,7 +272,7 @@
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
- },{
|
|
|
+ }, {
|
|
|
name: "故障损失率排名",
|
|
|
field: "gzsslpm",
|
|
|
is_num: false,
|
|
@@ -342,7 +345,7 @@
|
|
|
that.detailShow = 2;
|
|
|
that.API.requestData({
|
|
|
method: "GET",
|
|
|
- baseURL : "http://10.155.32.4:9001/",
|
|
|
+ baseURL: "http://10.155.32.4:9001/",
|
|
|
subUrl: "benchmarking/details",
|
|
|
data: {
|
|
|
id: dataId,
|
|
@@ -439,61 +442,61 @@
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "故障损失电量",
|
|
|
+ name: "故障损失",
|
|
|
field: "gzssdl",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "检修损失电量排名",
|
|
|
+ name: "检修损失排名",
|
|
|
field: "jxssdlpm",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "检修损失电量",
|
|
|
+ name: "检修损失",
|
|
|
field: "jxssdl",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "性能损失电量排名",
|
|
|
+ name: "性能损失排名",
|
|
|
field: "xnssdlpm",
|
|
|
is_num: false,
|
|
|
- is_light: true,
|
|
|
+ is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "性能损失电量",
|
|
|
+ name: "性能损失",
|
|
|
field: "xnssdl",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "限电损失电量排名",
|
|
|
+ name: "限电损失排名",
|
|
|
field: "xdssdlpm",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
},
|
|
|
{
|
|
|
- name: "限电损失电量",
|
|
|
+ name: "限电损失",
|
|
|
field: "xdssdl",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
}, {
|
|
|
- name: "受累损失电量排名",
|
|
|
+ name: "受累损失排名",
|
|
|
field: "slssdlpm",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
|
sortable: true,
|
|
|
}, {
|
|
|
- name: "受累损失电量",
|
|
|
+ name: "受累损失",
|
|
|
field: "slssdl",
|
|
|
is_num: false,
|
|
|
is_light: false,
|
|
@@ -585,7 +588,7 @@
|
|
|
tabs: [],
|
|
|
analyisDialog: [],
|
|
|
detailShow: 1,
|
|
|
- ajaxData:[]
|
|
|
+ ajaxData: []
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -595,7 +598,7 @@
|
|
|
this.value5 = this.getTime(2);
|
|
|
that.API.requestData({
|
|
|
method: "GET",
|
|
|
- baseURL : "http://10.155.32.4:9001/",
|
|
|
+ baseURL: "http://10.155.32.4:9001/",
|
|
|
subUrl: "benchmarking/wplist",
|
|
|
success(res) {
|
|
|
that.value1.push(res.data[0].id)
|
|
@@ -608,7 +611,7 @@
|
|
|
var that = this;
|
|
|
that.API.requestData({
|
|
|
method: "GET",
|
|
|
- baseURL : "http://10.155.32.4:9001/",
|
|
|
+ baseURL: "http://10.155.32.4:9001/",
|
|
|
subUrl: "benchmarking/wplist",
|
|
|
success(res) {
|
|
|
that.oneData = res.data[0].id
|
|
@@ -629,7 +632,7 @@
|
|
|
var that = this;
|
|
|
that.API.requestData({
|
|
|
method: "GET",
|
|
|
- baseURL : "http://10.155.32.4:9001/",
|
|
|
+ baseURL: "http://10.155.32.4:9001/",
|
|
|
subUrl: "benchmarking/projectList",
|
|
|
data: {
|
|
|
wpids: val
|
|
@@ -650,7 +653,7 @@
|
|
|
var that = this;
|
|
|
that.API.requestData({
|
|
|
method: "GET",
|
|
|
- baseURL : "http://10.155.32.4:9001/",
|
|
|
+ baseURL: "http://10.155.32.4:9001/",
|
|
|
subUrl: "benchmarking/lineList",
|
|
|
data: {
|
|
|
projects: val
|
|
@@ -695,7 +698,7 @@
|
|
|
console.log(JSON.stringify(that.value1))
|
|
|
that.API.requestData({ //五项损失率
|
|
|
method: "GET",
|
|
|
- baseURL : "http://10.155.32.4:9001/",
|
|
|
+ baseURL: "http://10.155.32.4:9001/",
|
|
|
subUrl: "benchmarking/xldb",
|
|
|
data: {
|
|
|
wpids: that.value1,
|
|
@@ -825,7 +828,7 @@
|
|
|
});
|
|
|
},
|
|
|
AjaxDbfx() {
|
|
|
-
|
|
|
+
|
|
|
var that = this;
|
|
|
var data = that.ajaxData;
|
|
|
that.windNum = data[0].name;
|
|
@@ -875,7 +878,7 @@
|
|
|
windData1: data[0].slssl,
|
|
|
windData2: data[1].slssl
|
|
|
}];
|
|
|
-
|
|
|
+
|
|
|
that.radarValue = [{
|
|
|
indicator: ["风能利用率", "故障损失率", "检修损失率", "弃风率", "性能损失率", "受累损失率"],
|
|
|
data: [{
|
|
@@ -888,7 +891,7 @@
|
|
|
]
|
|
|
}]
|
|
|
}];
|
|
|
-
|
|
|
+
|
|
|
var analyis = [],
|
|
|
gzssdl = [],
|
|
|
jxssdl = [],
|
|
@@ -939,7 +942,7 @@
|
|
|
value: slssdl
|
|
|
})
|
|
|
that.analyisDialog = analyis;
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
tooltip(param, callback) {
|
|
|
var color = ["#05bb4c", "#4b55ae", "#fa8c16", "#f8de5b"];
|
|
@@ -961,7 +964,7 @@
|
|
|
this.clearDb();
|
|
|
}
|
|
|
},
|
|
|
- clearDb(){//清空对标状态
|
|
|
+ clearDb() { //清空对标状态
|
|
|
this.$refs.curRef.clearCheckBox();
|
|
|
this.tableId = [];
|
|
|
this.checkLength = 0;
|
|
@@ -982,7 +985,7 @@
|
|
|
overflow: auto;
|
|
|
|
|
|
tbody {
|
|
|
- height: 279px;
|
|
|
+ height: 239px;
|
|
|
}
|
|
|
|
|
|
th,
|