miniProgram/pages/data/data.wxml

<!--pages/data/data.wxml-->
<view class='container'>
	<!-- <view class="centered">
	  <text class="centered-text">舒眠睡眠报告</text>
	  <text>{{reportDate}}</text>
	  <text>用户号:12345| SN:{{rsn}}</text>
	</view> -->

	<view wx:if="{{isLoading}}" class="loading-container">
		<text class="loading-text">数据正在推送，请稍候...</text>
	</view>
	<view class="picker-row">

		<view class="picker-row_view">
			<picker mode="selector" range-key="pos" range="{{sns}}" value="{{selectedIndex}}"
				bindchange="onPickerChange">
				<view class="picker-row_view">
					<image class="data-image_c00_0" src="/static/images/report/hotel&room.png" mode="aspectFit"></image>
					<text
						class="data-text_c00_0">{{hotelname?(hotelname+'·'):''}}{{roomname?(roomname+'·'):''}}{{sns[selectedIndex].pos}}床</text>
					<image class="data-image_c00_01" style="margin-right: 6rpx;"
						src="/static/images/report/arrow_new.png" mode="aspectFit"></image>
				</view>
			</picker>
		</view>
		<!-- <picker mode="date" bindchange="bindDateChange" class="picker" style="width: 40%;">  
	    <view class="picker-placeholder">{{reportDate}}</view>  
	  </picker>  
	  <picker mode="time" bindchange="bindTimeChange" class="picker" style="width: 40%; margin-left: 4%;">  
	    <view class="picker-placeholder">{{rgobed_time}}~{{routbed_time}}</view>  
	  </picker>  -->
		<view class="picker_out">
			<picker style="margin-left:0;" range="{{arrayFourth}}" value="{{valueFourth}}" range-key="text"
				mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange">
				<view class="{{reportDate?'picker-placeholder':'picker-placeholder1'}}">{{reportDate?reportDate:'无数据'}}
					<image class="data-image_c00_01" src="/static/images/report/arrow_new.png" mode="aspectFit"></image>
				</view>
			</picker>
			<picker style="margin-right:0;" range="{{arrayFourth}}" value="{{valueFourth}}" range-key="text"
				mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange">
				<view class="{{rgobed_time?'picker-placeholder':'picker-placeholder2'}}">
					{{rgobed_time?rgobed_time:'无数据'}}~{{routbed_time?routbed_time:'无数据'}}<image
						class="data-image_c00_01" src="/static/images/report/arrow_new.png" style="margin-right: 20rpx;"
						mode="aspectFit"></image>
				</view>
			</picker>
		</view>
	</view>






	<view class="container_00">
		<view class="data-row_c00">
			<view class="data-item_c00 left_c00">
				<!-- <image class="data-image_c00" src="/static/images/report/zhoubao_new.png" mode="aspectFit"></image>
				<text class="data-text_c00">周报 </text>
				<image class="data-image_c00" src="/static/images/report/yuebao_new.png" mode="aspectFit"></image>
				<text class="data-text_c00">月报 </text> -->
				<image class="data-image_c00" src="/static/images/report/tuisong_new.png" mode="aspectFit"></image>
				<picker mode="selector" range-key="friendly_name1" range="{{tvEntityIds}}" value="{{tvEntityIdsIndex}}"
					bindchange="tvEntityIdsChange" wx:if="{{ifOneMoreTV}}">
					<text class="data-text_c00">推送电视 </text>
				</picker>
				<text class="data-text_c00" bindtap="tvEntityIdChange" wx:else>推送电视 </text>
			</view>
		</view>
		<view class="separator_c00"></view>

		<view class="circle-container-yh">
			<view class="text-container-yh left-text-yh">
				<view class="text-row-yh">
					<view class="blue-dot" style="background: #8D32F1;margin-left: 0;"></view>
					<text class="text-content-yh">睡眠总时长</text>
				</view>
				<view class="text-row-yh">
					<text class="text-content-yh_1">{{rtotal_duration.formattedHours}}<text
							class="text-content-yh_1-units">小时</text>{{rtotal_duration.formattedMinutes}}<text
							class="text-content-yh_1-units">分钟</text></text>
				</view>
			</view>
			<view class="echarts-container_c00">
				<ec-canvas id="mychart-dom-CircularProgressBar" canvas-id="ecCircularProgressBar"
					ec="{{ ecCircularProgressBar }}"></ec-canvas>
			</view>
			<view class="text-container-yh right-text-yh">
				<view class="text-row-yh">
					<view class="blue-dot" style="background: #0BC38F;margin-left: 0;"></view>
					<text class="text-content-yh">睡眠时间</text>
				</view>
				<view class="text-row-yh">
					<text class="text-content-yh_1">{{rgobed_time}}~{{routbed_time}}</text>

					<!-- <text class="text-content-yh_1">{{rinbed_duration.formattedHours}}<text
							class="text-content-yh_1-units">小时</text>{{rinbed_duration.formattedMinutes}}<text
							class="text-content-yh_1-units">分钟</text></text> -->
				</view>
			</view>
		</view>


		<view class="centered-text">
			<text class="text-line text-line-3">香睡指数</text>
		</view>

	</view>





	<!-- <view class="container_1">  
    <view class="item_c1">  
      <image class="image_c1" src="/static/images/report/c_11.png" mode="aspectFit"></image>  
      <view class="text-container_c1">  
        <view><text class="text-line_c1">睡眠总时长</text></view>
        <view><text class="text-line_c1">{{rtotal_duration}}分钟</text></view>  
      </view>  
    </view>  
    <view class="item_c1">  
      <image class="image_c1" src="/static/images/report/c_12.png" mode="aspectFit"></image>  
      <view class="text-container_c1">  
        <view><text class="text-line_c1">睡眠时间</text></view>  
        <view><text class="text-line_c1">{{rgobed_time}}~{{routbed_time}}</text></view>  
      </view>  
    </view>  
  </view> -->

	<view class="big-title_c2-box">
		<text class="big-title_c2">各项睡眠监测数据统计</text>
		<view class="big-title_c2-line"></view>
	</view>



	<view class="container_3">
		<view class="row_c3">
			<view class="cell_c3">
				<image class="image_c5" src="/static/images/report/shangchuang_shijian_new.png" mode="widthFix" />

				<view class="purple-dot-up" style="background: #AC63FC;"></view>
				<view class="cell-text_c3">
					<view><text class="text-line_c3">上床时间</text></view>
					<view style="margin-top: 15rpx;"><text class="text-line_c31">{{rgobed_time}}</text></view>
				</view>
			</view>
			<view class="cell_c3">
				<image class="image_c5" src="/static/images/report/zaichuang_shijian_new.png" mode="widthFix" />

				<view class="organize-dot-up"></view>
				<view class="cell-text_c3">
					<view><text class="text-line_c3">在床时间</text></view>
					<view style="margin-top: 15rpx;"><text class="text-line_c31">{{rinbed_duration.formattedHours}}<text
								class="text-line_c31-units">小时</text>{{rinbed_duration.formattedMinutes}}<text
								class="text-line_c31-units">分钟</text></text>
					</view>
				</view>
			</view>
		</view>


		<view class="row_c3">
			<view class="cell_c3">
				<image class="image_c5" src="/static/images/report/shenshui_shichang_new.png" mode="widthFix" />
				<view class="purple-dot-up" style="background: #8D32F1;"></view>
				<view class="cell-text_c3">
					<view><text class="text-line_c3">深睡时长</text></view>
					<view style="margin-top: 15rpx;"><text
							class="text-line_c31">{{rdeep_durationFormatA.formattedHours}}<text
								class="text-line_c31-units">小时</text>{{rdeep_durationFormatA.formattedMinutes}}<text
								class="text-line_c31-units">分钟</text></text>
					</view>

				</view>
			</view>
			<view class="cell_c3">
				<image class="image_c5" src="/static/images/report/shuimian_xiaolv_big_new.png" mode="widthFix" />
				<view class="green-dot-up" style="background: #60C38D;"></view>
				<view class="cell-text_c3">
					<view><text class="text-line_c3">睡眠效率</text></view>
					<view style="margin-top: 15rpx;"><text class="text-line_c31">{{rsleep_eff_value}}</text></view>
				</view>
			</view>
		</view>

		<view class="row_c3">
			<view class="cell_c3">
				<image class="image_c5" src="/static/images/report/shuimian_xiaolv_big_new.png" mode="widthFix" />
				<view class="organize-dot-up" style="background: #FB717B;"></view>
				<view class="cell-text_c3">
					<view><text class="text-line_c3">平均呼吸率</text></view>
					<view style="margin-top: 15rpx;"><text class="text-line_c31">{{ravg_hx_value}}次<text
								class="text-line_c31-units">/分</text></text></view>
				</view>
			</view>
			<view class="cell_c3">
				<image class="image_c5" src="/static/images/report/pingjun_xinlv_new.png" mode="widthFix" />
				<view class="blue-dot-up" style="background: #F681BA;"></view>
				<view class="cell-text_c3">
					<view><text class="text-line_c3">平均心率</text></view>
					<view style="margin-top: 15rpx;"><text class="text-line_c31">{{ravg_rh_value}}次<text
								class="text-line_c31-units">/分</text></text></view>
				</view>
			</view>
		</view>
	</view>

	<view class="container_4">
		<view class="left-panel_c4">
			<view class="text-container_c4_top_left">
				<text class="text_c4_left_top">温馨提醒</text>
			</view>
			<image class="image_c4" src="/static/images/report/left_background_c4_new.png" />
			<view class="text-container_c4">
				<text class="text_c4">本次睡眠，睡眠报告得分评比描述：<text class="text_c4_1">{{rscore_desc}}</text></text>
			</view>
		</view>
		<view class="right-panel_c4">
			<view class="cell_c4">
				<view class="green-dot"></view>
				<view class="cell-text_c4">
					<text class="text-line_c4" style="float:left">体动次数</text>
					<text class="text-line_c41" style="float:right;margin-right:5rpx">{{rmove_arrFrequency}}<text
							style="font-size: 24rpx;">次</text></text>
				</view>
			</view>
			<view class="cell_c4">
				<view class="organize-dot"></view>
				<view class="cell-text_c4">
					<text class="text-line_c4" style="float:left">离床次数</text>
					<text class="text-line_c41" style="float:right;margin-right:5rpx">{{routbed_count_value}}<text
							style="font-size: 24rpx;">次</text></text>
				</view>
			</view>
			<view class="cell_c4">
				<view class="blue-dot"></view>
				<view class="cell-text_c4">
					<text class="text-line_c4" style="float:left">打鼾次数</text>
					<text class="text-line_c41" style="float:right;margin-right:5rpx">{{rsnoring_arrFrequency}}<text
							style="font-size: 24rpx;">次</text></text>
				</view>
			</view>
		</view>
	</view>

	<view class="container_5">
		<view class="header_c5">
			<image class="header-image_c5" src="/static/images/report/shuimian_xiguan_new.png" mode="aspectFit"></image>
			<text class="header-title_c5">睡眠习惯</text>
			<image class="header-image_comma" src="/static/images/report/comma_new.png" mode="aspectFit" data-index="1"
				data-subIndex="1" bindtap="toWarmReminder">
			</image>
		</view>
		<!-- <view class="data-row_c5">  
      <view class="data-item_c5 left_c5">  
        <image class="data-image_c5" src="/static/images/report/c_52.png" mode="aspectFit"></image>  
        <text class="data-text_c5">周报  </text>
		<image class="data-image_c5" src="/static/images/report/c_52.png" mode="aspectFit"></image>
		<text class="data-text_c5">月报  </text>
		<image class="data-image_c5" src="/static/images/report/c_52.png" mode="aspectFit"></image>
		<text class="data-text_c5">推送电视  </text>
		
      </view>  
      <view class="data-item_c5 right_c5">   
        <picker mode="selector" range-key="pos" range="{{sns}}" value="{{selectedIndex}}" bindchange="onPickerChange">
			<view>请选择：{{sns[selectedIndex].pos}}床</view>  
        </picker>  
      </view>  
    </view> -->
		<view class="separator_c5"></view>
		<view class="data-row_c5">
			<view class="data-item_c5 left_c5">
				<view class="dot_c51"></view>
				<text class="data-text_c5">上床时间 </text>
				<!-- <text class="data-text_c51">就寝目标23:00</text> -->
			</view>
			<view class="data-item_c5 right_c5">
				<text class="data-text_c5">{{rgobed_time}}</text>
			</view>
		</view>
		<view class="data-row_c5_down">
			<view class="data-item_c5 left_c5">
				<view class="dot_c51_1"></view>
				<text class="data-text_c5">起床时间 </text>
				<!-- <text class="data-text_c51_1">起床时间08:00</text> -->
			</view>
			<view class="data-item_c5 right_c5">
				<text class="data-text_c5">{{routbed_time}}</text>
			</view>
		</view>

		<view class="title-row_c6">
			<view class="title-left_c6">
				<image class="title-image_c6" src="/static/images/report/shuimian_xiaolv_new.png" mode="aspectFit">
				</image>
				<text class="title-text_c6">睡眠效率</text>
				<image class="header-image_comma" src="/static/images/report/comma_new.png" mode="aspectFit"
					data-index="2" data-subIndex="1" bindtap="toWarmReminder"></image>
			</view>
			<view class="title-right_c6">
				<text class="title-text-right_c6">{{sleep_efficiency}}</text>
			</view>
		</view>

		<view class="title-row_c6">
			<view class="title-left_c6">
				<image class="title-image_c6" src="/static/images/report/anwendu_new.png" mode="aspectFit"></image>
				<text class="title-text_c6">安稳度</text>
				<image class="header-image_comma" src="/static/images/report/comma_new.png" mode="aspectFit"
					data-index="4" data-subIndex="1" bindtap="toWarmReminder"></image>
			</view>
			<view class="title-right_c6">
				<!-- <text class="title-text-right_c6">右侧文本</text>  -->
				<text class="title-text-right_c6_1">入睡时长</text>
				<text class="title-text-right_c6">{{rrs_duration.formattedHours}}<text
						class="text-line_c31-units">小时</text>{{rrs_duration.formattedMinutes}}<text
						class="text-line_c31-units">分钟</text></text>
			</view>
		</view>

		<!-- <view class="circle-container-yh">
	 		  <view class="text-container-yh left-text-yh">  
	 			<view class="text-row-yh">
	 			  <view class="blue-dot"></view>  
	 			  <text class="text-content-yh">睡眠总时长</text>  
	 			</view>  
	 			<view class="text-row-yh">  
	 			  <image class="icon-yh" src="/static/images/report/c_11.png" mode="aspectFit"></image>  
	 			  <text class="text-content-yh">8小时30分</text>  
	 			</view>   
	 		  </view>
	<canvas canvas-id="myCanvas" style="width: 350rpx; height: 350rpx;margin-top:20rpx;"></canvas>
	   <view class="text-container-yh right-text-yh">  
	     <view class="text-row-yh">
	       <view class="blue-dot"></view>   
	       <text class="text-content-yh">睡眠时间</text>  
	     </view>  
	     <view class="text-row-yh">  
	       <image class="icon-yh" src="/static/images/report/c_11.png" mode="aspectFit"></image>  
	       <text class="text-content-yh">7小时30分</text>  
	     </view>   
	   </view>  
	 </view> -->

	</view>


	<!-- <view class="container_6">
    <view class="title-row_c6">  
      <view class="title-left_c6">  
        <image class="title-image_c6" src="/static/images/report/c6_sm_1.png" mode="aspectFit"></image>  
        <text class="title-text_c6">睡眠效率</text> 
		 <image class="header-image_comma" src="/static/images/report/comma_new.png" mode="aspectFit"></image>  
      </view>  
      <view class="title-right_c6">  
        <text class="title-text-right_c6">{{sleep_efficiency}}</text>  
      </view>  
    </view>
  </view> -->

	<view class="container_6">
		<view class="title-row_c6">
			<view class="title-left_c6">
				<image class="title-image_c6" src="/static/images/report/lichuang_cishu_new.png" mode="aspectFit">
				</image>
				<text class="title-text_c6">离床次数</text>
				<image class="header-image_comma" src="/static/images/report/comma_new.png" mode="aspectFit"
					data-index="4" data-subIndex="2" bindtap="toWarmReminder"></image>
			</view>
			<view class="title-right_c6">
				<text class="title-text-right_c6">{{routbed_count_value}}<text
						class="text-line_c31-units">次</text></text>
			</view>
		</view>
		<text class="sub-title">睡眠状态</text>

		<view class="card-h">

			<view class="chart-left-box">
				<view class="chart-left-title-box">
					<view class="dot" style="background: #6086EF"></view>
					<text class="left-title">在床</text>
				</view>
				<view class="chart-left-title-box">
					<view class="dot" style=" background: #EE8B52"></view>
					<text class="left-title">离床</text>
				</view>
			</view>
			<view class="echarts-container_c6" style="flex: 1;">
				<ec-canvas id="chartOutOfBed-dom" canvas-id="mychart-out-of-bed" ec="{{ ecOutOfBed }}"></ec-canvas>
			</view>
		</view>


		<view class="title-row_c6">
			<view class="title-left_c6">
				<image class="title-image_c6" src="/static/images/report/tidong_cishu_new.png" mode="aspectFit"></image>
				<text class="title-text_c6">体动次数</text>
				<image class="header-image_comma" src="/static/images/report/comma_new.png" mode="aspectFit"
					data-index="4" data-subIndex="3" bindtap="toWarmReminder"></image>
			</view>
			<view class="title-right_c6">
				<text class="title-text-right_c6">{{rmove_arrFrequency}}<text
						class="text-line_c31-units">次</text></text>
			</view>
		</view>
		<text class="sub-title">睡眠状态</text>
		<view class="card-h">

			<view class="chart-left-box">
				<view class="chart-left-title-box">
					<view class="dot" style="background: #EE8B52"></view>
					<text class="left-title">体动</text>
				</view>
				<view class="chart-left-title-box">
					<view class="dot" style=" background: #60C38D"></view>
					<text class="left-title">否</text>
				</view>
			</view>
			<view class="echarts-container_c6" style="flex: 1;">
				<ec-canvas id="chartBodyMovementsLine-dom" canvas-id="mychart-body-movements-line"
					ec="{{ ecBodyMovements }}"></ec-canvas>
			</view>
		</view>

	</view>

	<view class="container_6">
		<view class="title-row_c6">
			<view class="title-left_c6">
				<image class="title-image_c6" src="/static/images/report/xinzang_xiting_new.png" mode="aspectFit">
				</image>
				<text class="title-text_c6">心脏系统</text>
				<image class="header-image_comma" src="/static/images/report/comma_new.png" mode="aspectFit"
					data-index="5" data-subIndex="1" bindtap="toWarmReminder"></image>
			</view>
			<!-- <view class="title-right_c6">  
        <text class="title-text-right_c6">右侧文本</text>  
      </view> -->
		</view>

		<view class="data-row_c6">
			<view class="data-item_c6 left_c61">平均心率</view>
			<view class="right_c6">{{ravg_rh_value}}<text class="text-line_c31-units">次/分</text></view>
		</view>
		<view class="echarts-container_c6">
			<!-- 在这里使用ec-canvas或canvas组件来承载echarts图表 -->
			<ec-canvas id="chartCardiacSystemLine-dom" canvas-id="mychart-cardiac-system-line"
				ec="{{ ecCardiacSystemLine }}"></ec-canvas>
		</view>

	</view>


	<view class="container_6">
		<view class="title-row_c6">
			<view class="title-left_c6">
				<image class="title-image_c6" src="/static/images/report/huxi_xitong_new.png" mode="aspectFit"></image>
				<text class="title-text_c6">呼吸系统</text>
				<image class="header-image_comma" src="/static/images/report/comma_new.png" mode="aspectFit"
					data-index="6" data-subIndex="1" bindtap="toWarmReminder"></image>
			</view>

		</view>

		<view class="data-row_c6">
			<view class="data-item_c6 left_c61">平均呼吸率</view>
			<view class=" right_c6">{{ravg_hx_value}}<text class="text-line_c31-units">次/分</text></view>
		</view>
		<view class="echarts-container_c6">
			<!-- 在这里使用ec-canvas或canvas组件来承载echarts图表 -->
			<ec-canvas id="chartRespiratoryLine-dom" canvas-id="mychart-chart-respiratory-line"
				ec="{{ ecChartRespiratoryLine }}"></ec-canvas>
		</view>

		<view class="data-row_c6">
			<view class="data-item_c6 left_c61">打鼾</view>
			<view class=" right_c6">{{rsnoring_arrFrequency}}<text class="text-line_c31-units">次</text></view>
		</view>
		<!-- <view class="echarts-container_c6">
			<ec-canvas id="mychart-dom-bar9" canvas-id="mychart-bar" ec="{{ ec9 }}"></ec-canvas>
		</view> -->


		<text class="sub-title">睡眠状态</text>
		<view class="card-h">
			<view class="chart-left-box">
				<view class="chart-left-title-box">
					<view class="dot" style="background: #EE8B52"></view>
					<text class="left-title">打鼾</text>
				</view>
				<view class="chart-left-title-box">
					<view class="dot" style=" background: #60C38D"></view>
					<text class="left-title">否</text>
				</view>
			</view>
			<view class="echarts-container_c6" style="flex: 1;">
				<ec-canvas id="chartSnoringLine-dom" canvas-id="mychart-chart-snoring-line"
					ec="{{ ecSnoringLine }}"></ec-canvas>
			</view>
		</view>

		<view class="data-row_c6">
			<view class="data-item_c6 left_c61">呼吸暂停</view>
			<view class=" right_c6">{{rhxstop_arrFrequency}}<text class="text-line_c31-units">次</text></view>
		</view>
		<!-- <view class="echarts-container_c6">
			<ec-canvas id="mychart-dom-bar10" canvas-id="mychart-bar" ec="{{ ec10 }}"></ec-canvas>
		</view> -->
		<text class="sub-title">睡眠状态</text>
		<view class="card-h">
			<view class="chart-left-box">
				<view class="chart-left-title-box">
					<view class="dot" style="background: #F46785"></view>
					<text class="left-title">停止</text>
				</view>
				<view class="chart-left-title-box">
					<view class="dot" style=" background: #6086EF"></view>
					<text class="left-title">否</text>
				</view>
			</view>
			<view class="echarts-container_c6" style="flex: 1;">
				<ec-canvas id="chartApneaLine-dom" canvas-id="mychart-chart-apnea-line"
					ec="{{ ecApneaLine }}"></ec-canvas>
			</view>
		</view>
		<view class="data-row_c6" style="margin-top: 30rpx;">
			<view
				class="data-item_c6 {{(sleepHourSub && rhxstop_arrFrequency>=sleepHourSub*5)?'left_c62_1':'left_c62'}}">
				<image class="header-image_comma" style="margin-right:10rpx;width: 36rpx;height: 36rpx;"
					src="/static/images/report/fengxian_yujing_new.png" mode="aspectFit"></image>
				<text>风险预警: {{(sleepHourSub
					&& rhxstop_arrFrequency>=5*sleepHourSub)?'根据呼吸暂停指数（AHI），您的呼吸暂停次数已达到5次/每小时':'无'}}</text>
			</view>
			<!-- <view class="data-item_c6 right_c6">0次</view>  -->
		</view>
	</view>


	<view class="container_6">
		<view class="title-row_c6">
			<view class="title-left_c6">
				<image class="title-image_c6" src="/static/images/report/shenqian_shuimian_new.png" mode="aspectFit">
				</image>
				<text class="title-text_c6">深浅睡眠</text>
				<image class="header-image_comma" src="/static/images/report/comma_new.png" mode="aspectFit"
					data-index="3" data-subIndex="1" bindtap="toWarmReminder"></image>
			</view>
			<!-- <view class="title-right_c6">  
        <text class="title-text-right_c6">右侧文本</text>  
      </view> -->
		</view>
		<view class="card-h" style="margin-top: 30rpx;justify-content: space-around;">
			<view class="card-item">
				<view
					style="width: 8rpx;height: 24rpx;margin-right: 16rpx;  background: linear-gradient( 180deg, #AA3CFF 0%, #7C3CFF 100%);border-radius: 2rpx">
				</view>
				<text class="card-t3">深睡</text>
			</view>
			<view class="card-item">
				<view
					style="width: 8rpx;height: 24rpx;margin-right: 16rpx; background: linear-gradient( 180deg, #FD7778 0%, #AA3CFF 100%);border-radius: 2rpx">
				</view>
				<text class="card-t3">浅睡</text>
			</view>
			<view class="card-item">
				<view
					style="width: 8rpx;height: 24rpx;margin-right: 16rpx; background: linear-gradient( 180deg, #FFBCBD 0%, #FA6263 100%);border-radius: 2rpx">
				</view>
				<text class="card-t3">清醒</text>
			</view>
			<view class="card-item">
				<view
					style="width: 8rpx;height: 24rpx;margin-right: 16rpx;  background: linear-gradient( 180deg, #F7FCBE 0%, #FDBE25 100%);border-radius: 2rpx">
				</view>
				<text class="card-t3">REM</text>
			</view>
		</view>
		<!-- <view class="card5-h"> -->

		<!-- <view class="card-v">
				<text class="card-t1">清醒</text>
				<text class="card-t2">{{rawake_durationFormat.formattedMinutes || '0H 0M'}}</text>
			</view>

			<view class="card-v">
				<text class="card-t1">REM({{rin_duration_efficiency}})</text>
				<text class="card-t2">{{rin_durationFormat.formattedMinutes || '0H 0M'}}</text>
			</view>

			<view class="card-v">
				<text class="card-t1">浅睡({{rlight_duration_efficiency}})</text>
				<text class="card-t2">{{rlight_durationFormat.formattedMinutes || '0H 0M'}}</text>
			</view>

			<view class="card-v">
				<text class="card-t1">深睡({{rdeep_duration_efficiency}})</text>
				<text class="card-t2">{{rdeep_durationFormat.formattedMinutes || '0H 0M'}}</text>
			</view> -->
		<!-- </view> -->
		<!-- <view class="echarts-container_c6">
			<ec-canvas id="mychart-dom-bar11" canvas-id="mychart-bar" ec="{{ ec11 }}"></ec-canvas>
		</view> -->
		<view class="card-h" style="margin-top: 30rpx;position: relative;">
			<!-- <view class="chart-left-box">
				<view class="chart-left-title-box">
					<view class="dot" style="background: #AB81FF;border-radius: 4rpx;"></view>
					<text class="left-title">深睡</text>
				</view>
				<view class="chart-left-title-box">
					<view class="dot" style=" background: #D8C8FE;border-radius: 4rpx;"></view>
					<text class="left-title">浅睡</text>
				</view>
				<view class="chart-left-title-box">
					<view class="dot" style=" background: #F1E9FE;border-radius: 4rpx;"></view>
					<text class="left-title">REM</text>
				</view>
				<view class="chart-left-title-box">
					<view class="dot" style=" background: #FDEFA6;border-radius: 4rpx;"></view>
					<text class="left-title">清醒</text>
				</view>
			</view> -->
			<view style="position: absolute;top: 0;left: 30rpx;right: 30rpx;bottom: 60rpx;border: 1rpx solid #EEEEEE;">
			</view>
			<view class="echarts-container_c6" style="flex:1">
				<ec-canvas id="chartTimeWaterfall-dom" canvas-id="mychart-time-waterfall"
					ec="{{ ecTimeWaterfall }}"></ec-canvas>
			</view>
		</view>
		<view style="margin-top: 30rpx;border-bottom: 1rpx solid #EEEEEE;width: calc(100% - 60rpx);margin-left: 30rpx;">
		</view>
		<view style="margin: 30rpx;"><text class="title-text_c6">睡眠状态</text></view>
		<view class="card-v" style="width: calc(100% - 60rpx);margin-left: 30rpx;align-items: start;">
			<view class="card-item2">
				<view class="card-h" style="justify-content: space-between;align-items: center;">
					<view
						style="width: 16rpx;height: 16rpx;background: linear-gradient( 180deg, #AA3CFF 0%, #7C3CFF 100%);border-radius: 4rpx;">
					</view>
					<text style="flex: 1;margin-left: 20rpx;font-size: 28rpx;color: #3E3D44;">深睡</text>
					<text style="font-size: 28rpx;color: #3E3D44;font-weight: 700;">{{rdeep_duration_efficiency ||
						'0%'}}</text>
				</view>
				<text class="title-text-right_c6"
					style="text-align: left;margin-left: 36rpx;font-size: 28rpx;">{{rdeep_durationFormat.formattedHours}}<text
						class="text-line_c31-units">小时</text>{{rdeep_durationFormat.formattedMinutes}}<text
						class="text-line_c31-units">分钟</text></text>
			</view>

			<view class="card-item2">
				<view class="card-h" style="justify-content: space-between;align-items: center;">
					<view
						style="width: 16rpx;height: 16rpx;background: linear-gradient( 180deg, #FD7778 0%, #AA3CFF 100%);border-radius: 4rpx;">
					</view>
					<text style="flex: 1;margin-left: 20rpx;font-size: 28rpx;color: #3E3D44;">浅睡</text>
					<text style="font-size: 28rpx;color: #3E3D44;font-weight: 700;">{{rlight_duration_efficiency ||
						'0%'}}</text>
				</view>
				<text class="title-text-right_c6"
					style="text-align: left;margin-left: 36rpx;font-size: 28rpx;">{{rlight_durationFormat.formattedHours}}<text
						class="text-line_c31-units">小时</text>{{rlight_durationFormat.formattedMinutes}}<text
						class="text-line_c31-units">分钟</text></text>
			</view>

			<view class="card-item2">
				<view class="card-h" style="justify-content: space-between;align-items: center;">
					<view
						style="width: 16rpx;height: 16rpx;background: linear-gradient( 180deg, #FFBCBD 0%, #FA6263 100%);border-radius: 4rpx;">
					</view>
					<text style="flex: 1;margin-left: 20rpx;font-size: 28rpx;color: #3E3D44;">清醒</text>
					<text style="font-size: 28rpx;color: #3E3D44;font-weight: 700;">{{rawake_duration_efficiency ||
						'0%'}}</text>
				</view>
				<text class="title-text-right_c6"
					style="text-align: left;margin-left: 36rpx;font-size: 28rpx;">{{rawake_durationFormat.formattedHours}}<text
						class="text-line_c31-units">小时</text>{{rawake_durationFormat.formattedMinutes}}<text
						class="text-line_c31-units">分钟</text></text>
			</view>

			<view class="card-item2">
				<view class="card-h" style="justify-content: space-between;align-items: center;">


					<view
						style="width: 16rpx;height: 16rpx;background: linear-gradient( 180deg, #F7FCBE 0%, #FDBE25 100%);border-radius: 4rpx;">
					</view>


					<text style="flex: 1;margin-left: 20rpx;font-size: 28rpx;color: #3E3D44;">REM</text>
					<text style="font-size: 28rpx;color: #3E3D44;font-weight: 700;">{{rin_duration_efficiency ||
						'0%'}}</text>
				</view>
				<text class="title-text-right_c6"
					style="text-align: left;margin-left: 36rpx;font-size: 28rpx;">{{rin_durationFormat.formattedHours}}<text
						class="text-line_c31-units">小时</text>{{rin_durationFormat.formattedMinutes}}<text
						class="text-line_c31-units">分钟</text></text>
			</view>
		</view>

	</view>

	<!-- <view class="container1">
    <button class="{{isButtonClicked ? 'gradient-button gradient-button-clicked' : 'gradient-button'}}" bindtap="telScreeProjection">生成报告并推送到电视</button>  
  </view> -->


	<!-- <view class='canvas5'>
    <ec-canvas id="mychart-dom-line6" canvas-id="mychart-line6" ec="{{ ec6 }}" class="canvas5"></ec-canvas>
  </view>
  <view class='container'>
    <view class='list'>
      <view style='color:#686868;'>睡眠总时长</view>
      <view class="content" style='color:#686868;'>{{rtotal_duration}}分钟</view>
    </view>
    <view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
    <view class='list'>
      <view style='color:#686868;'>在床时长</view>
      <view class="content" style='color:#686868;'>{{rinbed_duration}}分钟</view>
    </view>
    <view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
    <view class='list'>
      <view style='color:#686868;'>上床时间</view>
      <view class="content" style='color:#686868;'>{{rgobed_time}}</view>
    </view>
    <view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
    <view class='list'>
      <view style='color:#686868;'>离床时间</view>
      <view class="content" style='color:#686868;'>{{routbed_time}}</view>
    </view>
    <view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
  	
  	<view class='list'>
  	  <view style='color:#686868;'>离床次数</view>
  	  <view class="content" style='color:#686868;'>{{routbed_count_value}}</view>
  	</view>
  	<view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
  	
  	<view class='list'>
  	  <view style='color:#686868;'>清醒时长</view>
  	  <view class="content" style='color:#686868;'>{{rawake_duration}}分钟</view>
  	</view>
  	<view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
  	
  	<view class='list'>
  	  <view style='color:#686868;'>清醒时长</view>
  	  <view class="content" style='color:#686868;'>{{rawake_duration}}分钟</view>
  	</view>
  	<view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
  	
  	<view class='list'>
  	  <view style='color:#686868;'>呼吸平均值</view>
  	  <view class="content" style='color:#686868;'>{{ravg_hx_value}}次</view>
  	</view>
  	<view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
  	
  	<view class='list'>
  	  <view style='color:#686868;'>呼吸平均值评分描述</view>
  	  <view class="content" style='color:#686868;'>{{ravg_hx_desc}}</view>
  	</view>
  	<view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
  	
  	<view class='list'>
  	  <view style='color:#686868;'>心率平均值</view>
  	  <view class="content" style='color:#686868;'>{{ravg_rh_value}}次</view>
  	</view>
  	<view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
  	
  	<view class='list'>
  	  <view style='color:#686868;'>心率平均值评分描述</view>
  	  <view class="content" style='color:#686868;'>{{ravg_rh_desc}}</view>
  	</view>
  	<view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
  	
  	<view class='list'>
  	  <view style='color:#686868;'>睡眠报告得分值</view>
  	  <view class="content" style='color:#686868;'>{{rscore_value}}分</view>
  	</view>
  	<view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
  	
  	<view class='list'>
  	  <view style='color:#686868;'>睡眠报告得分评比描述</view>
  	  <view class="content" style='color:#686868;'>{{rscore_desc}}</view>
  	</view>
  	<view style='width: 680rpx;height: 1rpx;background:#62c4d9;'></view>
  	
  </view>
  
  
  <view class="container1">
    <button class="{{isButtonClicked ? 'gradient-button gradient-button-clicked' : 'gradient-button'}}" bindtap="telScreeProjection">生成报告并推送到电视</button>  
  </view>
  
  <view class='canvas1' style="margin-top:50rpx;">
    <ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec1 }}" class="canvas1"></ec-canvas>
  </view>
  <view class='canvas2'>
    <ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec2 }}" class="canvas2"></ec-canvas>
  </view>
  <view class='canvas3'>
    <ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec3 }}" class="canvas3"></ec-canvas>
  </view>
  <view class='canvas4'>
    <ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec4 }}" class="canvas4"></ec-canvas>
  </view>
  <view class='canvas5'>
    <ec-canvas id="mychart-dom-line" canvas-id="mychart-line" ec="{{ ec5 }}" class="canvas5"></ec-canvas>
  </view> -->

</view>