修正布局，删改无用页面

gym-manage-uniapp/components/index/TodayRecommend.vue

@@ -5,13 +5,6 @@
     <view class="section-header">
       <!-- 区域标题 -->
       <text class="section-title">今日推荐</text>
-      <!-- 查看更多按钮 -->
-      <view class="view-more" @click="handleViewMore">
-        <text>查看更多</text>
-        <text class="arrow">
-			<uni-icons type="right" size="20" color="#8CA0B0"></uni-icons>
-		</text>
-      </view>
     </view>
 
     <!-- 推荐列表 -->
@@ -19,8 +12,9 @@
       <!-- 推荐项 -->
       <view
         v-for="(item, index) in recommends"
-        :key="index"
+        :key="item.id || index"
         class="recommend-item"
+        @click="handleItemClick(item)"
       >
         <!-- 推荐项图片 -->
         <image :src="item.image" mode="aspectFill" class="item-image" />
@@ -38,7 +32,7 @@
         <!-- 推荐项操作区域 -->
         <view class="item-action">
           <!-- 开始训练按钮 -->
-          <view class="start-btn">
+          <view class="start-btn" @click.stop="handleItemClick(item)">
             <text class="start-btn-text">开始训练</text>
           </view>
           <!-- 参与人数 -->
@@ -50,34 +44,71 @@
 </template>
 
 <script setup>
-const handleViewMore = () => {
-  uni.navigateTo({ url: '/pages/discover/index' })
-}
+import { ref, onMounted } from 'vue'
+import { getGroupCoursePage } from '@/api/main.js'
 
 // 今日推荐数据列表
-const recommends = [
-  {
-    image: 'https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=300&q=80',
-    title: '晨间活力唤醒跑',
-    tags: ['20分钟', '初级'],
-    desc: '唤醒身体，开启活力一天',
-    participants: '2784'
-  },
-  {
-    image: 'https://images.unsplash.com/photo-1517836357463-d25dfeac3438?w=300&q=80',
-    title: '全身力量塑形',
-    tags: ['50分钟', '中级'],
-    desc: '全身综合训练，塑造完美线条',
-    participants: '4126'
-  },
-  {
-    image: 'https://images.unsplash.com/photo-1490645935967-10de6ba17061?w=300&q=80',
-    title: '蛋白增肌饮食指南',
-    tags: ['营养饮食', '12分钟'],
-    desc: '科学饮食搭配，助力肌肉增长',
-    participants: '1865'
+const recommends = ref([])
+
+// 计算课程时长
+const calculateDuration = (startTime, endTime) => {
+  if (!startTime || !endTime) return '60分钟'
+  const start = new Date(startTime)
+  const end = new Date(endTime)
+  const diffMs = end - start
+  if (diffMs <= 0) return ''
+  const durationMinutes = Math.floor(diffMs / (1000 * 60))
+  return `${durationMinutes}分钟`
+}
+
+// 获取课程难度
+const getCourseLevel = (course) => {
+  if (course.courseType === '2') return '中级'
+  if (course.courseType === '3') return '高级'
+  if (course.courseType === '1') return '初级'
+  return '初级'
+}
+
+// 处理图片URL
+const getImageUrl = (coverImage) => {
+  if (!coverImage) return 'https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=300&q=80'
+  if (coverImage.startsWith('http')) return coverImage
+  return `https://your-domain.com${coverImage}`
+}
+
+// 获取今日推荐
+const fetchTodayRecommend = async () => {
+  try {
+    const res = await getGroupCoursePage({
+      page: 0, size: 10, sort: 'current_members', order: 'desc'
+    }, { cache: true, cacheTime: 5 * 60 * 1000 })
+    if (res && res.content && Array.isArray(res.content)) {
+      const filteredCourses = res.content.filter(course => {
+        return course.status !== '2' && course.currentMembers < course.maxMembers
+      })
+      
+      recommends.value = filteredCourses.slice(0, 3).map(course => {
+        return {
+          id: course.id,
+          image: getImageUrl(course.coverImage),
+          title: course.courseName || '未知课程',
+          tags: [calculateDuration(course.startTime, course.endTime), getCourseLevel(course)],
+          desc: course.description || '精彩课程，不容错过',
+          participants: String(course.currentMembers || 0)
+        }
+      })
+    }
+  } catch (err) {
+    console.error('获取今日推荐失败:', err)
   }
-]
+}
+
+const handleItemClick = (item) => {
+  if (!item.id) { uni.showToast({ title: '课程信息不完整', icon: 'none' }); return }
+  uni.navigateTo({ url: `/pages/groupCourse/detail?id=${item.id}` })
+}
+
+onMounted(() => { fetchTodayRecommend() })
 </script>
 
 <style lang="scss" scoped>
@@ -100,18 +131,6 @@ const recommends = [
   color: #2D4A5A;
 }
 
-.view-more {
-  display: flex;
-  align-items: center;
-  gap: 4rpx;
-  font-size: 26rpx;
-  color: var(--tabbar-text-inactive);
-}
-
-.arrow {
-  font-size: 32rpx;
-}
-
 .recommend-list {
   display: flex;
   flex-direction: column;