pages\index\Index.vue

pages/index/Index.vue

@@ -616,18 +616,28 @@
 			viewUserid: function() {
 				this.plusDrawerList = uni.getStorageSync('plusList');
 				let _this = this;
-				for (let i = 0; i < _this.plusDrawerList.length; i++) {
-					_this.$refs.windFarmcard[i].getWindfieldid(_this.plusDrawerList[i]);
+				
+				if(_this.$refs.windFarmcard !=undefined)
+				{
+					for (let i = 0; i < _this.plusDrawerList.length; i++) {
+						_this.$refs.windFarmcard[i].getWindfieldid(_this.plusDrawerList[i]);
+					}
 				}
+				
 				this.windStationCardContainerwidth = (260 * this.plusDrawerList.length - 260)+"px";
 				console.log(this.windStationCardContainerwidth)
 			},
 			judgeWindfield:function(){
 				this.plusDrawerList = uni.getStorageSync('plusList');
 				let _this = this;
-				for (let i = 0; i < _this.plusDrawerList.length; i++) {
-					_this.$refs.windFarmcard[i].getWindfieldid(_this.plusDrawerList[i]);
+				
+				if(_this.$refs.windFarmcard!=undefined)
+				{
+					for (let i = 0; i < _this.plusDrawerList.length; i++) {
+						_this.$refs.windFarmcard[i].getWindfieldid(_this.plusDrawerList[i]);
+					}
 				}
+
 			},
 			monitoringAuthority: function() {
 				this.drawerList = uni.getStorageSync('leftlist1');
@@ -1717,791 +1727,7 @@
 				canvaLineA.scroll(e);
 			},
 			getWindStationCardData: function() {
-				let LineA1 = {
-					categories: [
-						'          17:26',
-						'18:56',
-						'19:56',
-						'20:56',
-						'21:56',
-						'22:56',
-						'23:56',
-						'00:56',
-						'01:56',
-						'02:56',
-						'03:56',
-						'04:56',
-						'05:56',
-						'06:56',
-						'07:56',
-						'08:56',
-						'09:56',
-						'10:56',
-						'11:56',
-						'12:56',
-						'13:56',
-						'14:56',
-						'15:56',
-						'16:56',
-						'17:56            '
-					],
-					series: [{
-							name: '功率',
-							data: [],
-							color: '#4BB94B',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 0,
-							legendShape: 'circle'
-						},
-						{
-							name: '风速',
-							data: [],
-							color: '#E82E2F',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'm/s';
-							},
-							index: 1,
-							legendShape: 'circle'
-						},
-						{
-							name: '理论功率',
-							data: [],
-							color: '#F5A83C',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 0,
-							legendShape: 'circle'
-						},
-						{
-							name: '预测功率',
-							data: [],
-							color: '#4A80B1',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 1,
-							legendShape: 'circle'
-						}
-					]
-				};
-
-				let LineB = {
-					categories: [
-						'          17:26',
-						'18:56',
-						'19:56',
-						'20:56',
-						'21:56',
-						'22:56',
-						'23:56',
-						'00:56',
-						'01:56',
-						'02:56',
-						'03:56',
-						'04:56',
-						'05:56',
-						'06:56',
-						'07:56',
-						'08:56',
-						'09:56',
-						'10:56',
-						'11:56',
-						'12:56',
-						'13:56',
-						'14:56',
-						'15:56',
-						'16:56',
-						'17:56            '
-					],
-					series: [{
-							name: '功率',
-							data: [],
-							color: '#4BB94B',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 0,
-							legendShape: 'circle'
-						},
-						{
-							name: '风速',
-							data: [],
-							color: '#E82E2F',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'm/s';
-							},
-							index: 1,
-							legendShape: 'circle'
-						},
-						{
-							name: '理论功率',
-							data: [],
-							color: '#F5A83C',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 0,
-							legendShape: 'circle'
-						},
-						{
-							name: '预测功率',
-							data: [],
-							color: '#4A80B1',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 1,
-							legendShape: 'circle'
-						}
-					]
-				};
-
-				let LineC = {
-					categories: [
-						'          17:26',
-						'18:56',
-						'19:56',
-						'20:56',
-						'21:56',
-						'22:56',
-						'23:56',
-						'00:56',
-						'01:56',
-						'02:56',
-						'03:56',
-						'04:56',
-						'05:56',
-						'06:56',
-						'07:56',
-						'08:56',
-						'09:56',
-						'10:56',
-						'11:56',
-						'12:56',
-						'13:56',
-						'14:56',
-						'15:56',
-						'16:56',
-						'17:56            '
-					],
-					series: [{
-							name: '功率',
-							data: [],
-							color: '#4BB94B',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 0,
-							legendShape: 'circle'
-						},
-						{
-							name: '风速',
-							data: [],
-							color: '#E82E2F',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'm/s';
-							},
-							index: 1,
-							legendShape: 'circle'
-						},
-						{
-							name: '理论功率',
-							data: [],
-							color: '#F5A83C',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 0,
-							legendShape: 'circle'
-						},
-						{
-							name: '预测功率',
-							data: [],
-							color: '#4A80B1',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 1,
-							legendShape: 'circle'
-						}
-					]
-				};
-
-				let LineD = {
-					categories: [
-						'          17:26',
-						'18:56',
-						'19:56',
-						'20:56',
-						'21:56',
-						'22:56',
-						'23:56',
-						'00:56',
-						'01:56',
-						'02:56',
-						'03:56',
-						'04:56',
-						'05:56',
-						'06:56',
-						'07:56',
-						'08:56',
-						'09:56',
-						'10:56',
-						'11:56',
-						'12:56',
-						'13:56',
-						'14:56',
-						'15:56',
-						'16:56',
-						'17:56            '
-					],
-					series: [{
-							name: '功率',
-							data: [],
-							color: '#4BB94B',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 0,
-							legendShape: 'circle'
-						},
-						{
-							name: '风速',
-							data: [],
-							color: '#E82E2F',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'm/s';
-							},
-							index: 1,
-							legendShape: 'circle'
-						},
-						{
-							name: '理论功率',
-							data: [],
-							color: '#F5A83C',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 0,
-							legendShape: 'circle'
-						},
-						{
-							name: '预测功率',
-							data: [],
-							color: '#4A80B1',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 1,
-							legendShape: 'circle'
-						}
-					]
-				};
-
-				let LineE = {
-					categories: [
-						'          17:26',
-						'18:56',
-						'19:56',
-						'20:56',
-						'21:56',
-						'22:56',
-						'23:56',
-						'00:56',
-						'01:56',
-						'02:56',
-						'03:56',
-						'04:56',
-						'05:56',
-						'06:56',
-						'07:56',
-						'08:56',
-						'09:56',
-						'10:56',
-						'11:56',
-						'12:56',
-						'13:56',
-						'14:56',
-						'15:56',
-						'16:56',
-						'17:56            '
-					],
-					series: [{
-							name: '功率',
-							data: [],
-							color: '#4BB94B',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 0,
-							legendShape: 'circle'
-						},
-						{
-							name: '风速',
-							data: [],
-							color: '#E82E2F',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'm/s';
-							},
-							index: 1,
-							legendShape: 'circle'
-						},
-						{
-							name: '理论功率',
-							data: [],
-							color: '#F5A83C',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 0,
-							legendShape: 'circle'
-						},
-						{
-							name: '预测功率',
-							data: [],
-							color: '#4A80B1',
-							textColor: '#FFFFFF',
-							textSize: this.seriesTextSize,
-							format: val => {
-								return val + 'kwh';
-							},
-							index: 1,
-							legendShape: 'circle'
-						}
-					]
-				};
-
-				this.showWindStationCardLineA1('windStationCanvasLineA', LineA1);
-				this.showWindStationCardLineA2('windStationCanvasLineB', LineB);
-				this.showWindStationCardLineA3('windStationCanvasLineC', LineC);
-				this.showWindStationCardLineA4('windStationCanvasLineD', LineD);
-				this.showWindStationCardLineA5('windStationCanvasLineE', LineE);
-			},
-			showWindStationCardLineA1(canvasId, chartData) {
-				var _self = this;
-				canvaLineB1 = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'line',
-					fontSize: 11,
-					legend: {
-						show: true,
-						position: 'top',
-						float: 'right',
-						fontColor: 'silver',
-						itemGap: '9',
-						itemWidth: '3'
-					},
-					dataLabel: false,
-					dataPointShape: false,
-					background: '#FFFFFF',
-					pixelRatio: _self.windStationCardPixelRatio,
-					categories: chartData.categories,
-					series: chartData.series,
-					animation: true,
-					xAxis: {
-						disableGrid: true,
-						type: 'grid',
-						gridColor: 'silver',
-						fontColor: 'silver',
-						gridType: 'solid',
-						gridColor: '#2E2E2E',
-						axisLineColor: '#2E2E2E',
-						labelCount: '3'
-						// itemCount:"3"
-					},
-					yAxis: {
-						data: [{
-								type: 'value',
-								fontColor: 'silver',
-								disabled: false, //y轴轴线
-								min: 0,
-								max: 40,
-								position: 'left',
-								axisLineColor: '#2E2E2E',
-								title: '         风速:(m/s)',
-								titleFontColor: 'silver'
-							},
-							{
-								fontColor: 'silver',
-								disabled: false, //y轴轴线
-								min: 0,
-								max: 40,
-								position: 'right',
-								axisLineColor: '#2E2E2E',
-								title: '功率:(kwh)',
-								titleFontColor: 'silver'
-							}
-						],
-						disabled: true,
-						gridColor: '#2E2E2E',
-						splitNumber: 4,
-						gridType: 'solid',
-						dashLength: 8,
-						showTitle: 'true',
-						format: val => {
-							return val.toFixed(0) + '元';
-						}
-					},
-					width: _self.windStationCardCWidth * _self.windStationCardPixelRatio,
-					height: _self.windStationCardCHeight * _self.windStationCardPixelRatio,
-					padding: [10, 0, 0, 0], //画布填充边距，顺序为上右下左，同css，但必须4位
-					extra: {
-						line: {
-							type: 'line',
-							width: '1'
-						}
-					}
-				});
-			},
-			showWindStationCardLineA2(canvasId, chartData) {
-				var _self = this;
-				canvaLineB2 = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'line',
-					fontSize: 11,
-					legend: {
-						show: true,
-						position: 'top',
-						float: 'right',
-						fontColor: 'silver',
-						itemGap: '9',
-						itemWidth: '3'
-					},
-					dataLabel: false,
-					dataPointShape: false,
-					background: '#FFFFFF',
-					pixelRatio: _self.windStationCardPixelRatio,
-					categories: chartData.categories,
-					series: chartData.series,
-					animation: true,
-					xAxis: {
-						disableGrid: true,
-						type: 'grid',
-						gridColor: 'silver',
-						fontColor: 'silver',
-						gridType: 'solid',
-						gridColor: '#2E2E2E',
-						axisLineColor: '#2E2E2E',
-						labelCount: '3'
-						// itemCount:"3"
-					},
-					yAxis: {
-						data: [{
-								type: 'value',
-								fontColor: 'silver',
-								disabled: false, //y轴轴线
-								min: 0,
-								max: 40,
-								position: 'left',
-								axisLineColor: '#2E2E2E',
-								title: '         风速:(m/s)',
-								titleFontColor: 'silver'
-							},
-							{
-								fontColor: 'silver',
-								disabled: false, //y轴轴线
-								min: 0,
-								max: 40,
-								position: 'right',
-								axisLineColor: '#2E2E2E',
-								title: '功率:(kwh)',
-								titleFontColor: 'silver'
-							}
-						],
-						disabled: true,
-						gridColor: '#2E2E2E',
-						splitNumber: 4,
-						gridType: 'solid',
-						dashLength: 8,
-						showTitle: 'true',
-						format: val => {
-							return val.toFixed(0) + '元';
-						}
-					},
-					width: _self.windStationCardCWidth * _self.windStationCardPixelRatio,
-					height: _self.windStationCardCHeight * _self.windStationCardPixelRatio,
-					padding: [10, 0, 0, 0], //画布填充边距，顺序为上右下左，同css，但必须4位
-					extra: {
-						line: {
-							type: 'line',
-							width: '1'
-						}
-					}
-				});
-			},
-			showWindStationCardLineA3(canvasId, chartData) {
-				var _self = this;
-				canvaLineB3 = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'line',
-					fontSize: 11,
-					legend: {
-						show: true,
-						position: 'top',
-						float: 'right',
-						fontColor: 'silver',
-						itemGap: '9',
-						itemWidth: '3'
-					},
-					dataLabel: false,
-					dataPointShape: false,
-					background: '#FFFFFF',
-					pixelRatio: _self.windStationCardPixelRatio,
-					categories: chartData.categories,
-					series: chartData.series,
-					animation: true,
-					xAxis: {
-						disableGrid: true,
-						type: 'grid',
-						gridColor: 'silver',
-						fontColor: 'silver',
-						gridType: 'solid',
-						gridColor: '#2E2E2E',
-						axisLineColor: '#2E2E2E',
-						labelCount: '3'
-						// itemCount:"3"
-					},
-					yAxis: {
-						data: [{
-								type: 'value',
-								fontColor: 'silver',
-								disabled: false, //y轴轴线
-								min: 0,
-								max: 40,
-								position: 'left',
-								axisLineColor: '#2E2E2E',
-								title: '         风速:(m/s)',
-								titleFontColor: 'silver'
-							},
-							{
-								fontColor: 'silver',
-								disabled: false, //y轴轴线
-								min: 0,
-								max: 40,
-								position: 'right',
-								axisLineColor: '#2E2E2E',
-								title: '功率:(kwh)',
-								titleFontColor: 'silver'
-							}
-						],
-						disabled: true,
-						gridColor: '#2E2E2E',
-						splitNumber: 4,
-						gridType: 'solid',
-						dashLength: 8,
-						showTitle: 'true',
-						format: val => {
-							return val.toFixed(0) + '元';
-						}
-					},
-					width: _self.windStationCardCWidth * _self.windStationCardPixelRatio,
-					height: _self.windStationCardCHeight * _self.windStationCardPixelRatio,
-					padding: [10, 0, 0, 0], //画布填充边距，顺序为上右下左，同css，但必须4位
-					extra: {
-						line: {
-							type: 'line',
-							width: '1'
-						}
-					}
-				});
-			},
-			showWindStationCardLineA4(canvasId, chartData) {
-				var _self = this;
-				canvaLineB4 = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'line',
-					fontSize: 11,
-					legend: {
-						show: true,
-						position: 'top',
-						float: 'right',
-						fontColor: 'silver',
-						itemGap: '9',
-						itemWidth: '3'
-					},
-					dataLabel: false,
-					dataPointShape: false,
-					background: '#FFFFFF',
-					pixelRatio: _self.windStationCardPixelRatio,
-					categories: chartData.categories,
-					series: chartData.series,
-					animation: true,
-					xAxis: {
-						disableGrid: true,
-						type: 'grid',
-						gridColor: 'silver',
-						fontColor: 'silver',
-						gridType: 'solid',
-						gridColor: '#2E2E2E',
-						axisLineColor: '#2E2E2E',
-						labelCount: '3'
-						// itemCount:"3"
-					},
-					yAxis: {
-						data: [{
-								type: 'value',
-								fontColor: 'silver',
-								disabled: false, //y轴轴线
-								min: 0,
-								max: 40,
-								position: 'left',
-								axisLineColor: '#2E2E2E',
-								title: '         风速:(m/s)',
-								titleFontColor: 'silver'
-							},
-							{
-								fontColor: 'silver',
-								disabled: false, //y轴轴线
-								min: 0,
-								max: 40,
-								position: 'right',
-								axisLineColor: '#2E2E2E',
-								title: '功率:(kwh)',
-								titleFontColor: 'silver'
-							}
-						],
-						disabled: true,
-						gridColor: '#2E2E2E',
-						splitNumber: 4,
-						gridType: 'solid',
-						dashLength: 8,
-						showTitle: 'true',
-						format: val => {
-							return val.toFixed(0) + '元';
-						}
-					},
-					width: _self.windStationCardCWidth * _self.windStationCardPixelRatio,
-					height: _self.windStationCardCHeight * _self.windStationCardPixelRatio,
-					padding: [10, 0, 0, 0], //画布填充边距，顺序为上右下左，同css，但必须4位
-					extra: {
-						line: {
-							type: 'line',
-							width: '1'
-						}
-					}
-				});
-			},
-			showWindStationCardLineA5(canvasId, chartData) {
-				var _self = this;
-				canvaLineB5 = new uCharts({
-					$this: _self,
-					canvasId: canvasId,
-					type: 'line',
-					fontSize: 11,
-					legend: {
-						show: true,
-						position: 'top',
-						float: 'right',
-						fontColor: 'silver',
-						itemGap: '9',
-						itemWidth: '3'
-					},
-					dataLabel: false,
-					dataPointShape: false,
-					background: '#FFFFFF',
-					pixelRatio: _self.windStationCardPixelRatio,
-					categories: chartData.categories,
-					series: chartData.series,
-					animation: true,
-					xAxis: {
-						disableGrid: true,
-						type: 'grid',
-						gridColor: 'silver',
-						fontColor: 'silver',
-						gridType: 'solid',
-						gridColor: '#2E2E2E',
-						axisLineColor: '#2E2E2E',
-						labelCount: '3'
-						// itemCount:"3"
-					},
-					yAxis: {
-						data: [{
-								type: 'value',
-								fontColor: 'silver',
-								disabled: false, //y轴轴线
-								min: 0,
-								max: 40,
-								position: 'left',
-								axisLineColor: '#2E2E2E',
-								title: '         风速:(m/s)',
-								titleFontColor: 'silver'
-							},
-							{
-								fontColor: 'silver',
-								disabled: false, //y轴轴线
-								min: 0,
-								max: 40,
-								position: 'right',
-								axisLineColor: '#2E2E2E',
-								title: '功率:(kwh)',
-								titleFontColor: 'silver'
-							}
-						],
-						disabled: true,
-						gridColor: '#2E2E2E',
-						splitNumber: 4,
-						gridType: 'solid',
-						dashLength: 8,
-						showTitle: 'true',
-						format: val => {
-							return val.toFixed(0) + '元';
-						}
-					},
-					width: _self.windStationCardCWidth * _self.windStationCardPixelRatio,
-					height: _self.windStationCardCHeight * _self.windStationCardPixelRatio,
-					padding: [10, 0, 0, 0], //画布填充边距，顺序为上右下左，同css，但必须4位
-					extra: {
-						line: {
-							type: 'line',
-							width: '1'
-						}
-					}
-				});
+				
 			}
 		}
 	};