|
@@ -65,66 +65,50 @@
|
|
|
|
|
|
<!-- 专注力维持区间、受干扰次数,专注力最大爆发值、专注力启动时长-->
|
|
|
<view class="margin-tb">
|
|
|
- <van-row>
|
|
|
- <van-col span="16">
|
|
|
- <van-row>
|
|
|
- <van-col span="12">
|
|
|
- <view class="detail">
|
|
|
- <view>
|
|
|
- <view>{{ record.scope_diff }}</view>
|
|
|
- <view>专注力维持区间</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </van-col>
|
|
|
- <van-col span="12">
|
|
|
- <view class="detail">
|
|
|
- <view>
|
|
|
- <view>{{ record.interfere }}</view>
|
|
|
- <view>受干扰次数</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </van-col>
|
|
|
- </van-row>
|
|
|
-
|
|
|
- <van-row>
|
|
|
- <van-col span="12">
|
|
|
- <view class="detail">
|
|
|
- <view>
|
|
|
- <view>{{ record.burst }}</view>
|
|
|
- <view>专注力最大爆发值</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </van-col>
|
|
|
- <van-col span="12">
|
|
|
- <view class="detail">
|
|
|
- <view>
|
|
|
- <view>{{ record.start }}</view>
|
|
|
- <view>专注力启动时长</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </van-col>
|
|
|
- </van-row>
|
|
|
- </van-col>
|
|
|
- <van-col span="5">
|
|
|
- <view class="text-center">
|
|
|
- <view class="hight_pie_chart">
|
|
|
- <mpvue-echarts
|
|
|
- :echarts="echarts"
|
|
|
- :onInit="hight_att_charts"
|
|
|
- canvasId="demo-canvas1"
|
|
|
- />
|
|
|
- </view>
|
|
|
- <view class="detail">
|
|
|
- <view>
|
|
|
- <view>{{ record.height_absorbed }}%</view>
|
|
|
- <view>高专注力占比</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </van-col>
|
|
|
- </van-row>
|
|
|
+
|
|
|
+ <view class="detail">
|
|
|
+ <view>
|
|
|
+ <view>{{ record.scope_diff }}</view>
|
|
|
+ <view>专注力维持区间</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="detail">
|
|
|
+ <view>
|
|
|
+ <view>{{ record.interfere }}</view>
|
|
|
+ <view>受干扰次数</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="hight_pie_chart">
|
|
|
+ <mpvue-echarts
|
|
|
+ :echarts="echarts"
|
|
|
+ :onInit="hight_att_charts"
|
|
|
+ canvasId="demo-canvas1"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="detail">
|
|
|
+ <view>
|
|
|
+ <view>{{ record.burst }}</view>
|
|
|
+ <view>专注力最大爆发值</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="detail">
|
|
|
+ <view>
|
|
|
+ <view>{{ record.start }}</view>
|
|
|
+ <view>专注力启动时长</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="detail">
|
|
|
+ <view>
|
|
|
+ <view>{{ record.height_absorbed }}%</view>
|
|
|
+ <view>高专注力占比</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
<view class="bar">
|
|
@@ -561,8 +545,14 @@ image.boy {
|
|
|
}
|
|
|
|
|
|
/* 详细数据 */
|
|
|
+.margin-tb {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
.detail {
|
|
|
- width: 100%;
|
|
|
+ width: 30%;
|
|
|
height: 102px;
|
|
|
/*display: flex;*/
|
|
|
/*align-items: center;*/
|
|
@@ -654,10 +644,11 @@ image.boy {
|
|
|
}
|
|
|
|
|
|
.hight_pie_chart {
|
|
|
- margin: 0 auto;
|
|
|
- width: 100px;
|
|
|
- height: 100px;
|
|
|
+ /* margin: 0 auto; */
|
|
|
+ width: 30%;
|
|
|
+ height: 102px;
|
|
|
background: #f3f3f3;
|
|
|
+ margin-top: 5px;
|
|
|
/*border-radius: 10px;*/
|
|
|
/*box-shadow: 0px 6px 11px #dadada;*/
|
|
|
}
|