|
|
@ -1,85 +1,137 @@ |
|
|
<!--体测数据-详情页--> |
|
|
<!--体测数据-详情页--> |
|
|
<template> |
|
|
<template> |
|
|
<view class="overall"> |
|
|
<view class="overall"> |
|
|
<view class="date">{{$util.formatToDateTime(surveyInfo.create_time,'Y-m-d')}}</view> |
|
|
<view class="date">{{$util.formatToDateTime(surveyInfo.created_at,'Y-m-d')}}</view> |
|
|
|
|
|
|
|
|
<view class="content"> |
|
|
<view class="content"> |
|
|
<view class="circle-container"> |
|
|
<view class="circle-container"> |
|
|
<view class="card-con-txt1-left"> |
|
|
<view class="card-con-txt1-left"> |
|
|
<image :src="$util.img('/uniapp_src/static/images/index/score.png')" class="overlay-image"></image> |
|
|
<image :src="$util.img('/uniapp_src/static/images/index/score.png')" class="overlay-image"></image> |
|
|
</view> |
|
|
</view> |
|
|
<view class="card-con-txt1-left-txt">{{v.score}}</view> |
|
|
<view class="card-con-txt1-left-txt">{{surveyInfo.calculateChildHealthScore}}</view> |
|
|
<view class="card-con-txt1-left-txt top1">综合评分</view> |
|
|
<view class="card-con-txt1-left-txt top1">综合评分</view> |
|
|
</view> |
|
|
</view> |
|
|
<view style="height: 170rpx;"></view> |
|
|
<view style="height: 170rpx;"></view> |
|
|
<view style="display: flex;justify-content: space-around;"> |
|
|
<view style="display: flex;justify-content: space-around;"> |
|
|
<view style="text-align: center;"> |
|
|
<view style="text-align: center;"> |
|
|
<view style="color: #AAAAAA;font-size: 30rpx;padding: 15rpx 0;">身高 (CM)</view> |
|
|
<view style="color: #AAAAAA;font-size: 30rpx;padding: 15rpx 0;">身高 (CM)</view> |
|
|
<view style="font-size: 55rpx;color: #29d3b4;">{{(v.height * 100)}}</view> |
|
|
<view style="font-size: 55rpx;color: #29d3b4;">{{(surveyInfo.height)}}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view style="text-align: center;"> |
|
|
<view style="text-align: center;"> |
|
|
<view style="color: #AAAAAA;font-size: 30rpx;padding: 15rpx 0;">体重 (KG)</view> |
|
|
<view style="color: #AAAAAA;font-size: 30rpx;padding: 15rpx 0;">体重 (KG)</view> |
|
|
<view style="font-size: 55rpx;color: #29d3b4;">{{v.weight}}</view> |
|
|
<view style="font-size: 55rpx;color: #29d3b4;">{{surveyInfo.weight}}</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="coach-message"> |
|
|
<!-- <view class="coach-message">--> |
|
|
<view> |
|
|
<!-- <view>--> |
|
|
<image :src="$util.img('/uniapp_src/static/images/index/lv.png')" class="drop-image"></image> |
|
|
<!-- <image :src="$util.img('/uniapp_src/static/images/index/lv.png')" class="drop-image"></image>--> |
|
|
</view> |
|
|
<!-- </view>--> |
|
|
<view style="padding: 15rpx 0 0 5rpx;line-height: 1.6;font-size: 30rpx;color: #7F7F7F;">{{v.content}}</view> |
|
|
<!-- <view style="padding: 15rpx 0 0 5rpx;line-height: 1.6;font-size: 30rpx;color: #7F7F7F;">{{v.content}}</view>--> |
|
|
</view> |
|
|
<!-- </view>--> |
|
|
<view style="font-size: 45rpx;text-align: center;margin-top: 30%;">详细数据信息</view> |
|
|
<view class="list_box"> |
|
|
|
|
|
<view class="ul"> |
|
|
|
|
|
<view class="li"> |
|
|
|
|
|
<view class="li_title">坐位体前屈</view> |
|
|
|
|
|
<view class="li_content">测试结果:{{surveyInfo.seated_forward_bend}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
|
|
<view class="li_title">仰卧卷腹</view> |
|
|
|
|
|
<view class="li_content">测试结果:{{surveyInfo.sit_ups}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
|
|
<view class="li_title">九十度仰卧撑</view> |
|
|
|
|
|
<view class="li_content">测试结果:{{surveyInfo.push_ups}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
|
|
<view class="li_title">火烈鸟平衡测试</view> |
|
|
|
|
|
<view class="li_content">测试结果:{{surveyInfo.flamingo_balance}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
|
|
<view class="li_title">三十秒双脚连续跳</view> |
|
|
|
|
|
<view class="li_content">测试结果:{{surveyInfo.thirty_sec_jump}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
|
|
<view class="li_title">立定跳远</view> |
|
|
|
|
|
<view class="li_content">测试结果:{{surveyInfo.standing_long_jump}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
|
|
<view class="li_title">4乘10m灵敏折返跑</view> |
|
|
|
|
|
<view class="li_content">测试结果:{{surveyInfo.agility_run}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
|
|
<view class="li_title">走平衡木</view> |
|
|
|
|
|
<view class="li_content">测试结果:{{surveyInfo.balance_beam}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
|
|
<view class="li_title">网球掷远</view> |
|
|
|
|
|
<view class="li_content">测试结果:{{surveyInfo.tennis_throw}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
|
|
<view class="li_title">十米往返跑</view> |
|
|
|
|
|
<view class="li_content">测试结果:{{surveyInfo.ten_meter_shuttle_run}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import memberApi from '@/api/member.js'; |
|
|
import memberApi from '@/api/member.js'; |
|
|
import apiRoute from '@/api/apiRoute.js'; |
|
|
import apiRoute from '@/api/apiRoute.js'; |
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
survey_id:'',//评测id |
|
|
survey_id: '', //评测id |
|
|
|
|
|
|
|
|
surveyInfo:{},//评测详情 |
|
|
surveyInfo: {}, //评测详情 |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
onLoad(options) { |
|
|
onLoad(options) { |
|
|
this.survey_id = options.survey_id//评测id |
|
|
this.survey_id = options.survey_id //评测id |
|
|
}, |
|
|
}, |
|
|
onShow(){ |
|
|
onShow() { |
|
|
this.init() |
|
|
this.init() |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
//初始化 |
|
|
//初始化 |
|
|
async init(){ |
|
|
async init() { |
|
|
this.getInfo() |
|
|
this.getInfo() |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//评测详情 |
|
|
//评测详情 |
|
|
async getInfo(){ |
|
|
async getInfo() { |
|
|
let data = { |
|
|
let data = { |
|
|
survey_id:this.survey_id |
|
|
survey_id: this.survey_id |
|
|
} |
|
|
} |
|
|
let res = await apiRoute.physicalTestInfo(data) |
|
|
let res = await apiRoute.physicalTestInfo(data) |
|
|
if(res.code != 1){ |
|
|
if (res.code != 1) { |
|
|
uni.showToast({ |
|
|
uni.showToast({ |
|
|
title: res.msg, |
|
|
title: res.msg, |
|
|
icon: 'none' |
|
|
icon: 'none' |
|
|
}) |
|
|
}) |
|
|
return |
|
|
return |
|
|
} |
|
|
} |
|
|
this.surveyInfo = res.data |
|
|
this.surveyInfo = res.data |
|
|
}, |
|
|
}, |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
<style lang="less" scoped> |
|
|
.overall { |
|
|
.overall { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100vh; |
|
|
height: 100vh; |
|
|
background-color: #29d3b4; |
|
|
background-color: #29d3b4; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.date { |
|
|
.date { |
|
|
@ -114,13 +166,13 @@ import apiRoute from '@/api/apiRoute.js'; |
|
|
left: 50%; |
|
|
left: 50%; |
|
|
transform: translate(-50%, -0%); |
|
|
transform: translate(-50%, -0%); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.card-con-txt1-left { |
|
|
.card-con-txt1-left { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
position: relative; |
|
|
position: relative; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.overlay-image { |
|
|
.overlay-image { |
|
|
width: 300rpx; |
|
|
width: 300rpx; |
|
|
height: 200rpx; |
|
|
height: 200rpx; |
|
|
@ -128,7 +180,7 @@ import apiRoute from '@/api/apiRoute.js'; |
|
|
left: 50%; |
|
|
left: 50%; |
|
|
transform: translate(-50%, -50%); |
|
|
transform: translate(-50%, -50%); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.card-con-txt1-left-txt { |
|
|
.card-con-txt1-left-txt { |
|
|
font-size: 32rpx; |
|
|
font-size: 32rpx; |
|
|
color: #29d3b4; |
|
|
color: #29d3b4; |
|
|
@ -136,21 +188,46 @@ import apiRoute from '@/api/apiRoute.js'; |
|
|
left: 50%; |
|
|
left: 50%; |
|
|
transform: translate(-50%, -0%); |
|
|
transform: translate(-50%, -0%); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.top1{ |
|
|
.top1 { |
|
|
top: 5%; |
|
|
top: 5%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.coach-message{ |
|
|
.coach-message { |
|
|
width: 92%; |
|
|
width: 92%; |
|
|
margin: 10rpx auto; |
|
|
margin: 10rpx auto; |
|
|
display: flex; |
|
|
display: flex; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.drop-image{ |
|
|
.drop-image { |
|
|
width: 60rpx; |
|
|
width: 60rpx; |
|
|
height: 60rpx; |
|
|
height: 60rpx; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.list_box{ |
|
|
|
|
|
font-size: 30rpx; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
margin-top: 120rpx; |
|
|
|
|
|
.ul{ |
|
|
|
|
|
padding: 0 20rpx; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-wrap: wrap; /* 允许换行 */ |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
gap: 20rpx; |
|
|
|
|
|
.li{ |
|
|
|
|
|
width: 48%; /* 每个列表项占宽度的48%,留出一些间距 */ |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
gap: 5rpx; |
|
|
|
|
|
.li_title{ |
|
|
|
|
|
text-align: left; |
|
|
|
|
|
} |
|
|
|
|
|
.li_content{ |
|
|
|
|
|
text-align: left; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |