|
|
@@ -1,601 +1,602 @@
|
|
|
-<!--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+'·'):''}}{{sns[selectedIndex].pos}}床</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> -->
|
|
|
- </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">{{sleep_efficiency}}</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>
|
|
|
+<!--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> -->
|
|
|
+ </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>
|
|
|
-
|
|
|
- <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_arrFrequency}}次</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">就寝目标21:30</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:30</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">{{sleep_durationCountA}}分</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_arrFrequency}}次</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 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>
|