FIX

subpages/data/data.js

@@ -181,7 +181,7 @@ function initChartHumidifier(canvas, width, height, dpr) {
 function updateChartCircularProgressBarOption(rscore_desc, rscore_value, that) {
 	if (chartCircularProgressBar) {
 		setChartCircularProgressBarOption(chartCircularProgressBar, { rscore_desc, rscore_value });
-		
+
 	} else {
 		that.selectComponent('#mychart-dom-CircularProgressBar').init((canvas, width, height, dpr) => {
 			const chart = echarts.init(canvas, null, {
@@ -1201,8 +1201,9 @@ Page({
 		reportId: '',
 		hotelname: '',
 		roomname: '',
-		bedname:'',
+		bedname: '',
 		pushReportId: '',//推送用：reportId
+		sn: ''//今日报告切换用
 	},
 	toWarmReminder(e) {
 		const tabName = e.currentTarget.dataset.index || 1;
@@ -1477,7 +1478,7 @@ Page({
 		this.showData();
 	},
 	onReady() {
-		
+
 	},
 	showData() {
 		let hotelcodeTemp = wx.getStorageSync("hotelEmpower");
@@ -1491,6 +1492,7 @@ Page({
 		});
 		if (this.data.isToDay) {
 			this.getToDayReportData();
+			this.getSnData();
 		} else {
 			this.getReportData();
 		}
@@ -1527,6 +1529,93 @@ Page({
 		}
 
 	},
+	getSnData() {
+		var that = this;
+		wx.request({
+			url: `${aipushApi}` + '/getsn',
+			data: {
+				// "hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+				// "roomcode":that.data.hotelcode?that.data.roomcode:"nuange",
+				"hotelcode": that.data.hotelcode ? that.data.hotelcode : "club",
+				"roomcode": that.data.roomcode ? that.data.roomcode : "nuange",
+				"token": token_push
+			},
+			method: 'POST',
+			success(res) {
+				try {
+					if (res && res.data && res.data[0]) {
+						that.setData({
+							hotelname: res.data[0].hn,
+							roomname: res.data[0].rn,
+							sn: res.data[0].sn
+						});
+						that.getDateData(res.data[0].sn);
+						// console.log("res.data=sn=" + JSON.stringify(res.data));
+					}
+
+				} catch (error) {
+					console.error(error);
+				}
+
+			},
+		})
+	},
+	// 可选择的日期
+	getDateData: function (sn) {
+		var that = this;
+		var sourceFourthTemp = [];
+		wx.request({
+			url: `${aipushApi}/getdatefromsn`, //
+			method: 'POST',
+			//   header: {
+			// 	  'content-type': 'application/json', // 默认值
+			// 	  'Authorization': 'Bearer ' + token // 在头部设置认证信息，例如使用Bearer Token
+			// },
+			data: {
+				"sn": sn, "token": token_push
+			},
+			success(res) {
+				if (!res || !res.data || !res.data.results) {
+					return;
+				}
+
+				// {"results": [{ "rdate": "2024-10-08" }]}
+				that.getDateTimeData("2024-09-30");
+				// var resDataSn = res.data.results
+			},
+			fail: function (error) {
+				console.error('error', error);
+			},
+			complete: function (e) {
+			}
+		});
+	},
+	// 可选择的时间
+	getDateTimeData: function (rdate) {
+		var that = this;
+		wx.request({
+			url: `${aipushApi}/getimefromsn`, //
+			method: 'POST',
+			//   header: {
+			// 	  'content-type': 'application/json', // 默认值
+			// 	  'Authorization': 'Bearer ' + token // 在头部设置认证信息，例如使用Bearer Token
+			// },
+			data: {
+				"sn": that.data.sn, "date": rdate, "token": token_push
+			},
+			success(ress) {
+				// { "results": [{ "rpids": "459857", "durations": "14:17-17:55" }] }
+				if (!ress || !ress.data || !ress.data.results) {
+					return;
+				}
+
+			},
+			fail: function (error) {
+
+				console.error('error', error);
+			}
+		});
+	},
 	// 新版
 	getReportData() {
 		const that = this;
@@ -1768,7 +1857,6 @@ Page({
 			rgobed_routbed: ress.rgobed_time + '~' + ress.routbed_time,
 			sleepHourSub: that.getTimeDiffInHours(ress.rgobed_time, ress.routbed_time),
 			routbed_count_value: ress.routbed_count_value,//离床次数
-			rsn: ress.rsn,
 			zdPointT: zdPointTemp,
 			rdt_arrNew: rdt_arrTemp,
 			rrh_arrNew: rrh_arrTemp,

subpages/main/data.js

@@ -0,0 +1,3998 @@
+import * as echarts from '../../ec-canvas/echarts';
+let chart000;
+let chart00;
+let chart0;
+let chart;
+let chart1;
+let chart2;
+let chart3;
+let chart4;
+let chart5;
+let chart6;
+let chart7;
+let chart8;
+let chart81;
+let chart9;
+let chart10;
+let chart11;
+// pages/data/data.js
+function addZero(str) {
+  if (String(str).length == 1) {
+    return "0" + String(str);
+  } else {
+    return String(str);
+  }
+}
+
+function flushChart000() {
+  var option = {  
+          series: [  
+			  {  
+				type: 'pie',  
+				radius: ['60%', '70%'], // 外环半径和内环半径，控制圆环宽度  
+				data: [  
+				  { value: 0, name: '暂无', itemStyle: {color: '#eaeaea'} }, // 进度数据  
+				  { value: 100, name: '暂无', itemStyle: {color: '#eaeaea'} } // 剩余数据，用于形成完整的圆环  
+				],  
+				label: {  
+				  show: true,  
+				  position: 'center',  
+				 //  formatter: function (params) {  
+					// // 这里假设进度数据在第一个数据项中  
+					// if (params.dataIndex === 0) {  
+					//   // return `第一行文字\n${params.percent.toFixed(2)}% 第二行文字`;
+					// 	return '<text class="text-line text-line-1">'+rscore_desc+'</text>'+'\n '+
+					// 	'<text class="text-line text-line-2">'+rscore_value+'</text>';
+					// }
+					// return ''; // 其他数据项不显示标签  
+				 //  },  
+				  rich: {  
+					// ... 如果需要设置富文本样式，可以在这里定义  
+				  },  
+				  textStyle: { // 设置标签文本样式  
+					fontSize: 16, // 根据需要调整字体大小  
+					color: '#333', // 根据需要调整字体颜色  
+					// ... 其他样式设置  
+				  },  
+				  alignTo: 'labelLine', // 文本水平居中到标签线  
+				  align: 'center' // 文本垂直居中对齐到标签线  
+				}, 
+				 
+				 label: {  
+				   show: true,  
+				   position: 'center',  
+				   // formatter: function (params) {  
+				   //   // 假设 params.percent 是进度百分比  
+				   //   return `{normal|`+rscore_desc+`}\n\n{bold|`+rscore_value+`}`;  
+				   // },  
+				   rich: {  
+				     bold: {  
+				       fontWeight: 'bold', // 加粗  
+				       fontSize: 18, // 字体大小，根据需要调整  
+				       color: '#333' // 字体颜色，根据需要调整  
+				       // 其他样式配置...  
+				     },  
+				     normal: {  
+				       fontWeight: 'normal', // 普通字体  
+				       fontSize: 14, // 字体大小，根据需要调整  
+				       color: '#666' // 字体颜色，根据需要调整  
+				       // 其他样式配置...  
+				     }  
+				     // 可以继续定义其他样式...  
+				   },  
+				   // 其他 label 配置...  
+				 }
+				// ... 其他配置项  
+			  }  
+			]   
+        };
+  chart000.setOption(option, true);
+}
+
+function flushChart00(rscore_desc,rscore_value,that) {
+  var option = {  
+	      backgroundColor: 'white',
+          series: [  
+			  {  
+				type: 'pie',  
+				radius: ['60%', '70%'], // 外环半径和内环半径，控制圆环宽度  
+				data: [  
+				  // { value: rscore_value?rscore_value:0, name: '进度', itemStyle: {color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 0, color: '#874bff'}, {offset: 0.6, color: '#a87cff'},{offset: 0.9, color: '#f19cff'},{offset: 1, color: '#ff55ff'}])} }, // 进度数据  
+				  { value: rscore_value?rscore_value:0, name: '进度', itemStyle: {color: '#874bff'} },
+				  { value: 100-(rscore_value?rscore_value:0), name: '剩余', itemStyle: {color: '#eaeaea'} } // 剩余数据，用于形成完整的圆环  
+				],  
+				label: {  
+				  show: true,  
+				  position: 'center',  
+				  formatter: function (params) {  
+					// 这里假设进度数据在第一个数据项中  
+					if (params.dataIndex === 0) {  
+					  // return `第一行文字\n${params.percent.toFixed(2)}% 第二行文字`;
+						return '<text class="text-line text-line-1">'+rscore_desc+'</text>'+'\n '+
+						'<text class="text-line text-line-2">'+rscore_value+'</text>';
+					}
+					return ''; // 其他数据项不显示标签  
+				  },  
+				  rich: {  
+					// ... 如果需要设置富文本样式，可以在这里定义  
+				  },  
+				  textStyle: { // 设置标签文本样式  
+					fontSize: 16, // 根据需要调整字体大小  
+					color: '#333', // 根据需要调整字体颜色  
+					// ... 其他样式设置  
+				  },  
+				  alignTo: 'labelLine', // 文本水平居中到标签线  
+				  align: 'center' // 文本垂直居中对齐到标签线  
+				}, 
+				 
+				 label: {  
+				   show: true,  
+				   position: 'center',  
+				   formatter: function (params) {  
+				     // 假设 params.percent 是进度百分比  
+				     return `{normal|`+rscore_desc+`}\n\n{bold|`+rscore_value+`}`;  
+				   },  
+				   rich: {  
+				     bold: {  
+				       fontWeight: 'bold', // 加粗  
+				       fontSize: 18, // 字体大小，根据需要调整  
+				       color: '#333' // 字体颜色，根据需要调整  
+				       // 其他样式配置...  
+				     },  
+				     normal: {  
+				       fontWeight: 'normal', // 普通字体  
+				       fontSize: 14, // 字体大小，根据需要调整  
+				       color: '#666' // 字体颜色，根据需要调整  
+				       // 其他样式配置...  
+				     }  
+				     // 可以继续定义其他样式...  
+				   },  
+				   // 其他 label 配置...  
+				 }
+				// ... 其他配置项  
+			  }  
+			]   
+        };
+		that.setData({
+			flushChart00Flag:true
+		});
+		console.log('that.data.flushChart00Flag='+that.data.flushChart00Flag);
+  chart00.setOption(option, true);
+}
+
+function flushChart0(data) {
+  var option = {  
+          series: [  
+            {  
+              name: '进度',  
+              type: 'pie',  
+              radius: ['50%', '70%'],  
+              avoidLabelOverlap: false,  
+              label: {  
+                show: true,  
+                position: 'center'  
+              },  
+              emphasis: {  
+                label: {  
+                  show: true,  
+                  fontSize: '30',  
+                  fontWeight: 'bold'  
+                }  
+              },  
+              labelLine: {  
+                show: false  
+              },  
+              data: data
+            }  
+          ]  
+        };
+  chart0.setOption(option, true);
+}
+
+function flushChart(data) {
+  var option = {
+    backgroundColor: '#0c1041',
+    // title: {
+    //   text: '当天睡眠时间曲线图',
+    //   left: 'center',
+    //   color: '#ffffff',
+    //   backgroundColor: '#ff0000'
+    // },
+    color: ["#62c4d9"],
+    legend: {
+      data: ['睡眠时间'],
+      top: 20,
+      left: 'right',
+      backgroundColor: '#0c1041',
+      textStyle:{
+        color:'#fff',
+      }
+    },
+    grid: {
+      containLabel: true
+    },
+    tooltip: {
+      show: true,
+      trigger: 'axis'
+    },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      axisLine:{
+        lineStyle:{
+          color: '#fff',
+          width:1,//这里是为了突出显示加上的
+        }
+    }
+    },
+    yAxis: {
+      name: "时长" ,
+      x: 'center',
+      type: 'value',
+      axisLine:{
+        lineStyle:{
+          color: '#fff',
+          width:1,//这里是为了突出显示加上的
+        }
+      // splitLine: {
+      //   lineStyle: {
+      //     type: 'dashed'
+      //   }
+      }
+      // show: false
+    },
+    series: [{
+      name: '睡眠时间',
+      type: 'line',
+      smooth: true,
+      data: data,
+      color: '#62c4d9'
+    }]
+  };
+  chart.setOption(option, true);
+}
+
+function flushChart1(data1,data2) {
+  var option = {
+	  // title: {
+	  //   text: '睡眠心率监测',
+	  //   left: 'center',
+	  //   textStyle: {  
+	  //               color: '#ffffff', // 字体颜色  
+	  //               fontStyle: 'normal', // 字体风格  
+	  //               // fontWeight: 'bold', // 字体粗细  
+	  //               fontFamily: 'sans-serif', // 字体族  
+	  //               fontSize: 18 // 字体大小  
+	  //             },
+	  //   backgroundColor: '#57f7ff'
+	  // },
+	  tooltip: {},
+	  xAxis: {
+		  axisLabel: {
+				  color: '#000' // 设置 x 轴标签颜色为白色  
+			  },
+		  splitLine: {
+				show: false, // 是否显示刻度线  
+			  }, 
+		  axisTick: {  
+			  // 不显示Y轴刻度线  
+			  show: false  
+		  }, 
+		  axisLine: {  
+			  // 不显示X轴轴线  
+			  show: false  
+		  },
+		  data: data1?data1:[]
+	  },
+	  yAxis: {
+		  // Y 轴配置
+		  type: 'value',
+		  // 设置 Y 轴名称
+		  name: '单位：次',
+		  // 设置 Y 轴名称的位置
+		  nameLocation: 'end', // 可以是 'start'、'middle' 或 'end'
+		  axisLine: {
+			// 不显示Y轴轴线  
+			show: false,
+		  },
+		  axisTick: {  
+			 // 不显示Y轴刻度线  
+			 show: false  
+		  },
+		  axisLabel: {
+			  color: '#000',
+		    },
+		  splitLine: {  
+			  show: false ,// 不显示纵坐标轴的刻度线  
+			  lineStyle: {
+				color: 'rgba(255, 0, 255, 0.8)', // 灰色并调整透明度  
+				width: 1, // 刻度线宽度  
+				type: 'solid' // 刻度线类型，默认为实线  
+			  }  
+			},
+	  },
+	  series: [{  
+				  type: 'line',  
+				  data: data2?data2:[],
+				  // lineStyle: {
+					 //  color: 'rgba(255, 85, 127, 0.1)' // 奶白色，80% 透明度  
+				  // },
+				  showSymbol: false, // 是否显示标记图形  
+				  smooth: true, // 使折线平滑
+				    markPoint: {  
+				  	  symbol: 'circle', // 标记的符号为圆圈  
+				  	  symbolSize: 10, // 标记的大小  
+				  	  itemStyle: {  
+				  			  color: 'rgba(255, 0, 255, 0.8)', 
+				  			  // borderColor: 'blue', 
+				  			  borderWidth: 1, // 设置边框宽度  
+				  			  fill: 'none' // 设置填充颜色为无，即空心  
+				  		  }, 
+				  	  data: [  
+				  		  // 假设 data[0] 和 data[data.length - 1] 分别是开始和结束的数据点  
+				  		  {coord: [data1?data1[0]:'', data2?data2[0]:''], name: '开始'},  
+				  		  {coord: [data1?data1[data1.length-1]:'', data2?data2[data2.length-1]:''], name: '结束'}  
+				  		  // 如果要添加拐角处的标记，需要手动计算并添加  
+				  	  ]  
+				    },
+				    areaStyle: { // 折线下方的区域样式  
+				  		color: new echarts.graphic.LinearGradient(  
+				  		  0, 0, 0, 1, // 渐变方向  
+				  		  [ // 渐变颜色  
+				  			{offset: 0, color: 'rgba(255, 0, 255, 0.8)'}, // 使用之前定义的渐变  
+				  			{offset: 0.9, color: 'rgba(255, 255, 255, 1)'} // 可选，结束颜色  
+				  		  ]  
+				  		),  
+				  		opacity: 0.3 // 区域的不透明度，可以根据需要调整  
+				  	  }, 
+				}]
+	  };
+  chart1.setOption(option, true);
+}
+
+
+function flushChart2(data) {
+  var option = {
+	  // title: {
+	  //   text: '睡眠状态监测',
+	  //   left: 'center',
+	  //   textStyle: {
+	  //               color: '#ffffff', // 字体颜色  
+	  //               fontStyle: 'normal', // 字体风格  
+	  //               // fontWeight: 'bold', // 字体粗细  
+	  //               fontFamily: 'sans-serif', // 字体族  
+	  //               fontSize: 18 // 字体大小  
+	  //             },
+	  //   backgroundColor: '#57f7ff'
+	  // },
+	  tooltip: {
+	  trigger: 'item'
+	  },
+	  legend: {
+	  orient: 'vertical',
+	  left: 'left',
+	  },
+	  series: [{  
+          type: 'pie',  
+          radius: '55%',  
+          data: data?data:[]
+        }],
+	    graphic: [{
+			type: 'text',  
+			left: '2%', // 文本水平位置，这里设置为居中，你可以根据需要调整  
+			top: '84%', // 文本垂直位置，这里设置为距离顶部 10% 的位置，作为左下方的文本  
+			style: {  
+			  text: '时长(分钟)分析', // 文本内容  
+			  textFill: '#333', // 文本颜色  
+			  textFontSize: 14, // 文本字体大小  
+			  textAlign: 'left', // 文本水平对齐方式  
+			  verticalAlign: 'middle' // 文本垂直对齐方式  
+			}  
+			}],
+	  };
+  chart2.setOption(option, true);
+}
+
+function flushChart3(data1,data2) {
+  var option = {
+	  // title: {
+	  //   text: '睡眠呼吸监测',
+	  //   left: 'center',
+	  //   textStyle: {
+	  //               color: '#ffffff', // 字体颜色  
+	  //               fontStyle: 'normal', // 字体风格  
+	  //               // fontWeight: 'bold', // 字体粗细  
+	  //               fontFamily: 'sans-serif', // 字体族  
+	  //               fontSize: 18 // 字体大小  
+	  //             },
+	  //   backgroundColor: '#57f7ff'
+	  // },
+	  tooltip: {},
+	  xAxis: {
+	  data: data1?data1:[]
+	  },
+	  yAxis: {
+		  // Y 轴配置
+		  type: 'value',
+		  // 设置 Y 轴名称
+		  name: '单位：次',
+		  // 设置 Y 轴名称的位置
+		  nameLocation: 'end', // 可以是 'start'、'middle' 或 'end'
+	  },
+	  series: [{  
+          type: 'line',  
+          data: data2?data2:[]  
+        }]
+	  };
+  chart3.setOption(option, true);
+}
+
+function flushChart4(data) {
+  var option = {
+	  // title: {
+	  //   text: '睡眠与清醒时间',
+	  //   left: 'center',
+	  //   textStyle: {
+	  //               color: '#ffffff', // 字体颜色  
+	  //               fontStyle: 'normal', // 字体风格  
+	  //               // fontWeight: 'bold', // 字体粗细  
+	  //               fontFamily: 'sans-serif', // 字体族  
+	  //               fontSize: 18 // 字体大小  
+	  //             },
+	  //   backgroundColor: '#57f7ff'
+	  // },
+	  tooltip: {},
+	  series: [{
+	  type: 'gauge',
+	  // 设置刻度盘的最大值
+	  max: 24,
+	  // 设置刻度盘的最小值
+	  min: 0,
+	  pointer: {
+		  width: 5,
+		  // 可以调整第二个指针的样式以区分
+		  itemStyle: {
+			color: '#FF0000'
+		  }
+		},
+	  // 刻度盘轴
+	  axisLine: {
+		textStyle: {
+		  fontSize: 14
+		},
+		lineStyle: {
+		  width: 30,
+		  color: [[0.2, '#80FF80'], [0.8, '#FF8080'], [1, '#8080FF']] // 刻度盘颜色分区
+		},
+		rich: {
+			// 为第一个刻度盘设置刻度颜色
+			  '0%': {
+				color: '#FF0000'
+			  },
+			  '50%': {
+				color: '#00FF00'
+			  },
+			  '100%': {
+				color: '#0000FF'
+			  }
+		}
+	  },
+	  detail: {formatter: '{value} 小时'},
+	  data: data?data:{}
+	  }
+	 //  ,{
+	 //  type: 'gauge',
+	 //  // 设置刻度盘的最大值
+	 //  max: 24,
+	 //  // 设置刻度盘的最小值
+	 //  min: 0,
+	 //  // 刻度盘轴
+	 //  axisLine: {
+		// textStyle: {
+		//   fontSize: 14
+		// },
+		// lineStyle: {
+		//   width: 30,
+		//   color: [[0.2, '#80FF80'], [0.8, '#FF8080'], [1, '#8080FF']] // 刻度盘颜色分区
+		// },
+		// rich: {
+		// 	// 为第二个刻度盘设置刻度颜色
+		// 	  '0%': {
+		// 		color: '#FFFF00'
+		// 	  },
+		// 	  '50%': {
+		// 		color: '#00FFFF'
+		// 	  },
+		// 	  '100%': {
+		// 		color: '#FF00FF'
+		// 	  }
+		// }
+	 //  },
+	 //  detail: {formatter: '{value} 小时'},
+	 //  data: data2?data2:{}
+	 //  },
+	  ]
+	};
+  chart4.setOption(option, true);
+}
+
+function flushChart5(data1,data2,that) {
+  var option = {
+	  // title: {
+	  //   text: '睡眠状态监测',
+	  //   left: 'center',
+	  //   textStyle: {
+	  //               color: '#ffffff', // 字体颜色  
+	  //               fontStyle: 'normal', // 字体风格  
+	  //               // fontWeight: 'bold', // 字体粗细  
+	  //               fontFamily: 'sans-serif', // 字体族  
+	  //               fontSize: 18 // 字体大小  
+	  //             },
+	  //   backgroundColor: '#57f7ff'
+	  // },
+	  tooltip: {},
+	  xAxis: {
+	  data: data1?data1:[]
+	  },
+	  yAxis: {
+		  // Y 轴配置
+		  type: 'value',
+		  // 设置 Y 轴名称
+		  name: '单位：次',
+		  // 设置 Y 轴名称的位置
+		  nameLocation: 'end', // 可以是 'start'、'middle' 或 'end'
+		  axisLabel: {
+		    formatter: function (value) {
+		      return that.sleepStateChange(value);
+		    }
+		  },
+		},
+	  series: [{  
+				  type: 'line',  
+				  data: data2?data2:[]  
+				}]
+			};
+  chart5.setOption(option, true);
+}
+
+function flushChart6(data1,data2,startSleepTime,endSleepTime,that) {
+  var option = {
+	  backgroundColor: '#000000', // 设置背景色
+	  tooltip: {},
+	  xAxis: {
+	  data: data1?data1:[]
+	  },
+	  yAxis: {
+		// Y 轴配置
+		type: 'value',
+		// 设置 Y 轴名称
+		name: '睡眠状态',
+		// 设置 Y 轴名称的位置
+		nameLocation: 'end', // 可以是 'start'、'middle' 或 'end'
+		axisLabel: {
+		    formatter: function (value) {
+		      return that.sleepStateChange(value);
+		    }
+		  }
+	  },
+	  series: [{
+				  type: 'line',  
+				  data: data2?data2:[],
+				  lineStyle: { // 系列级个性化折线样式  
+					width: 10,
+					type: 'solid',
+					color: new echarts.graphic.LinearGradient(0, 0.4, 0.7, 1, [{
+					  offset: 0,
+					  color: '#ffb71b'
+					} , {
+					  offset: 0.4,
+					  color: '#b75cee'
+					}, {
+					  offset: 0.7,
+					  color: '#66acfc'
+					}, {
+					  offset: 1,
+					color: '#3843fa'
+				  }]),//线条渐变色  
+				  },
+			}
+			// {
+			// 	  name: '分类2',
+			// 	  type: 'line',  
+			// 	  data: data2,
+			// 	  lineStyle: {        // 系列级个性化折线样式  
+			// 		width: 4,
+			// 		type: 'solid',
+			// 		color: new echarts.graphic.LinearGradient(0, 0.4, 0.7, 1, [{
+			// 		  offset: 0,
+			// 		  color: '#ffb71b'
+			// 		} , {
+			// 		  offset: 0.4,
+			// 		  color: '#b75cee'
+			// 		}, {
+			// 		  offset: 0.7,
+			// 		  color: '#66acfc'
+			// 		}, {
+			// 		  offset: 1,
+			// 		color: '#3843fa'
+			// 	  }]),//线条渐变色  
+			// 	  },
+			// 	},
+			],
+			graphic: [{
+						type: 'text',  
+						left: '5%', // 文本水平位置，这里设置为居中，你可以根据需要调整  
+						top: '90%', // 文本垂直位置，这里设置为距离顶部 10% 的位置，作为左下方的文本  
+						style: {  
+						  text: '入睡时间：'+startSleepTime?startSleepTime:'', // 文本内容  
+						  textFill: '#333', // 文本颜色  
+						  textFontSize: 14, // 文本字体大小  
+						  textAlign: 'left', // 文本水平对齐方式  
+						  verticalAlign: 'middle' // 文本垂直对齐方式  
+						}  
+						}, {  
+						type: 'text',  
+						right: '5%', // 文本水平位置，这里设置为距离右侧 10% 的位置，作为右下方的文本  
+						top: '90%', // 文本垂直位置，这里设置为距离底部 10% 的位置  
+						style: {
+						  text: '醒来时间：'+endSleepTime?endSleepTime:'', // 文本内容  
+						  textFill: '#333', // 文本颜色  
+						  textFontSize: 14, // 文本字体大小  
+						  textAlign: 'right', // 文本水平对齐方式  
+						  verticalAlign: 'middle' // 文本垂直对齐方式  
+						}  
+					}],
+			};
+		
+		// var list0 = [];
+		// var list10 = [];
+		// var list20 = [];
+		// var list30 = [];
+		// if(data2){
+		// 	for (let i = 0; i < data2.length; i++) {
+		// 		if (data2[i] == '0') {
+		// 		  list0.push(data2[i]); 
+		// 		}else if (data2[i] == '10') {  
+		// 		  list10.push(data2[i]); 
+		// 		}else if (data2[i] == '20') {  
+		// 		  list20.push(data2[i]); 
+		// 		}else if (data2[i] == '30') {  
+		// 		  list30.push(data2[i]); 
+		// 		}else{
+		// 		}
+		// 	} 
+		// } 
+		// var option = {  
+		//         xAxis: {  
+		//           type: 'category',  
+		//           data: data1  
+		//         },  
+		//         yAxis: {  
+		//           type: 'value',  
+		//           axisLabel: {  
+		//             show: true,  
+		//             position: 'buttom' // 分类标签显示在顶部，相当于曲线下方位置  
+		//           }  
+		//         },  
+		//         series: [  
+		//           {  
+		//             name: '清醒',  
+		//             type: 'line',  
+		//             data: list0,  
+		//             itemStyle: {  
+		//               areaColor: new echarts.graphic.LinearGradient(  
+		//                 0, 0, 0, 1,  
+		//                 [{ offset: 0, color: 'rgba(255, 0, 0, 0.3)' }, { offset: 1, color: 'rgba(255, 0, 0, 0)' }]  
+		//               )  
+		//             },  
+		//             smooth: true,  
+		//             lineStyle: {  
+		//               color: 'red' // 线条颜色  
+		//             }  
+		//           },  
+		//           {  
+		//             name: '浅睡',  
+		//             type: 'line',  
+		//             data: list10,  
+		//             itemStyle: {  
+		//               areaColor: new echarts.graphic.LinearGradient(  
+		//                 0, 0, 0, 1,  
+		//                 [{ offset: 0, color: 'rgba(0, 255, 0, 0.3)' }, { offset: 1, color: 'rgba(0, 255, 0, 0)' }]  
+		//               )  
+		//             },  
+		//             smooth: true,  
+		//             lineStyle: {  
+		//               color: 'green' // 线条颜色  
+		//             }  
+		//           },  
+		//           {  
+		//             name: '中睡',  
+		//             type: 'line',  
+		//             data: list20,  
+		//             itemStyle: {  
+		//               areaColor: new echarts.graphic.LinearGradient(  
+		//                 0, 0, 0, 1,  
+		//                 [{ offset: 0, color: 'rgba(0, 255, 0, 0.3)' }, { offset: 1, color: 'rgba(0, 255, 0, 0)' }]  
+		//               )  
+		//             },  
+		//             smooth: true,  
+		//             lineStyle: {  
+		//               color: 'green' // 线条颜色  
+		//             }  
+		//           } ,  
+		//           {  
+		//             name: '深睡',  
+		//             type: 'line',  
+		//             data: list30,  
+		//             itemStyle: {  
+		//               areaColor: new echarts.graphic.LinearGradient(  
+		//                 0, 0, 0, 1,  
+		//                 [{ offset: 0, color: 'rgba(0, 255, 0, 0.3)' }, { offset: 1, color: 'rgba(0, 255, 0, 0)' }]  
+		//               )  
+		//             },  
+		//             smooth: true,  
+		//             lineStyle: {  
+		//               color: 'green' // 线条颜色  
+		//             }  
+		//           } 
+		//           // 如果有更多分类，继续添加...  
+		//         ],  
+		//         tooltip: {
+		//           trigger: 'axis',  
+		//           axisPointer: {  
+		//             type: 'cross',  
+		//             label: {  
+		//               backgroundColor: '#6a7985'  
+		//             }  
+		//           }  
+		//         },
+		// 		graphic: [{
+		// 				type: 'text',  
+		// 				left: '5%', // 文本水平位置，这里设置为居中，你可以根据需要调整  
+		// 				top: '90%', // 文本垂直位置，这里设置为距离顶部 10% 的位置，作为左下方的文本  
+		// 				style: {  
+		// 				  text: '入睡时间：'+startSleepTime, // 文本内容  
+		// 				  textFill: '#333', // 文本颜色  
+		// 				  textFontSize: 14, // 文本字体大小  
+		// 				  textAlign: 'left', // 文本水平对齐方式  
+		// 				  verticalAlign: 'middle' // 文本垂直对齐方式  
+		// 				}  
+		// 				}, {  
+		// 				type: 'text',  
+		// 				right: '5%', // 文本水平位置，这里设置为距离右侧 10% 的位置，作为右下方的文本  
+		// 				top: '90%', // 文本垂直位置，这里设置为距离底部 10% 的位置  
+		// 				style: {
+		// 				  text: '醒来时间：'+endSleepTime, // 文本内容  
+		// 				  textFill: '#333', // 文本颜色  
+		// 				  textFontSize: 14, // 文本字体大小  
+		// 				  textAlign: 'right', // 文本水平对齐方式  
+		// 				  verticalAlign: 'middle' // 文本垂直对齐方式  
+		// 				}  
+		// 			}],
+		//       }; 
+			  
+  chart6.setOption(option, true);
+}
+
+function flushChart7(data1,data2,startSleepTime,endSleepTime,that) {
+	data1 = (!data1 || data1.length === 0)?['']:data1;
+	data2 = (!data2 || data2.length === 0)?['']:data2;
+  var option = {
+	  // backgroundColor: rgba(168, 115, 182, 0.5), // 设置背景色
+	  tooltip: {},
+	  xAxis: {
+		  axisLabel: {  
+				  color: '#a5a5a5' ,// 设置 x 轴标签颜色为白色  
+				  fontSize: 12,
+				  // interval: 0, // 设置为0表示全部显示，设置为非零值表示间隔显示
+				  // rotate: 45, // 旋转45度
+			  },
+		  splitLine: {
+		        show: false, // 是否显示刻度线  
+		        
+		      }, 
+		  axisTick: {  
+			  // 不显示Y轴刻度线  
+			  show: false  
+		  }, 
+		  data: data1,
+		  axisLine: {  
+		              // 不显示X轴轴线  
+		              show: false  
+		          }
+	  },
+	  yAxis: {
+		// Y 轴配置
+		type: 'value',
+		// inverse: true,// 设置 Y 轴逆序
+		// 设置 Y 轴名称
+		name: '离床次数',
+		// 设置 Y 轴名称的位置
+		nameLocation: 'end', // 可以是 'start'、'middle' 或 'end'
+		axisLine: {
+			// 不显示Y轴轴线  
+			show: false,
+		  },
+		axisLabel: {  
+			color: '#000',
+			show: true,
+			fontSize: 12,
+			formatter: function (value) {
+				if(value == 0){
+					return '离床';
+				}else if(value == 1){
+					return '在床';
+				}else{
+					return '';
+				}
+			}
+		},
+		axisTick: {  
+			 // 不显示Y轴刻度线  
+			 show: false  
+		}, 
+		splitLine: {  
+		      show: false ,// 不显示纵坐标轴的刻度线  
+			  lineStyle: {
+			    color: 'rgba(222, 222, 222, 0.1)', // 灰色并调整透明度  
+			    width: 1, // 刻度线宽度  
+			    type: 'solid' // 刻度线类型，默认为实线  
+			  }  
+		    }, 
+	  },
+	  series: [{
+				  type: 'line',  
+				  data: data2,
+				  smooth: true, // 使折线平滑  
+				  markPoint: {  
+					  symbol: 'circle', // 标记的符号为圆圈  
+					  symbolSize: 10, // 标记的大小  
+					  itemStyle: {  
+							  color: 'rgba(85, 255, 127, 0.8)', 
+							  // borderColor: 'blue', 
+							  borderWidth: 1, // 设置边框宽度  
+							  fill: 'none' // 设置填充颜色为无，即空心  
+						  }, 
+					  data: [  
+						  // 假设 data[0] 和 data[data.length - 1] 分别是开始和结束的数据点  
+						  {coord: [data1?data1[0]:'', data2?data2[0]:''], name: '开始'},  
+						  {coord: [data1?data1[data1.length-1]:'', data2?data2[data2.length-1]:''], name: '结束'}  
+						  // 如果要添加拐角处的标记，需要手动计算并添加  
+					  ]  
+				  },
+				  areaStyle: { // 折线下方的区域样式  
+				        color: new echarts.graphic.LinearGradient(  
+				          0, 0, 0, 1, // 渐变方向  
+				          [ // 渐变颜色  
+				            {offset: 0, color: 'rgba(85, 255, 127, 0.8)'}, // 使用之前定义的渐变  
+				            {offset: 0.9, color: 'rgba(255, 255, 255, 1)'} // 可选，结束颜色  
+				          ]  
+				        ),  
+				        opacity: 0.3 // 区域的不透明度，可以根据需要调整  
+				      },  
+				      lineStyle: {  
+						  color: 'rgba(85, 255, 127, 0.8)' // 奶白色，80% 透明度  
+					  },
+				      showSymbol: false // 是否显示标记图形  
+			}
+			],
+			// graphic: {  
+			//         type: 'rect',  
+			//         left: 'center', // 相对于容器左侧的距离  
+			//         top: 'bottom', // 相对于容器上侧的距离  
+			//         width: 'auto', // 宽度自适应  
+			//         height: '10', // 设置你想要的渐变高度  
+			//         shape: {  
+			//             // 可以通过 shape 来调整矩形的形状以适应你的需求  
+			//         },  
+			//         style: {  
+			//             fill: {  
+			//                 type: 'linear',  
+			//                 x: 0,  
+			//                 y: 0,  
+			//                 x2: 0,  
+			//                 y2: 1,  
+			//                 colorStops: [{  
+			//                     offset: 0, color: 'rgba(0,0,0,0)' // 开始颜色，透明  
+			//                 }, {  
+			//                     offset: 1, color: 'rgba(255,0,0,0.3)' // 结束颜色，半透明红色  
+			//                 }],  
+			//                 global: false // 缺省为 false  
+			//             },  
+			//             // 其他样式配置  
+			//         },  
+			//         z: -1 // 设置层级，确保在折线图下方  
+			//     }  
+			// graphic: [{
+			// 			type: 'text',  
+			// 			left: '5%', // 文本水平位置，这里设置为居中，你可以根据需要调整  
+			// 			top: '90%', // 文本垂直位置，这里设置为距离顶部 10% 的位置，作为左下方的文本  
+			// 			style: {  
+			// 			  text: '入睡时间：'+startSleepTime?startSleepTime:'', // 文本内容  
+			// 			  textFill: '#333', // 文本颜色  
+			// 			  textFontSize: 14, // 文本字体大小  
+			// 			  textAlign: 'left', // 文本水平对齐方式  
+			// 			  verticalAlign: 'middle' // 文本垂直对齐方式  
+			// 			}  
+			// 			}, {  
+			// 			type: 'text',  
+			// 			right: '5%', // 文本水平位置，这里设置为距离右侧 10% 的位置，作为右下方的文本  
+			// 			top: '90%', // 文本垂直位置，这里设置为距离底部 10% 的位置  
+			// 			style: {
+			// 			  text: '醒来时间：'+endSleepTime?endSleepTime:'', // 文本内容  
+			// 			  textFill: '#333', // 文本颜色  
+			// 			  textFontSize: 14, // 文本字体大小  
+			// 			  textAlign: 'right', // 文本水平对齐方式  
+			// 			  verticalAlign: 'middle' // 文本垂直对齐方式  
+			// 			}  
+			// 		}],
+			};
+			  
+  chart7.setOption(option, true);
+}
+
+function flushChart8(data1,data2,startSleepTime,endSleepTime,that) {
+  var option = {
+  	  // backgroundColor: rgba(168, 115, 182, 0.5), // 设置背景色
+  	  tooltip: {},
+  	  xAxis: {
+		  axisLabel: {
+				  color: '#000' // 设置 x 轴标签颜色为白色  
+			  },
+		  splitLine: {
+				show: false, // 是否显示刻度线  
+			  }, 
+		  axisTick: {  
+			  // 不显示Y轴刻度线  
+			  show: false  
+		  }, 
+		  axisLine: {  
+			  // 不显示X轴轴线  
+			  show: false  
+		  },
+		  data: data1?data1:[]
+  	  },
+  	  yAxis: {
+  		// Y 轴配置
+  		type: 'value',
+  		// 设置 Y 轴名称
+  		name: '睡眠状态',
+  		// 设置 Y 轴名称的位置
+  		nameLocation: 'end', // 可以是 'start'、'middle' 或 'end'
+		axisLine: {
+			// 不显示Y轴轴线  
+			show: false,
+		  },
+		axisTick: {  
+			 // 不显示Y轴刻度线  
+			 show: false  
+		  },
+  		axisLabel: {
+			color: '#000',
+  		    formatter: function (value) {
+  		      return that.sleepRmove_arrChange(value);
+  		    }
+  		  },
+		  splitLine: {  
+			  show: false ,// 不显示纵坐标轴的刻度线  
+			  lineStyle: {
+				color: 'rgba(222, 222, 222, 0.1)', // 灰色并调整透明度  
+				width: 1, // 刻度线宽度  
+				type: 'solid' // 刻度线类型，默认为实线  
+			  }  
+			},
+  	  },
+  	  series: [{
+  				  type: 'line',  
+  				  data: data2?data2:[],
+				  lineStyle: {
+					  color: 'rgba(255, 255, 255, 0.8)' // 奶白色，80% 透明度  
+				  },
+				  showSymbol: false, // 是否显示标记图形  
+				  smooth: true, // 使折线平滑
+				    markPoint: {  
+				  	  symbol: 'circle', // 标记的符号为圆圈  
+				  	  symbolSize: 10, // 标记的大小  
+				  	  itemStyle: {  
+				  			  color: 'rgba(0, 170, 255, 0.8)', 
+				  			  // borderColor: 'blue', 
+				  			  borderWidth: 1, // 设置边框宽度  
+				  			  fill: 'none' // 设置填充颜色为无，即空心  
+				  		  }, 
+				  	  data: [  
+				  		  // 假设 data[0] 和 data[data.length - 1] 分别是开始和结束的数据点  
+				  		  {coord: [data1?data1[0]:'', data2?data2[0]:''], name: '开始'},  
+				  		  {coord: [data1?data1[data1.length-1]:'', data2?data2[data2.length-1]:''], name: '结束'}  
+				  		  // 如果要添加拐角处的标记，需要手动计算并添加  
+				  	  ]  
+				    },
+				    areaStyle: { // 折线下方的区域样式  
+				  		color: new echarts.graphic.LinearGradient(  
+				  		  0, 0, 0, 1, // 渐变方向  
+				  		  [ // 渐变颜色  
+				  			{offset: 0, color: 'rgba(0, 170, 255, 0.8)'}, // 使用之前定义的渐变  
+				  			{offset: 0.9, color: 'rgba(255, 255, 255, 1)'} // 可选，结束颜色  
+				  		  ]  
+				  		),  
+				  		opacity: 0.3 // 区域的不透明度，可以根据需要调整  
+				  	  }, 
+				},
+				
+  			],
+  			// graphic: [{
+  			// 			type: 'text',  
+  			// 			left: '5%', // 文本水平位置，这里设置为居中，你可以根据需要调整  
+  			// 			top: '90%', // 文本垂直位置，这里设置为距离顶部 10% 的位置，作为左下方的文本  
+  			// 			style: {  
+  			// 			  text: '入睡时间：'+startSleepTime?startSleepTime:'', // 文本内容  
+  			// 			  textFill: '#333', // 文本颜色  
+  			// 			  textFontSize: 14, // 文本字体大小  
+  			// 			  textAlign: 'left', // 文本水平对齐方式  
+  			// 			  verticalAlign: 'middle' // 文本垂直对齐方式  
+  			// 			}  
+  			// 			}, {  
+  			// 			type: 'text',  
+  			// 			right: '5%', // 文本水平位置，这里设置为距离右侧 10% 的位置，作为右下方的文本  
+  			// 			top: '90%', // 文本垂直位置，这里设置为距离底部 10% 的位置  
+  			// 			style: {
+  			// 			  text: '醒来时间：'+endSleepTime?endSleepTime:'', // 文本内容  
+  			// 			  textFill: '#333', // 文本颜色  
+  			// 			  textFontSize: 14, // 文本字体大小  
+  			// 			  textAlign: 'right', // 文本水平对齐方式  
+  			// 			  verticalAlign: 'middle' // 文本垂直对齐方式  
+  			// 			}  
+  			// 		}],
+  			};
+  			  
+  chart8.setOption(option, true);
+}
+
+function flushChart81(data1,data2,startSleepTime,endSleepTime,that) {
+  var option = {
+  	  // backgroundColor: rgba(168, 115, 182, 0.5), // 设置背景色
+  	  tooltip: {},
+  	  xAxis: {
+		  axisLabel: {
+				  color: '#000' // 设置 x 轴标签颜色为白色  
+			  },
+		  splitLine: {
+				show: false, // 是否显示刻度线  
+			  }, 
+		  axisTick: {  
+			  // 不显示Y轴刻度线  
+			  show: false  
+		  }, 
+		  axisLine: {  
+			  // 不显示X轴轴线  
+			  show: false  
+		  },
+		  data: data1?data1:[]
+  	  },
+  	  yAxis: {
+  		// Y 轴配置
+  		type: 'value',
+  		// 设置 Y 轴名称
+  		name: '呼吸平均值',
+  		// 设置 Y 轴名称的位置
+  		nameLocation: 'end', // 可以是 'start'、'middle' 或 'end'
+		axisLine: {
+			// 不显示Y轴轴线  
+			show: false,
+		  },
+		axisTick: {  
+			 // 不显示Y轴刻度线  
+			 show: false  
+		  },
+  		axisLabel: {
+			color: '#000',
+  		    // formatter: function (value) {
+  		    //   return that.sleepRmove_arrChange(value);
+  		    // }
+  		  },
+		  splitLine: {  
+			  show: false ,// 不显示纵坐标轴的刻度线  
+			  lineStyle: {
+				color: 'rgba(222, 222, 222, 0.1)', // 灰色并调整透明度  
+				width: 1, // 刻度线宽度  
+				type: 'solid' // 刻度线类型，默认为实线  
+			  }  
+			},
+  	  },
+  	  series: [{
+  				  type: 'line',  
+  				  data: data2?data2:[],
+				  lineStyle: {
+					  color: 'rgba(0, 182, 182, 0.8)' // 奶白色，80% 透明度  
+				  },
+				  showSymbol: false ,// 是否显示标记图形 
+				  smooth: true, // 使折线平滑
+					markPoint: {  
+					  symbol: 'circle', // 标记的符号为圆圈  
+					  symbolSize: 10, // 标记的大小  
+					  itemStyle: {  
+							  color: 'rgba(0, 182, 182, 0.8)', 
+							  // borderColor: 'blue', 
+							  borderWidth: 1, // 设置边框宽度  
+							  fill: 'none' // 设置填充颜色为无，即空心  
+						  }, 
+					  data: [  
+						  // 假设 data[0] 和 data[data.length - 1] 分别是开始和结束的数据点  
+						  {coord: [data1?data1[0]:'', data2?data2[0]:''], name: '开始'},  
+						  {coord: [data1?data1[data1.length-1]:'', data2?data2[data2.length-1]:''], name: '结束'}  
+						  // 如果要添加拐角处的标记，需要手动计算并添加  
+					  ]  
+					},
+					areaStyle: { // 折线下方的区域样式  
+						color: new echarts.graphic.LinearGradient(  
+						  0, 0, 0, 1, // 渐变方向  
+						  [ // 渐变颜色  
+							{offset: 0, color: 'rgba(0, 182, 182, 0.8)'}, // 使用之前定义的渐变  
+							{offset: 0.9, color: 'rgba(255, 255, 255, 1)'} // 可选，结束颜色  
+						  ]  
+						),  
+						opacity: 0.3 // 区域的不透明度，可以根据需要调整  
+					  },
+				}
+  			],
+  			// graphic: [{
+  			// 			type: 'text',  
+  			// 			left: '5%', // 文本水平位置，这里设置为居中，你可以根据需要调整  
+  			// 			top: '90%', // 文本垂直位置，这里设置为距离顶部 10% 的位置，作为左下方的文本  
+  			// 			style: {  
+  			// 			  text: '入睡时间：'+startSleepTime?startSleepTime:'', // 文本内容  
+  			// 			  textFill: '#333', // 文本颜色  
+  			// 			  textFontSize: 14, // 文本字体大小  
+  			// 			  textAlign: 'left', // 文本水平对齐方式  
+  			// 			  verticalAlign: 'middle' // 文本垂直对齐方式  
+  			// 			}  
+  			// 			}, {  
+  			// 			type: 'text',  
+  			// 			right: '5%', // 文本水平位置，这里设置为距离右侧 10% 的位置，作为右下方的文本  
+  			// 			top: '90%', // 文本垂直位置，这里设置为距离底部 10% 的位置  
+  			// 			style: {
+  			// 			  text: '醒来时间：'+endSleepTime?endSleepTime:'', // 文本内容  
+  			// 			  textFill: '#333', // 文本颜色  
+  			// 			  textFontSize: 14, // 文本字体大小  
+  			// 			  textAlign: 'right', // 文本水平对齐方式  
+  			// 			  verticalAlign: 'middle' // 文本垂直对齐方式  
+  			// 			}  
+  			// 		}],
+  			};
+  			  
+  chart81.setOption(option, true);
+}
+
+function flushChart9(data1,data2,startSleepTime,endSleepTime,that) {
+  var option = {
+  	  // backgroundColor: rgba(168, 115, 182, 0.5), // 设置背景色
+  	  tooltip: {},
+  	  xAxis: {
+		  axisLabel: {
+				  color: '#000' // 设置 x 轴标签颜色为白色  
+			  },
+		  splitLine: {
+				show: false, // 是否显示刻度线  
+			  }, 
+		  axisTick: {  
+			  // 不显示Y轴刻度线  
+			  show: false  
+		  }, 
+		  axisLine: {  
+			  // 不显示X轴轴线  
+			  show: false  
+		  },
+		  data: data1?data1:[]
+  	  },
+  	  yAxis: {
+  		// Y 轴配置
+  		type: 'value',
+  		// 设置 Y 轴名称
+  		name: '睡眠状态',
+  		// 设置 Y 轴名称的位置
+  		nameLocation: 'end', // 可以是 'start'、'middle' 或 'end'
+		axisLine: {
+			// 不显示Y轴轴线  
+			show: false,
+		  },
+		axisTick: {  
+			 // 不显示Y轴刻度线  
+			 show: false  
+		  },
+  		axisLabel: {
+			color: '#000',
+  		    formatter: function (value) {
+  		      return that.sleepRsnoring_arrChange(value);
+  		    }
+  		  },
+		  splitLine: {  
+			  show: false ,// 不显示纵坐标轴的刻度线  
+			  lineStyle: {
+				color: 'rgba(222, 222, 222, 0.1)', // 灰色并调整透明度  
+				width: 1, // 刻度线宽度  
+				type: 'solid' // 刻度线类型，默认为实线  
+			  }  
+			}, 
+  	  },
+  	  series: [{
+  				  type: 'line',  
+  				  data: data2?data2:[],
+				  lineStyle: {
+					  color: 'rgba(255, 170, 127, 0.8)' // 奶白色，80% 透明度  
+				  },
+				  showSymbol: false ,// 是否显示标记图形  
+				  smooth: true, // 使折线平滑
+					markPoint: {  
+					  symbol: 'circle', // 标记的符号为圆圈  
+					  symbolSize: 10, // 标记的大小  
+					  itemStyle: {  
+							  color: 'rgba(255, 170, 127, 0.8)', 
+							  // borderColor: 'blue', 
+							  borderWidth: 1, // 设置边框宽度  
+							  fill: 'none' // 设置填充颜色为无，即空心  
+						  }, 
+					  data: [  
+						  // 假设 data[0] 和 data[data.length - 1] 分别是开始和结束的数据点  
+						  {coord: [data1?data1[0]:'', data2?data2[0]:''], name: '开始'},  
+						  {coord: [data1?data1[data1.length-1]:'', data2?data2[data2.length-1]:''], name: '结束'}  
+						  // 如果要添加拐角处的标记，需要手动计算并添加  
+					  ]  
+					},
+					areaStyle: { // 折线下方的区域样式  
+						color: new echarts.graphic.LinearGradient(  
+						  0, 0, 0, 1, // 渐变方向  
+						  [ // 渐变颜色  
+							{offset: 0, color: 'rgba(255, 170, 127, 0.8)'}, // 使用之前定义的渐变  
+							{offset: 0.9, color: 'rgba(255, 255, 255, 1)'} // 可选，结束颜色  
+						  ]  
+						),  
+						opacity: 0.3 // 区域的不透明度，可以根据需要调整  
+					  }, 
+				}
+  			],
+  			// graphic: [{
+  			// 			type: 'text',  
+  			// 			left: '5%', // 文本水平位置，这里设置为居中，你可以根据需要调整  
+  			// 			top: '90%', // 文本垂直位置，这里设置为距离顶部 10% 的位置，作为左下方的文本  
+  			// 			style: {  
+  			// 			  text: '入睡时间：'+startSleepTime?startSleepTime:'', // 文本内容  
+  			// 			  textFill: '#333', // 文本颜色  
+  			// 			  textFontSize: 14, // 文本字体大小  
+  			// 			  textAlign: 'left', // 文本水平对齐方式  
+  			// 			  verticalAlign: 'middle' // 文本垂直对齐方式  
+  			// 			}  
+  			// 			}, {  
+  			// 			type: 'text',  
+  			// 			right: '5%', // 文本水平位置，这里设置为距离右侧 10% 的位置，作为右下方的文本  
+  			// 			top: '90%', // 文本垂直位置，这里设置为距离底部 10% 的位置  
+  			// 			style: {
+  			// 			  text: '醒来时间：'+endSleepTime?endSleepTime:'', // 文本内容  
+  			// 			  textFill: '#333', // 文本颜色  
+  			// 			  textFontSize: 14, // 文本字体大小  
+  			// 			  textAlign: 'right', // 文本水平对齐方式  
+  			// 			  verticalAlign: 'middle' // 文本垂直对齐方式  
+  			// 			}  
+  			// 		}],
+  			};
+  			  
+  chart9.setOption(option, true);
+}
+
+function flushChart10(data1,data2,startSleepTime,endSleepTime,that) {
+  var option = {
+  	  // backgroundColor: rgba(168, 115, 182, 0.5), // 设置背景色
+  	  tooltip: {},
+  	  xAxis: {
+		  axisLabel: {
+				  color: '#000' // 设置 x 轴标签颜色为白色  
+			  },
+		  splitLine: {
+				show: false, // 是否显示刻度线  
+			  }, 
+		  axisTick: {  
+			  // 不显示Y轴刻度线  
+			  show: false  
+		  }, 
+		  axisLine: {  
+			  // 不显示X轴轴线  
+			  show: false  
+		  },  
+		  data: data1?data1:[]
+  	  },
+  	  yAxis: {
+  		// Y 轴配置
+  		type: 'value',
+  		// 设置 Y 轴名称
+  		name: '睡眠状态',
+  		// 设置 Y 轴名称的位置
+  		nameLocation: 'end', // 可以是 'start'、'middle' 或 'end'
+		axisLine: {
+			// 不显示Y轴轴线  
+			show: false,
+		  },
+		axisTick: {  
+			 // 不显示Y轴刻度线  
+			 show: false  
+		  },
+  		axisLabel: {
+			color: '#000',
+  		    formatter: function (value) {
+  		      return that.sleepRhxstop_arrChange(value);
+  		    }
+  		  },
+		  splitLine: {  
+			  show: false ,// 不显示纵坐标轴的刻度线  
+			  lineStyle: {
+				color: 'rgba(222, 222, 222, 0.1)', // 灰色并调整透明度  
+				width: 1, // 刻度线宽度  
+				type: 'solid' // 刻度线类型，默认为实线  
+			  }  
+			}, 
+  	  },
+  	  series: [{
+  				  type: 'line',  
+  				  data: data2?data2:[],
+				  lineStyle: {
+					  color: 'rgba(0, 85, 255, 0.8)' // 奶白色，80% 透明度  
+				  },
+				  showSymbol: false ,// 是否显示标记图形  
+				  smooth: true, // 使折线平滑
+					markPoint: {  
+					  symbol: 'circle', // 标记的符号为圆圈  
+					  symbolSize: 10, // 标记的大小  
+					  itemStyle: {  
+							  color: 'rgba(0, 85, 255, 0.8)', 
+							  // borderColor: 'blue', 
+							  borderWidth: 1, // 设置边框宽度  
+							  fill: 'none' // 设置填充颜色为无，即空心  
+						  }, 
+					  data: [  
+						  // 假设 data[0] 和 data[data.length - 1] 分别是开始和结束的数据点  
+						  {coord: [data1?data1[0]:'', data2?data2[0]:''], name: '开始'},  
+						  {coord: [data1?data1[data1.length-1]:'', data2?data2[data2.length-1]:''], name: '结束'}  
+						  // 如果要添加拐角处的标记，需要手动计算并添加  
+					  ]  
+					},
+					areaStyle: { // 折线下方的区域样式  
+						color: new echarts.graphic.LinearGradient(  
+						  0, 0, 0, 1, // 渐变方向  
+						  [ // 渐变颜色  
+							{offset: 0, color: 'rgba(0, 85, 255, 0.8)'}, // 使用之前定义的渐变  
+							{offset: 0.9, color: 'rgba(255, 255, 255, 1)'} // 可选，结束颜色  
+						  ]  
+						),  
+						opacity: 0.3 // 区域的不透明度，可以根据需要调整  
+					  }, 
+				}
+  			],
+  			// graphic: [{
+  			// 			type: 'text',  
+  			// 			left: '5%', // 文本水平位置，这里设置为居中，你可以根据需要调整  
+  			// 			top: '90%', // 文本垂直位置，这里设置为距离顶部 10% 的位置，作为左下方的文本  
+  			// 			style: {  
+  			// 			  text: '入睡时间：'+startSleepTime?startSleepTime:'', // 文本内容  
+  			// 			  textFill: '#333', // 文本颜色  
+  			// 			  textFontSize: 14, // 文本字体大小  
+  			// 			  textAlign: 'left', // 文本水平对齐方式  
+  			// 			  verticalAlign: 'middle' // 文本垂直对齐方式  
+  			// 			}  
+  			// 			}, {  
+  			// 			type: 'text',  
+  			// 			right: '5%', // 文本水平位置，这里设置为距离右侧 10% 的位置，作为右下方的文本  
+  			// 			top: '90%', // 文本垂直位置，这里设置为距离底部 10% 的位置  
+  			// 			style: {
+  			// 			  text: '醒来时间：'+endSleepTime?endSleepTime:'', // 文本内容  
+  			// 			  textFill: '#333', // 文本颜色  
+  			// 			  textFontSize: 14, // 文本字体大小  
+  			// 			  textAlign: 'right', // 文本水平对齐方式  
+  			// 			  verticalAlign: 'middle' // 文本垂直对齐方式  
+  			// 			}  
+  			// 		}],
+  			};
+  			  
+  chart10.setOption(option, true);
+}
+
+function flushChart11(data1,data2,that) {
+	// data2 = data2?data2.map(value => {
+	//     return value+10; 
+	// }):[]; 
+	let adjustedData = data2?data2.map(value => {  
+	    return 10; 
+	}):[]; 
+  // var option = {
+	 //  // title: {
+	 //  //   text: '睡眠呼吸监测',
+	 //  //   left: 'center',
+	 //  //   textStyle: {
+	 //  //               color: '#ffffff', // 字体颜色  
+	 //  //               fontStyle: 'normal', // 字体风格  
+	 //  //               // fontWeight: 'bold', // 字体粗细  
+	 //  //               fontFamily: 'sans-serif', // 字体族  
+	 //  //               fontSize: 18 // 字体大小  
+	 //  //             },
+	 //  //   backgroundColor: '#57f7ff'
+	 //  // },
+	 //  // grid: {   
+		//  //  top: '10%', 
+		//  //  height: '30%',   
+	 //  // },
+	 //  tooltip: {},
+	 //  xAxis: {
+		//   type: 'category',  
+		//   axisLabel: {
+		// 		  color: 'rgba(0, 0, 0, 0.8)' // 设置 x 轴标签颜色为白色  
+		// 	  },
+		//   axisTick: {  
+		// 	  // 不显示Y轴刻度线  
+		// 	  show: false  
+		//   }, 
+		//   axisLine: {  
+		// 	  // 不显示X轴轴线  
+		// 	  show: false  
+		//   },
+		//   splitLine: {
+		// 		show: false, // 是否显示刻度线  
+		// 	  },  
+		//   data: data1?data1:[]
+	 //  },
+	 //  yAxis: {
+		//   // Y 轴配置
+		//   type: 'value',
+		//   // 设置 Y 轴名称
+		//   name: '睡眠状态',
+		//   // 设置 Y 轴名称的位置
+		//   nameLocation: 'end', // 可以是 'start'、'middle' 或 'end'
+		//   axisLine: {
+		// 	// 不显示Y轴轴线  
+		// 	show: false,
+		//   },
+		//   axisTick: {  
+		// 	 // 不显示Y轴刻度线  
+		// 	 show: false  
+		//   },
+		//   axisLabel: {
+		// 	  color: '#000',
+		//       formatter: function (value) {
+		//         return that.sleepStateChange(value);
+		//       }
+		//     },
+		//   splitLine: {  
+		// 	  show: false ,// 不显示纵坐标轴的刻度线  
+		// 	  lineStyle: {
+		// 		color: 'rgba(0, 170, 255, 0.9)', // 灰色并调整透明度  
+		// 		width: 1, // 刻度线宽度  
+		// 		type: 'solid' // 刻度线类型，默认为实线  
+		// 	  }  
+		// 	}, 
+	 //  },
+	 //  series: [{  
+  //         type: 'bar',  
+  //         data: data2?data2:[],
+		//  //  barCategoryGap: '50%', // 类别间柱形距离
+		//  //  label: {  
+		// 	// show: true,  
+		// 	// position: 'top',  
+		// 	// formatter: '{b}: {c}'  
+		//  //  },
+		//  stack: 'stackGroup',
+		//  itemStyle: {  
+		// 	 color: 'rgba(0,0,0,0)' // 透明颜色  
+		//  },
+		//   // itemStyle: {  
+		// 	 //  color: function(params) {
+		// 		//   // 根据数据或其他条件返回颜色值  
+		// 		//   // 这里只是简单地返回了一个颜色数组中的颜色  
+		// 		//   // var colorList = ['#c23531','#2f4554','#61a0a8','#d48265','#91c7ae','#749f83','#ca8622','#bda29a','#6e7074','#546570','#c4ccd3'];  
+		// 		//   if(params.value == '0'){
+		// 		// 	  return '#e2e2e2'
+		// 		//   }else if(params.value == '10'){
+		// 		// 	  return '#8cc4ff'
+		// 		//   }else if(params.value == '20'){
+		// 		// 	  return '#a6b2ff'
+		// 		//   }else if(params.value == '30'){
+		// 		// 	  return '#9b79ff'
+		// 		//   }else{
+		// 		// 	  return '';
+		// 		//   }
+		// 		//   // return colorList[params.dataIndex % colorList.length];  
+		// 	 //  }
+		//   // }  
+  //       }]
+	 //  };
+	  
+  var option = {  
+      xAxis: {  
+          type: 'category',  
+          data: data1?data1:[]  
+      },  
+      yAxis: {  
+          type: 'value',  
+          min: 0, // 确保 Y 轴从 0 开始  
+          // max 可以根据需要设置，但通常不需要为了固定柱子高度而设置  
+		  axisLabel: {
+		  	  color: '#000',
+		        formatter: function (value) {
+		          return that.sleepStateChange(value);
+		        }
+		      },
+      },  
+      series: [  
+          // 透明柱子，占满整个柱子空间  
+          {  
+              data: data2?data2:[],  
+              type: 'bar',  
+              stack: 'stackGroup',  
+              itemStyle: {  
+                  color: 'rgba(0,0,0,0)' // 透明颜色  
+              },  
+              barGap: '-100%', // 设置柱子间距为负值，让柱子紧挨在一起  
+              barMaxWidth: '30px' // 根据需要调整柱子宽度  
+          },  
+          // 有色柱子，只显示上半部分（固定高度）  
+          {  
+              data: adjustedData, // 固定高度数据  
+              type: 'bar',  
+              stack: 'stackGroup', // 与透明系列使用相同的叠加组名  
+              itemStyle: {  
+                  color: function(params) {
+					  console.log('params='+JSON.stringify(params))
+					  if(data2 && data2[params.dataIndex] == 0){
+						  return '#e2e2e2'
+					  }else if(data2 && data2[params.dataIndex] == 10){
+						  return '#d8c6ff'
+					  }else if(data2 && data2[params.dataIndex] == 20){
+						  return '#c6b3ff'
+					  }else if(data2 && data2[params.dataIndex] == 30){
+						  return '#b090ff'
+					  }else{
+						  return '';
+					  }
+                  } 
+              },  
+              barGap: '-100%', // 保持与透明系列相同的柱子间距  
+              barMaxWidth: '30px' // 保持与透明系列相同的宽度  
+          }  
+      ]  
+  };
+  chart11.setOption(option, true);
+}
+
+var homeApi = "https://haold.aidsleep.cn";
+var homeApi_http = "http://haold.aidsleep.cn";
+var homeApi_http_port = "8123";
+var homeApi_https = "https://haold.aidsleep.cn";
+const aipushApi = "https://aipush.aidsleep.cn";
+const token_15 = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJiN2JlOGE0MDExZjY0NjA2OGUxYjJiZTE4M2Y2NzU0NSIsImlhdCI6MTcxMTYxNDY2NCwiZXhwIjoyMDI2OTc0NjY0fQ.XJ73cXAoEsouTgvgpNVobq9oKdwlJr88TiAFLYlaahE";
+var token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJlZGVjOWI3YWQ0MTQ0ZTIxYWQ1NTE1Nzc5NTkzNjBjNiIsImlhdCI6MTcxMjEzNTM2MywiZXhwIjoyMDI3NDk1MzYzfQ.IfrvdiaVuhCKsdy69JvUYhJ64bnhMT8MI1hN8R38whc";
+const token_push = "b74fd5754c5ef24cf600c39194abdaeb";
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    header: false,
+    nowDate: [{ //日历的初始化数据
+      month: 'current',
+      day: new Date().getDate(),
+      color: '#ffd700',
+      background: 'white'
+    }],
+    total1: 0,
+    total2: 0,
+    total3: 0,
+    temArr: [],
+    humArr: [],
+    clickDate: "",
+    status: "",
+
+    isShow: false,
+    
+    year: addZero(new Date().getFullYear()),
+    month: addZero(new Date().getMonth()),
+    date: addZero(new Date().getDate()),
+    hours: addZero(new Date().getHours()),
+
+    moke_data: {
+      "20240414": [
+        {
+          sleepAllTime: 902,
+          sleepFeedback: "很好"
+        },
+        {
+          sleepAllTime: 222,
+          sleepFeedback: "疲惫"
+        }
+      ],
+      "20240415": [
+        {
+          sleepAllTime: 902,
+          sleepFeedback: "很好"
+        },
+        {
+          sleepAllTime: 222,
+          sleepFeedback: "疲惫"
+        },
+        {
+          sleepAllTime: 902,
+          sleepFeedback: "很好"
+        },
+        {
+          sleepAllTime: 222,
+          sleepFeedback: "疲惫"
+        },
+        {
+          sleepAllTime: 902,
+          sleepFeedback: "很好"
+        }
+      ]
+    },
+	rdt_arr: [],
+	rrh_arr: [],
+	rhx_arr: [],
+	rsnoring_arr: [],
+	routbed_arr: [],
+	rmove_arr: [],
+	rhxstop_arr: [],
+	rsleep_arr: [],
+	
+	rdt_arrNew:[],//睡眠时间轴数据集合
+	rrh_arrNew:[],//睡眠心率数据集合
+	rhx_arrNew:[],//睡眠呼吸数据集合
+	rmove_arrNew:[],//体动状态数据集合,0-否,1-体动状态
+	rsleep_arrNew:[],//睡眠状态数据集合,0-清醒,10-浅睡,20-中睡,30-深睡
+	rsleep_arr_all_New:[],//睡眠状态数据集合,0-清醒,10-浅睡,20-中睡,30-深睡
+	durationData:[], //睡眠时长
+	sleep_duration:[], //睡眠和清醒对比
+	
+	rdeep_duration: 0,
+	rlight_duration: 0,
+	rin_duration: 0,
+	rawake_duration: 0,
+	
+	rrs_duration: 0,//入睡时长
+	routbed_count_value: 0,//离床次数
+	rsleep_eff_value: '',//睡眠效率
+	
+	rdeep_durationFormat: '',
+	rlight_durationFormat: '',
+	rin_durationFormat: '',
+	rawake_durationFormat: '',
+	
+	ravg_hx_value: 0,
+	ravg_hx_desc: '',
+	ravg_rh_value: 0,
+	ravg_rh_desc: '',
+	rscore_value: 0,
+	rscore_desc: '',
+	
+	sleep_efficiency: '',//睡眠效率
+	
+    zdTime: ["00:00","01:00","02:00","03:00","04:00","05:00",
+			,"06:00","07:00","08:00","09:00","10:00","11:00"
+			,"12:00","13:00","14:00","15:00","16:00","17:00"
+			,"18:00","19:00","20:00","21:00","22:00","23:00"],
+	zdPoint: [],
+	percentage: 75, // 初始百分比值
+	
+	canvasWidth: 0,
+	canvasHeight: 0,
+	
+	rsn: '',
+	rdate: '',
+	rtotal_duration: 0,
+	rinbed_duration: 0,
+	rgobed_time: 0,
+	routbed_time: 0,
+	rgobed_routbed: 0,
+	sleepHourSub: 0,
+	routbed_count_value: 0,
+	isButtonClicked: false, // 用来控制按钮是否被点击的标记
+	home_room: [
+		'company_laboratory',
+	    '2802',
+		],
+	isButtonPressed: false, // 用来标记按钮是否被按下
+	reportDate: '',
+	currentDate: '',
+	currentTime: '',
+	rmove_arrFrequency: 0,//体动次数
+	routbed_arrFrequency: 0,//离床次数
+	rsnoring_arrFrequency: 0,//打鼾次数
+	rhxstop_arrFrequency: 0,//呼吸暂停次数
+	sleep_durationCountA: 0,//睡眠时间
+	sns: [],
+	tvEntityIds: [],
+	ifOneMoreTV: false,//数据推送是否有多于一台电视
+	selectedValue: '', // 用于存储选中的值  
+	tvEntityIdsValue: '', // 用于存储选中的值 
+	selectedIndex: 0, // 默认选中第一个选项
+	tvEntityIdsIndex: 0, // 默认选中第一个选项
+	hotelcode: '',//酒店编码
+	roomcode: '',//房间编码
+	
+	rdeep_duration_efficiency: '',//深睡比例
+	rlight_duration_efficiency: '',//浅睡比例
+	rin_duration_efficiency: '',//中睡比例
+	isLoading: false,
+	
+	ec7: '',
+	width7: '',
+	height7: '',
+	
+	ec8: '',
+	width8: '',
+	height8: '',
+	
+	ec1: '',
+	width1: '',
+	height1: '',
+	
+	ec81: '',
+	width81: '',
+	height81: '',
+	
+	ec9: '',
+	width9: '',
+	height9: '',
+	
+	ec10: '',
+	width10: '',
+	height10: '',
+	
+	ec11: '',
+	width11: '',
+	height11: '',
+	flushChart00Flag:false,
+	arrayFourth: [ [], []],//多级选择数组
+	valueFourth: [0, 0],//多级选择结果index
+	sourceFourth: [
+	  {
+		id: 1,
+		text: '2024-05-24',
+		children: [{
+		  id: 1,
+		  text: '01:01~01:20',
+		  reportId: '11111',
+		}, {
+		  id: 2,
+		  text: '03:05~04:20',
+		  reportId: '22222',
+		}, {
+		  id: 3,
+		  text: '05:21~07:20',
+		  reportId: '33333',
+		}]
+	  },
+	  {
+		id: 2,
+		text: '2024-05-23',
+		children: [{
+		  id: 3,
+		  text: '00:01~03:20',
+		  reportId: '454545',
+		}, {
+		  id: 4,
+		  text: '00:03~06:20',
+		  reportId: '66666',
+		}]
+	  },
+	],//后台读取的所及数据源
+	reportId: '',
+	hotelname: '',
+	roomname: '',
+	pushReportId: '',//推送用：reportId
+  },
+  //点击确定选择结果时，保存结果
+    bindMultiPickerChange: function (e) {
+      var result = e.detail.value;
+	  var data = this.data.sourceFourth;
+      console.info('result='+result);
+	  console.info('result[0]='+result[0]);
+	  console.info('data[result[0]].text='+data[Number(result[0])].text);
+	  console.info('data[result[0]].children[result[1]].text='+data[Number(result[0])].children[Number(result[1])].text);
+	  this.setData({
+	    reportDate: data[Number(result[0])].text,
+		rgobed_routbed: data[Number(result[0])].children[Number(result[1])].text,
+		reportId: data[Number(result[0])].children[Number(result[1])].reportId,
+	  });
+	  this.onPickerDateTimeChange(this.data.reportId);
+    },
+    //选择列变更时，处理下级数组变更
+    bindMultiPickerColumnChange: function (e) {
+      var column = e.detail.column;
+      var index = e.detail.value;
+      var array = this.data.arrayFourth;
+	  
+      if (column == 0) {
+        array[1] = array[column][index].children;
+        this.setData({
+          arrayFourth: array
+        });
+      } else if (column == 1) {
+        //最后一列不处理
+      }
+    },
+  drawCircle: function() {
+      // 创建 canvas 上下文  
+      const ctx = wx.createCanvasContext('myCanvas');  
+    
+      // 设置圆环的颜色和样式  
+      ctx.setStrokeStyle('green'); // 圆环的颜色  
+      ctx.setLineWidth(20); // 圆环的宽度  
+    
+      // 绘制外圆  
+      ctx.beginPath();  
+      ctx.arc(80, 80, 50, 0, 2 * Math.PI); // 圆心 (100, 100)，半径 100  
+      ctx.stroke(); // 绘制外圆  
+    
+      // 绘制内圆（与外圆同圆心，但半径小20rpx，即80rpx）  
+      ctx.beginPath();  
+      ctx.arc(80, 80, 50, 0, 2 * Math.PI);  
+      ctx.setFillStyle('white'); // 设置内圆的填充颜色为白色（或者透明，取决于你希望的效果）  
+      ctx.fill(); // 填充内圆，这样圆环内部就是白色或透明的了  
+    
+      // 结束绘制并更新 canvas  
+      ctx.draw();  
+    },
+  startInterval: function () {
+    // 使用 setInterval 创建定时任务，每8秒执行一次 this.myMethod 方法 
+  	 var that = this;
+    this.intervalId = setInterval(() => {  
+		console.log(Date.now());
+    }, 6000);
+  },
+   clearInterval: function () {
+       // 清除定时任务  
+       if (this.intervalId) {  
+         clearInterval(this.intervalId);  
+         this.intervalId = null;  
+       }  
+     },
+	 tvEntityIdsChange: function(e) {
+	  var that = this;
+	  console.log('this.data.tvEntityIds_tv='+JSON.stringify(this.data.tvEntityIds))
+	  var selectedOption = this.data.tvEntityIds[e.detail.value]; 
+	  console.log('selectedOption_tv='+JSON.stringify(selectedOption))
+	  if(!this.data.tvEntityIds || !selectedOption){
+		  wx.showToast({
+		    title: '请选择需要推送的电视',  
+		    icon: 'none'  
+		  });  
+		  return;
+	  }
+	  this.setData({
+		tvEntityIdsIndex: e.detail.value,  
+		tvEntityIdsValue: selectedOption.friendly_name1,
+	  }); 
+	  this.telScreeProjection(selectedOption.entity_id);
+	},
+	tvEntityIdChange: function(e) {
+	  this.telScreeProjection();
+	},
+	onPickerChange: function(e) {
+	 var that = this;
+	 var selectedOption = this.data.sns[e.detail.value];  
+	     this.setData({
+	       selectedIndex: e.detail.value,  
+	       selectedValue: selectedOption.pos,  
+		   rsn: selectedOption.sn,
+	     }); 
+		 console.log("e.detail.value="+e.detail.value);
+		 console.log("selectedOption="+JSON.stringify(selectedOption));
+		this.getData(selectedOption.sn,this.data.hotelcode,this.data.roomcode,null); 
+		
+		//-----
+		
+		//-----
+		
+		this.selectComponent('#mychart-dom-bar00').init((canvas, width, height) => {
+		        that.initChart00(canvas, width, height,null)
+		      });
+		this.selectComponent('#mychart-dom-bar7').init((canvas, width, height) => {
+		        that.initChart7(canvas, width, height,null)
+		      });
+		this.selectComponent('#mychart-dom-bar8').init((canvas, width, height) => {
+		        that.initChart8(canvas, width, height,null)
+		      });
+		this.selectComponent('#mychart-dom-bar1').init((canvas, width, height) => {
+		        that.initChart1(canvas, width, height,null)
+		      });
+		this.selectComponent('#mychart-dom-bar81').init((canvas, width, height) => {
+		        that.initChart81(canvas, width, height,null)
+		      });
+		this.selectComponent('#mychart-dom-bar9').init((canvas, width, height) => {
+		        that.initChart9(canvas, width, height,null)
+		      });
+		this.selectComponent('#mychart-dom-bar10').init((canvas, width, height) => {
+		        that.initChart10(canvas, width, height,null)
+		      });
+		this.selectComponent('#mychart-dom-bar11').init((canvas, width, height) => {
+		        that.initChart11(canvas, width, height,null)
+		      });
+	  }, 
+	  onPickerDateTimeChange: function(reportId) {
+	   var that = this;
+	   // var selectedOption = this.data.sns[e.detail.value];  
+	   //     this.setData({
+	   //       selectedIndex: e.detail.value,  
+	   //       selectedValue: selectedOption.pos,  
+	  	//    rsn: selectedOption.sn,
+	   //     }); 
+	  	//  console.log("e.detail.value="+e.detail.value);
+	  	//  console.log("selectedOption="+JSON.stringify(selectedOption));
+	  	this.getData(that.data.sn,this.data.hotelcode,this.data.roomcode,reportId);
+		 this.selectComponent('#mychart-dom-bar00').init((canvas, width, height) => {
+		         that.initChart00(canvas, width, height,reportId)
+		       });
+	  	this.selectComponent('#mychart-dom-bar7').init((canvas, width, height) => {
+	  	        that.initChart7(canvas, width, height,reportId)
+	  	      });
+	  	this.selectComponent('#mychart-dom-bar8').init((canvas, width, height) => {
+	  	        that.initChart8(canvas, width, height,reportId)
+	  	      });
+	  	this.selectComponent('#mychart-dom-bar1').init((canvas, width, height) => {
+	  	        that.initChart1(canvas, width, height,reportId)
+	  	      });
+	  	this.selectComponent('#mychart-dom-bar81').init((canvas, width, height) => {
+	  	        that.initChart81(canvas, width, height,reportId)
+	  	      });
+	  	this.selectComponent('#mychart-dom-bar9').init((canvas, width, height) => {
+	  	        that.initChart9(canvas, width, height,reportId)
+	  	      });
+	  	this.selectComponent('#mychart-dom-bar10').init((canvas, width, height) => {
+	  	        that.initChart10(canvas, width, height,reportId)
+	  	      });
+	  	this.selectComponent('#mychart-dom-bar11').init((canvas, width, height) => {
+	  	        that.initChart11(canvas, width, height,reportId)
+	  	      });
+	    }, 
+  onButtonTap: function() {
+      // 切换按钮的样式类  
+      this.setData({  
+        isButtonPressed: !this.data.isButtonPressed  
+      });  
+    },
+  dayClick(event) { //日历点击选择日期    
+    var that = this;
+    var clickDate = String(event.detail.year) + addZero(event.detail.month) + addZero(event.detail.day)
+    // that.getTargetData(clickDate)
+    console.log("change date", that.data.target_sleep_list)
+    flushChart(that.data.target_sleep_list)
+
+    that.setData({
+      nowDate: [{
+        month: 'current',
+        day: event.detail.day,
+        color: 'white',
+        background: '#82d5f8'
+      }, {
+        month: 'current',
+        day: new Date().getDate(),
+        color: '#ffd700',
+        background: 'white'
+      }],
+      clickDate: clickDate,
+      ec: {
+        onInit: that.construct_sleep_plot
+      }
+    })
+  },
+
+  getTargetData(date) {
+    var that = this;
+    var sleep_data = wx.getStorageSync("sleep_data")
+    console.log("find date is", date)
+    if (sleep_data || that.data.moke_data){
+      if (date == "20240414" || date == "20240415"){
+        var parse_sleep_data = that.data.moke_data[date]
+      }else{
+        var parse_sleep_data = JSON.parse(sleep_data)[date]
+      }
+      var sleep_cnt = 0
+      if (parse_sleep_data){
+        sleep_cnt = parse_sleep_data.length;
+      }
+      var sleep_time = 0.0;
+      var sleep_desc = "";
+      var sleep_tj_map = {
+        '早醒': 0,
+        '疲惫': 0,
+        '多梦': 0,
+        '很好': 0
+      };
+      var slepp_sugg = "";
+      var target_sleep_list = [];
+      for (var i in parse_sleep_data){
+        var fix_sleep_tm = (parse_sleep_data[i].sleepAllTime / 60).toFixed(1);
+        sleep_time += parseFloat(fix_sleep_tm);
+        sleep_tj_map[parse_sleep_data[i].sleepFeedback] += 1
+        target_sleep_list.push(parseFloat(fix_sleep_tm))
+      }
+      
+      for(var j in sleep_tj_map){
+        if (sleep_tj_map[j] > 0){
+          sleep_desc += j + String(sleep_tj_map[j]) + " 次."
+        }
+      }
+      switch (sleep_cnt) {
+        case 5:
+          slepp_sugg = "继续保持睡前良好状态";
+          break;
+        case 1:
+          slepp_sugg = "学会释放工作压力";
+          break;
+        case 2:
+          slepp_sugg = "睡前一小时不要进行有氧运动";
+          break;
+        case 3:
+          slepp_sugg = "睡前尽量不要摄入高热量餐饮";
+          break;
+        case 0:
+          slepp_sugg = "还未产生睡眠报告";
+          break;
+        case 4:
+          slepp_sugg = "做一些助眠工作";
+          break;
+      }
+      that.setData({
+        data_dispaly: true,
+        sleep_cnt: sleep_cnt,
+        sleep_time: sleep_time.toFixed(1),
+        sleep_desc: sleep_desc,
+        slepp_sugg: slepp_sugg,
+        target_sleep_list: target_sleep_list,
+		ec0: {onInit: target_sleep_list},
+        ec: {onInit: target_sleep_list},
+		ec1: {onInit: target_sleep_list},
+		ec2: {onInit: target_sleep_list},
+		ec3: {onInit: target_sleep_list},
+		ec4: {onInit: target_sleep_list},
+      })
+    }
+  },
+
+initChart000(canvas, width, height){
+	var that = this;
+	chart000 = echarts.init(canvas, null, {
+		width: width,
+		height: height
+	});
+	console.log("plot in ......")
+	canvas.setChart(chart000);
+	flushChart000();
+  },
+  
+initChart00(canvas, width, height,reportId){
+		var that = this;
+		wx.request({
+		  url: `${aipushApi}`+'/getsn', 
+		  data: {
+					 // "hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+					 // "roomcode":that.data.hotelcode?that.data.roomcode:"nuange",
+					 "hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+					 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+					 "token":token_push},
+		  method: 'POST',
+		  success(res) {
+			try {
+					if(res && res.data && res.data[0]){
+					   that.setData({
+                             roomname: res.data[0].rn
+                           });
+						console.log("res.data=sn="+JSON.stringify(res.data));
+						wx.request({
+					  url: `${aipushApi}`+'/getsingle',
+					  data: {
+						  "sn":that.data.rsn?that.data.rsn:res.data[0].sn,
+						  "rpids":reportId,
+						  "token":token_push},
+					  method: 'POST',
+					  success(ress) {
+						  if(ress && ress.data){
+								// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+								try {
+									let rscore_descTemp = [];
+									if(ress.data.results.rscore_desc){
+										rscore_descTemp = ress.data.results.rscore_desc;
+									}
+									let rscore_valueTemp = [];
+									if(ress.data.results.rscore_value){
+										rscore_valueTemp = ress.data.results.rscore_value;
+									}
+									that.setData({
+										rscore_desc:rscore_descTemp,
+										rscore_value:rscore_valueTemp,
+									});
+								  chart00 = echarts.init(canvas, null, {
+									width: width,
+									height: height
+								  });
+								  console.log("plot in ......")
+								  canvas.setChart(chart00);
+								  flushChart00(rscore_descTemp,rscore_valueTemp,that);
+								  } catch (error) {
+								  console.error(error);
+								}
+								// console.log("that.data.rdt_arrNew1,that.data.rrh_arrNew1="+that.data.rdt_arrNew+","+that.data.rrh_arrNew);
+								// console.log("");
+							  }
+						}
+						
+					});
+					}
+					
+			} catch (error) {
+			  console.error(error);
+			}
+		
+		  },
+		})
+	  },
+	initChart0(canvas, width, height){
+		var that = this;
+		chart0 = echarts.init(canvas, null, {
+		  width: width,
+		  height: height
+		});
+		console.log("plot in ......")
+		canvas.setChart(chart0);
+		var percentage = parseFloat(that.data.percentage)
+		var unPercentage = 100-percentage;
+		var percentages = []
+		var obj = {};
+		obj.name = '已完成';
+		obj.value = percentage;
+		percentages.push(obj);
+		obj = {};
+		obj.name = '未完成';
+		obj.value = unPercentage;
+		percentages.push(obj);
+		console.log("that.data.rdt_arrNew,that.data.rrh_arrNew="+that.data.rdt_arrNew+","+that.data.rrh_arrNew);
+		flushChart0(percentages);
+	  },
+	  
+  initChart(canvas, width, height){
+    var that = this;
+    chart = echarts.init(canvas, null, {
+      width: width,
+      height: height
+    });
+    console.log("plot in ......")
+    canvas.setChart(chart);
+    flushChart(that.data.target_sleep_list)
+  },
+
+	initChart1(canvas, width, height,reportId){
+		var that = this;
+		wx.request({
+		  url: `${aipushApi}`+'/getsn', 
+		  data: {
+					 // "hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+					 // "roomcode":that.data.hotelcode?that.data.roomcode:"nuange",
+					 "hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+					 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+					 "token":token_push},
+		  method: 'POST',
+		  success(res) {
+			try {
+					if(res && res.data && res.data[0]){
+					    that.setData({
+                         roomname: res.data[0].rn
+                       });
+						console.log("res.data=sn="+JSON.stringify(res.data));
+						wx.request({
+					  url: `${aipushApi}`+'/getsingle',
+					  data: {
+						  "sn":that.data.rsn?that.data.rsn:res.data[0].sn,
+								 "token":token_push,
+								 "rpids":reportId},
+					  method: 'POST',
+					  success(ress) {
+						  if(ress && ress.data){
+								// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+								try {
+									let rdt_arrTemp = [];
+									if(ress.data.results.rrh_arr){
+										rdt_arrTemp = that.splitN(ress.data.results.rdt_arr.split(","),100);
+									}
+									if(ress.data.results.rdate){
+										that.setData({  
+										      reportDate: ress.data.results.rdate  
+										    });
+									}
+									let rrh_arrTemp = [];
+									if(ress.data.results.rrh_arr){
+										rrh_arrTemp = that.splitN(ress.data.results.rrh_arr.split(","),100);
+									}
+								   that.setData({
+									rdt_arrNew:rdt_arrTemp,
+									rrh_arrNew:rrh_arrTemp,
+								  });
+								  chart1 = echarts.init(canvas, null, {
+									  width: width,
+									  height: height
+									});
+									// console.log("plot in ......")
+									canvas.setChart(chart1);
+									console.log("that.data.rdt_arrNew,that.data.rrh_arrNew="+that.data.rdt_arrNew+","+that.data.rrh_arrNew);
+									flushChart1(that.data.rdt_arrNew,that.data.rrh_arrNew);
+								  } catch (error) {
+								  console.error(error);
+								}
+								// console.log("that.data.rdt_arrNew1,that.data.rrh_arrNew1="+that.data.rdt_arrNew+","+that.data.rrh_arrNew);
+								// console.log("");
+							  }
+						}
+						
+					});
+					}
+					
+			} catch (error) {
+			  console.error(error);
+			}
+		
+		  },
+		})
+	  },
+	  initChart2(canvas, width, height){
+	  	var that = this;
+	  	wx.request({
+		  url: `${aipushApi}`+'/getsn', 
+		  data: {"hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+					 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+					 "token":token_push},
+		  method: 'POST',
+		  success(res) {
+			try {
+					if(res && res.data && res.data[0]){
+                        that.setData({
+                         roomname: res.data[0].rn
+                       });
+						wx.request({
+						  url: `${aipushApi}`+'/getsingle',
+						  data: {"sn":res.data[0].sn,
+									 "token":token_push},
+						  method: 'POST',
+						  success(ress) {
+							  if(ress&&ress.data){
+									// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+									try {
+										let durationDataTemp = [];
+										let obj = {};
+										obj.name = '深睡';
+										obj.value = ress.data.results.rdeep_duration;
+										durationDataTemp.push(obj);
+										obj = {};
+										obj.name = '中睡';
+										obj.value = ress.data.results.rin_duration;
+										durationDataTemp.push(obj);
+										obj = {};
+										obj.name = '浅睡';
+										obj.value = ress.data.results.rlight_duration;
+										durationDataTemp.push(obj);
+										obj = {};
+										obj.name = '清醒';
+										obj.value = ress.data.results.rawake_duration;
+										durationDataTemp.push(obj);
+									  console.log("durationDataTemp="+JSON.stringify(durationDataTemp));
+									   that.setData({
+										durationData:durationDataTemp,
+									  });
+									  chart2 = echarts.init(canvas, null, {
+										  width: width,
+										  height: height
+										});
+										// console.log("plot in ......")
+										canvas.setChart(chart2);
+										flushChart2(that.data.durationData)
+									  } catch (error) {
+									  console.error(error);
+									}
+									// console.log("that.data.rdt_arrNew1,that.data.rrh_arrNew1="+that.data.rdt_arrNew+","+that.data.rrh_arrNew);
+									// console.log(""); 
+							  }
+						  },
+						});
+					}	
+			} catch (error) {
+			  console.error(error);
+			}
+		
+		  },
+		})
+	    },
+		initChart3(canvas, width, height){
+			var that = this;
+			wx.request({
+			  url: `${aipushApi}`+'/getsn', 
+			  data: {"hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+						 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+						 "token":token_push},
+			  method: 'POST',
+			  success(res) {
+				try {
+						if(res && res.data && res.data[0]){
+						   that.setData({
+                            roomname: res.data[0].rn
+                          });
+							wx.request({
+							  url: `${aipushApi}`+'/getsingle',
+							  data: {"sn":res.data[0].sn,
+										 "token":token_push},
+							  method: 'POST',
+							  success(ress) {
+								  if(ress && ress.data){
+										// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+										try {
+											let rdt_arrTemp = [];
+											if(ress.data.results.rrh_arr){
+												rdt_arrTemp = that.splitN(ress.data.results.rdt_arr.split(","),100);
+											}
+											let rhx_arrTemp = [];
+											if(ress.data.results.rhx_arr){
+												rhx_arrTemp = that.splitN(ress.data.results.rhx_arr.split(","),100);
+											}
+										   that.setData({
+											rdt_arrNew:rdt_arrTemp,
+											rhx_arrNew:rhx_arrTemp,
+										  });
+										  chart3 = echarts.init(canvas, null, {
+											  width: width,
+											  height: height
+											});
+											console.log("plot in ......")
+											canvas.setChart(chart3);
+											flushChart3(that.data.rdt_arrNew,that.data.rhx_arrNew)
+										  } catch (error) {
+										  console.error(error);
+										}
+										// console.log("that.data.rdt_arrNew1,that.data.rrh_arrNew1="+that.data.rdt_arrNew+","+that.data.rrh_arrNew);
+										// console.log("");
+								  }
+							  },
+							});	
+						}	
+				} catch (error) {
+				  console.error(error);
+				}
+			
+			  },
+			})
+		  },
+		  initChart11(canvas, width, height,reportId){
+		  	var that = this;
+		  	wx.request({
+		  	  url: `${aipushApi}`+'/getsn', 
+		  	  data: {"hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+		  				 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+		  				 "token":token_push},
+		  	  method: 'POST',
+		  	  success(res) {
+		  		try {
+		  				if(res && res.data && res.data[0]){
+		  				    that.setData({
+                             roomname: res.data[0].rn
+                           });
+		  					wx.request({
+		  					  url: `${aipushApi}`+'/getsingle',
+		  					  data: {"sn":that.data.rsn?that.data.rsn:res.data[0].sn,
+		  								 "token":token_push,
+										 "rpids":reportId},
+		  					  method: 'POST',
+		  					  success(ress) {
+		  						  if(ress && ress.data){
+		  								// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+		  								try {
+		  									let rdt_arrTemp = [];
+		  									if(ress.data.results.rrh_arr){
+		  										rdt_arrTemp = that.splitN(ress.data.results.rdt_arr.split(","),100);
+		  									}
+		  									let rsleep_arr_Temp = [];
+		  									if(ress.data.results.rsleep_arr){
+		  										rsleep_arr_Temp = that.splitN(ress.data.results.rsleep_arr.split(","),100);
+		  									}
+		  								   that.setData({
+		  									rdt_arrNew:rdt_arrTemp,
+		  									rsleep_arr:rsleep_arr_Temp,
+											rdeep_durationFormat: that.convertTimeToHoursAndMinutes(ress.data.results.rdeep_duration,1),
+											rlight_durationFormat: that.convertTimeToHoursAndMinutes(ress.data.results.rlight_duration,1),
+											rin_durationFormat: that.convertTimeToHoursAndMinutes(ress.data.results.rin_duration,1),
+											rawake_durationFormat: that.convertTimeToHoursAndMinutes(ress.data.results.rawake_duration,1),
+		  								  });
+										  
+										  console.log('ress.data.results.rdeep_duration='+ress.data.results.rdeep_duration);
+										  console.log('ress.data.results.rlight_duration='+ress.data.results.rlight_duration);
+										  console.log('ress.data.results.rin_duration='+ress.data.results.rin_duration);
+										  console.log('ress.data.results.rawake_duration='+ress.data.results.rawake_duration);
+										  
+		  								  chart11 = echarts.init(canvas, null, {
+		  									  width: width,
+		  									  height: height
+		  									});
+		  									console.log("plot in ......")
+		  									canvas.setChart(chart11);
+		  									flushChart11(that.data.rdt_arrNew,that.data.rsleep_arr,that)
+		  								  } catch (error) {
+		  								  console.error(error);
+		  								}
+		  								console.log("that.data.rsleep_arr="+that.data.rsleep_arr);
+		  								console.log("");
+		  						  }
+		  					  },
+		  					});	
+		  				}	
+		  		} catch (error) {
+		  		  console.error(error);
+		  		}
+		  	
+		  	  },
+		  	})
+		    },
+		  initChart4(canvas, width, height){
+		  	var that = this;
+		  	wx.request({
+			  url: `${aipushApi}`+'/getsn', 
+			  data: {"hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+						 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+						 "token":token_push},
+			  method: 'POST',
+			  success(res) {
+				try {
+					if(res && res.data && res.data[0]){
+					    that.setData({
+                         roomname: res.data[0].rn
+                       });
+						wx.request({
+						  url: `${aipushApi}`+'/getsingle',
+						  data: {"sn":res.data[0].sn,
+									 "token":token_push},
+						  method: 'POST',
+						  success(ress) {
+							  if(ress && ress.data){
+									// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+									try {
+										  let sleep_durationCount = 0;
+										  if(ress.data.results.rdeep_duration){
+											  sleep_durationCount += parseFloat(ress.data.results.rdeep_duration)
+										  }
+										  if(ress.data.results.rlight_duration){
+											  sleep_durationCount += parseFloat(ress.data.results.rlight_duration)
+										  }
+										  if(ress.data.results.rin_duration){
+											  sleep_durationCount += parseFloat(ress.data.results.rin_duration)
+										  }
+										  let sleep_durationTemp = [];
+										  // let data1 = [];
+										  let obj1 = {};
+										  obj1.name = '睡眠时间';
+										  obj1.value = Math.ceil(sleep_durationCount / 60);
+										  sleep_durationTemp.push(obj1);
+										  // data1.push(obj1);
+										  // let data2 = [];
+										  obj1 = {};
+										  obj1.name = '清醒时间';
+										  obj1.value = Math.ceil(parseFloat(ress.data.results.rawake_duration) / 60);
+										  sleep_durationTemp.push(obj1);
+										  // data2.push(obj1);
+									   that.setData({
+										sleep_duration:sleep_durationTemp,
+									  });
+									  chart4 = echarts.init(canvas, null, {
+										  width: width,
+										  height: height
+										});
+										console.log("plot in ......")
+										canvas.setChart(chart4);
+										// console.log("that.data.sleep_duration="+JSON.stringify(that.data.sleep_duration))
+										flushChart4(that.data.sleep_duration)
+									  } catch (error) {
+									  console.error(error);
+									}
+									console.log("");
+							  }
+						  },
+						});
+					}		
+				} catch (error) {
+				  console.error(error);
+				}
+			
+			  },
+			})
+		    },
+			initChart5(canvas, width, height){
+				var that = this;
+				wx.request({
+				  url: `${aipushApi}`+'/getsn', 
+				  data: {"hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+							 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+							 "token":token_push},
+				  method: 'POST',
+				  success(res) {
+					  if(res && res.data && res.data[0]){
+					   that.setData({
+                        roomname: res.data[0].rn
+                      });
+						try {
+							wx.request({
+							  url: `${aipushApi}`+'/getsingle',
+							  data: {"sn":res.data[0].sn,
+										 "token":token_push},
+							  method: 'POST',
+							  success(ress) {
+								  if(ress && ress.data){
+										// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+										try {
+											  let rdt_arrTemp = [];
+											  if(ress.data.results.rrh_arr){
+												rdt_arrTemp = that.splitN(ress.data.results.rdt_arr.split(","),100);
+											  }
+											  let rsleep_arrTemp = [];
+											  if(ress.data.results.rsleep_arr){
+												rsleep_arrTemp = that.splitN(ress.data.results.rsleep_arr.split(","),100);
+											  }
+										   that.setData({
+											rdt_arrNew:rdt_arrTemp,
+											rsleep_arrNew:rsleep_arrTemp,
+											
+										  });
+										  chart5 = echarts.init(canvas, null, {
+										  width: width,
+										  height: height
+										});
+										console.log("plot in ......")
+										canvas.setChart(chart5);
+										flushChart5(that.data.rdt_arrNew,that.data.rsleep_arrNew,that)
+										  } catch (error) {
+										  console.error(error);
+										}
+										console.log("that.data.rdt_arrNew1,that.data.rrh_arrNew1="+that.data.rdt_arrNew+","+that.data.rrh_arrNew);
+										console.log("");
+								  }
+							  },
+							});	
+						} catch (error) {
+						  console.error(error);
+						}  
+					  }
+				  },
+				})
+			  },
+			initChart6(canvas, width, height){
+				var that = this;	
+				wx.request({
+				  url: `${aipushApi}`+'/getsn', 
+				  data: {"hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+							 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+							 "token":token_push},
+				  method: 'POST',
+				  success(res) {
+					try {
+							if(res && res.data && res.data[0]){
+							that.setData({
+                                roomname: res.data[0].rn
+                              });
+								wx.request({
+							  url: `${aipushApi}`+'/getsingle',
+							  data: {"sn":res.data[0].sn,
+										 "token":token_push},
+							  method: 'POST',
+							  success(ress) {
+								  if(ress && ress.data){
+										// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+										try {
+											var rsleep_arr_all_Temp = [];
+											if(ress.data.results.rsleep_arr){
+												rsleep_arr_all_Temp = ress.data.results.rsleep_arr.split(",");
+											}
+										  
+										   that.setData({
+											rdt_arr: that.splitN(ress.data.results.rdt_arr?ress.data.results.rdt_arr.split(','):[],100),
+											rsleep_arr_all: that.splitN(rsleep_arr_all_Temp,100),
+											rgobed_time: ress.data.results.rgobed_time,
+											routbed_time: ress.data.results.routbed_time,
+											rgobed_routbed: ress.data.results.rgobed_time + '~' + ress.data.results.routbed_time,
+										  });
+										  chart6 = echarts.init(canvas, null, {
+											  width: width,
+											  height: height
+											});
+											console.log("plot in ......")
+											canvas.setChart(chart6);
+											// var list = that.getRsleep_arr(ress.data.results.rsleep_arr?ress.data.results.rsleep_arr.split(","):[])
+											flushChart6(that.data.rdt_arr,that.data.rsleep_arr_all,that.data.rgobed_time,that.data.routbed_time,that)
+										  } catch (error) {
+										  console.error(error);
+										}
+										console.log("that.data.rdt_arrNew1,that.data.rrh_arrNew1="+that.data.rdt_arrNew+","+that.data.rrh_arrNew);
+										console.log("");
+								  }
+							  },
+							});
+							}		
+					} catch (error) {
+					  console.error(error);
+					}
+				
+				  },
+				})
+			  },
+			  initChart7(canvas, width, height,reportId){//离床次数
+			  	var that = this;	
+			  	wx.request({
+			  	  url: `${aipushApi}`+'/getsn', 
+			  	  data: {"hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+			  				 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+			  				 "token":token_push},
+			  	  method: 'POST',
+			  	  success(res) {
+			  		try {
+			  				if(res && res.data && res.data[0]){
+			  				that.setData({
+                                roomname: res.data[0].rn
+                              });
+			  					wx.request({
+			  				  url: `${aipushApi}`+'/getsingle',
+			  				  data: {"sn":that.data.rsn?that.data.rsn:res.data[0].sn,
+			  							 "token":token_push,
+										 "rpids":reportId},
+			  				  method: 'POST',
+			  				  success(ress) {
+			  					  if(ress && ress.data){
+			  							// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+			  							try {
+			  								var routbed_arr_Temp = [];
+			  								if(ress.data.results.routbed_arr){
+			  									routbed_arr_Temp = ress.data.results.routbed_arr.split(",");
+			  								}
+			  							  
+			  							   that.setData({
+			  								// rdt_arr: that.splitN(ress.data.results.rdt_arr?ress.data.results.rdt_arr.split(','):[],100),
+			  								// routbed_arr: that.splitN(routbed_arr_Temp,100),
+											rdt_arr: ress.data.results.rdt_arr?ress.data.results.rdt_arr.split(','):[],
+											routbed_arr: routbed_arr_Temp,
+			  								rgobed_time: ress.data.results.rgobed_time,
+			  								routbed_time: ress.data.results.routbed_time,
+											rgobed_routbed: ress.data.results.rgobed_time + '~' + ress.data.results.routbed_time,
+			  							  });
+			  							  chart7 = echarts.init(canvas, null, {
+			  								  width: width,
+			  								  height: height
+			  								});
+			  								console.log("plot in ......")
+			  								canvas.setChart(chart7);
+			  								// var list = that.getRsleep_arr(ress.data.results.rsleep_arr?ress.data.results.rsleep_arr.split(","):[])
+			  								// flushChart7(that.takePortionDateData(that.data.rdt_arr,that.data.routbed_arr,0),that.takePortionData(that.data.routbed_arr,0),that.data.routbed_time,that)
+											flushChart7(that.data.rdt_arr,that.data.routbed_arr,that.data.routbed_time,that)
+										  } catch (error) {
+			  							  console.error(error);
+			  							}
+			  							console.log("that.data.routbed_arr="+that.data.routbed_arr);
+			  							console.log("");
+			  					  }
+			  				  },
+			  				});
+			  				}		
+			  		} catch (error) {
+			  		  console.error(error);
+			  		}
+			  	
+			  	  },
+			  	})
+			    },
+				initChart8(canvas, width, height,reportId){//体动次数
+					var that = this;	
+					wx.request({
+					  url: `${aipushApi}`+'/getsn', 
+					  data: {"hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+								 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+								 "token":token_push},
+					  method: 'POST',
+					  success(res) {
+						try {
+								if(res && res.data && res.data[0]){
+								that.setData({
+                                    roomname: res.data[0].rn
+                                  });
+									wx.request({
+								  url: `${aipushApi}`+'/getsingle',
+								  data: {"sn":that.data.rsn?that.data.rsn:res.data[0].sn,
+											 "token":token_push,
+											 "rpids":reportId},
+								  method: 'POST',
+								  success(ress) {
+									  if(ress && ress.data){
+											// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+											try {
+												var rmove_arr_Temp = [];
+												if(ress.data.results.rmove_arr){
+													rmove_arr_Temp = ress.data.results.rmove_arr.split(",");
+												}
+											  
+											   that.setData({
+												rdt_arr: that.splitN(ress.data.results.rdt_arr?ress.data.results.rdt_arr.split(','):[],100),
+												rmove_arr: that.splitN(rmove_arr_Temp,100),
+												rgobed_time: ress.data.results.rgobed_time,
+												routbed_time: ress.data.results.routbed_time,
+												rgobed_routbed: ress.data.results.rgobed_time + '~' + ress.data.results.routbed_time,
+											  });
+											  chart8 = echarts.init(canvas, null, {
+												  width: width,
+												  height: height
+												});
+												console.log("plot in ......")
+												canvas.setChart(chart8);
+												// var list = that.getRsleep_arr(ress.data.results.rsleep_arr?ress.data.results.rsleep_arr.split(","):[])
+												flushChart8(that.data.rdt_arr,that.data.rmove_arr,that.data.rgobed_time,that.data.routbed_time,that)
+											  } catch (error) {
+											  console.error(error);
+											}
+											console.log("c8_that.data.rmove_arr="+that.data.rmove_arr);
+											console.log("");
+									  }
+								  },
+								});
+								}		
+						} catch (error) {
+						  console.error(error);
+						}
+					
+					  },
+					})
+				  },
+				  initChart81(canvas, width, height,reportId){//平均呼吸率
+				  	var that = this;	
+				  	wx.request({
+				  	  url: `${aipushApi}`+'/getsn', 
+				  	  data: {"hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+				  				 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+				  				 "token":token_push},
+				  	  method: 'POST',
+				  	  success(res) {
+				  		try {
+				  				if(res && res.data && res.data[0]){
+				  				that.setData({
+                                    roomname: res.data[0].rn
+                                  });
+				  					wx.request({
+				  				  url: `${aipushApi}`+'/getsingle',
+				  				  data: {"sn":that.data.rsn?that.data.rsn:res.data[0].sn,
+				  							 "token":token_push,
+											 "rpids":reportId},
+				  				  method: 'POST',
+				  				  success(ress) {
+				  					  if(ress && ress.data){
+				  							// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+				  							try {
+				  								var rhx_arr_Temp = [];
+				  								if(ress.data.results.rhx_arr){
+				  									rhx_arr_Temp = ress.data.results.rhx_arr.split(",");
+				  								}
+				  							  
+				  							   that.setData({
+				  								rdt_arr: that.splitN(ress.data.results.rdt_arr?ress.data.results.rdt_arr.split(','):[],100),
+				  								rhx_arr: that.splitN(rhx_arr_Temp,100),
+				  								rgobed_time: ress.data.results.rgobed_time,
+				  								routbed_time: ress.data.results.routbed_time,
+												rgobed_routbed: ress.data.results.rgobed_time + '~' + ress.data.results.routbed_time,
+				  							  });
+				  							  chart81 = echarts.init(canvas, null, {
+				  								  width: width,
+				  								  height: height
+				  								});
+				  								console.log("plot in ......")
+				  								canvas.setChart(chart81);
+				  								// var list = that.getRsleep_arr(ress.data.results.rsleep_arr?ress.data.results.rsleep_arr.split(","):[])
+				  								flushChart81(that.data.rdt_arr,that.data.rhx_arr,that.data.rgobed_time,that.data.routbed_time,that)
+				  							  } catch (error) {
+				  							  console.error(error);
+				  							}
+				  							console.log("c81_that.data.ravg_hx_value="+that.data.ravg_hx_value);
+				  							console.log("");
+				  					  }
+				  				  },
+				  				});
+				  				}		
+				  		} catch (error) {
+				  		  console.error(error);
+				  		}
+				  	
+				  	  },
+				  	})
+				    },
+				  initChart9(canvas, width, height,reportId){//体动次数
+				  	var that = this;	
+				  	wx.request({
+				  	  url: `${aipushApi}`+'/getsn', 
+				  	  data: {"hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+				  				 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+				  				 "token":token_push},
+				  	  method: 'POST',
+				  	  success(res) {
+				  		try {
+				  				if(res && res.data && res.data[0]){
+				  				that.setData({
+                                    roomname: res.data[0].rn
+                                  });
+				  					wx.request({
+				  				  url: `${aipushApi}`+'/getsingle',
+				  				  data: {"sn":that.data.rsn?that.data.rsn:res.data[0].sn,
+				  							 "token":token_push,
+											 "rpids":reportId},
+				  				  method: 'POST',
+				  				  success(ress) {
+				  					  if(ress && ress.data){
+				  							// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+				  							try {
+				  								var rsnoring_arr_Temp = [];
+				  								if(ress.data.results.rsnoring_arr){
+				  									rsnoring_arr_Temp = ress.data.results.rsnoring_arr.split(",");
+				  								}
+				  							  
+				  							   that.setData({
+				  								rdt_arr: that.splitN(ress.data.results.rdt_arr?ress.data.results.rdt_arr.split(','):[],100),
+				  								rsnoring_arr: that.splitN(rsnoring_arr_Temp,100),
+				  								rgobed_time: ress.data.results.rgobed_time,
+				  								routbed_time: ress.data.results.routbed_time,
+												rgobed_routbed: ress.data.results.rgobed_time + '~' + ress.data.results.routbed_time,
+				  							  });
+				  							  chart9 = echarts.init(canvas, null, {
+				  								  width: width,
+				  								  height: height
+				  								});
+				  								console.log("plot in ......")
+				  								canvas.setChart(chart9);
+				  								// var list = that.getRsleep_arr(ress.data.results.rsleep_arr?ress.data.results.rsleep_arr.split(","):[])
+				  								flushChart9(that.data.rdt_arr,that.data.rsnoring_arr,that.data.rgobed_time,that.data.routbed_time,that)
+				  							  } catch (error) {
+				  							  console.error(error);
+				  							}
+				  							console.log("c8_that.data.rmove_arr="+that.data.rmove_arr);
+				  							console.log("");
+				  					  }
+				  				  },
+				  				});
+				  				}		
+				  		} catch (error) {
+				  		  console.error(error);
+				  		}
+				  	
+				  	  },
+				  	})
+				    },
+					initChart10(canvas, width, height,reportId){//体动次数
+						var that = this;	
+						wx.request({
+						  url: `${aipushApi}`+'/getsn', 
+						  data: {"hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+									 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+									 "token":token_push},
+						  method: 'POST',
+						  success(res) {
+							try {
+									if(res && res.data && res.data[0]){
+									that.setData({
+                                        roomname: res.data[0].rn
+                                      });
+										wx.request({
+									  url: `${aipushApi}`+'/getsingle',
+									  data: {"sn":that.data.rsn?that.data.rsn:res.data[0].sn,
+												 "token":token_push,
+											     "rpids":reportId},
+									  method: 'POST',
+									  success(ress) {
+										  if(ress && ress.data){
+												// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+												try {
+													var rhxstop_arr_Temp = [];
+													if(ress.data.results.rhxstop_arr){
+														rhxstop_arr_Temp = ress.data.results.rhxstop_arr.split(",");
+													}
+												  
+												   that.setData({
+													rdt_arr: that.splitN(ress.data.results.rdt_arr?ress.data.results.rdt_arr.split(','):[],100),
+													rhxstop_arr: that.splitN(rhxstop_arr_Temp,100),
+													rgobed_time: ress.data.results.rgobed_time,
+													routbed_time: ress.data.results.routbed_time,
+													rgobed_routbed: ress.data.results.rgobed_time + '~' + ress.data.results.routbed_time,
+												  });
+												  chart10 = echarts.init(canvas, null, {
+													  width: width,
+													  height: height
+													});
+													console.log("plot in ......")
+													canvas.setChart(chart10);
+													// var list = that.getRsleep_arr(ress.data.results.rsleep_arr?ress.data.results.rsleep_arr.split(","):[])
+													flushChart10(that.data.rdt_arr,that.data.rhxstop_arr,that.data.rgobed_time,that.data.routbed_time,that)
+												  } catch (error) {
+												  console.error(error);
+												}
+												console.log("c8_that.data.rhxstop_arr="+that.data.rhxstop_arr);
+												console.log("");
+										  }
+									  },
+									});
+									}		
+							} catch (error) {
+							  console.error(error);
+							}
+						
+						  },
+						})
+					  },
+			  getRsleep_arr(list){
+				  if(list){
+					   console.log("getRsleep_arr_list1=="+JSON.stringify(list));
+					for (let i = 0; i < list.length; i++) {
+					if (list[i] == '0') {
+					  list[i] = '清醒'; 
+					}else if (list[i] == '10') {  
+					  list[i] = '浅睡'; 
+					}else if (list[i] == '20') {  
+					  list[i] = '中睡'; 
+					}else if (list[i] == '30') {  
+					  list[i] = '深睡'; 
+					}else{
+					  list[i] = '其他';
+					}
+				  }  
+				  }
+				  console.log("getRsleep_arr_list2=="+JSON.stringify(list));
+			  },
+			  getFrequency(list){//获取
+			  				  if(list){
+			  					   console.log("getRsleep_arr_list1=="+JSON.stringify(list));
+			  					for (let i = 0; i < list.length; i++) {
+			  					if (list[i] == '0') {
+			  					  list[i] = '清醒'; 
+			  					}else if (list[i] == '10') {  
+			  					  list[i] = '浅睡'; 
+			  					}else if (list[i] == '20') {  
+			  					  list[i] = '中睡'; 
+			  					}else if (list[i] == '30') {  
+			  					  list[i] = '深睡'; 
+			  					}else{
+			  					  list[i] = '其他';
+			  					}
+			  				  }  
+			  				  }
+			  				  console.log("getRsleep_arr_list2=="+JSON.stringify(list));
+			  },
+			  initChart12(canvas, width, height){//体动次数
+			  	var that = this;	
+			  	wx.request({
+			  	  url: `${aipushApi}`+'/getsn', 
+			  	  data: {"hotelcode":that.data.hotelcode?that.data.hotelcode:"club",
+			  				 "roomcode":that.data.roomcode?that.data.roomcode:"nuange",
+			  				 "token":token_push},
+			  	  method: 'POST',
+			  	  success(res) {
+			  		try {
+			  				if(res && res.data && res.data[0]){
+			  				that.setData({
+                                roomname: res.data[0].rn
+                              });
+			  					wx.request({
+			  				  url: `${aipushApi}`+'/getsingle',
+			  				  data: {"sn":res.data[0].sn,
+			  							 "token":token_push},
+			  				  method: 'POST',
+			  				  success(ress) {
+			  					  if(ress && ress.data){
+			  							// console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+			  							try {
+			  								var rsnoring_arr_Temp = [];
+			  								if(ress.data.results.rsnoring_arr){
+			  									rsnoring_arr_Temp = ress.data.results.rsnoring_arr.split(",");
+			  								}
+			  							  
+			  							   that.setData({
+			  								rdt_arr: that.splitN(ress.data.results.rdt_arr?ress.data.results.rdt_arr.split(','):[],100),
+			  								rsnoring_arr: that.splitN(rsnoring_arr_Temp,100),
+			  								rgobed_time: ress.data.results.rgobed_time,
+			  								routbed_time: ress.data.results.routbed_time,
+											rgobed_routbed: ress.data.results.rgobed_time + '~' + ress.data.results.routbed_time,
+			  							  });
+			  							  chart9 = echarts.init(canvas, null, {
+			  								  width: width,
+			  								  height: height
+			  								});
+			  								console.log("plot in ......")
+			  								canvas.setChart(chart9);
+			  								// var list = that.getRsleep_arr(ress.data.results.rsleep_arr?ress.data.results.rsleep_arr.split(","):[])
+			  								flushChart9(that.data.rdt_arr,that.data.rsnoring_arr,that.data.rgobed_time,that.data.routbed_time,that)
+			  							  } catch (error) {
+			  							  console.error(error);
+			  							}
+			  							console.log("c8_that.data.rmove_arr="+that.data.rmove_arr);
+			  							console.log("");
+			  					  }
+			  				  },
+			  				});
+			  				}		
+			  		} catch (error) {
+			  		  console.error(error);
+			  		}
+			  	
+			  	  },
+			  	})
+			    },
+			sleepStateChange(data){
+				console.log("change-data=="+data)
+				switch(data) {
+				        case 0:
+				            return '清醒';
+				        case 10:
+				            return '浅睡';
+				        case 20:
+				            return '中睡';
+				        case 30:
+				            return '深睡';
+				        default:
+				            return '';
+				        }
+			  },
+			  sleepRoutbed_arrChange(data){
+			  	console.log("change-data=="+data)
+			  	switch(data) {
+			  	        case 0:
+			  	            return '离床';
+			  	        case 1:
+			  	            return '在床';
+			  	        default:
+			  	            return '';
+			  	        }
+			    },
+				sleepRmove_arrChange(data){
+					console.log("change-data=="+data)
+					switch(data) {
+					        case 0:
+					            return '否';
+					        case 1:
+					            return '体动';
+					        default:
+					            return '';
+					        }
+				  },
+				  sleepRsnoring_arrChange(data){
+				  	console.log("change-data=="+data)
+				  	switch(data) {
+				  	        case 0:
+				  	            return '否';
+				  	        case 1:
+				  	            return '打鼾';
+				  	        default:
+				  	            return '';
+				  	        }
+				    },
+					sleepRhxstop_arrChange(data){
+						console.log("change-data=="+data)
+						switch(data) {
+						        case 0:
+						            return '否';
+						        case 1:
+						            return '停止';
+						        default:
+						            return '';
+						        }
+					  },
+			splitN(originalArray,n){
+				if(!originalArray) return [];
+				// 计算每份的大小  
+				let chunkSize = Math.ceil(originalArray.length / n);  
+				  
+				// 分割数组并获取每份的最后一个元素  
+				let lastElements = [];  
+				for (let i = 0; i < originalArray.length; i += chunkSize) {  
+				  let chunk = originalArray.slice(i, i + chunkSize);  
+				  lastElements.push(chunk[chunk.length - 1]);  
+				}
+				// 输出每份的最后一个元素  
+				console.log('lastElements='+lastElements);
+				return lastElements;
+			},
+			takePortionDateData(rdt_arrArray,originalArray,n){
+				if(!rdt_arrArray || !originalArray) return [];
+				var portionDateData = [];
+				var portionData = [];
+				for (let i = 0; i < originalArray.length; i ++) {  
+				  if(originalArray[i] == n){
+					  portionDateData.push(rdt_arrArray[i]);
+					  portionData.push(originalArray[i]);
+				  } else{
+					  
+				  }
+				}
+				console.log('portionDateData='+JSON.stringify(portionDateData));
+				return portionDateData;
+			},
+			takePortionData(originalArray,n){
+				if(!originalArray) return [];
+				var portionData = [];
+				for (let i = 0; i < originalArray.length; i ++) {  
+				  if(originalArray[i] == n){
+					  portionData.push(originalArray[i])
+				  } else{
+					  
+				  }
+				}
+				console.log('portionData='+JSON.stringify(portionData));
+				return portionData;
+			},
+			getFrequency(list,o){//获取次数
+				if(!list) return 0;
+				let frequency = 0;
+				for (let i = 0; i < list.length; i++) {  
+				  if(list[i] == o) frequency++;
+				}
+				console.log('frequency='+frequency);
+				return frequency;
+			},
+			getTimeDiffInHours: function(startTimeStr, endTimeStr) {  
+				// 假设两个时间都是同一天的，这里我们使用当前日期作为基准  
+				if(!startTimeStr || !endTimeStr) return null;
+				const now = new Date();  
+				const startDate = new Date(now.getFullYear(), now.getMonth(), now.getDate(), ...startTimeStr.split(':').map(Number));  
+				const endDate = new Date(now.getFullYear(), now.getMonth(), now.getDate(), ...endTimeStr.split(':').map(Number));  
+			  
+				// 处理跨天的情况  
+				if (endDate < startDate) {  
+					endDate.setDate(endDate.getDate() + 1); // 将结束时间设置为第二天的同一时间  
+				}  
+			  
+				// 计算时间差（毫秒）  
+				const diffInMs = endDate - startDate;  
+			  
+				// 转换为小时  
+				const diffInHours = diffInMs / (1000 * 60 * 60);  
+			  
+				return diffInHours;  
+			},
+			drawProgressCircle: function() {
+			    const ctx = wx.createCanvasContext('progressCircleCanvas');  
+				// 假设屏幕的宽度为 windowWidth px  
+				const windowWidth = wx.getSystemInfoSync().windowWidth;  
+				  
+				// 假设你有一个以 rpx 为单位的值  
+				const valueInRpx = 300;  
+				  
+				// 计算对应的 px 值  
+				const valueInPx = (valueInRpx / 750) * windowWidth;
+				
+			    const radius = 60; // 圆的半径  
+			    const centerX = valueInPx; // 圆心的x坐标  
+			    const centerY = valueInPx/2; // 圆心的y坐标  
+			    const strokeWidth = 10; // 进度条的宽度  
+			    const percentage = this.data.percentage; // 进度百分比  
+			      
+			    // 绘制外圆  
+			    ctx.beginPath();  
+			    ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI);  
+			    ctx.setStrokeStyle('#46ff81'); // 外圆颜色  
+			    ctx.setLineWidth(strokeWidth * 2); // 外圆线宽  
+			    ctx.stroke();  
+			      
+			    // 绘制内圆（进度条背景）  
+			    ctx.beginPath();  
+			    ctx.arc(centerX, centerY, radius - strokeWidth, 0, 2 * Math.PI);  
+			    ctx.setStrokeStyle('#e0e0e0'); // 内圆颜色  
+			    ctx.setLineWidth(strokeWidth); // 内圆线宽  
+			    ctx.stroke();  
+			      
+			    // 绘制进度条  
+			    ctx.beginPath();  
+			    ctx.arc(centerX, centerY, radius - strokeWidth, -0.5 * Math.PI, -0.5 * Math.PI + 2 * Math.PI * (percentage / 100));  
+			    ctx.setStrokeStyle('#007aff'); // 进度条颜色  
+			    ctx.setLineWidth(strokeWidth);  
+			    ctx.setLineCap('round'); // 设置线条端点的样式为圆形  
+			    ctx.stroke();  
+			      
+			    // 绘制中心圆点  
+			    ctx.beginPath();  
+			    ctx.arc(centerX, centerY, 5, 0, 2 * Math.PI);  
+			    ctx.setFillStyle('#ffffff');  
+			    ctx.fill();  
+			      
+			    // 绘制完成，将内容渲染到canvas中  
+			    ctx.draw();  
+			  },  
+			    // 假设你有一个方法来更新进度条的值  
+			    updateProgress: function(newPercentage) {
+			      this.setData({  
+			        percentage: newPercentage  
+			      });  
+			      this.drawProgressCircle(); // 重新绘制进度条  
+			    },
+				
+				buttonClicked: function() {
+					var that = this;
+				    // 切换按钮的点击状态  
+				    this.setData({  
+				      isButtonClicked: !that.data.isButtonClicked,  
+				    });  
+				      
+				    // 在这里可以添加其他点击后的逻辑，比如调用接口等  
+				  },
+				  
+				  telScreeProjection: function(tvEntityId) {
+					  var that = this;
+					  that.setData({
+						isLoading: true,  
+					  });
+				      wx.request({
+						url: `${aipushApi}`+'/getbigreport', 
+						method: 'POST',
+						 header: {
+								  'content-type': 'application/json', // 默认值
+								  'Authorization': 'Bearer ' + token // 在头部设置认证信息，例如使用Bearer Token
+						  },
+						data:{
+						    "sn":that.data.rsn,"tokens":token_push
+						},
+						success(ress) {
+							console.log('wx.getStorageSync(tvEntityId)='+wx.getStorageSync('tvEntityId'));
+							console.log('tvEntityId='+JSON.stringify(tvEntityId));
+							let tvEntityIdss = tvEntityId?tvEntityId:wx.getStorageSync('tvEntityId')
+							if(ress && ress.data && tvEntityIdss){
+								console.log("ress.data=="+JSON.stringify(ress.data.url));
+								console.log("tvEntityIdss=="+tvEntityIdss);
+								wx.request({
+									// url: `${homeApi_http}`+':'+`${homeApi_http_port}`+'/api/services/media_player/play_media', //http 
+									// url: `${homeApi_https}`+'/api/services/media_player/play_media',  //https
+									url: `${homeApi_https}`+'/api/services/media_player/select_source',  //https
+									method: 'POST',
+									 header: {
+											  'content-type': 'application/json', // 默认值
+											  'Authorization': 'Bearer ' + token // 在头部设置认证信息，例如使用Bearer Token
+									  },
+									data:{
+									    "entity_id": tvEntityIdss,
+									//     "media_content_id": ress.data.url,
+										// "media_content_id": 'https://alifei01.cfp.cn/creative/vcg/800/new/VCG41175510742.jpg',
+										// "media_content_id": 'https://alifei01.cfp.cn/creative/vcg/veer/1600water/veer-368621010.jpg',
+									//     "media_content_type": "image/jpeg/png",
+										"source": "X浏览器"
+									},
+									success(res) {
+									that.setData({
+										isLoading: false,  
+									});
+									if(res && res.data){
+										var resData = res.data
+										console.log('res-推送='+JSON.stringify(res));
+										console.log('res.data-推送='+JSON.stringify(resData));
+										wx.showToast({
+									    title: "推送成功",
+									    icon: "success",
+									    mask: true,
+									  });
+									}else{
+										wx.showToast({
+										  title: '推送失败',  
+										  icon: 'none'  
+										}); 
+									}
+									},
+									fail: function (error) {  
+									    // 请求失败后的回调函数  
+									    console.error('推送失败', error);  
+									    // 在这里处理请求失败的情况，比如显示错误信息给用户  
+										that.setData({
+											isLoading: false,  
+										});
+									    wx.showToast({  
+									      title: '推送失败',  
+									      icon: 'none'  
+									    });  
+									  }
+								});
+							}else{
+								that.setData({
+									isLoading: false,  
+								});
+								wx.showToast({
+								  title: '找不到电视，推送失败',  
+								  icon: 'none'  
+								}); 
+							}
+						},
+						});
+				    },
+					getData(sn,hotelcode,roomcode,reportId){
+							var that = this;
+							wx.request({
+							  url: `${aipushApi}`+'/getsn', 
+							  data: {"hotelcode":hotelcode?hotelcode:"club",
+										 "roomcode":roomcode?roomcode:"nuange",
+										 "token":token_push},
+							  method: 'POST',
+							  success(res) {
+								
+								try {
+								  // that.setData({
+								  //   airText: now.category, //空气质量
+								  //   airValue: now.aqi //空气指数
+								  // })
+									if(res && res.data && res.data[0]){
+									that.setData({
+                                        roomname: res.data[0].rn
+                                      });
+										console.log("res.data-sn="+JSON.stringify(res.data));
+										wx.request({
+										  url: `${aipushApi}`+'/getsingle',
+										  data: {"sn":sn?sn:res.data[0].sn,
+													 "token":token_push,
+													 "rpids":reportId},
+										  method: 'POST',
+										  success(ress) {
+											try {
+												if(ress && ress.data){
+													console.log('ress.data-getsingle='+JSON.stringify(ress.data.results));
+												  // that.setData({
+												  //   airText: now.category, //空气质量
+												  //   airValue: now.aqi //空气指数
+												  // })
+												  // rdt_arr = ress.data.results.rdt_arr //睡眠时间轴数据集合
+												  // rrh_arr =  ress.data.results.rdt_arr//睡眠心率数据集合
+												  // rhx_arr =  ress.data.results.rhx_arr//睡眠呼吸数据集合
+												  // rsnoring_arr =  ress.data.results.rsnoring_arr//睡眠打鼾数据集合,0-否,1-打鼾状态
+												  // routbed_arr =  ress.data.results.routbed_arr//离床状态数据集合,0-离床,1-在床
+												  // rmove_arr =  ress.data.results.rmove_arr//体动状态数据集合,0-否,1-体动状态
+												  // rhxstop_arr =  ress.data.results.rhxstop_arr//呼吸停止状态数据集合
+												  // rsleep_arr =  ress.data.results.rsleep_arr//睡眠状态数据集合,0-清醒,10-浅睡,20-中睡,30-深睡
+												  
+												  // rdeep_duration =  ress.data.results.rdeep_duration//深睡时长,单位分钟
+												  // rlight_duration =  ress.data.results.rlight_duration//浅睡时长,单位分钟
+												  // rin_duration =  ress.data.results.rin_duration//中睡时长,单位分钟
+												  // rawake_duration =  ress.data.results.rawake_duration//清醒时长,单位分钟
+												  // ravg_hx_value =  ress.data.results.ravg_hx_value//呼吸平均值
+												  // ravg_hx_desc =  ress.data.results.ravg_hx_desc//呼吸平均值评分描述
+												  // ravg_rh_value =  ress.data.results.ravg_rh_value//心率平均值
+												  // ravg_rh_desc =  ress.data.results.ravg_rh_desc//心率平均值评分描述
+												  // rscore_value =  ress.data.results.rscore_value//睡眠报告得分值
+												  // rscore_desc =  ress.data.results.rscore_desc//睡眠报告得分评比描述
+												  
+												  
+												 //  that.setData({
+												 //    rdt_arr: ress.data.results.rdt_arr?ress.data.results.rdt_arr.split(','):[],
+													// rrh_arr: ress.data.results.rrh_arr?ress.data.results.rrh_arr.split(','):[],
+													// rhx_arr: ress.data.results.rhx_arr?ress.data.results.rhx_arr.split(','):[],
+													// rsnoring_arr: ress.data.results.rsnoring_arr?ress.data.results.rsnoring_arr.split(','):[],
+													// routbed_arr: ress.data.results.routbed_arr?ress.data.results.routbed_arr.split(','):[],
+													// rmove_arr: ress.data.results.rmove_arr?ress.data.results.rmove_arr.split(','):[],
+													// rhxstop_arr: ress.data.results.rhxstop_arr?ress.data.results.rhxstop_arr.split(','):[],
+													// rsleep_arr: ress.data.results.rsleep_arr?ress.data.results.rsleep_arr.split(','):[],
+													
+													// rdeep_duration: ress.data.results.rdeep_duration,
+													// rlight_duration: ress.data.results.rlight_duration,
+													// rin_duration: ress.data.results.rin_duration,
+													// rawake_duration: ress.data.results.rawake_duration,
+													// ravg_hx_value: ress.data.results.ravg_hx_value,
+													// ravg_hx_desc: ress.data.results.ravg_hx_desc,
+													// ravg_rh_value: ress.data.results.ravg_rh_value,
+													// ravg_rh_desc: ress.data.results.ravg_rh_desc,
+													// rscore_value: ress.data.results.rscore_value,
+													// rscore_desc: ress.data.results.rscore_desc,
+													
+													// rsn: ress.data.results.rsn,
+													// rdate: ress.data.results.rdate,
+													// rtotal_duration: ress.data.results.rtotal_duration,//睡眠总时长,单位分钟
+													// rinbed_duration: ress.data.results.rinbed_duration,//在床时长,单位分钟
+													// rgobed_time: ress.data.results.rgobed_time,//上床时间
+													// routbed_time: ress.data.results.routbed_time,//离床时间
+													// routbed_count_value: ress.data.results.routbed_count_value,//离床次数
+													// rsn: ress.data.results.rsn,
+													
+												 //  });
+												  
+													let durationDataTemp = [];
+													let obj = {};
+													obj.name = '深睡';
+													obj.value = ress.data.results.rdeep_duration;
+													durationDataTemp.push(obj);
+													obj = {};
+													obj.name = '浅睡';
+													obj.value = ress.data.results.rlight_duration;
+													durationDataTemp.push(obj);
+													obj = {};
+													obj.name = '中睡';
+													obj.value = ress.data.results.rin_duration;
+													durationDataTemp.push(obj);
+													obj = {};
+													obj.name = '清醒';
+													obj.value = ress.data.results.rawake_duration;
+													durationDataTemp.push(obj);
+												  console.log("durationDataTemp="+JSON.stringify(durationDataTemp));
+												  
+												  let sleep_durationCount = 0;
+												  if(ress.data.results.rdeep_duration){
+													  sleep_durationCount += parseFloat(ress.data.results.rdeep_duration)
+												  }
+												  if(ress.data.results.rlight_duration){
+													  sleep_durationCount += parseFloat(ress.data.results.rlight_duration)
+												  }
+												  if(ress.data.results.rin_duration){
+													  sleep_durationCount += parseFloat(ress.data.results.rin_duration)
+												  }
+												  
+												  let sleep_efficiency_temp = ress.data.results.rtotal_duration?(Math.ceil((sleep_durationCount / ress.data.results.rtotal_duration)*100)+'%'):'%'
+												  
+												  let rdeep_duration_efficiency_temp = ress.data.results.rtotal_duration?(Math.ceil(((ress.data.results.rdeep_duration?parseFloat(ress.data.results.rdeep_duration):0) / ress.data.results.rtotal_duration)*100)+'%'):'%'
+												  let rlight_duration_efficiency_temp = ress.data.results.rtotal_duration?(Math.ceil(((ress.data.results.rlight_duration?parseFloat(ress.data.results.rlight_duration):0) / ress.data.results.rtotal_duration)*100)+'%'):'%'
+												  let rin_duration_efficiency_temp = ress.data.results.rtotal_duration?(Math.ceil(((ress.data.results.rin_duration?parseFloat(ress.data.results.rin_duration):0) / ress.data.results.rtotal_duration)*100)+'%'):'%'
+												  
+												  
+												  let sleep_durationTemp = [];
+												  let obj1 = {};
+												  obj1.name = '睡眠时间';
+												  obj1.value = Math.ceil(sleep_durationCount / 60);
+												  sleep_durationTemp.push(obj1);
+												  obj1 = {};
+												  obj1.name = '清醒时间';
+												  obj1.value = Math.ceil(parseFloat(ress.data.results.rawake_duration) / 60);
+												  sleep_durationTemp.push(obj1);
+												  
+												  let zdPointTemp = [];
+													let rdt_arrTemp = [];
+													  
+													let rrh_arrTemp = [];
+								
+													let rhx_arrTemp = [];
+								
+													
+													let rmove_arrTemp = [];
+													
+													let rsleep_arrTemp = [];	
+													
+													let rsleep_arr_all_Temp = [];
+													
+													if(ress.data.results.rrh_arr){
+														rdt_arrTemp = that.splitN(ress.data.results.rdt_arr.split(","),100);
+													}
+													
+													if(ress.data.results.rrh_arr){
+														rrh_arrTemp = that.splitN(ress.data.results.rrh_arr.split(","),100);
+													}
+													if(ress.data.results.rhx_arr){
+														rhx_arrTemp = that.splitN(ress.data.results.rhx_arr.split(","),100);
+													}
+													if(ress.data.results.rmove_arr){
+														rmove_arrTemp = that.splitN(ress.data.results.rmove_arr.split(","),100);
+													}
+													if(ress.data.results.rsleep_arr){
+														rsleep_arrTemp = that.splitN(ress.data.results.rsleep_arr.split(","),100);
+													}
+													
+													if(ress.data.results.rsleep_arr){
+														rsleep_arr_all_Temp = ress.data.results.rsleep_arr.split(",");
+													}
+													
+													console.log("rdt_arrTemp="+JSON.stringify(rdt_arrTemp));
+													console.log("rrh_arrTemp="+JSON.stringify(rrh_arrTemp));
+													console.log("rhx_arrTemp="+JSON.stringify(rhx_arrTemp));
+													console.log("rmove_arrTemp="+JSON.stringify(rmove_arrTemp));
+													console.log("rsleep_arrTemp="+JSON.stringify(rsleep_arrTemp));
+													console.log("rsleep_arr_all_Temp="+JSON.stringify(rsleep_arr_all_Temp));
+													console.log("sleep_durationTemp="+JSON.stringify(sleep_durationTemp));
+													
+													
+													
+													that.setData({
+														
+														rdt_arr: ress.data.results.rdt_arr?ress.data.results.rdt_arr.split(','):[],
+														rrh_arr: ress.data.results.rrh_arr?ress.data.results.rrh_arr.split(','):[],
+														rhx_arr: ress.data.results.rhx_arr?ress.data.results.rhx_arr.split(','):[],
+														rsnoring_arr: ress.data.results.rsnoring_arr?ress.data.results.rsnoring_arr.split(','):[],
+														routbed_arr: ress.data.results.routbed_arr?ress.data.results.routbed_arr.split(','):[],
+														rmove_arr: ress.data.results.rmove_arr?ress.data.results.rmove_arr.split(','):[],
+														rhxstop_arr: ress.data.results.rhxstop_arr?ress.data.results.rhxstop_arr.split(','):[],
+														rsleep_arr: ress.data.results.rsleep_arr?ress.data.results.rsleep_arr.split(','):[],
+														
+														rsnoring_arrFrequency: that.getFrequency(ress.data.results.rsnoring_arr?ress.data.results.rsnoring_arr.split(','):[],1),
+														routbed_arrFrequency: that.getFrequency(ress.data.results.routbed_arr?ress.data.results.routbed_arr.split(','):[],0),
+														rmove_arrFrequency: that.getFrequency(ress.data.results.rmove_arr?ress.data.results.rmove_arr.split(','):[],1),
+														rhxstop_arrFrequency: that.getFrequency(ress.data.results.rhxstop_arr?ress.data.results.rhxstop_arr.split(','):[],1),
+														
+														rdeep_duration: that.convertTimeToHoursAndMinutes(ress.data.results.rdeep_duration),
+														rlight_duration: ress.data.results.rlight_duration,
+														rin_duration: ress.data.results.rin_duration,
+														rawake_duration: ress.data.results.rawake_duration,
+														ravg_hx_value: ress.data.results.ravg_hx_value,
+														ravg_hx_desc: ress.data.results.ravg_hx_desc,
+														ravg_rh_value: ress.data.results.ravg_rh_value,
+														ravg_rh_desc: ress.data.results.ravg_rh_desc,
+														rscore_value: ress.data.results.rscore_value,
+														rscore_desc: ress.data.results.rscore_desc,
+														
+														rsn: ress.data.results.rsn,
+														rdate: ress.data.results.rdate,
+														rtotal_duration: that.convertTimeToHoursAndMinutes(ress.data.results.rtotal_duration),//睡眠总时长,单位小时分钟
+														rinbed_duration: that.convertTimeToHoursAndMinutes(ress.data.results.rinbed_duration),//在床时长,单位小时分钟
+														rgobed_time: ress.data.results.rgobed_time,//上床时间
+														routbed_time: ress.data.results.routbed_time,//离床时间
+														rgobed_routbed: ress.data.results.rgobed_time + '~' + ress.data.results.routbed_time,
+														sleepHourSub: that.getTimeDiffInHours(ress.data.results.rgobed_time,ress.data.results.routbed_time),
+														routbed_count_value: ress.data.results.routbed_count_value,//离床次数
+														rsn: ress.data.results.rsn,
+														zdPointT:zdPointTemp,
+														rdt_arrNew:rdt_arrTemp,
+														rrh_arrNew:rrh_arrTemp,
+														rhx_arrNew:rhx_arrTemp,
+														rmove_arrNew:rmove_arrTemp,
+														rsleep_arrNew:rsleep_arrTemp,
+														rsleep_arr_all_New:rsleep_arr_all_Temp,
+														durationData:durationDataTemp,
+														sleep_duration:sleep_durationTemp,
+														sleep_efficiency:sleep_efficiency_temp,
+														sleep_durationCountA:that.convertTimeToHoursAndMinutes(sleep_durationCount?sleep_durationCount.toString():'0'),
+														sns:res.data,
+														tvEntityIds:wx.getStorageSync('tvEntityIds'),
+														ifOneMoreTV:(wx.getStorageSync('tvEntityIds') && wx.getStorageSync('tvEntityIds').length>1),
+														hotelname:res.data[0].hn,
+														rdeep_duration_efficiency:rdeep_duration_efficiency_temp,
+														rlight_duration_efficiency:rlight_duration_efficiency_temp,
+														rin_duration_efficiency:rin_duration_efficiency_temp,
+														pushReportId:ress.data.results.rdid,
+														
+														rrs_duration:that.convertTimeToHoursAndMinutes(ress.data.results.rrs_duration?ress.data.results.rrs_duration.toString():'0'),
+														routbed_count_value:ress.data.results.routbed_count_value,
+														rsleep_eff_value:ress.data.results.rsleep_eff_value,
+														});
+														
+														that.getDateTimeJsonData(sn?sn:res.data[0].sn);
+														// resolve(ress.data); // 请求成功，使用 resolve 返回数据
+														console.log('ress.data.results-'+ress.data.results)
+														if(!ress.data.results || ress.data.results == ''){
+															wx.showModal({
+															  title: '提示',
+															  content: '无数据',
+															  showCancel: false
+															});
+															return;
+														}
+														
+													}else{
+														wx.showModal({
+														  title: '提示',
+														  content: '无数据',
+														  showCancel: false
+														});
+													}
+											  } catch (error) {
+											  console.error(error);
+											}
+											console.log("that.data.rdt_arrNew1,that.data.rrh_arrNew1="+that.data.rdt_arrNew+","+that.data.rrh_arrNew);
+											console.log("");
+										  },
+										  fail: function (error) {
+											  wx.showToast({
+											    title: "无数据",
+											    icon: "error",
+											    mask: true,
+											  });
+											} 
+										});
+									}		
+									// that.startInterval();
+								} catch (error) {
+								  console.error(error);
+								}
+							  },
+							});
+							
+							
+							wx.request({
+							  url: `${aipushApi}/getha`, //
+							  method: 'POST',
+							 //   header: {
+								// 	  'content-type': 'application/json', // 默认值
+								// 	  'Authorization': 'Bearer ' + token // 在头部设置认证信息，例如使用Bearer Token
+								// },
+								data:{
+								     "locations":hotelcode,"room":(hotelcode && hotelcode.includes('hotel'))?roomcode:"","token":token_push
+								 },
+							  success(res) {
+								  if(!res || !res.data){
+									  that.setData({
+										isLoading: false,  
+									  });
+									  return;
+								  }
+								  
+								var resData = res.data
+								console.log('res.data.睡眠报告.ha='+JSON.stringify(resData));
+								if (res.data.code == "400") {
+								  console.error("400错误！");
+								  return;
+								}
+								if (res.data.code == "401") {
+								  console.error("401错误！");
+								  return;
+								}
+								
+								homeApi_https = resData.loc;
+								token = resData.token;
+							  },
+							  fail: function (error) {
+								  console.error('error', error);  
+								  that.setData({
+									isLoading: false,  
+								  });
+								} 
+							});
+										
+					},
+					convertTimeToHoursAndMinutes: function(timeWithText,flag) {
+						if(!timeWithText) return;
+					    // 移除'分钟'两个字  
+					    var minutesStr = timeWithText.replace('分钟', '');  
+					    var minutes = parseInt(minutesStr); // 将字符串转换为整数  
+					      
+					    if (isNaN(minutes)) {  
+					      // 如果转换失败，则可能是输入的不是有效的数字  
+					      console.error('Invalid minutes format');  
+					      return;  
+					    }  
+					      
+					    var hours = Math.floor(minutes / 60); // 整除60得到小时数  
+					    var remainingMinutes = minutes % 60; // 取余得到剩余的分钟数  
+					      
+					    // 如果小时数或分钟数小于10，前面补0  
+					    // var formattedHours = hours < 10 ? '0' + hours : hours;  
+						var formattedHours = hours;
+					    // var formattedMinutes = remainingMinutes < 10 ? '0' + remainingMinutes : remainingMinutes;
+						var formattedMinutes = remainingMinutes;
+					      
+					    // 拼接小时和分钟，形成HH:mm格式 
+						 var formattedTime = '';
+						if(flag){
+							formattedTime = formattedHours + 'H ' + formattedMinutes + 'M';
+						}else{
+							formattedTime = formattedHours + '小时' + formattedMinutes;
+						}
+					      
+					    // 更新数据  
+					    // this.setData({  
+					    //   formattedTime: formattedTime  
+					    // });  
+						return formattedTime;
+					  }, 
+	getDateTimeJsonData: function(sn) {
+		var that = this;
+		var sourceFourthTemp = [];  
+		wx.request({
+		  url: `${aipushApi}/getdatefromsn`, //
+		  method: 'POST',
+		 //   header: {
+			// 	  'content-type': 'application/json', // 默认值
+			// 	  'Authorization': 'Bearer ' + token // 在头部设置认证信息，例如使用Bearer Token
+			// },
+			data:{
+			     "sn":sn,"token":token_push
+			 },
+		  success(res) {
+			  if(!res || !res.data || !res.data.results){
+				  return;
+			  }
+			
+			var resDataSn = res.data.results
+			console.log('resDataSn===='+JSON.stringify(resDataSn))
+			var tt = 0;
+			resDataSn.forEach(function(item, index) {  
+			  wx.request({
+				  url: `${aipushApi}/getimefromsn`, //
+				  method: 'POST',
+				 //   header: {
+					// 	  'content-type': 'application/json', // 默认值
+					// 	  'Authorization': 'Bearer ' + token // 在头部设置认证信息，例如使用Bearer Token
+					// },
+					data:{
+					     "sn":sn,"date":item.rdate,"token":token_push
+					 },
+				  success(ress) {
+					  if(!ress || !ress.data || !ress.data.results){
+						  return;
+					  }
+					var resDataItem = ress.data.results;
+					resDataItem.forEach(function(item_item, index) {  
+					  item_item.text = item_item.durations;
+					  item_item.reportId = item_item.rpids;
+					});
+					var json = {};
+					json.text = item.rdate;
+					json.children = resDataItem;
+					sourceFourthTemp.push(json);
+					console.log('sourceFourthTemp0='+JSON.stringify(sourceFourthTemp));
+					if (tt == (resDataSn.length - 1)) {
+						console.log('sourceFourthTemp='+JSON.stringify(sourceFourthTemp));
+						
+						// 使用 sort 方法进行排序
+						sourceFourthTemp.sort(function(a, b) {  
+						  // 将字符串转换为 Date 对象  
+						  let dateA = new Date(a.text);  
+						  let dateB = new Date(b.text);  
+						  if (dateA < dateB) {  
+						    return 1;  
+						  }  
+						  if (dateA > dateB) {  
+						    return -1;  
+						  }  
+						  // 如果日期相等，返回 0  
+						  return 0;  
+						});
+						console.log('sourceFourthTemp1='+JSON.stringify(sourceFourthTemp));
+						//初始化弹出面板
+						var array = that.data.arrayFourth;
+						array[0] = sourceFourthTemp;
+						array[1] = array[0][0].children;
+						 
+						that.setData({
+							valueFourth: [0, 0],
+							sourceFourth: sourceFourthTemp, 
+							arrayFourth: array,
+						})
+						tt = 0;
+					}
+					tt++
+				  },
+				  fail: function (error) {
+				
+					  console.error('error', error);  
+					} 
+				});
+			});
+			
+		  },
+		  fail: function (error) {
+			  console.error('error', error);  
+			} ,
+		  complete: function (e) {
+		  }
+		});		
+	},
+	// 在全局或者组件中定义函数  
+	fontSize: function(res) {  
+	  const clientWidth = wx.getSystemInfoSync().windowWidth; // 获取屏幕宽度  
+	  if (!clientWidth) return;  
+	  let fontSize = clientWidth / 1920; // 假设以1920为基准宽度  
+	  return res * fontSize;  
+	},
+  /**			
+   * 生命周期函数--监听页面加载
+   */
+  onShow: function(options) {
+    var that = this;
+	console.log("that.data.month + 1", that.data.month + 1)
+	var clickDate = String(that.data.year) + String(that.data.month) + String(that.data.date)
+	clickDate = String(parseInt(clickDate) + 100)
+	// that.getTargetData(clickDate)
+	that.setData({
+	  clickDate: clickDate,
+	  // ec000: {
+	  //   onInit: that.initChart000
+	  // },
+	  ec00: {
+	    onInit: that.initChart00
+	  },
+	  ec0: {
+	    onInit: that.initChart0
+	  },
+	  ec: {
+	    onInit: that.initChart
+	  },
+	  ec1: {
+	    onInit: that.initChart1
+	  },
+	  ec2: {
+	    onInit: that.initChart2
+	  },
+	  ec3: {
+	    onInit: that.initChart3
+	  },
+	  ec4: {
+	    onInit: that.initChart4
+	  },
+	  ec5: {
+	    onInit: that.initChart5
+	  },
+	  ec6: {
+	    onInit: that.initChart6
+	  },
+	  ec7: {
+	    onInit: that.initChart7
+	  },
+	  ec8: {
+	    onInit: that.initChart8
+	  },
+	  ec81: {
+	    onInit: that.initChart81
+	  },
+	  ec9: {
+	    onInit: that.initChart9
+	  },
+	  ec10: {
+	    onInit: that.initChart10
+	  },
+	  ec11: {
+	    onInit: that.initChart11
+	  },
+	});
+	
+	
+
+  },
+onLoad(option){
+	var that = this;
+	console.log("data页面");
+  // wx.clearStorage();
+  console.log('option.res='+JSON.stringify(wx.getStorageSync('res')));
+  if(!wx.getStorageSync('res') || !wx.getStorageSync('res').result){
+	  wx.showModal({
+	    title: '提示',
+	    content: '请先扫描房间二维码',
+	    showCancel: false
+	  });
+
+	  setTimeout(function() {
+	      wx.reLaunch({
+	      		url: '/pages/scan/scan',
+	      })
+	    }, 2000) // 设置延时时间，单位为毫秒
+  }else if(wx.getStorageSync('res').result.split('|').length != 2){
+	  wx.showModal({
+	    title: '提示',
+	    content: '房间二维码不正确，请重新扫码',
+	    showCancel: false
+	  });
+	  
+	  setTimeout(function() {
+	      wx.reLaunch({
+	      		url: '/pages/scan/scan',
+	      })
+	    }, 2000) // 设置延时时间，单位为毫秒
+  }else{
+	  // const expiresAt = wx.getStorageSync('scanResultExpiresAt');
+	  // const now = Date.now() 
+	  // if (expiresAt || expiresAt < now) {
+	  //   // 扫码结果已过期  
+	  //   wx.showToast({
+	  //     title: '扫码结果失效或已过期，请重新扫码',  
+	  //     icon: 'none'  
+	  //   });
+	  //   // 清除过期的扫码结果  
+	  //   wx.removeStorageSync('scanResultExpiresAt');  
+	  //   setTimeout(function() {
+	  //       wx.reLaunch({
+	  //       		url: '/pages/scan/scan',
+	  //       })
+	  //     }, 2000) // 设置延时时间，单位为毫秒
+	  	
+	  // }else{
+	  // 	//续期
+	  // 	wx.setStorageSync('scanResultExpiresAt', Date.now() + 2 * 60 * 60 * 1000)
+	  // }
+	  
+	  let hotelcodeTemp = '';
+	  let roomcodeTemp = '';
+	  
+	  hotelcodeTemp = wx.getStorageSync('res').result.split('|')[0];
+	  roomcodeTemp = wx.getStorageSync('res').result.split('|')[1];
+	  this.getData(null,hotelcodeTemp,roomcodeTemp,null);
+	  // const result = await this.getData();
+	  // console.log('result='+JSON.stringify(result));
+	  	this.drawProgressCircle(); 
+	  	// 获取系统信息  
+	  	const systemInfo = wx.getSystemInfoSync();  
+	  	const windowWidth = systemInfo.windowWidth; // 窗口宽度  
+	  	  
+	  	// 计算canvas的宽度和高度  
+	  	const canvasWidth = windowWidth; // 可以根据需求调整canvas的宽度  
+	  	const canvasHeight = windowWidth * 0.5; // 假设高度是宽度的一半，可以根据需求调整  
+	  	  
+	  	  
+	  	// var now = new Date(); // 创建一个Date对象，表示当前的日期和时间  
+	  	// var year = now.getFullYear(); // 获取年份  
+	  	// var month = now.getMonth() + 1; // 获取月份（注意月份是从0开始的，所以需要+1）  
+	  	// var date = now.getDate(); // 获取日期  
+	  	// var hours = now.getHours(); // 获取小时  
+	  	// var minutes = now.getMinutes(); // 获取分钟  
+	  	// var seconds = now.getSeconds(); // 获取秒  
+	  
+	  	// month = month < 10 ? '0' + month : month;  
+	  	// date = date < 10 ? '0' + date : date;  
+	  	// hours = hours < 10 ? '0' + hours : hours;  
+	  	// minutes = minutes < 10 ? '0' + minutes : minutes;  
+	  	// seconds = seconds < 10 ? '0' + seconds : seconds;  
+	  
+	  	// // 拼接日期和时间字符串  
+	  	// var currentDateTime = year + '-' + month + '-' + date + ' ' + hours + ':' + minutes + ':' + seconds;  
+	  
+	  	// console.log(currentDateTime); 
+	  	// var currentDate = year + '-' + month + '-' + date;  
+	  	// var currentTime = hours + ':' + minutes + ':' + seconds;  
+	  	
+		// this.selectComponent('#mychart-dom-bar00').init((canvas, width, height) => {
+		// 	that.initChart00(canvas, width, height)
+		//   });
+		
+	  	// 设置canvas的宽高  
+	  	this.setData({  
+	  	  // currentDate: currentDate,
+	  	  // currentTime: currentTime,
+	  	  canvasWidth: canvasWidth,  
+	  	  canvasHeight: canvasHeight,
+	  	  hotelcode: hotelcodeTemp,
+	  	  roomcode: roomcodeTemp,
+//		  roomname: wx.getStorageSync('roomname'),
+		  
+		  // arrayFourth: array,
+	  	}); 
+  }
+  
+  // else if(!this.data.home_room.includes(wx.getStorageSync('res').result)){
+  // 	  wx.showModal({
+  // 	    title: '提示',
+  // 	    content: '房间二维码不正确，请重新扫描',
+  // 	    showCancel: false
+  // 	  });
+  
+  // 	  setTimeout(function() {
+  // 	      wx.reLaunch({
+  // 	      		url: '/pages/scan/scan',
+  // 	      })
+  // 	    }, 2000) // 设置延时时间，单位为毫秒
+		
+  // }
+  // else if(this.data.home_room.includes(wx.getStorageSync('res').result) && wx.getStorageSync('res').result.includes('辰悦颐养斋')){
+	// else if(wx.getStorageSync('res').result.includes('辰悦颐养斋')){
+
+	//   homeApi = "http://zhh.aidsleep.cn";
+	//   homeApi_http = "http://zhh.aidsleep.cn";
+	//   homeApi_http_port = "9123";
+	//   homeApi_https = "https://zhh.aidsleep.cn";
+ //  }
+  
+	 this.drawCircle(); 
+		
+},
+mounted() {
+	
+},
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function() {
+	// wx.clearStorage();
+	// this.clearInterval();
+  },
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function() {
+	// wx.clearStorage();
+	// this.clearInterval();
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function() {
+
+  }
+})