Browse Source

feat(class): 优化班级列表搜索功能

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

10
pages/coach/class/list.vue

@ -8,7 +8,7 @@
<view class="main_section"> <view class="main_section">
<view class="section_1"> <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>
<view class="section_2"> <view class="section_2">
@ -34,7 +34,7 @@
{{v.name}} {{v.name}}
</view> </view>
<view class="btn_box"> <view class="btn_box">
<view>2人即将到期</view> <view v-if="v.end_count">{{v.end_count}}人即将到期</view>
</view> </view>
</view> </view>
<view class="box_2"> <view class="box_2">
@ -147,6 +147,12 @@ export default {
this.filteredData.page++ this.filteredData.page++
}, },
async search(e){
await this.resetFilteredData()
this.filteredData.name = e
await this.getList()
},
// //
openViewClassInfo(item){ openViewClassInfo(item){
uni.navigateTo({ uni.navigateTo({

Loading…
Cancel
Save