sisMobilePhone/pages/weatherProphet40/WeatherProphet40.vue

<template>
	<view>
		<view @tap="common.navTo('/components/addressSelect/AddressSelect?option='+address)">
			<cu-custom bgColor="bg-gradual-earkblue" :isBack="false">
				<block slot="backText">
					<view style="height: 80rpx;line-height: 80rpx;">返回</view>
				</block>
				<block slot="content">
					<text :class="'cuIcon-locationfill'"></text>
				</block>
				<block slot="content">{{address}}</block>
				<block slot="content">
					<image style="width: 15px;height: 15px;margin-left: 4px;" src="../../static/picture/SanJiao.png">
				</block>
			</cu-custom>
		</view>
		
		<!-- 卡片 -->
		<view class="cu-card case" :class="isCard?'no-card':''">
			<view class="cardContenter">
				<!-- 选卡 -->	
				<view class="dateAndChoice">
					<view class="date">
						{{startDate}}~{{endDate}}
					</view>
					<view class="choice">
						<div :class="[speedFlag==true?'speedButtonWhite':'speedButtonBlack']" :style="{'font-size':choiceFontSize,'margin-top':choiceMarginTop}" @click="speedSwitch()">风速</div>
						<div :class="[temperatureFlag==true?'temperatureButtonWhite':'temperatureButtonBlack']" :style="{'font-size':choiceFontSize,'margin-top':choiceMarginTop}" @click="temperatureSwitch()">温度</div>						
						<div :class="[realFeelFlag==true?'realFeelButtonWhite':'realFeelButtonBlack']" :style="{'font-size':choiceFontSize,'margin-top':choiceMarginTop}" @click="realFeelSwitch()">体感温度</div>
					</view>
				</view>
				<!-- uCharts图 -->
				<!-- <scroll-view class="VerticalNav nav " scroll-y scroll-with-animation :scroll-top="10" style="height:100vh;"></scroll-view> -->
				<scroll-view  scroll-x scroll-with-animation :scroll-left=scrollposition_uCharts class="scrollUcharts" @scroll="uChartsScrollEvent" :scroll-into-view="'uCharts-'+mainCur">
					<view class="qiun-charts">
						<canvas canvas-id="canvasLineA" id="canvasLineA" class="charts"></canvas>
					</view>
				</scroll-view>									
			</view>
		</view>
		
		<!-- 矩阵 -->
		<scroll-view scroll-y scroll-with-animation :scroll-top=scrollposition_list  class="scrollList" :style="{'height': scrollListHeight }" @scroll="listScrollEvent">
			<weatherCalendarCardList40 ref="weatherCalendarCardList40"></weatherCalendarCardList40>
		</scroll-view>
	</view>
</template>

<script>
	import uCharts from '../../components/tools/u-charts/u-charts.js';	
	import weatherCalendarCardList40 from '../../components/weatherCalendarCardList40/weatherCalendarCardList40.vue'
	export default {
		components: {
			"weatherCalendarCardList40":weatherCalendarCardList40
		},
		data() {
			return {
				scrollposition_uCharts:0,
				scrollposition_list:0,
				address: '',
				option: '',
				isCard: false,
				cWidth:'',
				cHeight:'',
				pixelRatio:1,
				weatherProphetData_40: [
					{
						id: '238466634',
						recodedata: '2020/02/25 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/02/26 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-10',
						realfeel1: '8',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '6',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/02/27 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '10',
						realfeel1: '7',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '2',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/02/28 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '12',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '10',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/02/29 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '15',
						realfeel1: '13',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '12',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/01 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/02 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/03 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/04 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/05 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/06 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/06 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/07 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/08 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/09 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/10 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/11 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/12 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/13 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/14 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/15 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/16 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/17 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/18 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/19 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/20 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/21 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/22 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/23 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/24 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/25 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/26 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/27 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/28 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/29 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/30 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/03/31 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/04/01 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/04/02 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					},
					{
						id: '238466634',
						recodedata: '2020/04/03 00:00:00',
						region: '石板泉风电场',
						windpowerstationid: 'SBQ_FDC',
						weather: '晴',
						maximumtem: '15',
						minimumtem: '-2',
						sunrise: '07:37',
						sunset: '18:48',
						sunduration: '11',
						weather1: '晴',
						temperature1: '-15',
						realfeel1: '15',
						precipitation1: '0',
						winddrection1: '0',
						speed1: '3',
						gust1: '3',
						weather2: '晴',
						temperature2: '-2',
						realfeel2: '-3',
						precipitation2: '0',
						winddirection2: '东北',
						speed2: '3',
						gust2: '3'
					}
				],
				weatherProphetDataAll_40:[],
				startDate:"",
				endDate:"",
				realFeelFlag:true,
				temperatureFlag:false,
				speedFlag:false,
				tabCur: 0,
				mainCur: 0,
				windPowerStationId:"MHS_FDC",
				windowWidth:"",
				windowHeight:"",
				choiceFontSize:"",
				choiceMarginTop:"",
				xAxisFontSize:"",
				seriesTextSize:"",
				cardWidth:"",
				cardHeight:"",
				scrollListHeight:""
			};
		},
		created: function() {
			//this.pushWindPowerStationNameToSessionStorage("麻黄山");
			this.address = this.getWindPowerStationNameToSessionStorage();
			this.windPowerStationId=uni.getStorageSync('windPowerStationId');
			//this.getServerData();
			this.getWeatherData();
			//alert(this.address);	
			this.windowWidth=uni.getSystemInfoSync().windowWidth;
			this.windowHeight=uni.getSystemInfoSync().windowHeight;
			if(this.windowWidth>=768){
				this.choiceFontSize="22px";
				this.choiceMarginTop="27.5px";
				this.xAxisFontSize=18;
				this.seriesTextSize=18;
				this.cardWidth=100;
				this.cardHeight=130;
				this.scrollListHeight=(this.windowHeight-550)+"px";
			}else{
				this.choiceFontSize="15px";
				this.choiceMarginTop="0";
				this.xAxisFontSize=12;
				this.seriesTextSize=12;
				this.cardWidth=100;
				this.cardHeight=100;
				this.scrollListHeight=(this.windowHeight-360)+"px";
			}
		},
		onShow() {
			this.address = this.getWindPowerStationNameToSessionStorage();
			this.windPowerStationId=uni.getStorageSync('windPowerStationId');
			this.getWeatherData();
		},
		methods: {
			pushWindPowerStationNameToSessionStorage(windpowerstationName) {
				uni.setStorageSync('windpowerstationName',windpowerstationName);
				//sessionStorage.setItem('windpowerstationName', windpowerstationName);
				//alert("v"+ sessionStorage.getItem("windpowerstationName"));
				//this.common.goback('/pages/index/Index');
			},
			getWindPowerStationNameToSessionStorage() {
				uni.getStorageSync('windpowerstationName');
				return uni.getStorageSync('windpowerstationName');
			},
			realFeelSwitch(){
				this.realFeelFlag=true;
				this.temperatureFlag=false;
				this.speedFlag=false;		
				this.getServerData();
			},
			temperatureSwitch(){
				this.realFeelFlag=false;
				this.temperatureFlag=true;
				this.speedFlag=false;
				this.getServerData();
			},
			speedSwitch(){
				this.realFeelFlag=false;
				this.temperatureFlag=false;
				this.speedFlag=true;
				this.getServerData();
			},
			getWeatherData: function() {
				let _this = this;
				// 创建一个this.socketTask对象【发送、接收、关闭socket都由这个对象操作】
				this.socketTask = uni.connectSocket({
					// 【非常重要】必须确保你的服务器是成功的,如果是手机测试千万别使用ws://127.0.0.1:9099【特别容易犯的错误】
					url: "ws://49.4.78.143:8081/websocket/pageNumber_5/functionNumber_1",
					success(data) {
						console.log("websocket连接成功");
					},
				});		
				
				// 消息的发送和接收必须在正常连接打开中,才能发送或接收【否则会失败】
				this.socketTask.onOpen((res) => {
					console.log("WebSocket连接正常打开中...！");
					this.is_open_socket = true;

					// 注：只有连接正常打开中 ，才能正常收到消息
					this.socketTask.onMessage((res) => {
						//console.log("收到服务器内容：" + res.data);
						_this.weatherProphetDataAll_40 =res.data;
						_this.weatherProphetDataAll_40=JSON.parse(res.data);
						_this.weatherProphetData_40 = [];
						//判断风场id 40天
						for(let i = 0; i < _this.weatherProphetDataAll_40.length; i++) {
							if(_this.weatherProphetDataAll_40[i].windpowerstationid == _this.windPowerStationId) {								
								_this.weatherProphetData_40.push(_this.weatherProphetDataAll_40[i]);
							}
						}
						//console.log(_this.weatherProphetData_40);
						let startMonth = new Date(_this.weatherProphetData_40[0].recodedata).getMonth() + 1;
						let startDay = new Date(_this.weatherProphetData_40[0].recodedata).getDate() ;
						_this.startDate = startMonth + "月" + startDay+"日";
						let endMonth = new Date(_this.weatherProphetData_40[_this.weatherProphetData_40.length-1].recodedata).getMonth() + 1;
						let endDay = new Date(_this.weatherProphetData_40[_this.weatherProphetData_40.length-1].recodedata).getDate() ;
						_this.endDate = endMonth + "月" + endDay+"日";
						_this.$refs.weatherCalendarCardList40.getWeatherData(this.cardWidth, this.cardHeight, _this.weatherProphetData_40);
						_this.getServerData();
					});
				})
				// 这里仅是事件监听【如果socket关闭了会执行】
				this.socketTask.onClose(() => {
					console.log("已经被关闭了")
				})				
			
			
			
			
				/* let _this = this;
				if(typeof(WebSocket) == "undefined") {
					console.log("您的浏览器不支持WebSocket");
				} else {
					console.log("您的浏览器支持WebSocket");
					//实现化WebSocket对象，指定要连接的服务器地址与端口  建立连接
					this.socket = new WebSocket("ws://49.4.78.143:8081/websocket/pageNumber_5/functionNumber_1");
					this.openSocket();
					//获得消息事件
					this.socket.onmessage = function onMessage(message) {
						_this.weatherProphetDataAll_40 = eval(message.data);
						_this.weatherProphetData_40 = [];
						//判断风场id 40天
						for(let i = 0; i < _this.weatherProphetDataAll_40.length; i++) {
							if(_this.weatherProphetDataAll_40[i].windpowerstationid == _this.windPowerStationId) {
								_this.weatherProphetData_40.push(_this.weatherProphetDataAll_40[i]);
							}
						}
						//console.log(_this.weatherProphetData_40);
						let startMonth = new Date(_this.weatherProphetData_40[0].recodedata).getMonth() + 1;
						let startDay = new Date(_this.weatherProphetData_40[0].recodedata).getDate() ;
						_this.startDate = startMonth + "月" + startDay+"日";
						let endMonth = new Date(_this.weatherProphetData_40[_this.weatherProphetData_40.length-1].recodedata).getMonth() + 1;
						let endDay = new Date(_this.weatherProphetData_40[_this.weatherProphetData_40.length-1].recodedata).getDate() ;
						_this.endDate = endMonth + "月" + endDay+"日";
						_this.$refs.weatherCalendarCardList40.getWeatherData("79", "100", _this.weatherProphetData_40);
						_this.getServerData();
					}
				} */			
			},
			getServerData(){
									
					let LineA={
						categories: ['2012', '2013', '2014', '2015', '2016', '2017'],
						series: [{
							name: '体感温度',
							data: [35, 20, 25, 37, 4, 20],
							color: '#FFFFFF',
							textColor:"#FFFFFF",
							textSize:this.seriesTextSize,
							format:(val)=>{return val+'℃'}
						}, {
							name: '温度',
							data: [70, 40, 65, 100, 44, 68],
							color: '#FFFFFF',
							textColor:"#FFFFFF",
							textSize:this.seriesTextSize,
							format:(val)=>{return val+'℃'}
						}, {
							name: '风速',
							data: [100, 80, 95, 150, 112, 132],
							color: '#FFFFFF',
							textColor:"#FFFFFF",
							textSize:this.seriesTextSize,
							format:(val)=>{return val+'km/h'}
						}]
					};
					LineA.categories=[];
					LineA.series[0].data=[];
					LineA.series[1].data=[];
					LineA.series[2].data=[];
					if(this.realFeelFlag){
						for(let i=0;i<this.weatherProphetData_40.length;i++){
							let xAxisMonth = new Date(this.weatherProphetData_40[i].recodedata).getMonth()+ 1;
							let xAxisData = new Date(this.weatherProphetData_40[i].recodedata).getDate();
							if(xAxisMonth<10){
								xAxisMonth="0"+xAxisMonth;
							}
							LineA.categories.push(xAxisMonth + '/' + xAxisData );
							LineA.series[0].data.push(this.weatherProphetData_40[i].realfeel1);
						}
					}else if(this.temperatureFlag){
						for(let i=0;i<this.weatherProphetData_40.length;i++){
							let xAxisMonth = new Date(this.weatherProphetData_40[i].recodedata).getMonth()+ 1;
							let xAxisData = new Date(this.weatherProphetData_40[i].recodedata).getDate();
							if(xAxisMonth<10){
								xAxisMonth="0"+xAxisMonth;
							}
							LineA.categories.push(xAxisMonth + '/' + xAxisData );
							LineA.series[1].data.push(this.weatherProphetData_40[i].temperature1);
						}
					}else if(this.speedFlag){
						for(let i=0;i<this.weatherProphetData_40.length;i++){
							let xAxisMonth = new Date(this.weatherProphetData_40[i].recodedata).getMonth()+ 1;
							let xAxisData = new Date(this.weatherProphetData_40[i].recodedata).getDate();
							if(xAxisMonth<10){
								xAxisMonth="0"+xAxisMonth;
							}
							LineA.categories.push(xAxisMonth + '/' + xAxisData );
							LineA.series[2].data.push(this.weatherProphetData_40[i].speed1);
						}
					}
					
					this.showLineA("canvasLineA",LineA);
					
				
			},
			showLineA(canvasId,chartData){
				var _self = this;
				var canvaLineA=new uCharts({
					$this:_self,
					canvasId: canvasId,
					type: 'line',
					fontSize:11,
					legend:{show:false},//图例
					dataLabel:true,//数据点标签
					dataPointShape:true,
					background:'#FFFFFF',
					pixelRatio:_self.pixelRatio,
					categories: chartData.categories,
					series: chartData.series,
					animation: true,
					xAxis: {
						type:'grid',
						gridColor:'#CCCCCC',
						gridType:'dash',
						dashLength:8,
						disableGrid:true,//网格线
						axisLine:true,//x轴轴线
						fontColor:"#FFFFFF",
						fontSize:_self.xAxisFontSize
					},
					yAxis: {	
						data:{
							disabled:false//y轴轴线
						},			
						disableGrid:true,//网格线
						gridType:'dash',
						gridColor:'#CCCCCC',
						dashLength:8,
						splitNumber:5,
						min:-40,
						max:40,
						format:(val)=>{return val.toFixed(0)+'元'}
					},
					width: _self.cWidth*_self.pixelRatio,
					height: _self.cHeight*_self.pixelRatio,
					padding:[0,0,10,-30],//画布填充边距，顺序为上右下左，同css，但必须4位
					extra: {
						line:{
							type: 'curve'//曲线
						}
					}
				});
			},
			// touchLineA(e) {
			// 	canvaLineA.showToolTip(e, {
			// 		format: function (item, category) {
			// 			return category + ' ' + item.name + ':' + item.data 
			// 		}
			// 	});
			// },
			uChartsScrollEvent(e){
				this.scrollposition_uCharts = e.detail.scrollLeft;				
				if(e.detail.scrollLeft<237){
					this.scrollposition_list=0;
				}else if(e.detail.scrollLeft<487&&e.detail.scrollLeft>237){
					this.scrollposition_list=104;
				}else if(e.detail.scrollLeft<737&&e.detail.scrollLeft>487){
					this.scrollposition_list=208;
				}else if(e.detail.scrollLeft<987&&e.detail.scrollLeft>737){
					this.scrollposition_list=312;
				}else if(e.detail.scrollLeft<1237&&e.detail.scrollLeft>987){
					this.scrollposition_list=416;
				}else if(e.detail.scrollLeft<1487&&e.detail.scrollLeft>1237){
					this.scrollposition_list=520;
				}else if(e.detail.scrollLeft<1737&&e.detail.scrollLeft>1487){
					this.scrollposition_list=624;
				}else if(e.detail.scrollLeft>1737){
					this.scrollposition_list=656;
				}									
			},
			listScrollEvent(e){
				this.scrollposition_list = e.detail.scrollTop;				
				if(e.detail.scrollTop<104){
					this.scrollposition_uCharts=0;
				}else if(e.detail.scrollTop<208&&e.detail.scrollTop>104){
					this.scrollposition_uCharts=237;
				}else if(e.detail.scrollTop<312&&e.detail.scrollTop>208){
					this.scrollposition_uCharts=487;
				}else if(e.detail.scrollTop<416&&e.detail.scrollTop>312){
					this.scrollposition_uCharts=737;
				}else if(e.detail.scrollTop<520&&e.detail.scrollTop>416){
					this.scrollposition_uCharts=987;
				}else if(e.detail.scrollTop<624&&e.detail.scrollTop>520){
					this.scrollposition_uCharts=1237;
				}else if(e.detail.scrollTop<656&&e.detail.scrollTop>624){
					this.scrollposition_uCharts=1487;
				}					
			},
			closeSocket: function() {
				this.socket.onclose;
			},
			openSocket: function() {
				this.socket.onOpen;
			}
		},
		onLoad() {
			this.cWidth=uni.upx2px(5000);
			this.cHeight=uni.upx2px(350);
			
			this.address = this.getWindPowerStationNameToSessionStorage();;
		
			// this.getWeatherData();
		}
	}
</script>

<style>
	page {
		background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#2F698E), color-stop(0.15, #5C757C), to(#004C90));
	/* 	background-color: #108ADA; */
	}	
.cardContenter{	
	border-radius: 20px;
	margin: 20px auto;
	width: 90%;
	height: 450upx;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#024F93), color-stop(1.5, #cccccc), to(#437193));
	background: rgba(0, 0, 0, 0.1);
}
.dateAndChoice{
	width: 100%;
	height: 100upx;
}
.date{
	width: 40%;
	height: 100upx;
	line-height: 100upx;
	color: white;
	margin-left: 5px;
	float: left;
}
.choice{
	width: calc(60% - 5px);
	height: 100upx;
	float: right;
}
    .realFeelButtonWhite {
		height: 37px;
		// margin-top: 3px;
		line-height: 44px;
		/* margin-left: 20px; */
		color: white;
		font-size: 15px;
		border-style: solid;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 3px;
		border-bottom-color: #FFEE35;
		border-left-width: 0px;
		font-family: "microsoft yahei";
		float: right;
	}
	.realFeelButtonBlack{
		height: 37px;
		// margin-top: 3px;
		line-height: 44px;
		/* margin-left: 20px; */
		color: #DEDEDE;
		font-size: 15px;
		font-family: "microsoft yahei";
		float: right;
	}
    .temperatureButtonWhite {
		height: 37px;
		// margin-top: 3px;
		line-height: 44px;
		margin-left: 20px;
		color: white;
		font-size: 15px;
		border-style: solid;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 3px;
		border-bottom-color: #FFEE35;
		border-left-width: 0px;
		font-family: "microsoft yahei";
		float: right;
	}
	.temperatureButtonBlack{
		height: 37px;
		// margin-top: 3px;
		line-height: 44px;
		margin-left: 20px;
		color: #DEDEDE;
		font-size: 15px;
		font-family: "microsoft yahei";
		float: right;
	}
	.speedButtonWhite {
		height: 37px;
		// margin-top: 3px;
		line-height: 44px;
		margin-left: 20px;
		margin-right: 20px;
		color: white;
		font-size: 15px;
		border-style: solid;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 3px;
		border-bottom-color: #FFEE35;
		border-left-width: 0px;
		font-family: "microsoft yahei";
		float: right;
	}
	.speedButtonBlack{
		height: 37px;
		// margin-top: 3px;
		line-height: 44px;
		margin-left: 20px;
		margin-right: 20px;
		color: #DEDEDE;
		font-size: 15px;
		font-family: "microsoft yahei";
		float: right;
	}
.scrollUcharts{
	white-space: nowrap;
}
.scrollList{
	height: 330px;
}
.qiun-charts {
		width: 5000upx;
		height: 350upx;
		//background-color: #FFFFFF;
	}
	
	.charts {
		width: 5000upx;
		height: 350upx;
		//background-color: #FFFFFF;
	}
</style>