|
@@ -36,7 +36,7 @@
|
|
|
<el-option
|
|
|
v-for="item in wtList"
|
|
|
:key="item.id"
|
|
|
- :label="item.name"
|
|
|
+ :label="item.nemCode"
|
|
|
:value="item.id"
|
|
|
></el-option>
|
|
|
</el-select>
|
|
@@ -141,42 +141,36 @@ export default {
|
|
|
methods: {
|
|
|
// 场站
|
|
|
getStations() {
|
|
|
- api1.benchmarkingWplist({}).then((res) => {
|
|
|
- this.wpList = res.data.data;
|
|
|
- });
|
|
|
-
|
|
|
- // const res = await this.API.requestData({
|
|
|
- // method: "GET",
|
|
|
- // baseURL: "http://10.83.66.220:8020/",
|
|
|
- // subUrl: "benchmarking/wplist",
|
|
|
- // });
|
|
|
- // this.wpList = res.data.data;
|
|
|
- // this.wpId = res.data.data[0].id;
|
|
|
+ api1
|
|
|
+ .getWpList({
|
|
|
+ type: "-1",
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.data.code === 200) {
|
|
|
+ this.wpList = res.data.data;
|
|
|
+ this.wpId = res.data.data[0].id;
|
|
|
+ this.getTurbines();
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
getTurbines() {
|
|
|
api1
|
|
|
- .powercompareWindturbineAjax({
|
|
|
+ .getWtList({
|
|
|
wpId: this.wpId,
|
|
|
})
|
|
|
.then((res) => {
|
|
|
- if(res.data)
|
|
|
- this.wtList = res.data;
|
|
|
- this.wtId = res.data[0].id;
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.wtList = res.data;
|
|
|
+ this.wtId = res.data[0].id;
|
|
|
+ }
|
|
|
});
|
|
|
- // const res = await this.API.requestData({
|
|
|
- // method: "GET",
|
|
|
- // subUrl: "powercompare/windturbineAjax",
|
|
|
- // data: { wpId: this.wpId },
|
|
|
- // });
|
|
|
- // this.wtList = res.data.data;
|
|
|
- // this.wtId = res.data.data[0].id;
|
|
|
},
|
|
|
|
|
|
getCharts() {
|
|
|
this.$nextTick(() => {
|
|
|
this.getChart1();
|
|
|
- this.getChart2();
|
|
|
- this.getChart3();
|
|
|
+ // this.getChart2();
|
|
|
+ // this.getChart3();
|
|
|
});
|
|
|
},
|
|
|
|
|
@@ -189,7 +183,6 @@ export default {
|
|
|
type: 2,
|
|
|
})
|
|
|
.then((res) => {
|
|
|
-
|
|
|
if (res && res.data && res.data.data) {
|
|
|
const xData = [];
|
|
|
const lData = [];
|
|
@@ -646,112 +639,113 @@ export default {
|
|
|
// }
|
|
|
},
|
|
|
getChart3() {
|
|
|
- api.yawGetTotalRanges({
|
|
|
- wtId: this.wtId,
|
|
|
+ api
|
|
|
+ .yawGetTotalRanges({
|
|
|
+ wtId: this.wtId,
|
|
|
beginDate: this.startDate,
|
|
|
endDate: this.endDate,
|
|
|
type: 1,
|
|
|
- }).then((res) => {
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
if (res && res.data && res.data.data) {
|
|
|
- const xData = [];
|
|
|
- const lData = [];
|
|
|
- const dataMap = res.data.data;
|
|
|
- for (let key in dataMap) {
|
|
|
- let tmpKey = key.replace(/r/, "");
|
|
|
- tmpKey = tmpKey.replace(/_/, "-");
|
|
|
- if (tmpKey < 100) {
|
|
|
- xData.push(tmpKey);
|
|
|
- lData.push(dataMap[key]);
|
|
|
- }
|
|
|
- }
|
|
|
- this.line3Data = lData;
|
|
|
- let option = {
|
|
|
- color: ["#05bb4c", "#4b55ae", "#fa8c16", "#f8de5b"],
|
|
|
- tooltip: {
|
|
|
- trigger: "axis",
|
|
|
- backgroundColor: "rgba(0,0,0,0.4)",
|
|
|
- borderColor: partten.getColor("gray"),
|
|
|
- textStyle: {
|
|
|
- color: "#fff",
|
|
|
- fontSize: util.vh(16),
|
|
|
- },
|
|
|
- },
|
|
|
- legend: {
|
|
|
- show: false,
|
|
|
- data: ["偏航次数"],
|
|
|
- right: 56,
|
|
|
- icon: "circle",
|
|
|
- itemWidth: 6,
|
|
|
- inactiveColor: "#606769",
|
|
|
- textStyle: {
|
|
|
- color: partten.getColor("grayl"),
|
|
|
- fontSize: 12,
|
|
|
- },
|
|
|
- },
|
|
|
- grid: {
|
|
|
- top: util.vh(40),
|
|
|
- left: util.vh(60),
|
|
|
- right: util.vh(130),
|
|
|
- bottom: util.vh(24),
|
|
|
- },
|
|
|
- xAxis: [
|
|
|
- {
|
|
|
- name: "对风偏差(度)",
|
|
|
- type: "category",
|
|
|
- boundaryGap: false,
|
|
|
- axisLabel: {
|
|
|
- formatter: "{value}",
|
|
|
- fontSize: util.vh(14),
|
|
|
+ const xData = [];
|
|
|
+ const lData = [];
|
|
|
+ const dataMap = res.data.data;
|
|
|
+ for (let key in dataMap) {
|
|
|
+ let tmpKey = key.replace(/r/, "");
|
|
|
+ tmpKey = tmpKey.replace(/_/, "-");
|
|
|
+ if (tmpKey < 100) {
|
|
|
+ xData.push(tmpKey);
|
|
|
+ lData.push(dataMap[key]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.line3Data = lData;
|
|
|
+ let option = {
|
|
|
+ color: ["#05bb4c", "#4b55ae", "#fa8c16", "#f8de5b"],
|
|
|
+ tooltip: {
|
|
|
+ trigger: "axis",
|
|
|
+ backgroundColor: "rgba(0,0,0,0.4)",
|
|
|
+ borderColor: partten.getColor("gray"),
|
|
|
textStyle: {
|
|
|
- color: partten.getColor("gray"),
|
|
|
+ color: "#fff",
|
|
|
+ fontSize: util.vh(16),
|
|
|
},
|
|
|
},
|
|
|
- data: xData,
|
|
|
- },
|
|
|
- ],
|
|
|
- yAxis: [
|
|
|
- {
|
|
|
- type: "value",
|
|
|
- name: "数量",
|
|
|
- axisLabel: {
|
|
|
- formatter: "{value}",
|
|
|
- fontSize: util.vh(14),
|
|
|
- },
|
|
|
- splitLine: {
|
|
|
- lineStyle: {
|
|
|
- color: partten.getColor("gray") + 55,
|
|
|
- type: "dashed",
|
|
|
+ legend: {
|
|
|
+ show: false,
|
|
|
+ data: ["偏航次数"],
|
|
|
+ right: 56,
|
|
|
+ icon: "circle",
|
|
|
+ itemWidth: 6,
|
|
|
+ inactiveColor: "#606769",
|
|
|
+ textStyle: {
|
|
|
+ color: partten.getColor("grayl"),
|
|
|
+ fontSize: 12,
|
|
|
},
|
|
|
},
|
|
|
- },
|
|
|
- ],
|
|
|
- series: [
|
|
|
- {
|
|
|
- name: "数量",
|
|
|
- type: "line",
|
|
|
- smooth: true,
|
|
|
- zlevel: 0,
|
|
|
- lineStyle: {
|
|
|
- normal: {
|
|
|
- color: "#05bb4c",
|
|
|
- width: 1,
|
|
|
- },
|
|
|
+ grid: {
|
|
|
+ top: util.vh(40),
|
|
|
+ left: util.vh(60),
|
|
|
+ right: util.vh(130),
|
|
|
+ bottom: util.vh(24),
|
|
|
},
|
|
|
- yAxisIndex: 0,
|
|
|
- data: lData,
|
|
|
- },
|
|
|
- ],
|
|
|
- };
|
|
|
- const chart = echarts.init(document.getElementById("linechart3"));
|
|
|
- chart.clear();
|
|
|
- chart.setOption(option);
|
|
|
- this.resize = function () {
|
|
|
- chart.resize();
|
|
|
- };
|
|
|
- window.addEventListener("resize", this.resize);
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
+ xAxis: [
|
|
|
+ {
|
|
|
+ name: "对风偏差(度)",
|
|
|
+ type: "category",
|
|
|
+ boundaryGap: false,
|
|
|
+ axisLabel: {
|
|
|
+ formatter: "{value}",
|
|
|
+ fontSize: util.vh(14),
|
|
|
+ textStyle: {
|
|
|
+ color: partten.getColor("gray"),
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data: xData,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ yAxis: [
|
|
|
+ {
|
|
|
+ type: "value",
|
|
|
+ name: "数量",
|
|
|
+ axisLabel: {
|
|
|
+ formatter: "{value}",
|
|
|
+ fontSize: util.vh(14),
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: partten.getColor("gray") + 55,
|
|
|
+ type: "dashed",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: "数量",
|
|
|
+ type: "line",
|
|
|
+ smooth: true,
|
|
|
+ zlevel: 0,
|
|
|
+ lineStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "#05bb4c",
|
|
|
+ width: 1,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ yAxisIndex: 0,
|
|
|
+ data: lData,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ const chart = echarts.init(document.getElementById("linechart3"));
|
|
|
+ chart.clear();
|
|
|
+ chart.setOption(option);
|
|
|
+ this.resize = function () {
|
|
|
+ chart.resize();
|
|
|
+ };
|
|
|
+ window.addEventListener("resize", this.resize);
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
// const res = await this.API.requestData({
|
|
|
// method: "POST",
|
|
@@ -862,114 +856,117 @@ export default {
|
|
|
// window.addEventListener("resize", this.resize);
|
|
|
// }
|
|
|
},
|
|
|
- showDetail(type, value) {
|
|
|
+ showDetail(type, value) {
|
|
|
this.dialogShow = true;
|
|
|
|
|
|
-api.yawGetRanges({
|
|
|
- wtId: this.wtId,
|
|
|
+ api
|
|
|
+ .yawGetRanges({
|
|
|
+ wtId: this.wtId,
|
|
|
beginDate: this.startDate,
|
|
|
endDate: this.endDate,
|
|
|
type: type,
|
|
|
value: value,
|
|
|
- }).then((res) => {
|
|
|
- if (res && res.data && res.data.data) {
|
|
|
- const xData = [];
|
|
|
- const lData = [];
|
|
|
- const dataMap = res.data.data;
|
|
|
- for (let key in dataMap) {
|
|
|
- let tmpKey = key.replace(/r/, "");
|
|
|
- tmpKey = tmpKey.replace(/_/, "-");
|
|
|
- if (tmpKey < 100) {
|
|
|
- xData.push(tmpKey);
|
|
|
- lData.push(dataMap[key]);
|
|
|
- }
|
|
|
- }
|
|
|
- let option = {
|
|
|
- color: ["#05bb4c", "#4b55ae", "#fa8c16", "#f8de5b"],
|
|
|
- tooltip: {
|
|
|
- trigger: "axis",
|
|
|
- backgroundColor: "rgba(0,0,0,0.4)",
|
|
|
- borderColor: partten.getColor("gray"),
|
|
|
- textStyle: {
|
|
|
- color: "#fff",
|
|
|
- fontSize: util.vh(16),
|
|
|
- },
|
|
|
- },
|
|
|
- legend: {
|
|
|
- show: false,
|
|
|
- data: ["偏航次数"],
|
|
|
- right: 56,
|
|
|
- icon: "circle",
|
|
|
- itemWidth: 6,
|
|
|
- inactiveColor: "#606769",
|
|
|
- textStyle: {
|
|
|
- color: partten.getColor("grayl"),
|
|
|
- fontSize: 12,
|
|
|
- },
|
|
|
- },
|
|
|
- grid: {
|
|
|
- top: util.vh(40),
|
|
|
- left: util.vh(60),
|
|
|
- right: util.vh(130),
|
|
|
- bottom: util.vh(24),
|
|
|
- },
|
|
|
- xAxis: [
|
|
|
- {
|
|
|
- name: "对风偏差(度)",
|
|
|
- type: "category",
|
|
|
- boundaryGap: false,
|
|
|
- axisLabel: {
|
|
|
- formatter: "{value}",
|
|
|
- fontSize: util.vh(14),
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res && res.data && res.data.data) {
|
|
|
+ const xData = [];
|
|
|
+ const lData = [];
|
|
|
+ const dataMap = res.data.data;
|
|
|
+ for (let key in dataMap) {
|
|
|
+ let tmpKey = key.replace(/r/, "");
|
|
|
+ tmpKey = tmpKey.replace(/_/, "-");
|
|
|
+ if (tmpKey < 100) {
|
|
|
+ xData.push(tmpKey);
|
|
|
+ lData.push(dataMap[key]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ let option = {
|
|
|
+ color: ["#05bb4c", "#4b55ae", "#fa8c16", "#f8de5b"],
|
|
|
+ tooltip: {
|
|
|
+ trigger: "axis",
|
|
|
+ backgroundColor: "rgba(0,0,0,0.4)",
|
|
|
+ borderColor: partten.getColor("gray"),
|
|
|
textStyle: {
|
|
|
- color: partten.getColor("gray"),
|
|
|
+ color: "#fff",
|
|
|
+ fontSize: util.vh(16),
|
|
|
},
|
|
|
},
|
|
|
- data: xData,
|
|
|
- },
|
|
|
- ],
|
|
|
- yAxis: [
|
|
|
- {
|
|
|
- type: "value",
|
|
|
- name: "数量",
|
|
|
- axisLabel: {
|
|
|
- formatter: "{value}",
|
|
|
- fontSize: util.vh(14),
|
|
|
- },
|
|
|
- splitLine: {
|
|
|
- lineStyle: {
|
|
|
- color: partten.getColor("gray") + 55,
|
|
|
- type: "dashed",
|
|
|
+ legend: {
|
|
|
+ show: false,
|
|
|
+ data: ["偏航次数"],
|
|
|
+ right: 56,
|
|
|
+ icon: "circle",
|
|
|
+ itemWidth: 6,
|
|
|
+ inactiveColor: "#606769",
|
|
|
+ textStyle: {
|
|
|
+ color: partten.getColor("grayl"),
|
|
|
+ fontSize: 12,
|
|
|
},
|
|
|
},
|
|
|
- },
|
|
|
- ],
|
|
|
- series: [
|
|
|
- {
|
|
|
- name: "数量",
|
|
|
- type: "line",
|
|
|
- smooth: true,
|
|
|
- zlevel: 0,
|
|
|
- lineStyle: {
|
|
|
- normal: {
|
|
|
- color: "#05bb4c",
|
|
|
- width: 1,
|
|
|
- },
|
|
|
+ grid: {
|
|
|
+ top: util.vh(40),
|
|
|
+ left: util.vh(60),
|
|
|
+ right: util.vh(130),
|
|
|
+ bottom: util.vh(24),
|
|
|
},
|
|
|
- yAxisIndex: 0,
|
|
|
- data: lData,
|
|
|
- },
|
|
|
- ],
|
|
|
- };
|
|
|
- const chart = echarts.init(document.getElementById("linechartDialog"));
|
|
|
- chart.clear();
|
|
|
- chart.setOption(option);
|
|
|
- this.resize = function () {
|
|
|
- chart.resize();
|
|
|
- };
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
+ xAxis: [
|
|
|
+ {
|
|
|
+ name: "对风偏差(度)",
|
|
|
+ type: "category",
|
|
|
+ boundaryGap: false,
|
|
|
+ axisLabel: {
|
|
|
+ formatter: "{value}",
|
|
|
+ fontSize: util.vh(14),
|
|
|
+ textStyle: {
|
|
|
+ color: partten.getColor("gray"),
|
|
|
+ },
|
|
|
+ },
|
|
|
+ data: xData,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ yAxis: [
|
|
|
+ {
|
|
|
+ type: "value",
|
|
|
+ name: "数量",
|
|
|
+ axisLabel: {
|
|
|
+ formatter: "{value}",
|
|
|
+ fontSize: util.vh(14),
|
|
|
+ },
|
|
|
+ splitLine: {
|
|
|
+ lineStyle: {
|
|
|
+ color: partten.getColor("gray") + 55,
|
|
|
+ type: "dashed",
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ series: [
|
|
|
+ {
|
|
|
+ name: "数量",
|
|
|
+ type: "line",
|
|
|
+ smooth: true,
|
|
|
+ zlevel: 0,
|
|
|
+ lineStyle: {
|
|
|
+ normal: {
|
|
|
+ color: "#05bb4c",
|
|
|
+ width: 1,
|
|
|
+ },
|
|
|
+ },
|
|
|
+ yAxisIndex: 0,
|
|
|
+ data: lData,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ const chart = echarts.init(
|
|
|
+ document.getElementById("linechartDialog")
|
|
|
+ );
|
|
|
+ chart.clear();
|
|
|
+ chart.setOption(option);
|
|
|
+ this.resize = function () {
|
|
|
+ chart.resize();
|
|
|
+ };
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
// const res = await this.API.requestData({
|
|
|
// method: "POST",
|