From 8d4b0f684d57bbae4326d82d946f8c272bcc29d7 Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Fri, 11 Apr 2025 16:03:36 +0800
Subject: [PATCH] =?UTF-8?q?feat(class):=20=E4=BC=98=E5=8C=96=E7=8F=AD?=
 =?UTF-8?q?=E7=BA=A7=E5=88=97=E8=A1=A8=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为 fui-input 组件添加 clearable 属性，支持清除输入框内容
- 在输入框中添加 v-model 绑定 filteredData.name，实现双向数据绑定
- 在 @confirm 和 @input 事件中调用 search 方法，支持实时搜索
- 在 search 方法中重置 filteredData 并获取列表数据
- 优化班级列表中即将到期人数的显示，使用 v-if 指令控制显示逻辑
---
 pages/coach/class/list.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/pages/coach/class/list.vue b/pages/coach/class/list.vue
index 653cbff..9739e76 100644
--- a/pages/coach/class/list.vue
+++ b/pages/coach/class/list.vue
@@ -8,7 +8,7 @@
 
     <view class="main_section">
       <view class="section_1">
-        <fui-input class="input_item" borderTop placeholder="搜索"></fui-input>
+        <fui-input class="input_item" borderTop clearable="true" placeholder="搜索" v-model="filteredData.name" @confirm="search" @input="search"></fui-input>
       </view>
 
       <view class="section_2">
@@ -34,7 +34,7 @@
                   {{v.name}}
                 </view>
                 <view class="btn_box">
-                  <view>2人即将到期</view>
+                  <view v-if="v.end_count">{{v.end_count}}人即将到期</view>
                 </view>
               </view>
               <view class="box_2">
@@ -147,6 +147,12 @@ export default {
       this.filteredData.page++
     },
 
+    async search(e){
+      await this.resetFilteredData()
+      this.filteredData.name = e
+      await this.getList()
+    },
+
     //打开班级详情页
     openViewClassInfo(item){
       uni.navigateTo({