|
|
@ -1,74 +1,26 @@ |
|
|
<!--学员-详情--> |
|
|
<!--学员-详情--> |
|
|
<template> |
|
|
<template> |
|
|
<view class="main_box"> |
|
|
<view class="main_box"> |
|
|
<!--自定义导航栏--> |
|
|
|
|
|
<!-- <view class="navbar_section">--> |
|
|
|
|
|
<!-- <view class="title">学员详情</view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
<!--学员信息--> |
|
|
<!--学员信息--> |
|
|
<view class="user_section"> |
|
|
<view class="user_section"> |
|
|
<view class="box"> |
|
|
<view class="box"> |
|
|
<view class="left"> |
|
|
<view class="left"> |
|
|
<image class="pic" :src="studentsInfo.customerResources.member.headimg"></image> |
|
|
<image class="pic" :src="studentsInfo.customerResources.member.headimg"></image> |
|
|
<!-- <view class="btn_box" v-if="checkExpireTime(studentsInfo.expire_time)"> |
|
|
</view> |
|
|
<view class="btn">即将到期</view> |
|
|
<view class="right"> |
|
|
</view> --> |
|
|
<view class="item"> |
|
|
</view> |
|
|
<view class="name">{{ studentsInfo.name }}</view> |
|
|
<view class="right"> |
|
|
<view class="age"> |
|
|
<view class="item"> |
|
|
{{ studentsInfo.customerResources.age }}岁 |
|
|
<view class="name">{{studentsInfo.name}}</view> |
|
|
</view> |
|
|
<view class="age"> |
|
|
</view> |
|
|
<!-- {{formatAgeMonth(studentsInfo.age)}} --> |
|
|
<view class="item"> |
|
|
{{studentsInfo.customerResources.age}}岁 |
|
|
<view class="title">电话:{{ studentsInfo.customerResources.phone_number }}</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<!-- <view class="item">--> |
|
|
</view> |
|
|
<!-- <view class="title">家长姓名:黄大呢</view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
<view class="item"> |
|
|
|
|
|
<view class="title">电话:{{studentsInfo.customerResources.phone_number}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!--课程信息--> |
|
|
|
|
|
<!-- <view class="course_section">--> |
|
|
|
|
|
<!-- <view class="main">--> |
|
|
|
|
|
<!-- <view class="course_box">--> |
|
|
|
|
|
<!-- <view class="item">--> |
|
|
|
|
|
<!-- <view class="title">篮球少儿课程</view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="item">--> |
|
|
|
|
|
<!-- <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>--> |
|
|
|
|
|
<!-- <view class="name">{{studentsInfo.name}}</view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="item">--> |
|
|
|
|
|
<!-- <view class="content">截止时间:{{studentsInfo.expire_time}}</view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="item">--> |
|
|
|
|
|
<!-- <view class="content">已上课时:{{studentsInfo.have_study_time}}</view>--> |
|
|
|
|
|
<!-- <view class="content">剩余课时:{{studentsInfo.end_study_time}}</view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="tag">--> |
|
|
|
|
|
<!-- 出勤高--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view class="btn">--> |
|
|
|
|
|
<!-- 延课一周--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
<!-- <view class="bg_box bg_top"></view>--> |
|
|
|
|
|
<!-- <view class="bg_box bg_bottom"></view>--> |
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="main_section"> |
|
|
<view class="main_section"> |
|
|
<view class="section_box"> |
|
|
<view class="section_box"> |
|
|
<view class="tag_box"> |
|
|
<view class="tag_box"> |
|
|
@ -78,63 +30,62 @@ |
|
|
|
|
|
|
|
|
<!--作业列表--> |
|
|
<!--作业列表--> |
|
|
<view v-if="tabType=='1'" class="section_1"> |
|
|
<view v-if="tabType=='1'" class="section_1"> |
|
|
<view class="ul"> |
|
|
<view class="ul"> |
|
|
<view class="li" |
|
|
<view class="li" |
|
|
v-for="(v,k) in assignmentsList" |
|
|
v-for="(v,k) in assignmentsList" |
|
|
:key="k" |
|
|
:key="k" |
|
|
@click="opebViewWorkDetails(v)"> |
|
|
@click="opebViewWorkDetails(v)"> |
|
|
<view class="left"> |
|
|
<view class="left"> |
|
|
<view class="title">{{v.courses_name}}</view> |
|
|
<view class="title">{{ v.courses_name }}</view> |
|
|
<view class="date">上课时间:{{v.submit_time}}</view> |
|
|
<view class="date">上课时间:{{ v.submit_time }}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="right"> |
|
|
<view class="right"> |
|
|
<view v-if="v.status==1" class="btn" style="background-color: #e2e2e2;">作业未提交</view> |
|
|
<view v-if="v.status==1" class="btn" style="background-color: #e2e2e2;">作业未提交</view> |
|
|
<view v-else-if="v.status==2" class="btn" style="background-color: #a4adb3;">待批改</view> |
|
|
<view v-else-if="v.status==2" class="btn" style="background-color: #a4adb3;">待批改</view> |
|
|
<view v-else-if="v.status==3" class="btn" style="background-color: #29d3b4;">作业已完成</view> |
|
|
<view v-else-if="v.status==3" class="btn" style="background-color: #29d3b4;">作业已完成</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!--评测报告--> |
|
|
<!--评测报告--> |
|
|
<view v-if="tabType=='2'" class="section_2"> |
|
|
<view v-if="tabType=='2'" class="section_2"> |
|
|
<scroll-view |
|
|
<scroll-view |
|
|
class="ul" |
|
|
class="ul" |
|
|
scroll-y="true" |
|
|
scroll-y="true" |
|
|
:lower-threshold="lowerThreshold" |
|
|
:lower-threshold="lowerThreshold" |
|
|
@scrolltolower="loadMoreData" |
|
|
@scrolltolower="loadMoreData" |
|
|
style="height: 65vh;" |
|
|
style="height: 65vh;" |
|
|
> |
|
|
> |
|
|
<view |
|
|
<view |
|
|
class="li" |
|
|
class="li" |
|
|
v-for="(v,k) in surveyList" |
|
|
v-for="(v,k) in surveyList" |
|
|
:key="k" @click="openViewPhysicalExamination(v)" |
|
|
:key="k" @click="openViewPhysicalExamination(v)" |
|
|
> |
|
|
> |
|
|
<view class="top"> |
|
|
<view class="top"> |
|
|
<view class="title">综合评分:{{v.calculateChildHealthScore}}</view> |
|
|
<view class="title">综合评分:{{ v.calculateChildHealthScore }}</view> |
|
|
<!-- <view class="hint">打败了99%学员</view>--> |
|
|
<!-- <view class="hint">打败了99%学员</view>--> |
|
|
</view> |
|
|
</view> |
|
|
<view class="bottom">测试时间:{{$util.formatToDateTime(v.created_at, 'Y-m-d')}}</view> |
|
|
<view class="bottom">测试时间:{{ $util.formatToDateTime(v.created_at, 'Y-m-d') }}</view> |
|
|
</view> |
|
|
</view> |
|
|
</scroll-view> |
|
|
</scroll-view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!-- 底部导航--> |
|
|
<!-- 底部导航--> |
|
|
<!-- <AQTabber/>--> |
|
|
<!-- <AQTabber/>--> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import memberApi from '@/api/member.js'; |
|
|
import memberApi from '@/api/member.js' |
|
|
import AQTabber from "@/components/AQ/AQTabber.vue" |
|
|
import AQTabber from '@/components/AQ/AQTabber.vue' |
|
|
import apiRoute from '@/api/apiRoute.js'; |
|
|
import apiRoute from '@/api/apiRoute.js' |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
components: { |
|
|
components: { |
|
|
@ -142,62 +93,62 @@ export default { |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
tabType:'1',//1=班级成员,2=作业任务 |
|
|
tabType: '1',//1=班级成员,2=作业任务 |
|
|
Atype:1,//1=作业完成,2=作业未提交 |
|
|
Atype: 1,//1=作业完成,2=作业未提交 |
|
|
|
|
|
|
|
|
students_id:'',//学生id |
|
|
students_id: '',//学生id |
|
|
studentsInfo:{},// 学生详情 |
|
|
studentsInfo: {},// 学生详情 |
|
|
assignmentsList:[],// 作业列表 |
|
|
assignmentsList: [],// 作业列表 |
|
|
|
|
|
|
|
|
loading:false,//加载状态 |
|
|
loading: false,//加载状态 |
|
|
lowerThreshold: 100,//距离底部多远触发 |
|
|
lowerThreshold: 100,//距离底部多远触发 |
|
|
isReachedBottom: false,//防止重复加载|true=不可加载|false=可加载 |
|
|
isReachedBottom: false,//防止重复加载|true=不可加载|false=可加载 |
|
|
|
|
|
|
|
|
//筛选条件 |
|
|
//筛选条件 |
|
|
filteredData:{ |
|
|
filteredData: { |
|
|
page:1,//当前页码 |
|
|
page: 1,//当前页码 |
|
|
limit:10,//每页返回数据条数 |
|
|
limit: 10,//每页返回数据条数 |
|
|
total:10,//数据总条数 |
|
|
total: 10,//数据总条数 |
|
|
user_id: '',//学员id |
|
|
user_id: '',//学员id |
|
|
}, |
|
|
}, |
|
|
surveyList:[],//体测报告列表 |
|
|
surveyList: [],//体测报告列表 |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
onLoad(options) { |
|
|
onLoad(options) { |
|
|
this.students_id = options.students_id//学生id |
|
|
this.students_id = options.students_id//学生id |
|
|
}, |
|
|
}, |
|
|
onShow(){ |
|
|
onShow() { |
|
|
this.init()//初始化 |
|
|
this.init()//初始化 |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
//初始化 |
|
|
//初始化 |
|
|
async init(){ |
|
|
async init() { |
|
|
//获取学生详情 |
|
|
//获取学生详情 |
|
|
await this.getStudentsInfo() |
|
|
await this.getStudentsInfo() |
|
|
await this.getSurveyList() |
|
|
await this.getSurveyList() |
|
|
}, |
|
|
}, |
|
|
formatAgeMonth(input) { |
|
|
formatAgeMonth(input) { |
|
|
let str = String(input); |
|
|
let str = String(input) |
|
|
// 分割小数点前后部分 |
|
|
// 分割小数点前后部分 |
|
|
let [yearPart, monthPart] = str.split('.'); |
|
|
let [yearPart, monthPart] = str.split('.') |
|
|
// 如果没有小数部分,默认为 0 |
|
|
// 如果没有小数部分,默认为 0 |
|
|
if (!monthPart) { |
|
|
if (!monthPart) { |
|
|
monthPart = '00'; |
|
|
monthPart = '00' |
|
|
} |
|
|
} |
|
|
// 如果是 00,则显示为 0 |
|
|
// 如果是 00,则显示为 0 |
|
|
monthPart = monthPart === '00' ? '0' : monthPart; |
|
|
monthPart = monthPart === '00' ? '0' : monthPart |
|
|
return `${yearPart}岁${monthPart}月`; |
|
|
return `${yearPart}岁${monthPart}月` |
|
|
}, |
|
|
}, |
|
|
//获取学生详情 |
|
|
//获取学生详情 |
|
|
async getStudentsInfo(){ |
|
|
async getStudentsInfo() { |
|
|
let data = { |
|
|
let data = { |
|
|
students_id:this.students_id |
|
|
students_id: this.students_id, |
|
|
} |
|
|
} |
|
|
let res = await apiRoute.jlStudentsInfo(data) |
|
|
let res = await apiRoute.jlStudentsInfo(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 |
|
|
} |
|
|
} |
|
|
@ -205,7 +156,7 @@ export default { |
|
|
this.studentsInfo = res.data//学生信息 |
|
|
this.studentsInfo = res.data//学生信息 |
|
|
|
|
|
|
|
|
this.assignmentsList = res.data.physical_test//作业列表 |
|
|
this.assignmentsList = res.data.physical_test//作业列表 |
|
|
this.filteredData.user_id = res.data.user_id |
|
|
this.filteredData.user_id = res.data.user_id |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
// 检查 expire_time 是否大于等于当前时间 5 天 |
|
|
// 检查 expire_time 是否大于等于当前时间 5 天 |
|
|
@ -214,12 +165,12 @@ export default { |
|
|
return false |
|
|
return false |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const expireDate = new Date(expireTime); |
|
|
const expireDate = new Date(expireTime) |
|
|
const currentDate = new Date(); |
|
|
const currentDate = new Date() |
|
|
|
|
|
|
|
|
// 计算天数差 |
|
|
// 计算天数差 |
|
|
const timeDifference = expireDate - currentDate; |
|
|
const timeDifference = expireDate - currentDate |
|
|
const daysDifference = timeDifference / (1000 * 60 * 60 * 24); |
|
|
const daysDifference = timeDifference / (1000 * 60 * 60 * 24) |
|
|
|
|
|
|
|
|
if (daysDifference >= 5) { |
|
|
if (daysDifference >= 5) { |
|
|
return true |
|
|
return true |
|
|
@ -233,55 +184,55 @@ export default { |
|
|
loadMoreData() { |
|
|
loadMoreData() { |
|
|
//判断是否加载 |
|
|
//判断是否加载 |
|
|
if (!this.isReachedBottom) { |
|
|
if (!this.isReachedBottom) { |
|
|
this.isReachedBottom = true;//设置为不可请求状态 |
|
|
this.isReachedBottom = true//设置为不可请求状态 |
|
|
this.getSurveyList(); |
|
|
this.getSurveyList() |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
//重置为第一页 |
|
|
//重置为第一页 |
|
|
async resetFilteredData() { |
|
|
async resetFilteredData() { |
|
|
this.isReachedBottom = false; // 重置状态,以便下次触发加载更多 |
|
|
this.isReachedBottom = false // 重置状态,以便下次触发加载更多 |
|
|
|
|
|
|
|
|
this.filteredData.page = 1//当前页码 |
|
|
this.filteredData.page = 1//当前页码 |
|
|
this.filteredData.limit = 10//每页返回数据条数 |
|
|
this.filteredData.limit = 10//每页返回数据条数 |
|
|
this.filteredData.total = 10//数据总条数 |
|
|
this.filteredData.total = 10//数据总条数 |
|
|
}, |
|
|
}, |
|
|
//获取学生评测报告列表 |
|
|
//获取学生评测报告列表 |
|
|
async getSurveyList(){ |
|
|
async getSurveyList() { |
|
|
this.loading = true |
|
|
this.loading = true |
|
|
|
|
|
|
|
|
let data = {...this.filteredData} |
|
|
let data = { ...this.filteredData } |
|
|
|
|
|
|
|
|
//判断是否还有数据 |
|
|
//判断是否还有数据 |
|
|
if ((this.filteredData.page - 1) * this.filteredData.limit >= this.filteredData.total) { |
|
|
if ((this.filteredData.page - 1) * this.filteredData.limit >= this.filteredData.total) { |
|
|
this.loading = false |
|
|
this.loading = false |
|
|
uni.showToast({ |
|
|
uni.showToast({ |
|
|
title: '暂无更多', |
|
|
title: '暂无更多', |
|
|
icon: 'none' |
|
|
icon: 'none', |
|
|
}) |
|
|
}) |
|
|
return |
|
|
return |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
if(data.page == 1){ |
|
|
if (data.page == 1) { |
|
|
this.surveyList = [] |
|
|
this.surveyList = [] |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
//学员-体测列表 |
|
|
//学员-体测列表 |
|
|
let res = await apiRoute.physicalTest(data) |
|
|
let res = await apiRoute.physicalTest(data) |
|
|
this.loading = false |
|
|
this.loading = false |
|
|
this.isReachedBottom = false; |
|
|
this.isReachedBottom = false |
|
|
if (res.code != 1){ |
|
|
if (res.code != 1) { |
|
|
uni.showToast({ |
|
|
uni.showToast({ |
|
|
title: res.msg, |
|
|
title: res.msg, |
|
|
icon: 'none' |
|
|
icon: 'none', |
|
|
}) |
|
|
}) |
|
|
return |
|
|
return |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
console.log(res,111) |
|
|
|
|
|
|
|
|
|
|
|
this.surveyList = this.surveyList.concat(res.data.physical_test.data); // 使用 concat 方法 将新数据追加到数组中 |
|
|
console.log(res, 111) |
|
|
|
|
|
|
|
|
|
|
|
this.surveyList = this.surveyList.concat(res.data.physical_test.data) // 使用 concat 方法 将新数据追加到数组中 |
|
|
|
|
|
|
|
|
console.log('列表',this.surveyList) |
|
|
console.log('列表', this.surveyList) |
|
|
this.filteredData.total = res.data.total |
|
|
this.filteredData.total = res.data.total |
|
|
this.filteredData.page++ |
|
|
this.filteredData.page++ |
|
|
}, |
|
|
}, |
|
|
@ -293,50 +244,51 @@ export default { |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//打开课程详情 |
|
|
//打开课程详情 |
|
|
openViewCourseInfo(item){ |
|
|
openViewCourseInfo(item) { |
|
|
this.$navigateTo({ |
|
|
this.$navigateTo({ |
|
|
url: '/pages/coach/course/info' |
|
|
url: '/pages/coach/course/info', |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
//打开学员详情页 |
|
|
//打开学员详情页 |
|
|
openViewStudentInfo(item){ |
|
|
openViewStudentInfo(item) { |
|
|
this.$navigateTo({ |
|
|
this.$navigateTo({ |
|
|
url: '/pages/coach/student/info' |
|
|
url: '/pages/coach/student/info', |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//打开体测报告 |
|
|
//打开体测报告 |
|
|
openViewPhysicalExamination(item){ |
|
|
openViewPhysicalExamination(item) { |
|
|
let survey_id = item.id |
|
|
let survey_id = item.id |
|
|
this.$navigateTo({ |
|
|
this.$navigateTo({ |
|
|
url: `/pages/coach/student/physical_examination?survey_id=${survey_id}` |
|
|
url: `/pages/coach/student/physical_examination?survey_id=${survey_id}`, |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//打开作业任务 |
|
|
//打开作业任务 |
|
|
opebViewWorkDetails(item){ |
|
|
opebViewWorkDetails(item) { |
|
|
this.$navigateTo({ |
|
|
this.$navigateTo({ |
|
|
url: '/pages/coach/student/work_details' |
|
|
url: '/pages/coach/student/work_details', |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
} |
|
|
}, |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
<style lang="less" scoped> |
|
|
|
|
|
|
|
|
.main_box{ |
|
|
.main_box { |
|
|
background: #292929 ; |
|
|
background: #292929; |
|
|
min-height: 100vh; |
|
|
min-height: 100vh; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
//自定义导航栏 |
|
|
//自定义导航栏 |
|
|
.navbar_section{ |
|
|
.navbar_section { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
background: #292929; |
|
|
background: #292929; |
|
|
.title{ |
|
|
|
|
|
|
|
|
.title { |
|
|
padding: 40rpx 0rpx; |
|
|
padding: 40rpx 0rpx; |
|
|
|
|
|
|
|
|
/* 小程序端样式 */ |
|
|
/* 小程序端样式 */ |
|
|
@ -354,58 +306,67 @@ export default { |
|
|
background-color: #29D3B4; |
|
|
background-color: #29D3B4; |
|
|
padding-top: 58rpx; |
|
|
padding-top: 58rpx; |
|
|
padding-bottom: 42rpx; |
|
|
padding-bottom: 42rpx; |
|
|
.box{ |
|
|
|
|
|
|
|
|
.box { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
gap: 15rpx; |
|
|
gap: 15rpx; |
|
|
.left{ |
|
|
|
|
|
|
|
|
.left { |
|
|
position: relative; |
|
|
position: relative; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
width: 120rpx; |
|
|
width: 120rpx; |
|
|
.pic{ |
|
|
|
|
|
|
|
|
.pic { |
|
|
width: 92rpx; |
|
|
width: 92rpx; |
|
|
height: 92rpx; |
|
|
height: 92rpx; |
|
|
border-radius: 50%; |
|
|
border-radius: 50%; |
|
|
} |
|
|
} |
|
|
.btn_box{ |
|
|
|
|
|
|
|
|
.btn_box { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
bottom: -18rpx; |
|
|
bottom: -18rpx; |
|
|
.btn{ |
|
|
|
|
|
|
|
|
.btn { |
|
|
width: 120rpx; |
|
|
width: 120rpx; |
|
|
height: 38rpx; |
|
|
height: 38rpx; |
|
|
line-height: 40rpx; |
|
|
line-height: 40rpx; |
|
|
border-radius: 4rpx; |
|
|
border-radius: 4rpx; |
|
|
background-color: rgba(245,154,35,1); |
|
|
background-color: rgba(245, 154, 35, 1); |
|
|
color: rgba(255,255,255,1); |
|
|
color: rgba(255, 255, 255, 1); |
|
|
font-size: 20rpx; |
|
|
font-size: 20rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
border: 0rpx solid rgba(121,121,121,1); |
|
|
border: 0rpx solid rgba(121, 121, 121, 1); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
.right{ |
|
|
|
|
|
|
|
|
.right { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
gap: 18rpx; |
|
|
gap: 18rpx; |
|
|
.item{ |
|
|
|
|
|
|
|
|
.item { |
|
|
color: #fff; |
|
|
color: #fff; |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
.name{ |
|
|
|
|
|
|
|
|
.name { |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
} |
|
|
} |
|
|
.age{ |
|
|
|
|
|
|
|
|
.age { |
|
|
margin-left: 20rpx; |
|
|
margin-left: 20rpx; |
|
|
width: 128rpx; |
|
|
width: 128rpx; |
|
|
height: 42rpx; |
|
|
height: 42rpx; |
|
|
line-height: 42rpx; |
|
|
line-height: 42rpx; |
|
|
border-radius: 34rpx; |
|
|
border-radius: 34rpx; |
|
|
background-color: rgba(255,255,255,1); |
|
|
background-color: rgba(255, 255, 255, 1); |
|
|
color: rgba(51,51,51,1); |
|
|
color: rgba(51, 51, 51, 1); |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
@ -415,15 +376,17 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
//课程信息 |
|
|
//课程信息 |
|
|
.course_section{ |
|
|
.course_section { |
|
|
position: relative; |
|
|
position: relative; |
|
|
.main{ |
|
|
|
|
|
|
|
|
.main { |
|
|
position: relative; |
|
|
position: relative; |
|
|
z-index: 2; |
|
|
z-index: 2; |
|
|
padding: 0 24rpx; |
|
|
padding: 0 24rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
.course_box{ |
|
|
|
|
|
|
|
|
.course_box { |
|
|
padding: 42rpx 28rpx; |
|
|
padding: 42rpx 28rpx; |
|
|
width: 692rpx; |
|
|
width: 692rpx; |
|
|
border-radius: 20rpx; |
|
|
border-radius: 20rpx; |
|
|
@ -432,10 +395,12 @@ export default { |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
gap: 20rpx; |
|
|
gap: 20rpx; |
|
|
position: relative; |
|
|
position: relative; |
|
|
|
|
|
|
|
|
.item { |
|
|
.item { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
gap: 22rpx; |
|
|
gap: 22rpx; |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
@ -457,7 +422,8 @@ export default { |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
.tag{ |
|
|
|
|
|
|
|
|
.tag { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
right: 0; |
|
|
right: 0; |
|
|
top: 0; |
|
|
top: 0; |
|
|
@ -465,12 +431,13 @@ export default { |
|
|
height: 60rpx; |
|
|
height: 60rpx; |
|
|
line-height: 60rpx; |
|
|
line-height: 60rpx; |
|
|
border-radius: 0rpx 24rpx 0rpx 24rpx; |
|
|
border-radius: 0rpx 24rpx 0rpx 24rpx; |
|
|
background-color: rgba(236,128,141,1); |
|
|
background-color: rgba(236, 128, 141, 1); |
|
|
color: rgba(255,255,255,1); |
|
|
color: rgba(255, 255, 255, 1); |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
.btn{ |
|
|
|
|
|
|
|
|
.btn { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
right: 30rpx; |
|
|
right: 30rpx; |
|
|
bottom: 50rpx; |
|
|
bottom: 50rpx; |
|
|
@ -478,34 +445,36 @@ export default { |
|
|
height: 48rpx; |
|
|
height: 48rpx; |
|
|
line-height: 48rpx; |
|
|
line-height: 48rpx; |
|
|
border-radius: 10rpx; |
|
|
border-radius: 10rpx; |
|
|
background-color: rgba(41,211,180,0); |
|
|
background-color: rgba(41, 211, 180, 0); |
|
|
color: rgba(50,219,224,1); |
|
|
color: rgba(50, 219, 224, 1); |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
font-family: -regular; |
|
|
font-family: -regular; |
|
|
border: 2rpx solid rgba(50,219,224,1); |
|
|
border: 2rpx solid rgba(50, 219, 224, 1); |
|
|
} |
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
.bg_box{ |
|
|
.bg_box { |
|
|
z-index: 1; |
|
|
z-index: 1; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 150rpx; |
|
|
height: 150rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bg_top{ |
|
|
.bg_top { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 0; |
|
|
top: 0; |
|
|
background-color: #29D3B4; |
|
|
background-color: #29D3B4; |
|
|
} |
|
|
} |
|
|
.bg_bottom{ |
|
|
|
|
|
|
|
|
.bg_bottom { |
|
|
top: 50%; |
|
|
top: 50%; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
background-color: #292929; |
|
|
background-color: #292929; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.main_section{ |
|
|
.main_section { |
|
|
background: #292929 100%; |
|
|
background: #292929 100%; |
|
|
padding: 0 24rpx; |
|
|
padding: 0 24rpx; |
|
|
padding-top: 40rpx; |
|
|
padding-top: 40rpx; |
|
|
@ -521,50 +490,57 @@ export default { |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
gap: 38rpx; |
|
|
gap: 38rpx; |
|
|
.tag_box{ |
|
|
|
|
|
|
|
|
.tag_box { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
gap: 112rpx; |
|
|
gap: 112rpx; |
|
|
.item{ |
|
|
|
|
|
|
|
|
.item { |
|
|
width: 112rpx; |
|
|
width: 112rpx; |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
} |
|
|
} |
|
|
.select{ |
|
|
|
|
|
|
|
|
.select { |
|
|
color: #29D3B4; |
|
|
color: #29D3B4; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
//出勤记录 |
|
|
//出勤记录 |
|
|
.section_1{ |
|
|
.section_1 { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
.ul{ |
|
|
|
|
|
|
|
|
.ul { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
gap: 12rpx; |
|
|
gap: 12rpx; |
|
|
.li{ |
|
|
|
|
|
|
|
|
.li { |
|
|
padding: 30rpx 20rpx; |
|
|
padding: 30rpx 20rpx; |
|
|
border: 1px solid #29D3B4; |
|
|
border: 1px solid #29D3B4; |
|
|
border-radius: 18rpx; |
|
|
border-radius: 18rpx; |
|
|
background-color: rgba(41,211,180,0.16); |
|
|
background-color: rgba(41, 211, 180, 0.16); |
|
|
font-size: 26rpx; |
|
|
font-size: 26rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
.left{ |
|
|
|
|
|
|
|
|
.left { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
gap: 15rpx; |
|
|
gap: 15rpx; |
|
|
} |
|
|
} |
|
|
.right{ |
|
|
|
|
|
.btn{ |
|
|
.right { |
|
|
|
|
|
.btn { |
|
|
width: 110rpx; |
|
|
width: 110rpx; |
|
|
height: 44rpx; |
|
|
height: 44rpx; |
|
|
line-height: 44rpx; |
|
|
line-height: 44rpx; |
|
|
border-radius: 8rpx; |
|
|
border-radius: 8rpx; |
|
|
background-color: rgba(41,211,180,1); |
|
|
background-color: rgba(41, 211, 180, 1); |
|
|
color: rgba(255,255,255,1); |
|
|
color: rgba(255, 255, 255, 1); |
|
|
font-size: 20rpx; |
|
|
font-size: 20rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
@ -572,35 +548,43 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
//体测报告 |
|
|
//体测报告 |
|
|
.section_2{ |
|
|
.section_2 { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
.ul{ |
|
|
|
|
|
|
|
|
.ul { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
.li{ |
|
|
|
|
|
|
|
|
.li { |
|
|
margin-bottom: 12rpx; |
|
|
margin-bottom: 12rpx; |
|
|
padding: 30rpx 20rpx; |
|
|
padding: 30rpx 20rpx; |
|
|
border: 1px solid #29D3B4; |
|
|
border: 1px solid #29D3B4; |
|
|
border-radius: 18rpx; |
|
|
border-radius: 18rpx; |
|
|
background-color: rgba(41,211,180,0.16); |
|
|
background-color: rgba(41, 211, 180, 0.16); |
|
|
font-size: 26rpx; |
|
|
font-size: 26rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
gap: 20rpx; |
|
|
gap: 20rpx; |
|
|
.top{ |
|
|
|
|
|
|
|
|
.top { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
gap: 40rpx; |
|
|
gap: 40rpx; |
|
|
.title{ |
|
|
|
|
|
|
|
|
.title { |
|
|
font-size: 34rpx; |
|
|
font-size: 34rpx; |
|
|
} |
|
|
} |
|
|
.hint{ |
|
|
|
|
|
|
|
|
.hint { |
|
|
color: #F59A23; |
|
|
color: #F59A23; |
|
|
font-size: 24rpx; |
|
|
font-size: 24rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
.bottom{} |
|
|
|
|
|
|
|
|
.bottom { |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|