From 8c591e5269305ba8c83a6abfc021dae29579ff1c Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Wed, 16 Apr 2025 18:13:49 +0800
Subject: [PATCH] =?UTF-8?q?feat(coach/student):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E4=BD=9C=E4=B8=9A=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加作业展示区域，支持图片和视频显示
- 更新页面样式，增加教练头像和名称
- 实现作业详情数据的异步加载和显示- 优化文本显示样式，支持 HTML 格式
---
 pages/coach/student/work_details.vue | 158 ++++++++++++++++-----------
 pages/student/index/work_details.vue |   1 -
 2 files changed, 97 insertions(+), 62 deletions(-)

diff --git a/pages/coach/student/work_details.vue b/pages/coach/student/work_details.vue
index 2071fbe..211e7f3 100644
--- a/pages/coach/student/work_details.vue
+++ b/pages/coach/student/work_details.vue
@@ -1,68 +1,104 @@
-<!--作业任务-->
+<!--作业详情-->
 <template>
-	<view>
-		<view class="top-style">
-			<image src="@/static/images/index/work_details.png" class="top-style-img">
-		</view>
-		
-		<view class="below-style">
-			<view class="head-img">
-				<fui-avatar width="80" src="https://img1.baidu.com/it/u=3598104138,3632108415&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=800"></fui-avatar>
-				<view class="head-text">智卓燕</view>
-			</view>
-			<view class="multi-line-ellipsis">
-				作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述作业描述</view>
-		</view>
-	</view>
+  <view>
+    <!--    作业展示-->
+    <view class="top-style" v-if="infoData.student_file">
+      <video v-if="infoData.student_file_type == 2" class="pic" style="width: 100%;border-radius: 15rpx;" :src="$util.img(infoData.student_file)"></video>
+      <image v-else style="width: 100%;border-radius: 15rpx;" :src="$util.img(infoData.student_file)" mode="aspectFit"></image>
+    </view>
+
+    <!--    简练信息+作业描述-->
+    <view class="below-style">
+      <view class="head-img">
+        <!--教练头像-->
+        <fui-avatar width="80" :src="$util.img(infoData.coach_pic)"></fui-avatar>
+        <view class="head-text">{{infoData .coach_name}}</view>
+      </view>
+      <view class="multi-line-ellipsis" v-html="infoData.content_text"></view>
+    </view>
+  </view>
 </template>
 <script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		methods: {
-			
-		}
-	}
+import memberApi from '@/api/member.js';
+
+
+export default {
+  data() {
+    return {
+      //筛选条件
+      filteredData: {
+        id: '',//作业id
+      },
+
+      infoData:{},
+    }
+  },
+  onLoad(options) {
+    this.filteredData.id = options.id
+  },
+  onShow(){
+    this.init()//初始化数据
+  },
+  methods: {
+    //初始化
+    async init(){
+      this.getAssignmentsInfo()
+    },
+
+    //获取作业详情
+    async getAssignmentsInfo() {
+      let params = {...this.filteredData}
+      let res = await memberApi.assignmentsInfo(params)
+      if (res.code != 1) {
+        uni.showToast({
+          title: res.msg,
+          icon: 'none'
+        })
+        return
+      }
+
+      this.infoData = res.data
+    },
+  }
+}
 </script>
 
 <style lang="less" scoped>
-	.top-style{
-		width: 92%;
-		height: 700rpx;
-		margin: auto;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-	.top-style-img{
-		width: 120rpx;
-		height: 120rpx;
-	}
-	.below-style{
-		width: 92%;
-		margin: auto;
-	}
-	.head-img {
-		display: flex;
-		align-items: center;
-		padding: 10rpx 20rpx;
-	}
-	.head-text {
-		color: #333333;
-		font-size: 35rpx;
-		padding-left: 20rpx;
-	}
-	.multi-line-ellipsis {
-		color: #333333;
-		font-size: 29rpx;
-		padding: 5rpx 10rpx;
-		// display: -webkit-box;
-		// -webkit-box-orient: vertical;
-		// -webkit-line-clamp: 2;
-		// overflow: hidden;
-		// text-overflow: ellipsis;
-	}
+.top-style{
+  width: 92%;
+  height: 700rpx;
+  margin: auto;
+  margin-top: 45rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.top-style-img{
+  width: 120rpx;
+  height: 120rpx;
+}
+.below-style{
+  width: 92%;
+  margin: auto;
+}
+.head-img {
+  display: flex;
+  align-items: center;
+  padding: 10rpx 20rpx;
+}
+.head-text {
+  color: #333333;
+  font-size: 35rpx;
+  padding-left: 20rpx;
+}
+.multi-line-ellipsis {
+  color: #333333;
+  font-size: 29rpx;
+  padding: 5rpx 10rpx;
+  // display: -webkit-box;
+  // -webkit-box-orient: vertical;
+  // -webkit-line-clamp: 2;
+  // overflow: hidden;
+  // text-overflow: ellipsis;
+}
 </style>
diff --git a/pages/student/index/work_details.vue b/pages/student/index/work_details.vue
index 514d7c4..59ee430 100644
--- a/pages/student/index/work_details.vue
+++ b/pages/student/index/work_details.vue
@@ -65,7 +65,6 @@ export default {
 
 <style lang="less" scoped>
 	.top-style{
-    border: 1px solid red;
 		width: 92%;
 		height: 700rpx;
 		margin: auto;