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

pages/personCenter/subCommissionSetting/subCommissionSetting.js

@@ -18,8 +18,29 @@ Page({
     nowAgentUnitPrice: 0, // 现在的‘代理单价’,用于传给弹窗
     nowProjectDetailName: '', // 现在的‘项目详细名称’，用于传给弹窗 
     isSub: true, // 用于区分是项目抽佣页面还是单个用户抽佣页面
+    searchText: '',
+    tempSubCommissionList: []
   },
   
+    // 输入框内容变化时更新数据
+    onInput(e) {
+      this.setData({
+        searchText: e.detail.value,  // 获取用户输入的关键字
+      });
+    },
+  
+    onSearch() {
+      let searchValue = this.data.searchText;  // 获取输入框的值
+      let subCommissionList = this.data.subCommissionList
+       // 筛选出 salespersonName 包含 searchText 的项
+       let filtered = subCommissionList.filter(item => 
+         item.subUserNickName.includes(searchValue)
+      );
+      this.setData({
+        tempSubCommissionList: filtered
+      })
+    },
+
   // 点击“设价”按钮，显示弹窗
   showCommissionRatePop(e) {
     console.log('弹窗传值----->',e);
@@ -59,7 +80,8 @@ Page({
         console.log('下级抽佣列表----->',res.data.data);
         if (res.data.code === 1) {
           this.setData({
-            subCommissionList: res.data.data
+            subCommissionList: res.data.data,
+            tempSubCommissionList: res.data.data
           })
         }
       }

pages/personCenter/subCommissionSetting/subCommissionSetting.wxml

@@ -7,11 +7,11 @@
         class="image"
         src="./images/ss.png"
       />
-      <input class="font text_2 ml-7" placeholder="请输入关键字" />
+      <input class="font text_2 ml-7" placeholder="请输入关键字" bindinput="onInput" confirm-type="search" bindconfirm="onSearch" value="{{searchText}}"/>
     </view>
   </view>
   <view class="flex-col mt-16">
-    <view class="flex-col list-item_1 mt-23" wx:for="{{ subCommissionList }}" wx:for-item="item" wx:for-index="index" wx:key="index">
+    <view class="flex-col list-item_1 mt-23" wx:for="{{ tempSubCommissionList }}" wx:for-item="item" wx:for-index="index" wx:key="index">
       <text class="self-start font_2 text_3">结算标准：{{ item.subUserNickName }}</text>
       <view class="flex-col self-stretch section_3 mt-17">
         <view class="flex-row justify-between items-center">

pages/personCenter/subCommissionSetting/subCommissionSetting.wxss

@@ -41,7 +41,7 @@
   height: 35.63rpx;
 }
 .text_2 {
-  color: #999999;
+  color: #323232;
   line-height: 27.96rpx;
 }
 .list-item_1 {