Ver código fonte

Merge branch 'master' of http://49.4.49.126:3000/Gyee_web/sisMobilePhone

wangjiawen 4 anos atrás
pai
commit
23986236ea
4 arquivos alterados com 490 adições e 457 exclusões
  1. 2 4
      common/store.js
  2. 420 0
      components/windFarmcard/WindFarmcard.vue
  3. 4 0
      pages.json
  4. 64 453
      pages/index/Index.vue

+ 2 - 4
common/store.js

@@ -7,11 +7,9 @@ const store = new Vuex.Store({
     state: {
 		wholeSituationBackStageIp:'117.78.18.24',
 		wholeSituationBackStagePort:'9988',
-		windpowerstationNameToId:{
-           "宁夏新能源公司":"0","麻黄山风电场":"MHS_FDC","牛首山风电场":"NSS_FDC","青山风电场":"SBQ_FDC","石板泉风电场":"QS_FDC","香山风电场":"QS_FDC"
-		},
-		default_wpid:'0',
+		windpowerstationNameToId:{},
 		
+		default_wpid:'0',	
 		default_wpname:'河北能源集团',
 		default_tourist:'2',
 		default_tourist_wpid:'CL_FDC',

+ 420 - 0
components/windFarmcard/WindFarmcard.vue

@@ -0,0 +1,420 @@
+<template>
+	<view>
+		<view class="windStationCard" @tap="common.navTo('/components/windStationCardDetail/WindStationCardDetail?option=' + plusDrawerList.name.substring(0,2) )" v-if="plusDrawerList.windId!=0">
+			<view class="windStationTitle">{{plusDrawerList.name}}</view>
+			<view class="powerAndSpeedContainer">
+				<view class="powerAndSpeedRed">
+					预测发(万kwh):
+					<span v-if="cardmodule"></span>
+					<span v-if="cardmodule==false">{{index_windStation_cardmodule.ycdl}}</span>
+				</view>
+				<view class="powerAndSpeedRed">
+					日发(万kwh):
+					<span v-if="cardmodule"></span>
+					<span v-if="cardmodule==false"> {{index_windStation_cardmodule.rfdl}}</span>
+				</view>
+				<view class="powerAndSpeedRed">
+					实风速(m/s):
+					<span v-if="cardmodule"></span>
+					<span v-if="cardmodule==false"> {{ index_windStation_cardmodule.ssfs}}</span>
+				</view>
+				<view class="powerAndSpeedRed">
+					实功率(万kw):
+					<span v-if="cardmodule"></span>
+					<span v-if="cardmodule==false"> {{ index_windStation_cardmodule.ssgl}}</span>
+				</view>
+			</view>
+			<!-- HQChart图 -->
+			<view class="UChartContainer">
+				<view class="windStationUChart">
+					<view class="windStationQiun-charts">
+						<canvas canvas-id="windStationCanvasLineC" id="windStationCanvasLineC" class="windStationCharts" @touchstart="c"></canvas>
+					</view>
+				</view>
+				<view class="UChartTitle">风速功率曲线图</view>
+			</view>
+			<view class="fanStatusContainer">
+				<view class="fanStatus">
+					<view class="statusIcon">
+						<image src="../../static/picture/001.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
+					</view>
+					<span v-if="module">接入&nbsp;&nbsp;0</span>
+					<span v-if="module==false">接入&nbsp;&nbsp;{{ fdcstatusmodule.jr }}</span>
+				</view>
+				<view class="fanStatus">
+					<view class="statusIcon">
+						<image src="../../static/picture/002.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
+					</view>
+					<span v-if="module">待机&nbsp;&nbsp;0</span>
+					<span v-if="module==false">待机&nbsp;&nbsp;{{ fdcstatusmodule.dj }}</span>
+				</view>
+				<view class="fanStatus">
+					<view class="statusIcon">
+						<image src="../../static/picture/003.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
+					</view>
+					<span v-if="module">运行&nbsp;&nbsp;0</span>
+					<span v-if="module==false">运行&nbsp;&nbsp;{{ fdcstatusmodule.yx }}</span>
+				</view>
+				<view class="fanStatus">
+					<view class="statusIcon">
+						<image src="../../static/picture/004.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
+					</view>
+					<span v-if="module">故障&nbsp;&nbsp;0</span>
+					<span v-if="module==false">故障&nbsp;&nbsp;{{ fdcstatusmodule.gz }}</span>
+				</view>
+				<view class="fanStatus">
+					<view class="statusIcon">
+						<image src="../../static/picture/005.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
+					</view>
+					<span v-if="module">维护&nbsp;&nbsp;0</span>
+					<span v-if="module==false">维护&nbsp;&nbsp;{{ fdcstatusmodule.wh }}</span>
+				</view>
+				<view class="fanStatus">
+					<view class="statusIcon">
+						<image src="../../static/picture/006.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
+					</view>
+					<span v-if="module">离线&nbsp;&nbsp;0</span>
+					<span v-if="module==false">离线&nbsp;&nbsp;{{ fdcstatusmodule.lx }}</span>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data: function() {
+			return {
+				index_windStation_cardmodule: [],
+				fdcstatusmodule:[],
+				lineChartdata:[],
+				userRights_FDC: [],
+				cardmodule: true,
+				module: true,
+				windStationCardCWidth: '',
+				windStationCardCHeight: '',
+				windStationCardPixelRatio: 1,
+				plusDrawerList: [],
+			}
+		},
+		onLoad: function() {
+			this.windStationCardCWidth = 250;
+			this.windStationCardCHeight = 150;
+		},
+		methods: {
+			getWindfieldid:function(plusDrawerList) {
+				this.plusDrawerList = plusDrawerList;
+				console.log(this.plusDrawerList)
+				
+			},
+			getWindfielddata:function(index_windStation_cardmodule){
+				this.cardmodule = false;
+				this.index_windStation_cardmodule = [];
+ 				this.index_windStation_cardmodule = index_windStation_cardmodule;
+			},
+			getHoursWeatherData: function(fdcstatusmodule) {
+				this.module = false;
+				this.fdcstatusmodule = fdcstatusmodule;
+			},
+			getUchartData:function(lineChartdata){
+				this.lineChartdata = [];
+				this.lineChartdata = lineChartdata;
+				console.log(this.lineChartdata);
+			},
+			getLinAcharts: function() {
+				let LineC = {
+					categories: [],
+					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 _this = this;
+				LineC.categories = [];
+				LineC.series[0].data = [];
+				for (var i = 0; i < _this.index_curve_columnar_windSpeed_powermodule.index_curve_columnar_windSpeed_powermodule[
+						'KB_FDC']['gl'].length; i++) {
+					let time = new Date(
+						_this.index_curve_columnar_windSpeed_powermodule.index_curve_columnar_windSpeed_powermodule['KB_FDC'][
+							'gl'
+						][i].pointTime * 1000
+					).Format('hh');
+				
+					LineC.categories.push(time);
+					//console.log(_this.index_curve_columnar_windSpeed_powermodule.index_curve_columnar_windSpeed_powermodule['MHS_FDC']['gl'][i].pointValueInDouble);
+					LineC.series[0].data.push(
+						_this.index_curve_columnar_windSpeed_powermodule.index_curve_columnar_windSpeed_powermodule['KB_FDC'][
+							'gl'
+						][i].pointValueInDouble
+					);
+					LineC.series[1].data.push(
+						_this.index_curve_columnar_windSpeed_powermodule.index_curve_columnar_windSpeed_powermodule['KB_FDC'][
+							'fs'
+						][i].pointValueInDouble
+					);
+					LineC.series[2].data.push(
+						_this.index_curve_columnar_windSpeed_powermodule.index_curve_columnar_windSpeed_powermodule['KB_FDC'][
+							'llgl'
+						][i].pointValueInDouble
+					);
+					LineC.series[3].data.push(
+						_this.index_curve_columnar_windSpeed_powermodule.index_curve_columnar_windSpeed_powermodule['KB_FDC'][
+							'ycgl'
+						][i].pointValueInDouble
+					);
+				}
+				_this.showWindStationCardLineA3('windStationCanvasLineC', LineC);
+			},
+			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'
+						}
+					}
+				});
+			},
+			touchLineB3(e) {
+				canvaLineB3.showToolTip(e, {
+					format: function(item, category) {
+						return category + ' ' + item.name + ':' + item.data;
+					}
+				});
+			},
+		}
+	}
+</script>
+
+<style>
+	page {
+		/* background-color: #242424; */
+	}
+
+	.windStation {
+		clear: both;
+		width: calc(100% - 18%);
+		margin-left: 9px;
+		height: 350px;
+		color: silver;
+		margin-bottom: 0px;
+		background-color: #242424;
+	
+	}
+
+	.scrollWindStationCard {
+		white-space: nowrap;
+	}
+
+	.windStationCard {
+		width: 250px;
+		height: 100%;
+		margin-right: 9px;
+		float: left;
+		background-color: #242424;
+	}
+
+	.windStationCardContainer {
+		width: 100%;
+		height: 350px;
+		margin-top: 10px;
+	}
+
+	.windStationTitle {
+		width: 90%;
+		height: 30px;
+		line-height: 30px;
+		font-size: 12px;
+		margin-left: 5px;
+	}
+
+	.powerAndSpeedContainer {
+		width: 100%;
+		height: 90px;
+	}
+
+	.powerAndSpeedRed {
+		margin-top: 8px;
+		margin-left: 2%;
+		margin-right: 2%;
+		width: 46%;
+		height: 37px;
+		line-height: 37px;
+		text-align: left;
+		font-size: 12px;
+		background: -webkit-linear-gradient(top, rgba(159, 131, 111, 0.1) 0%, rgba(193, 94, 21, 0.2) 100%);
+		border-radius: 5px;
+		float: left;
+	}
+
+	.UChartContainer {
+		width: 250px;
+		height: 150px;
+		margin-top: 8px;
+	}
+
+	.windStationUChart {
+		width: 250px;
+		height: 150px;
+		position: absolute;
+	}
+
+	.windStationQiun-charts {
+		width: 250px;
+		height: 150px;
+		background-color: #242424;
+	}
+
+	.windStationCharts {
+		width: 250px;
+		height: 150px;
+		background-color: #242424;
+	}
+
+	.fanStatusContainer {
+		width: 100%;
+		height: 70px;
+	}
+
+	.fanStatus {
+		width: 32%;
+		height: 30px;
+		margin-top: 5px;
+		margin-right: 0.5%;
+		margin-left: 0.5%;
+		float: left;
+	}
+
+	.fanStatus {
+		height: 30px;
+		line-height: 30px;
+		font-size: 12px;
+	}
+
+	.statusIcon {
+		width: 22px;
+		height: 30px;
+		margin-left: 3px;
+		float: left;
+	}
+	.UChartTitle {
+		position: relative;
+		top: -2px;
+		left: 2px;
+		font-size: 12px;
+		width: 100px;
+	}
+	
+</style>

+ 4 - 0
pages.json

@@ -90,6 +90,10 @@
 		{
 			"path":"components/weatherProphethomepage/weatherDetail/Detail",
 			"style":{}
+		},
+		{
+			"path":"components/windFarmcard/WindFarmcard",
+			"style":{}
 		}
 		
 		

+ 64 - 453
pages/index/Index.vue

@@ -391,432 +391,12 @@
 				<view class="qiun-chart"><canvas canvas-id="canvasColumnStack" id="canvasColumnStack" class="chart" @touchstart="touchColumn"></canvas></view>
 			</view>
 			<!-- 风电场卡片 -->
-
 			<view class="windStation">
 				<scroll-view scroll-x class="scrollWindStationCard">
 					<view class="windStationCardContainer">
-						<view class="windStationCard" @tap="common.navTo('/components/windStationCardDetail/WindStationCardDetail?option=' + '崇礼')">
-							<view class="windStationTitle">崇礼风电场</view>
-							<view class="powerAndSpeedContainer">
-								<view class="powerAndSpeedRed">
-									预测发(万kwh):
-									<span v-if="cardmodule">
-										<!-- {{ index_windStation_cardmodule.index_windStation_cardmodule.MHS_FDC.ycdl }} --></span>
-									<span v-if="cardmodule==false">{{index_windStation_cardmodule.index_windStation_cardmodule.CL_FDC.ycdl}}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									日发(万kwh):
-									<span v-if="cardmodule">
-										<!-- {{ index_windStation_cardmodule.index_windStation_cardmodule.MHS_FDC.rfdl }} --></span>
-									<span v-if="cardmodule==false"> {{ index_windStation_cardmodule.index_windStation_cardmodule.CL_FDC.rfdl }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									实风速(m/s):
-									<span v-if="cardmodule">
-										<!-- {{ index_windStation_cardmodule.index_windStation_cardmodule.MHS_FDC.ssfs }} --></span>
-									<span v-if="cardmodule==false"> {{ index_windStation_cardmodule.index_windStation_cardmodule.CL_FDC.ssfs }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									实功率(万kw):
-									<span v-if="cardmodule">
-										<!-- {{ index_windStation_cardmodule.index_windStation_cardmodule.MHS_FDC.ssgl }} --></span>
-									<span v-if="cardmodule==false"> {{ index_windStation_cardmodule.index_windStation_cardmodule.CL_FDC.ssgl }}
-									</span>
-								</view>
-							</view>
-							<!-- HQChart图 -->
-							<!-- <view class="HQChart">
-												<div class="divchart" ref="divchart"><div id="minute" style="width: 250px; height: 100px;" ref="minute"></div></div>
-											</view> -->
-							<view class="UChartContainer">
-								<view class="windStationUChart">
-									<view class="windStationQiun-charts">
-										<canvas canvas-id="windStationCanvasLineA" id="windStationCanvasLineA" class="windStationCharts" @touchstart="touchLineB1"></canvas>
-									</view>
-								</view>
-								<view class="UChartTitle">风速功率曲线图</view>
-
-							</view>
-
-							<view class="fanStatusContainer">
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/001.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">接入&nbsp;&nbsp;0</span>
-									<span v-if="module==false">接入&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.CL_FDC.jr }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/002.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">待机&nbsp;&nbsp;0</span>
-									<span v-if="module==false">待机&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.CL_FDC.dj }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/003.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">运行&nbsp;&nbsp;0</span>
-									<span v-if="module==false">运行&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.CL_FDC.yx }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/004.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">故障&nbsp;&nbsp;0</span>
-									<span v-if="module==false">故障&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.CL_FDC.gz }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/005.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">维护&nbsp;&nbsp;0</span>
-									<span v-if="module==false">维护&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.CL_FDC.wh }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/006.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">离线&nbsp;&nbsp;0</span>
-									<span v-if="module==false">离线&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.CL_FDC.lx }}</span>
-								</view>
-							</view>
-						</view>
-
-						<view class="windStationCard" @tap="common.navTo('/components/windStationCardDetail/WindStationCardDetail?option=' + '代县')">
-							<view class="windStationTitle">代县风电场</view>
-							<view class="powerAndSpeedContainer">
-								<view class="powerAndSpeedRed">
-									预测发(万kwh):
-									<span v-if="cardmodule">
-										<!-- {{ index_windStation_cardmodule.index_windStation_cardmodule.MHS_FDC.ycdl }} --></span>
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.DX_FDC.ycdl }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									日发(万kwh):
-									<span v-if="cardmodule">
-										<!-- {{ index_windStation_cardmodule.index_windStation_cardmodule.MHS_FDC.ycdl }} --></span>
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.DX_FDC.rfdl }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									实风速(m/s):
-									<span v-if="cardmodule">
-										<!-- {{ index_windStation_cardmodule.index_windStation_cardmodule.MHS_FDC.ycdl }} --></span>
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.DX_FDC.ssfs }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									实功率(万kw):
-									<span v-if="cardmodule">
-										<!-- {{ index_windStation_cardmodule.index_windStation_cardmodule.MHS_FDC.ycdl }} --></span>
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.DX_FDC.ssgl }}</span>
-								</view>
-							</view>
-							<!-- HQChart图 -->
-							<!-- <view class="HQChart">
-												<div class="divchart" ref="divchart"><div id="minute" style="width: 250px; height: 100px;" ref="minute"></div></div>
-											</view> -->
-							<view class="UChartContainer">
-								<view class="windStationUChart">
-									<view class="windStationQiun-charts">
-										<canvas canvas-id="windStationCanvasLineB" id="windStationCanvasLineB" class="windStationCharts" @touchstart="touchLineB2"></canvas>
-									</view>
-								</view>
-								<view class="UChartTitle">风速功率曲线图</view>
-								<!-- <view class="xTime">时间</view> -->
-							</view>
-
-							<view class="fanStatusContainer">
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/001.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">接入&nbsp;&nbsp;0</span>
-									<span v-if="module==false">接入&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.DX_FDC.jr }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/002.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">待机&nbsp;&nbsp;0</span>
-									<span v-if="module==false">待机&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.DX_FDC.dj }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/003.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">运行&nbsp;&nbsp;0</span>
-									<span v-if="module==false">运行&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.DX_FDC.yx }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/004.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">故障&nbsp;&nbsp;0</span>
-									<span v-if="module==false">故障&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.DX_FDC.gz }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/005.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">维护&nbsp;&nbsp;0</span>
-									<span v-if="module==false">维护&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.DX_FDC.wh }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/006.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">离线&nbsp;&nbsp;0</span>
-									<span v-if="module==false">离线&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.DX_FDC.lx }}</span>
-								</view>
-							</view>
+						<view v-for="(item,index) in plusDrawerList" :key="index">
+							<WindFarmcard ref="windFarmcard"></WindFarmcard>
 						</view>
-
-						<view class="windStationCard" @tap="common.navTo('/components/windStationCardDetail/WindStationCardDetail?option=' + '康保')">
-							<view class="windStationTitle">康保风电场</view>
-							<view class="powerAndSpeedContainer">
-								<view class="powerAndSpeedRed">
-									预测发(万kwh):
-									<span v-if="cardmodule">
-										<!-- {{ index_windStation_cardmodule.index_windStation_cardmodule.MHS_FDC.ycdl }} --></span>
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.KB_FDC.ycdl }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									日发(万kwh):
-									<span v-if="cardmodule">
-										<!-- {{ index_windStation_cardmodule.index_windStation_cardmodule.MHS_FDC.ycdl }} --></span>
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.KB_FDC.rfdl }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									实风速(m/s):
-									<span v-if="cardmodule">
-										<!-- {{ index_windStation_cardmodule.index_windStation_cardmodule.MHS_FDC.ycdl }} --></span>
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.KB_FDC.ssfs }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									实功率(万kw):
-									<span v-if="cardmodule">
-										<!-- {{ index_windStation_cardmodule.index_windStation_cardmodule.MHS_FDC.ycdl }} --></span>
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.KB_FDC.ssgl }}</span>
-								</view>
-							</view>
-							<!-- HQChart图 -->
-							<!-- <view class="HQChart">
-												<div class="divchart" ref="divchart"><div id="minute" style="width: 250px; height: 100px;" ref="minute"></div></div>
-											</view> -->
-							<view class="UChartContainer">
-								<view class="windStationUChart">
-									<view class="windStationQiun-charts">
-										<canvas canvas-id="windStationCanvasLineC" id="windStationCanvasLineC" class="windStationCharts" @touchstart="touchLineB3"></canvas>
-									</view>
-								</view>
-								<view class="UChartTitle">风速功率曲线图</view>
-								<!-- <view class="xTime">时间</view> -->
-							</view>
-
-							<view class="fanStatusContainer">
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/001.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">接入&nbsp;&nbsp;0</span>
-									<span v-if="module==false">接入&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.KB_FDC.jr }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/002.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">待机&nbsp;&nbsp;0</span>
-									<span v-if="module==false">待机&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.KB_FDC.dj }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/003.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">运行&nbsp;&nbsp;0</span>
-									<span v-if="module==false">运行&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.KB_FDC.yx }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/004.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">故障&nbsp;&nbsp;0</span>
-									<span v-if="module==false">故障&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.KB_FDC.gz }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/005.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">维护&nbsp;&nbsp;0</span>
-									<span v-if="module==false">维护&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.KB_FDC.wh }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/006.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">离线&nbsp;&nbsp;0</span>
-									<span v-if="module==false">离线&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.KB_FDC.lx }}</span>
-								</view>
-							</view>
-						</view>
-
-						<!-- <view class="windStationCard" @tap="common.navTo('/components/windStationCardDetail/WindStationCardDetail?option=' + '青山')">
-							<view class="windStationTitle">青山风电场</view>
-							<view class="powerAndSpeedContainer">
-								<view class="powerAndSpeedRed">
-									预测发(万kwh):
-									<span v-if="cardmodule">
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.QS_FDC.ycdl }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									日发(万kwh):
-									<span v-if="cardmodule">
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.QS_FDC.rfdl }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									实风速(m/s):
-									<span v-if="cardmodule">
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.QS_FDC.ssfs }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									实功率(万kw):
-									<span v-if="cardmodule">
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.QS_FDC.ssgl }}</span>
-								</view>
-							</view>
-							<view class="UChartContainer">
-								<view class="windStationUChart">
-									<view class="windStationQiun-charts">
-										<canvas canvas-id="windStationCanvasLineD" id="windStationCanvasLineD" class="windStationCharts" @touchstart="touchLineB4"></canvas>
-									</view>
-								</view>
-								<view class="UChartTitle">风速功率曲线图</view>
-							</view>
-
-							<view class="fanStatusContainer">
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/001.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">接入&nbsp;&nbsp;0</span>
-									<span v-if="module==false">接入&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.QS_FDC.jr }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/002.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">待机&nbsp;&nbsp;0</span>
-									<span v-if="module==false">待机&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.QS_FDC.dj }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/003.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">运行&nbsp;&nbsp;0</span>
-									<span v-if="module==false">运行&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.QS_FDC.yx }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/004.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">故障&nbsp;&nbsp;0</span>
-									<span v-if="module==false">故障&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.QS_FDC.gz }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/005.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">维护&nbsp;&nbsp;0</span>
-									<span v-if="module==false">维护&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.QS_FDC.wh }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/006.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">离线&nbsp;&nbsp;0</span>
-									<span v-if="module==false">离线&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.QS_FDC.lx }}</span>
-								</view>
-							</view>
-						</view> -->
-
-						<!-- <view class="windStationCard" @tap="common.navTo('/components/windStationCardDetail/WindStationCardDetail?option=' + '香山')">
-							<view class="windStationTitle">香山风电场</view>
-							<view class="powerAndSpeedContainer">
-								<view class="powerAndSpeedRed">
-									预测发(万kwh):
-									<span v-if="cardmodule">
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.XS_FDC.ycdl }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									日发(万kwh):
-									<span v-if="cardmodule">
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.XS_FDC.rfdl }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									实风速(m/s):
-									<span v-if="cardmodule">
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.XS_FDC.ssfs }}</span>
-								</view>
-								<view class="powerAndSpeedRed">
-									实功率(万kw):
-									<span v-if="cardmodule">
-									<span v-if="cardmodule==false">{{ index_windStation_cardmodule.index_windStation_cardmodule.XS_FDC.ssgl }}</span>
-								</view>
-							</view>
-							<view class="UChartContainer">
-								<view class="windStationUChart">
-									<view class="windStationQiun-charts">
-										<canvas canvas-id="windStationCanvasLineE" id="windStationCanvasLineE" class="windStationCharts" @touchstart="touchLineB5"></canvas>
-									</view>
-								</view>
-								<view class="UChartTitle">风速功率曲线图</view>
-							</view>
-
-							<view class="fanStatusContainer">
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/001.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">接入&nbsp;&nbsp;0</span>
-									<span v-if="module==false">接入&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.XS_FDC.jr }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/002.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">待机&nbsp;&nbsp;0</span>
-									<span v-if="module==false">待机&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.XS_FDC.dj }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/003.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">待机&nbsp;&nbsp;0</span>
-									<span v-if="module==false">运行&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.XS_FDC.yx }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/004.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">待机&nbsp;&nbsp;0</span>
-									<span v-if="module==false">故障&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.XS_FDC.gz }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/005.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">待机&nbsp;&nbsp;0</span>
-									<span v-if="module==false">维护&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.XS_FDC.wh }}</span>
-								</view>
-								<view class="fanStatus">
-									<view class="statusIcon">
-										<image src="../../static/picture/006.png" style="width: 16px;height: 16px;margin-top: 7px;"></image>
-									</view>
-									<span v-if="module">待机&nbsp;&nbsp;0</span>
-									<span v-if="module==false">离线&nbsp;&nbsp;{{ fdcstatusmodule.fdcstatusmodule.XS_FDC.lx }}</span>
-								</view>
-							</view>
-						</view> -->
 					</view>
 				</scroll-view>
 				<!-- 底导航栏挡住部分显示 -->
@@ -832,6 +412,7 @@
 	import plusDrawer from '../../components/drawer/plusDrawer.vue';
 	import drawer from '../../components/drawer/threeLineDrawer.vue';
 	import uCharts from '../../components/tools/u-charts/u-charts.js';
+	import WindFarmcard from '../../components/windFarmcard/WindFarmcard.vue';
 	var _self;
 	var canvaLineA = null;
 	var canvaColumn = null;
@@ -843,7 +424,8 @@
 	export default {
 		components: {
 			drawer: drawer,
-			plusDrawer: plusDrawer
+			plusDrawer: plusDrawer,
+			WindFarmcard: WindFarmcard
 		},
 		data: function() {
 			return {
@@ -901,9 +483,9 @@
 				},
 				badge: 22,
 				drawerList: [],
-				permissionsInformation:[],
+				permissionsInformation: [],
 				plusDrawerList: [],
-				leftNavigationtitle:'监视功能分组',
+				leftNavigationtitle: '监视功能分组',
 				modalName: null,
 				address: '河北能源集团',
 				windPowerStationId: '',
@@ -954,34 +536,32 @@
 
 				module: true,
 				cardmodule: true,
-				dateNow:""
+				dateNow: "",
+				windFielddata:[],
+				windFieldsituation: [],
+				lineChartdata:[],
 			};
 		},
 		created: function() {
-
 			this.timeNow();
-			
-		
 			this.viewUserid();
 			this.monitoringAuthority();
+			this.judgeWindfield();
 			this.address = this.dataprocessing.getWindPowerStationName();
-			this.FDC=this.dataprocessing.getWindPowerStationId();
-			this.windPowerStationId =this.dataprocessing.getWindPowerStationId();
-
-
+			this.FDC = this.dataprocessing.getWindPowerStationId();
+			this.windPowerStationId = this.dataprocessing.getWindPowerStationId();
 		},
-		
+
 		onLoad: function() {
 			let that = this;
 			setTimeout(function() {
 				that.loading = true;
 			}, 500);
 			_self = this;
-			
+
 			this.address = this.dataprocessing.getWindPowerStationName();
-			this.FDC=this.dataprocessing.getWindPowerStationId();
-			this.windPowerStationId =this.dataprocessing.getWindPowerStationId();
-			
+			this.FDC = this.dataprocessing.getWindPowerStationId();
+			this.windPowerStationId = this.dataprocessing.getWindPowerStationId();
 			this.cWidth = uni.upx2px(750);
 			this.cHeight = uni.upx2px(400);
 			this.getServerData();
@@ -1015,24 +595,36 @@
 		},
 		onShow: function() {
 			this.address = this.dataprocessing.getWindPowerStationName();
-			this.FDC=this.dataprocessing.getWindPowerStationId();
-			this.windPowerStationId =this.dataprocessing.getWindPowerStationId();
-			
+			this.FDC = this.dataprocessing.getWindPowerStationId();
+			this.windPowerStationId = this.dataprocessing.getWindPowerStationId();
 			this.viewUserid();
 			this.monitoringAuthority();
+			this.judgeWindfield();
 		},
 		methods: {
-			timeNow(){
+			timeNow() {
 				this.getTimeFormat();
-				this.dateNow =  new Date().Format('yyyy年MM月dd hh:mm');
+				this.dateNow = new Date().Format('yyyy年MM月dd hh:mm');
 				setTimeout(function() {
-					this.dateNow =  new Date().Format('yyyy年MM月dd hh:mm');
+					this.dateNow = new Date().Format('yyyy年MM月dd hh:mm');
 				}, 60000);
-			},viewUserid: function() {
-				this.plusDrawerList=uni.getStorageSync('plusList');
+			},
+			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]);
+				}
+			},
+			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]);
+				}
 			},
 			monitoringAuthority: function() {
-				this.drawerList=uni.getStorageSync('leftlist1');
+				this.drawerList = uni.getStorageSync('leftlist1');
 			},
 			async index_curve_columnar_five_loss() {
 				Date.prototype.Format = function(fmt) {
@@ -1294,9 +886,14 @@
 					// 注:只有连接正常打开中 ,才能正常收到消息
 					this.socketTask_index_windStation_card.onMessage(res => {
 						//console.log("收到服务器内容:" + res.data);
-						_this.index_windStation_cardmodule.index_windStation_cardmodule = JSON.parse(res.data);
+						let json = JSON.parse(res.data);
+							for (let x in json) {
+								_this.windFielddata.push(json[x])
+						}
+						for(let i=0;i<_this.plusDrawerList.length;i++){
+							_this.$refs.windFarmcard[i].getWindfielddata(_this.windFielddata[i]);
+						}
 						_this.cardmodule = false;
-						console.log();
 					});
 				});
 			},
@@ -1338,8 +935,14 @@
 					// 注:只有连接正常打开中 ,才能正常收到消息
 					this.socketTask_index_curve_columnar_windSpeed_power.onMessage(res => {
 						//console.log("收到服务器内容:" + res.data);
-						_this.index_curve_columnar_windSpeed_powermodule.index_curve_columnar_windSpeed_powermodule = JSON.parse(res
-							.data);
+						let json = JSON.parse(res.data);
+						console.log(json);
+						for(let x in json){
+							_this.lineChartdata.push(json[x]);
+						}
+						for(let i=0;i<_this.plusDrawerList.length;i++){
+							_this.$refs.windFarmcard[i].getUchartData(_this.lineChartdata[i]);
+						}
 						console.log("---");
 						let LineA = {
 							categories: [],
@@ -1906,7 +1509,7 @@
 				});
 			},
 			openDrawer: function() {
-				this.$refs.drawer.openDrawer(250, this.drawerList, this.inconList,this.leftNavigationtitle);
+				this.$refs.drawer.openDrawer(250, this.drawerList, this.inconList, this.leftNavigationtitle);
 			},
 			closeDrawer: function() {
 				this.drawerIsShow = false;
@@ -2016,7 +1619,15 @@
 					this.socketTask_index_windturbine_status.onMessage(res => {
 						//console.log("收到服务器内容:" + res.data);
 						_this.windpowerstationdetail.index_windturbine_status = JSON.parse(res.data)[_this.FDC];
-						_this.fdcstatusmodule.fdcstatusmodule = JSON.parse(res.data);
+						// _this.fdcstatusmodule.fdcstatusmodule = JSON.parse(res.data);
+						let json = JSON.parse(res.data);
+							for (let x in json) {
+								_this.windFieldsituation.push(json[x]);
+						}
+							for(let i=0;i<_this.plusDrawerList.length;i++){
+								_this.$refs.windFarmcard[i].getHoursWeatherData(_this.windFieldsituation[i]);
+							}
+						_this.cardmodule = false;
 						console.log("---");
 						_this.module = false;
 					});