From d166d5943c319df992d3e3d997acedacdecdaacc Mon Sep 17 00:00:00 2001
From: misworga831 <paulgao0831@gmail.com>
Date: Mon, 23 Sep 2024 22:34:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=B7=B2=E9=80=89=E6=8B=A9=E7=9A=84?=
 =?UTF-8?q?=E5=88=86=E9=94=80=E5=95=86=E5=93=81=EF=BC=8C=E4=B8=80=E7=9B=B4?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=8D=81=E4=B8=AA=E5=95=86=E5=93=81=EF=BC=8C?=
 =?UTF-8?q?=E4=B8=8B=E6=8B=89=E5=B9=B6=E6=B2=A1=E6=9C=89=E5=A2=9E=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/mine/distribution/list.vue | 82 +++++++++++++++++++-------------
 1 file changed, 50 insertions(+), 32 deletions(-)

diff --git a/pages/mine/distribution/list.vue b/pages/mine/distribution/list.vue
index 989daf3..54ce64e 100644
--- a/pages/mine/distribution/list.vue
+++ b/pages/mine/distribution/list.vue
@@ -66,42 +66,45 @@
     <!-- 商品列表 -->
 
     <view class="goods-list">
-      <u-swipe-action v-for="(item, index) in goodsList" :disabled="!params.checked" :show="item.___selected" @open="openAction(item)" :index="index" :options="options" bg-color="#fff"
-        ref="swiperAction" :key="item.id" @click="changeActionTab(item)">
+      <scroll-view class="body-view" scroll-y @scrolltolower="renderDate">
+        <u-swipe-action v-for="(item, index) in goodsList" :disabled="!params.checked" :show="item.___selected" @open="openAction(item)" :index="index" :options="options" bg-color="#fff"
+                        ref="swiperAction" :key="item.id" @click="changeActionTab(item)">
 
-        <div class="goods-item">
-          <view class="goods-item-img" @click="handleNavgationGoods(item)">
-            <u-image width="176rpx" height="176rpx" :src="item.thumbnail"></u-image>
-          </view>
-          <view class="goods-item-desc">
-            <!-- 商品描述 -->
-            <view class="-item-title" @click="handleNavgationGoods(item)">
-              {{ item.goodsName }}
+          <div class="goods-item">
+            <view class="goods-item-img" @click="handleNavgationGoods(item)">
+              <u-image width="176rpx" height="176rpx" :src="item.thumbnail"></u-image>
             </view>
-            <!-- 商品金额 -->
-            <view class="-item-price" @click="handleNavgationGoods(item)">
-              佣金:
-              <span> ￥{{ item.commission | unitPrice }}</span>
-            </view>
-            <!-- 比率佣金 -->
-            <view class="-item-bottom">
-              <view class="-item-bootom-money" @click="handleNavgationGoods(item)">
-                <!-- <view class="-item-bl">
-                比率:
-                <span>{{ "5.00%" }}</span>
-              </view> -->
-                <view class="-item-yj">
-                  <span>￥{{ item.price | unitPrice }}</span>
+            <view class="goods-item-desc">
+              <!-- 商品描述 -->
+              <view class="-item-title" @click="handleNavgationGoods(item)">
+                {{ item.goodsName }}
+              </view>
+              <!-- 商品金额 -->
+              <view class="-item-price" @click="handleNavgationGoods(item)">
+                佣金:
+                <span> ￥{{ item.commission | unitPrice }}</span>
+              </view>
+              <!-- 比率佣金 -->
+              <view class="-item-bottom">
+                <view class="-item-bootom-money" @click="handleNavgationGoods(item)">
+                  <!-- <view class="-item-bl">
+                  比率:
+                  <span>{{ "5.00%" }}</span>
+                </view> -->
+                  <view class="-item-yj">
+                    <span>￥{{ item.price | unitPrice }}</span>
+                  </view>
+                </view>
+                <view>
+                  <view class="click" v-if="!params.checked" @click="handleClickGoods(item)">立即选取</view>
+                  <view class="click" v-if="params.checked" @click="handleLink(item)">分销商品</view>
                 </view>
               </view>
-              <view>
-                <view class="click" v-if="!params.checked" @click="handleClickGoods(item)">立即选取</view>
-                <view class="click" v-if="params.checked" @click="handleLink(item)">分销商品</view>
-              </view>
             </view>
-          </view>
-        </div>
-      </u-swipe-action>
+          </div>
+        </u-swipe-action>
+      </scroll-view>
+
 
       <view class="empty">
         <!-- <u-empty v-if="empty" text="没有分销商品了" mode="list"></u-empty> -->
@@ -295,15 +298,30 @@ export default {
           });
           this.goodsList.push(...res.data.result.records);
         }
-        if (this.goodsList.length == 0) {
+        if (this.goodsList.length === 0) {
           this.empty = true;
         }
       });
     },
+
+    /**
+     * 底部加载数据
+     */
+    renderDate() {
+
+      this.params.pageNumber += 1;
+      this.init();
+    },
+
   },
 };
 </script>
 <style lang="scss" scoped>
+
+.body-view {
+  overflow-y: auto;
+  height: calc(100vh - 44px - 80rpx - 104rpx);
+}
 .canvas-hide {
   /* 1 */
   position: fixed;