4

pages/main/mainlist.js

@@ -1372,8 +1372,109 @@ Page({
       }
     }
   },
-  selectThisFunc:function(){
+  selectThisFunc:function(e){
 
+    let upOrDown=e.currentTarget.dataset.selecttype;
+    
+    var that = this;
+
+    var list = that.data.List;
+    var firstSelectedIndex = -1;
+    var lastSelectedIndex = -1;
+    
+    // 找出第一个和最后一个已选中的项目索引
+    for(var i = 0; i < list.length; i++) {
+      if(list[i].Selected) {
+        if(firstSelectedIndex === -1) firstSelectedIndex = i;
+        lastSelectedIndex = i;
+      }
+    }
+    
+    if(firstSelectedIndex === -1) return; // 没有选中项，不执行操作
+    
+    // 创建选择器查询
+    var query = wx.createSelectorQuery();
+    
+    // 获取所有列表项的位置信息
+    for(var i = 0; i < list.length; i++) {
+      query.select('#scroll-' + i).boundingClientRect();
+    }
+    
+    // 获取视口信息
+    query.selectViewport().boundingClientRect();
+    
+    query.exec(function(res) {
+      if(!res || res.length <= list.length) return;
+      
+      var screenHeight = res[res.length - 1].height;
+      var visibleItems = [];
+      
+      // 找出当前在视口中可见的项
+      for(var i = 0; i < list.length; i++) {
+        var item = res[i];
+        if(item && item.top < screenHeight && item.bottom > 0) {
+          visibleItems.push({
+            index: i,
+            top: item.top,
+            bottom: item.bottom
+          });
+        }
+      }
+      
+      if(visibleItems.length === 0) return;
+      
+      // 根据按钮类型决定选择范围
+      if(that.data.IsShowSelectThisUp) {
+        // 上按钮 - 选择从视口中最上面的项到第一个已选项之间的所有项
+        var topVisibleIndex = visibleItems[0].index;
+        
+        // 如果顶部可见项在第一个已选项之前，选择这个范围内的所有项
+        if(topVisibleIndex < firstSelectedIndex) {
+          for(var i = topVisibleIndex; i <= firstSelectedIndex; i++) {
+            list[i].Selected = true;
+          }
+        } 
+        // 否则选择从第一个已选项到顶部可见项之间的所有项
+        else {
+          for(var i = firstSelectedIndex; i <= topVisibleIndex; i++) {
+            list[i].Selected = true;
+          }
+        }
+      } else if(that.data.IsShowSelectThisDown) {
+        // 下按钮 - 选择从最后一个已选项到视口中最下面的项之间的所有项
+        var bottomVisibleIndex = visibleItems[visibleItems.length - 1].index;
+        
+        // 如果底部可见项在最后一个已选项之后，选择这个范围内的所有项
+        if(bottomVisibleIndex > lastSelectedIndex) {
+          for(var i = lastSelectedIndex; i <= bottomVisibleIndex; i++) {
+            list[i].Selected = true;
+          }
+        } 
+        // 否则选择从底部可见项到最后一个已选项之间的所有项
+        else {
+          for(var i = bottomVisibleIndex; i <= lastSelectedIndex; i++) {
+            list[i].Selected = true;
+          }
+        }
+      }
+      
+      // 计算选中的总数
+      var selectedCount = 0;
+      for(var i = 0; i < list.length; i++) {
+        if(list[i].Selected) {
+          selectedCount++;
+        }
+      }
+      
+      // 更新数据
+      that.setData({
+        List: list,
+        SelectedCount: selectedCount
+      });
+      
+      // 更新按钮显示状态
+      that.checkSelectedItemsPosition(firstSelectedIndex, lastSelectedIndex);
+    });
   },
   //保存多选数据
   saveMultipleData:function(mData,list){

pages/main/mainlist.wxml

@@ -148,10 +148,10 @@
   
     <view class="panelMore" wx:if="{{HasPageDelete && CardType==-2}}" bindtap='gotoNextPageDelete' data-id="{{List[List.length-1].MiaoguoCardID}}">更多</view>
     <view class="panelEnd" wx:if="{{!HasPageDelete && List.length>0 && CardType==-2}}">到底了</view>
-    <view class="SelectThisUpCss FlexRow" wx:if="{{IsShowSelectThisUp}}" catch:tap="selectThisFunc">
+    <view class="SelectThisUpCss FlexRow" wx:if="{{IsShowSelectThisUp}}" catch:tap="selectThisFunc" data-selecttype="up">
       <image src="../images/ArrowUp1.png" class="ArrowUp1"></image>选择到这里
     </view>
-    <view class="SelectThisUpCss SelectThisDownCss FlexRow" wx:if="{{IsShowSelectThisDown}}" catch:tap="selectThisFunc">
+    <view class="SelectThisUpCss SelectThisDownCss FlexRow" wx:if="{{IsShowSelectThisDown}}" catch:tap="selectThisFunc" data-selecttype="down">
       <image src="../images/ArrowDown1.png" class="ArrowUp1"></image>选择到这里
     </view>
   </view>