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">
		  <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):''}}</text>
	    </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:5rpx;" 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:5rpx;" 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" mode="aspectFit"></image></view> 
	  </picker>
	  </view>
	</view> 
	
	
  <!-- <view class='canvas5'>
	  <view class="image-container">  
	    <image src="/static/images/report/vortex.png" class="background-image" mode="aspectFit" />  
	     
	      	    <view class="picker-row">  
	      	      <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> 
	      	    <view class="button-group">  
	      	      <button class="small-button">月报</button>  
	      	      <button class="small-button">周报</button>  
	      	      <button class="small-button" bindtap="telScreeProjection">推送电视</button>
				</view>  
				
				<view class="select-group">
				   <picker class="small-button" mode="selector" range-key="pos" range="{{sns}}" value="{{selectedIndex}}" bindchange="onPickerChange">
						<view class="picker-view">请选择：{{sns[selectedIndex].pos}}床</view>  
				   </picker>
				</view> 
				
	    <view class="centered-text">  
	      <text class="text-line text-line-1">{{rscore_desc}}</text>  
	      <text class="text-line text-line-2">{{rscore_value}}</text>  
	      <text class="text-line text-line-3">香睡指数</text>  
	    </view>  
	  </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>
  		<text class="data-text_c00" bindtap="telScreeProjection">推送电视  </text>
  		<!-- <text class="data-text_c001">就寝目标23:00</text> -->
		<!-- <picker mode="selector" range-key="friendly_name1" range="{{tvEntityIds}}" value="{{tvEntityIdsIndex}}" bindchange="tvEntityIdsChange">
			<text class="data-text_c00">推送电视  </text>  
		</picker> -->
      </view>  
      <view class="data-item_c00 right_c00">   
        <picker mode="selector" range-key="pos" range="{{sns}}" value="{{selectedIndex}}" bindchange="onPickerChange">
  			<view class="data-text_c002">请选择：{{sns[selectedIndex].pos}}床</view>  
        </picker>  
      </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"></view>  
  	 			  <text class="text-content-yh">睡眠总时长</text>  
  	 			</view>  
  	 			<view class="text-row-yh">    
  	 			  <text class="text-content-yh_1">{{rtotal_duration}}分钟</text>  
  	 			</view>   
  	 		  </view>
	<view class="echarts-container_c00">
		<ec-canvas id="mychart-dom-bar00" canvas-id="mychart-bar" ec="{{ ec00 }}"></ec-canvas>
	</view>
  	   <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">   
  	       <text class="text-content-yh_1">{{rgobed_time}}~{{routbed_time}}</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="title-container_2">  
    <text class="big-title_c2">各项睡眠监测数据统计</text>  
  </view>
  
  
 
 <view class="container_3">  
   <view class="row_c3">  
     <view class="cell_c3" style="background-image: url('/static/images/report/shangchuang_shijian_new.png');width: 100%; height: 150rpx;background-size: contain;background-repeat: no-repeat;background-position: center;">  
	 <!-- <image class="image_c4" src="/static/images/report/shangchuang_shijian_new.png" /> -->
       <view class="purple-dot-up"></view>    
       <view class="cell-text_c3">  
         <view><text class="text-line_c3">上床时间</text></view> 
         <view><text class="text-line_c31">{{rgobed_time}}</text></view>  
       </view>  
     </view>  
     <view class="cell_c3" style="background-image: url('/static/images/report/zaichuang_shijian_new.png');width: 100%; height: 150rpx;background-size: contain;background-repeat: no-repeat;background-position: center;">  
       <view class="organize-dot-up"></view>
       <view class="cell-text_c3">  
         <view><text class="text-line_c3">在床时间</text></view>  
         <view><text class="text-line_c31">{{rinbed_duration}}分钟</text></view>  
       </view>  
     </view>  
   </view>  
   
	 
<view class="row_c3">  
     <view class="cell_c3" style="background-image: url('/static/images/report/shenshui_shichang_new.png');width: 100%; height: 150rpx;background-size: contain;background-repeat: no-repeat;background-position: center;">  
       <view class="purple-dot-up"></view>     
       <view class="cell-text_c3">  
         <view><text class="text-line_c3">深睡时长</text></view> 
         <view><text class="text-line_c31">{{rdeep_duration}}分钟</text></view>
       </view>  
     </view>  
     <view class="cell_c3" style="background-image: url('/static/images/report/shuimian_xiaolv_big_new.png');width: 100%; height: 150rpx;background-size: contain;background-repeat: no-repeat;background-position: center;">  
       <view class="green-dot-up"></view>   
       <view class="cell-text_c3">  
         <view><text class="text-line_c3">睡眠效率</text></view>
         <view><text class="text-line_c31">{{rsleep_eff_value}}</text></view>
       </view>  
     </view>  
   </view>  
   
   <view class="row_c3">
     <view class="cell_c3" style="background-image: url('/static/images/report/pingjun_huxilv_new.png');width: 100%; height: 150rpx;background-size: contain;background-repeat: no-repeat;background-position: center;">  
       <view class="organize-dot-up"></view> 
       <view class="cell-text_c3">  
         <view><text class="text-line_c3">平均呼吸率</text></view>
         <view><text class="text-line_c31">{{ravg_hx_value}}次/分钟</text></view>
       </view>  
     </view>  
     <view class="cell_c3" style="background-image: url('/static/images/report/pingjun_xinlv_new.png');width: 100%; height: 150rpx;background-size: contain;background-repeat: no-repeat;background-position: center;">  
       <view class="blue-dot-up"></view>  
       <view class="cell-text_c3">  
         <view><text class="text-line_c3">平均心率</text></view>
         <view><text class="text-line_c31">{{ravg_rh_value}}次/分钟</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>  
        </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>  
        </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>  
        </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"></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">起床时间8: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"></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"></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}}分钟</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"></image>
      </view>  
      <view class="title-right_c6">  
		<text class="title-text-right_c6">{{routbed_count_value}}次</text>
      </view>  
    </view>  
    <!-- <view class="data-row_c6">  
      <view class="data-item_c6 left_c60">入睡时长</view>  
      <view class="data-item_c6 right_c6">{{sleep_durationCountA}}分钟</view>  
    </view>  
    <view class="separator_c6"></view>  -->
    <!-- <view class="data-row_c6">  
      <view class="data-item_c6 left_c61">离床次数</view>  
      <view class="data-item_c6 right_c6">{{routbed_arrFrequency}}次</view>  
    </view>  -->
    <view class="echarts-container_c6">  
      <!-- 在这里使用ec-canvas或canvas组件来承载echarts图表 -->  
      <ec-canvas id="mychart-dom-bar7" canvas-id="mychart-bar" ec="{{ ec7 }}"></ec-canvas>  
    </view>  
	
	<!-- <view class="data-row_c6">
	  <view class="data-item_c6 left_c61">体动次数</view>  
	  <view class="data-item_c6 right_c6">{{rmove_arrFrequency}}次</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"></image>
	  </view>  
	  <view class="title-right_c6">  
		<text class="title-text-right_c6">{{rmove_arrFrequency}}次</text>
	  </view>  
	</view>
	
	<view class="echarts-container_c6">  
	  <!-- 在这里使用ec-canvas或canvas组件来承载echarts图表 -->  
	  <ec-canvas id="mychart-dom-bar8" canvas-id="mychart-bar" ec="{{ ec8 }}"></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/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"></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="data-item_c6 right_c6">{{ravg_rh_value}}次/分</view>  
  	</view>  
  	<view class="echarts-container_c6">  
  	  <!-- 在这里使用ec-canvas或canvas组件来承载echarts图表 -->  
  	  <ec-canvas id="mychart-dom-bar1" canvas-id="mychart-bar" ec="{{ ec1 }}"></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"></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="data-item_c6 right_c6">{{ravg_hx_value}}次/分</view>  
  	</view>  
  	<view class="echarts-container_c6">  
  	  <!-- 在这里使用ec-canvas或canvas组件来承载echarts图表 -->  
  	  <ec-canvas id="mychart-dom-bar81" canvas-id="mychart-bar" ec="{{ ec81 }}"></ec-canvas>  
  	</view>  
  	
	<view class="data-row_c6">
	  <view class="data-item_c6 left_c61">打鼾</view>  
	  <view class="data-item_c6 right_c6">{{rsnoring_arrFrequency}}次</view>  
	</view>  
	<view class="echarts-container_c6">  
	  <!-- 在这里使用ec-canvas或canvas组件来承载echarts图表 -->  
	  <ec-canvas id="mychart-dom-bar9" canvas-id="mychart-bar" ec="{{ ec9 }}"></ec-canvas>  
	</view>  
	
	<view class="data-row_c6">
	  <view class="data-item_c6 left_c61">呼吸暂停</view>  
	  <view class="data-item_c6 right_c6">{{rhxstop_arrFrequency}}次</view>  
	</view>  
	<view class="echarts-container_c6">  
	  <!-- 在这里使用ec-canvas或canvas组件来承载echarts图表 -->  
	  <ec-canvas id="mychart-dom-bar10" canvas-id="mychart-bar" ec="{{ ec10 }}"></ec-canvas>  
	</view>  
	<view class="data-row_c6">
	  <view class="data-item_c6 {{(sleepHourSub && rhxstop_arrFrequency>=sleepHourSub*5)?'left_c62_1':'left_c62'}}"><image class="header-image_comma" style="margin-right:10rpx;" src="/static/images/report/fengxian_yujing_new.png" mode="aspectFit"></image>风险预警: {{(sleepHourSub && rhxstop_arrFrequency>=5*sleepHourSub)?'根据呼吸暂停指数（AHI），您的呼吸暂停次数已达到5次/每小时':'无'}}</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"></image>
      </view>  
      <!-- <view class="title-right_c6">  
        <text class="title-text-right_c6">右侧文本</text>  
      </view> -->  
    </view>  
  <view class="data-row_c6_0">
  	<view class="data-row_c6_1">
  	  <view class="data-item_c6 left_c6">清醒</view>  
  	  <view class="data-item_c6 left_c6">REM({{rin_duration_efficiency}})</view>  
	  <view class="data-item_c6 left_c6">浅睡({{rlight_duration_efficiency}})</view>
	  <view class="data-item_c6 left_c6">深睡({{rdeep_duration_efficiency}})</view>
  	</view>   
  	<view class="data-row_c6_2">  
  	  <view class="data-item_c6 left_c6">{{rawake_durationFormat}}</view>  
  	  <view class="data-item_c6 left_c6">{{rin_durationFormat}}</view>  
	  <view class="data-item_c6 left_c6">{{rlight_durationFormat}}</view> 
	  <view class="data-item_c6 left_c6">{{rdeep_durationFormat}}</view> 
  	</view> 
	</view>
  	<view class="echarts-container_c6">  
  	  <ec-canvas id="mychart-dom-bar11" canvas-id="mychart-bar" ec="{{ ec11 }}"></ec-canvas>  
  	</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>