|
|
@ -1,25 +1,27 @@ |
|
|
<!--作业详情--> |
|
|
<!--作业详情--> |
|
|
<template> |
|
|
<template> |
|
|
<view> |
|
|
<view class="main_box"> |
|
|
<!-- 作业展示--> |
|
|
<!-- 作业展示--> |
|
|
<view class="top-style" v-if="infoData.student_file"> |
|
|
<view class="top-style" v-if="infoData.content_text"> |
|
|
<video v-if="infoData.student_file_type == 2" class="pic" style="width: 100%;border-radius: 15rpx;" :src="$util.img(infoData.student_file)"></video> |
|
|
<video v-if="infoData.content_type == 2" class="pic" style="width: 100%;border-radius: 15rpx;" :src="$util.img(infoData.content_text)"></video> |
|
|
<image v-else style="width: 100%;border-radius: 15rpx;" :src="$util.img(infoData.student_file)" mode="aspectFit"></image> |
|
|
<image v-else-if="infoData.content_type == 1" style="width: 100%;border-radius: 15rpx;" :src="$util.img(infoData.content_text)" mode="aspectFit"></image> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!-- 简练信息+作业描述--> |
|
|
<!-- 简练信息+作业描述--> |
|
|
<view class="below-style"> |
|
|
<view class="below-style"> |
|
|
<view class="head-img"> |
|
|
<view class="head-img"> |
|
|
<!--教练头像--> |
|
|
<!--学生头像--> |
|
|
<fui-avatar width="80" :src="$util.img(infoData.coach_pic)"></fui-avatar> |
|
|
<fui-avatar width="80" :src="infoData.student.customerResources.member.headimg ? infoData.student.customerResources.member.headimg : $util.img('/uniapp_src/static/images/common/yong_hu.png')"></fui-avatar> |
|
|
<view class="head-text">{{infoData .coach_name}}</view> |
|
|
<view class="head-text">{{infoData .student.name}}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="multi-line-ellipsis" v-html="infoData.content_text"></view> |
|
|
<view class="multi-line-ellipsis"> |
|
|
|
|
|
状态：{{ infoData.status == 1 ? '待批改' : infoData.status == 2 ? '未提交' : infoData.status == 3 ? '已提交' :''}} </view> |
|
|
|
|
|
<view class="multi-line-ellipsis" v-html="infoData.description"></view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
<script> |
|
|
<script> |
|
|
import memberApi from '@/api/member.js'; |
|
|
import apiRoute from '@/api/apiRoute.js'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
@ -34,7 +36,7 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
onLoad(options) { |
|
|
onLoad(options) { |
|
|
this.filteredData.id = options.id |
|
|
this.filteredData.id = options.id//作业id |
|
|
}, |
|
|
}, |
|
|
onShow(){ |
|
|
onShow(){ |
|
|
this.init()//初始化数据 |
|
|
this.init()//初始化数据 |
|
|
@ -48,7 +50,7 @@ export default { |
|
|
//获取作业详情 |
|
|
//获取作业详情 |
|
|
async getAssignmentsInfo() { |
|
|
async getAssignmentsInfo() { |
|
|
let params = {...this.filteredData} |
|
|
let params = {...this.filteredData} |
|
|
let res = await memberApi.assignmentsInfo(params) |
|
|
let res = await apiRoute.xy_assignmentsInfo(params) |
|
|
if (res.code != 1) { |
|
|
if (res.code != 1) { |
|
|
uni.showToast({ |
|
|
uni.showToast({ |
|
|
title: res.msg, |
|
|
title: res.msg, |
|
|
@ -64,11 +66,16 @@ export default { |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style lang="less" scoped> |
|
|
<style lang="less" scoped> |
|
|
|
|
|
.main_box{ |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
background: #292929; |
|
|
|
|
|
padding-top: 45rpx; |
|
|
|
|
|
} |
|
|
.top-style{ |
|
|
.top-style{ |
|
|
width: 92%; |
|
|
width: 92%; |
|
|
height: 700rpx; |
|
|
height: 700rpx; |
|
|
margin: auto; |
|
|
margin: auto; |
|
|
margin-top: 45rpx; |
|
|
|
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
@ -80,19 +87,22 @@ export default { |
|
|
.below-style{ |
|
|
.below-style{ |
|
|
width: 92%; |
|
|
width: 92%; |
|
|
margin: auto; |
|
|
margin: auto; |
|
|
|
|
|
.head-img { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
padding: 10rpx 20rpx; |
|
|
|
|
|
} |
|
|
|
|
|
.head-text { |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
font-size: 35rpx; |
|
|
|
|
|
padding-left: 20rpx; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
.head-img { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
padding: 10rpx 20rpx; |
|
|
|
|
|
} |
|
|
|
|
|
.head-text { |
|
|
|
|
|
color: #333333; |
|
|
|
|
|
font-size: 35rpx; |
|
|
|
|
|
padding-left: 20rpx; |
|
|
|
|
|
} |
|
|
|
|
|
.multi-line-ellipsis { |
|
|
.multi-line-ellipsis { |
|
|
color: #333333; |
|
|
margin-top: 20rpx; |
|
|
|
|
|
color: #fff; |
|
|
font-size: 29rpx; |
|
|
font-size: 29rpx; |
|
|
padding: 5rpx 10rpx; |
|
|
padding: 5rpx 10rpx; |
|
|
// display: -webkit-box; |
|
|
// display: -webkit-box; |
|
|
|
