团队管理和下级用户抽佣明细的输入框搜索功能

pages/personCenter/teamManage/teamManage.js

@@ -8,10 +8,12 @@ Page({
    */
   data: {
     directAgentSize: 0, // 直接代理人数
-    teamSize: null,     // 团队人数
-    teamEarnings: null, // 团队收益
+    teamSize: '',     // 团队人数
+    teamEarnings: '', // 团队收益
     invitationCode: "", // 邀请码
-    userMemberInfoVOList: []   // 成员列表
+    userMemberInfoVOList: [],   // 成员列表
+    searchText: '',
+    tempUserMemberInfoVOList: [],
   },
 
   // 获取团队成员信息
@@ -23,19 +25,39 @@ Page({
         Authorization: wx.getStorageSync('token')
       },
       success: res => {
-        console.log('团队成员信息---->',res.data.data);
+        // console.log('团队成员信息---->',res.data.data);
         let result = res.data.data
         this.setData({
           directAgentSize: result.directAgentSize,
           teamSize: result.teamSize,
           teamEarnings: result.teamEarnings,
           invitationCode: result.invitationCode,
-          userMemberInfoVOList: result.userMemberInfoVOList
+          userMemberInfoVOList: result.userMemberInfoVOList,
+          tempUserMemberInfoVOList: result.userMemberInfoVOList
         })
       }
     })
   },
 
+   // 输入框内容变化时更新数据
+   onInput(e) {
+    this.setData({
+      searchText: e.detail.value,  // 获取用户输入的关键字
+    });
+  },
+
+  onSearch() {
+    let searchValue = this.data.searchText;  // 获取输入框的值
+    let userMemberList = this.data.userMemberInfoVOList
+     // 筛选出 salespersonName 包含 searchText 的项
+     let filtered = userMemberList.filter(item => 
+       item.nickName.includes(searchValue)
+    );
+    this.setData({
+      tempUserMemberInfoVOList: filtered
+    })
+  },
+
   // 复制邀请码到剪贴板
   copyInvitationCode() {
     wx.setClipboardData({

pages/personCenter/teamManage/teamManage.wxml

@@ -44,13 +44,13 @@
         class="image_4"
         src="./images/ss.png"
       />
-      <input class="font text_8 ml-4" placeholder="请输入关键字"/>
+      <input class="font text_8 ml-4" placeholder="请输入关键字" bindinput="onInput" confirm-type="search" bindconfirm="onSearch" value="{{searchText}}"/>
     </view>
   </view>
   <view class="flex-col list mt-13">
     <view
       class="flex-row items-center relative group_6"
-      wx:for="{{userMemberInfoVOList}}"
+      wx:for="{{tempUserMemberInfoVOList}}"
       wx:for-item="item"
       wx:for-index="index"
       wx:key="index"