|
|
|
@ -1,4 +1,4 @@ |
|
|
|
<!--体测数据-详情--> |
|
|
|
<!--体测数据-列表详情--> |
|
|
|
<template> |
|
|
|
<view class="overall"> |
|
|
|
|
|
|
|
@ -11,33 +11,85 @@ |
|
|
|
> |
|
|
|
|
|
|
|
<view class="item" v-for="(v,k) in tableList" :key="k"> |
|
|
|
<view class="date">{{$util.formatToDateTime(v.create_time, 'Y-m-d')}}</view> |
|
|
|
<view class="date">{{$util.formatToDateTime(v.created_at, 'Y-m-d')}}</view> |
|
|
|
<view class="content"> |
|
|
|
<view class="circle-container"> |
|
|
|
<view class="card-con-txt1-left"> |
|
|
|
<image :src="$util.img('/uniapp_src/static/images/index/score.png')" class="overlay-image"></image> |
|
|
|
</view> |
|
|
|
<view class="card-con-txt1-left-txt">{{v.score}}</view> |
|
|
|
<view class="card-con-txt1-left-txt">{{v.calculateChildHealthScore}}</view> |
|
|
|
<view class="card-con-txt1-left-txt top1">综合评分</view> |
|
|
|
</view> |
|
|
|
<view style="height: 170rpx;"></view> |
|
|
|
<view style="display: flex;justify-content: space-around;"> |
|
|
|
<view style="text-align: center;"> |
|
|
|
<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;">{{(v.height)}}</view> |
|
|
|
</view> |
|
|
|
<view style="text-align: center;"> |
|
|
|
<view style="color: #AAAAAA;font-size: 30rpx;padding: 15rpx 0;">体重 (KG)</view> |
|
|
|
<view style="font-size: 55rpx;color: #29d3b4;">{{v.weight}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="coach-message"> |
|
|
|
<view> |
|
|
|
<image :src="$util.img('/uniapp_src/static/images/index/lv.png')" class="drop-image"></image> |
|
|
|
<!-- <view class="coach-message">--> |
|
|
|
<!-- <view>--> |
|
|
|
<!-- <image :src="$util.img('/uniapp_src/static/images/index/lv.png')" class="drop-image"></image>--> |
|
|
|
<!-- </view>--> |
|
|
|
<!-- <view style="padding: 15rpx 0 0 5rpx;line-height: 1.6;font-size: 30rpx;color: #7F7F7F;">{{v.content}}</view>--> |
|
|
|
<!-- </view>--> |
|
|
|
<view class="list_box" > |
|
|
|
<view class="ul"> |
|
|
|
<view class="li"> |
|
|
|
<view class="li_title">坐位体前屈</view> |
|
|
|
<view class="li_content">测试结果：{{v.seated_forward_bend}}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
<view class="li_title">仰卧卷腹</view> |
|
|
|
<view class="li_content">测试结果：{{v.sit_ups}}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
<view class="li_title">九十度仰卧撑</view> |
|
|
|
<view class="li_content">测试结果：{{v.push_ups}}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
<view class="li_title">火烈鸟平衡测试</view> |
|
|
|
<view class="li_content">测试结果：{{v.flamingo_balance}}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
<view class="li_title">三十秒双脚连续跳</view> |
|
|
|
<view class="li_content">测试结果：{{v.thirty_sec_jump}}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
<view class="li_title">立定跳远</view> |
|
|
|
<view class="li_content">测试结果：{{v.standing_long_jump}}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
<view class="li_title">4乘10m灵敏折返跑</view> |
|
|
|
<view class="li_content">测试结果：{{v.agility_run}}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
<view class="li_title">走平衡木</view> |
|
|
|
<view class="li_content">测试结果：{{v.balance_beam}}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
<view class="li_title">网球掷远</view> |
|
|
|
<view class="li_content">测试结果：{{v.tennis_throw}}</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="li"> |
|
|
|
<view class="li_title">十米往返跑</view> |
|
|
|
<view class="li_content">测试结果：{{v.ten_meter_shuttle_run}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view style="padding: 15rpx 0 0 5rpx;line-height: 1.6;font-size: 30rpx;color: #7F7F7F;">{{v.content}}</view> |
|
|
|
</view> |
|
|
|
<view style="font-size: 45rpx;text-align: center;margin-top: 30%;">详细数据信息</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
@ -46,95 +98,95 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import memberApi from '@/api/member.js'; |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
loading:false,//加载状态 |
|
|
|
lowerThreshold: 100,//距离底部多远触发 |
|
|
|
isReachedBottom: false,//防止重复加载|true=不可加载|false=可加载 |
|
|
|
|
|
|
|
//筛选条件 |
|
|
|
filteredData:{ |
|
|
|
page:1,//当前页码 |
|
|
|
limit:10,//每页返回数据条数 |
|
|
|
total:10,//数据总条数 |
|
|
|
students_id: '',//学员id |
|
|
|
}, |
|
|
|
|
|
|
|
tableList:[],//表格数据 |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(options) { |
|
|
|
this.filteredData.students_id = options.students_id//学员id |
|
|
|
}, |
|
|
|
onShow(){ |
|
|
|
this.init() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
//初始化 |
|
|
|
async init(){ |
|
|
|
this.getList() |
|
|
|
}, |
|
|
|
import apiRoute from '@/api/apiRoute.js'; |
|
|
|
|
|
|
|
//加载更多(下一页) |
|
|
|
loadMoreData() { |
|
|
|
//判断是否加载 |
|
|
|
if (!this.isReachedBottom) { |
|
|
|
this.isReachedBottom = true;//设置为不可请求状态 |
|
|
|
this.getList(); |
|
|
|
} |
|
|
|
}, |
|
|
|
//重置为第一页 |
|
|
|
async resetFilteredData() { |
|
|
|
this.isReachedBottom = false; // 重置状态，以便下次触发加载更多 |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
loading: false,//加载状态 |
|
|
|
lowerThreshold: 100,//距离底部多远触发 |
|
|
|
isReachedBottom: false,//防止重复加载|true=不可加载|false=可加载 |
|
|
|
|
|
|
|
this.filteredData.page = 1//当前页码 |
|
|
|
this.filteredData.limit = 10//每页返回数据条数 |
|
|
|
this.filteredData.total = 10//数据总条数 |
|
|
|
//筛选条件 |
|
|
|
filteredData: { |
|
|
|
page: 1,//当前页码 |
|
|
|
limit: 10,//每页返回数据条数 |
|
|
|
total: 10,//数据总条数 |
|
|
|
resource_id: '',//学员资源id |
|
|
|
}, |
|
|
|
|
|
|
|
//获取-学员-体测列表 |
|
|
|
async getList(){ |
|
|
|
this.loading = true |
|
|
|
tableList: [],//表格数据 |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(options) { |
|
|
|
this.filteredData.resource_id = options.resource_id//学员资源id |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
this.init() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
//初始化 |
|
|
|
async init() { |
|
|
|
this.getList() |
|
|
|
}, |
|
|
|
|
|
|
|
let data = {...this.filteredData} |
|
|
|
//加载更多(下一页) |
|
|
|
loadMoreData() { |
|
|
|
//判断是否加载 |
|
|
|
if (!this.isReachedBottom) { |
|
|
|
this.isReachedBottom = true;//设置为不可请求状态 |
|
|
|
this.getList(); |
|
|
|
} |
|
|
|
}, |
|
|
|
//重置为第一页 |
|
|
|
async resetFilteredData() { |
|
|
|
this.isReachedBottom = false; // 重置状态，以便下次触发加载更多 |
|
|
|
|
|
|
|
//判断是否还有数据 |
|
|
|
if ((this.filteredData.page - 1) * this.filteredData.limit >= this.filteredData.total) { |
|
|
|
this.loading = false |
|
|
|
uni.showToast({ |
|
|
|
title: '暂无更多', |
|
|
|
icon: 'none' |
|
|
|
}) |
|
|
|
return |
|
|
|
} |
|
|
|
this.filteredData.page = 1//当前页码 |
|
|
|
this.filteredData.limit = 10//每页返回数据条数 |
|
|
|
this.filteredData.total = 10//数据总条数 |
|
|
|
}, |
|
|
|
|
|
|
|
if(data.page == 1){ |
|
|
|
this.tableList = [] |
|
|
|
} |
|
|
|
//获取-学员-体测列表 |
|
|
|
async getList() { |
|
|
|
this.loading = true |
|
|
|
|
|
|
|
let data = {...this.filteredData} |
|
|
|
|
|
|
|
//学员-体测列表 |
|
|
|
let res = await memberApi.surveyList(data) |
|
|
|
//判断是否还有数据 |
|
|
|
if ((this.filteredData.page - 1) * this.filteredData.limit >= this.filteredData.total) { |
|
|
|
this.loading = false |
|
|
|
this.isReachedBottom = false; |
|
|
|
if (res.code != 1){ |
|
|
|
uni.showToast({ |
|
|
|
title: res.msg, |
|
|
|
icon: 'none' |
|
|
|
}) |
|
|
|
return |
|
|
|
} |
|
|
|
uni.showToast({ |
|
|
|
title: '暂无更多', |
|
|
|
icon: 'none' |
|
|
|
}) |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
this.tableList = this.tableList.concat(res.data.list.data); // 使用 concat 方法 将新数据追加到数组中 |
|
|
|
if (data.page == 1) { |
|
|
|
this.tableList = [] |
|
|
|
} |
|
|
|
|
|
|
|
// console.log('列表',this.tableList) |
|
|
|
this.filteredData.total = res.data.list.total |
|
|
|
this.filteredData.page++ |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
//学员-体测列表 |
|
|
|
let res = await apiRoute.xy_physicalTest(data) |
|
|
|
this.loading = false |
|
|
|
this.isReachedBottom = false; |
|
|
|
if (res.code != 1) { |
|
|
|
uni.showToast({ |
|
|
|
title: res.msg, |
|
|
|
icon: 'none' |
|
|
|
}) |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
this.tableList = this.tableList.concat(res.data.data); // 使用 concat 方法 将新数据追加到数组中 |
|
|
|
|
|
|
|
// console.log('列表',this.tableList) |
|
|
|
this.filteredData.total = res.data.total |
|
|
|
this.filteredData.page++ |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
|
@ -150,6 +202,33 @@ import memberApi from '@/api/member.js'; |
|
|
|
flex-direction: column; |
|
|
|
.item{ |
|
|
|
margin-bottom: 40rpx; |
|
|
|
.content{ |
|
|
|
.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; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
