From 3489e70f15f21c00e0a8443c0b5b18d2b85d8a4c Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Wed, 12 Mar 2025 15:30:10 +0800
Subject: [PATCH] =?UTF-8?q?refactor(coach):=20=E9=87=8D=E6=9E=84=E6=95=99?=
 =?UTF-8?q?=E7=BB=83=E7=AB=AF=E7=8F=AD=E7=BA=A7=E5=88=97=E8=A1=A8=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除了不必要的日历视图和筛选菜单
- 添加了搜索输入框
- 修改了班级列表的布局和样式
- 优化了用户界面和交互设计
---
 pages/coach/class/list.vue  | 349 +++++++++++++-----------------------
 pages/coach/course/info.vue |   2 +-
 2 files changed, 123 insertions(+), 228 deletions(-)

diff --git a/pages/coach/class/list.vue b/pages/coach/class/list.vue
index a06aa9f..dbb8dc6 100644
--- a/pages/coach/class/list.vue
+++ b/pages/coach/class/list.vue
@@ -8,152 +8,89 @@
 
     <view class="main_section">
       <view class="section_1">
-        <view class="ul">
-          <view class="li">
-            <text>周日</text>
-            <text>14</text>
-            <text></text>
-          </view>
-          <view class="li">
-            <text>周一</text>
-            <text>14</text>
-            <text></text>
-          </view>
-          <view class="li">
-            <text>周二</text>
-            <text>14</text>
-            <text></text>
-          </view>
-          <view class="li">
-            <text>周日</text>
-            <text class="today">今</text>
-            <text class=""></text>
-          </view>
-          <view class="li">
-            <text>周一</text>
-            <text>14</text>
-            <text class="select_plan"></text>
-          </view>
-          <view class="li">
-            <text>周二</text>
-            <text>14</text>
-            <text></text>
-          </view>
-          <view class="li">
-            <text>周二</text>
-            <text>14</text>
-            <text></text>
-          </view>
-        </view>
+        <fui-input class="input_item" borderTop placeholder="搜索"></fui-input>
       </view>
 
       <view class="section_2">
-        <view class="item_box">
-          <fui-dropdown-menu :size="28" selectedColor="#465CFF" :options="options_course" @click="clickCourse" @close="show_course=false" ref="ref_course">
-            <view class="fui-filter__item" @tap="filterTapCourse">
-              <text>{{course_name}}</text>
-              <view class="fui-filter__icon" :class="{'fui-icon__ani':show_course}">
-                <fui-icon name="turningdown" :size="32" color="#FFF"></fui-icon>
+          <view class="ul">
+            <view class="li">
+              <view class="left">
+                <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
               </view>
-            </view>
-          </fui-dropdown-menu>
-        </view>
-        <view class="item_box">
-          <fui-dropdown-menu :size="28" selectedColor="#465CFF" :options="options_classroom" @click="clickClassroom" @close="show_classroom=false" ref="ref_classroom">
-            <view class="fui-filter__item" @tap="filterTapClassroom">
-              <text>{{classroom_name}}</text>
-              <view class="fui-filter__icon" :class="{'fui-icon__ani':show_classroom}">
-                <fui-icon name="turningdown" :size="32" color="#FFF"></fui-icon>
-              </view>
-            </view>
-          </fui-dropdown-menu>
-        </view>
-
-      </view>
-
-      <view class="section_3">
-        <view class="ul">
-          <view class="li" @click="openViewCourseInfo({id:1})">
-            <view class="top_box">
-              <view class="center_box">
-                <view>班级：少年班</view>
-                <view>时间：2020-05-25 15:30 - 17:30</view>
-                <view>课室：302室
-                </view>
-                <view>课程：篮球少儿课
+              <view class="right">
+                <view class="box_1">
+                  <view class="name">
+                    少年班
+                  </view>
+                  <view class="btn_box">
+                    <view>2人即将到期</view>
+                  </view>
                 </view>
-              </view>
-              <view class="right_box">
-                <view class="tag" style="background:#fad24e;">上课中</view>
-                <!--            <view class="tag" style="background:#1cd188;">待上课</view>-->
-              </view>
-            </view>
-            <view class="bottom_box">
-              <view class="hint">
-                已签到学生 (15/34)
-              </view>
-              <view class="list_box">
-                <view class="list">
-                  <view class="itme">
+                <view class="box_2">
+                  <view class="user_list">
+                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
                     <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                  </view>
-                  <view class="itme">
                     <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                  </view>
-                  <view class="itme">
                     <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                  </view>
-                  <view class="itme">
                     <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
                   </view>
-                </view>
-                <view class="btn">
-                  详情
+                  <view class="num">34</view>
                 </view>
               </view>
             </view>
-          </view>
-          <view class="li" @click="openViewCourseInfo({id:2})">
-            <view class="top_box">
-              <view class="center_box">
-                <view>班级：少年班</view>
-                <view>时间：2020-05-25 15:30 - 17:30</view>
-                <view>课室：302室
+            <view class="li">
+              <view class="left">
+                <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+              </view>
+              <view class="right">
+                <view class="box_1">
+                  <view class="name">
+                    少年班
+                  </view>
+                  <view class="btn_box">
+                    <view>2人即将到期</view>
+                  </view>
                 </view>
-                <view>课程：篮球少儿课
+                <view class="box_2">
+                  <view class="user_list">
+                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                  </view>
+                  <view class="num">34</view>
                 </view>
               </view>
-              <view class="right_box">
-                <view class="tag" style="background:#fad24e;">上课中</view>
-                <!--            <view class="tag" style="background:#1cd188;">待上课</view>-->
-              </view>
             </view>
-            <view class="bottom_box">
-              <view class="hint">
-                已签到学生 (15/34)
+            <view class="li">
+              <view class="left">
+                <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
               </view>
-              <view class="list_box">
-                <view class="list">
-                  <view class="itme">
-                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+              <view class="right">
+                <view class="box_1">
+                  <view class="name">
+                    少年班
                   </view>
-                  <view class="itme">
-                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                  <view class="btn_box">
+                    <view>2人即将到期</view>
                   </view>
-                  <view class="itme">
+                </view>
+                <view class="box_2">
+                  <view class="user_list">
+                    <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
                     <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
-                  </view>
-                  <view class="itme">
                     <image src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
                   </view>
-                </view>
-                <view class="btn">
-                  详情
+                  <view class="num">34</view>
                 </view>
               </view>
             </view>
           </view>
-        </view>
       </view>
     </view>
 
@@ -275,146 +212,104 @@ export default {
 .main_section{
   min-height: 100vh;
   background: #292929 100%;
+  padding: 0 24rpx;
   padding-top: 40rpx;
   padding-bottom: 150rpx;
   font-size: 24rpx;
   color: #FFFFFF;
 
-  .section_1{
-    background: #333333 100%;
-    width: 100%;
-    padding: 30rpx 28rpx;
-    .ul{
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      .li{
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        gap: 10rpx;
-        text{
-          font-size: 24rpx;
-          color: #FFFFFF;
-          text-align: center;
-        }
-        text:nth-child(2){
-          width: 44rpx;
-          height: 44rpx;
-        }
-        text:nth-child(3){
-          width: 8rpx;
-          height: 8rpx;
-        }
-        .today{
-          border-radius: 50%;
-          background: #29D3B4;
-          text-align: center;
-          line-height: 42rpx;
-        }
-        .select_plan{
-          background: #F59A23;
-          border-radius: 50%;
-        }
-      }
+  .section_1 {
+    border-radius: 10rpx;
+    background-color: #525252;
+    ::v-deep .fui-input__wrap{
+      border-radius: 10rpx !important;
+      background-color: #525252 !important;
     }
-  }
+    ::v-deep .fui-input__background{
+      background-color: #525252 !important;
+    }
+    .input_item {
+      height: 60rpx;
+      ::v-deep .uni-input-wrapper{
+        .uni-input-placeholder {
+          font-size: 28rpx !important;
+
+        }
 
-  .section_2{
-    margin-top: 30rpx;
-    padding: 0 20rpx ;
-    color: #fff;
-    display: flex;
-    align-items: center;
-    gap: 20rpx;
-    .item_box {
-      width: 45%;
-      .fui-filter__item {
-        display: flex;
       }
     }
+    ::v-deep .uni-input-input {
+      color: #fff;
+    }
   }
 
-  .section_3{
-    margin-top: 36rpx;
-    color: #fff;
-    font-size: 24rpx;
+  .section_2{
+    margin-top: 34rpx;
     .ul{
-      padding:  0 26rpx;
       display: flex;
       flex-direction: column;
-      gap: 30rpx;
+      gap: 24rpx;
       .li{
-        position: relative;
-        border-radius: 22rpx;
-        background: #434544 100%;
-        padding: 14rpx 0;
+        background: #404045;
+        padding: 50rpx 36rpx 46rpx;
+        border-radius: 16rpx;
         display: flex;
-        flex-direction: column;
-        .top_box{
-          padding: 20rpx 30rpx;
-          .center_box{
-            display: flex;
-            flex-direction: column;
-            gap: 10rpx;
-            view{}
-          }
-          .right_box{
-            .tag{
-              position:absolute;
-              top: 0rpx;
-              right: 0rpx;
-              padding: 10rpx;
-              width: 102rpx;
-              text-align: center;
-              font-size: 24rpx;
-              border-bottom-left-radius: 20rpx;
-              border-top-right-radius: 20rpx;
-            }
+        gap: 32rpx;
+        .left{
+          .pic{
+            border-radius: 50%;
+            width: 92rpx;
+            height: 92rpx;
           }
         }
-        .bottom_box{
-          border-top: 1px dashed #F2F2F2;
-          padding: 26rpx 16rpx 0 26rpx;
-          .hint{
-            color:#D7D7D7;
+        .right{
+          display: flex;
+          flex-direction: column;
+          gap: 28rpx;
+          .box_1{
+            display: flex;
+            align-items: center;
+            gap: 36rpx;
+            .name{
+              font-size: 28rpx;
+            }
+            .btn_box{
+              view{
+                border: 1px solid #FAD04D;
+                border-radius: 10rpx;
+                width: 182rpx;
+                height: 48rpx;
+                line-height: 42rpx;
+                text-align: center;
+                font-size: 26rpx;
+                color: #FAD04D;
+              }
+            }
           }
-          .list_box{
-            margin-top: 22rpx;
+          .box_2{
             display: flex;
-            justify-content: space-between;
             align-items: center;
-            .list{
+            gap: 44rpx;
+            .user_list{
               display: flex;
               align-items: center;
               gap: 14rpx;
-              .itme{
-                image{
-                  width: 48rpx;
-                  height: 48rpx;
-                  border-radius: 50%;
-                }
+              image{
+                border-radius: 50%;
+                width: 48rpx;
+                height: 48rpx;
               }
             }
-            .btn{
-              border: 1px solid #FAD04D;
-              border-radius: 10rpx;
-              background: #434544;
-              color: #FAD04D;
-              width: 110rpx;
-              height: 60rpx;
-              line-height: 55rpx;
-              text-align: center;
-              font-size: 24rpx;
-            }
+            .num{}
           }
+
         }
       }
-
     }
   }
 
+
+
 }
 
 
diff --git a/pages/coach/course/info.vue b/pages/coach/course/info.vue
index 16861ea..ab4da17 100644
--- a/pages/coach/course/info.vue
+++ b/pages/coach/course/info.vue
@@ -146,7 +146,7 @@ export default {
 }
 </script>
 
-<style lang="less" scoped>
+<style lang="less"   >
 
 .main_box{
   background: #292929 ;