From ebaf19243069fe9d0e074ce7b1be99224d76fa9d Mon Sep 17 00:00:00 2001
From: xiaoguang <aadsdas1@dingtalk.com>
Date: Thu, 12 May 2022 11:01:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=89=A9=E6=B5=81=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=88=86=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/UiButton.vue                       |  2 +-
 components/UiConfirm.vue                      |  2 +-
 .../index/home/module/LogisitcsInfo.vue       | 55 ++++++++++++++-----
 plugins/api/order.js                          |  4 +-
 4 files changed, 44 insertions(+), 19 deletions(-)

diff --git a/components/UiButton.vue b/components/UiButton.vue
index 99d1aff..b1b823b 100644
--- a/components/UiButton.vue
+++ b/components/UiButton.vue
@@ -10,7 +10,7 @@
  disabled 是否禁用 true false
 -->
 <template>
-	<button :class="`ui-button ${myClass}`" @click="click">
+	<button :class="`ui-button ${myClass}`" @click.stop="click">
 		<slot></slot>
 	</button>
 </template>
diff --git a/components/UiConfirm.vue b/components/UiConfirm.vue
index db3f225..06725bc 100644
--- a/components/UiConfirm.vue
+++ b/components/UiConfirm.vue
@@ -45,7 +45,7 @@ export default {
   methods: {
     onConfirm() {
       this.$emit("confirm");
-      this.visible = false;
+      this.dialogVisible = false;
     },
   },
 };
diff --git a/pages/account/index/home/module/LogisitcsInfo.vue b/pages/account/index/home/module/LogisitcsInfo.vue
index e9175b2..711f933 100644
--- a/pages/account/index/home/module/LogisitcsInfo.vue
+++ b/pages/account/index/home/module/LogisitcsInfo.vue
@@ -11,17 +11,18 @@
     <div class="home-logisitcs-label">我的物流</div>
     <!-- 无物流信息 -->
     <div
-      v-if="loadFinish && list.length === 0"
+      v-if="loadFinish && total === 0"
       class="home-logisitcs-empty flex flex-center flex-middle"
     >
       <img src="~/assets/img/account/home/logisitcs-empty.png" />
     </div>
     <!-- 有物流信息 -->
     <div v-else v-loading="loading">
-      <div class="home-logisitcs-content">
+      <div v-infinite-scroll="handleListload" class="home-logisitcs-content">
         <div
           v-for="item in list"
           :key="item.orderId"
+          @click="onJumpOrderDetail(item.orderId)"
           class="home-logisitcs-content__item flex flex-middle flex-between"
         >
           <div class="logisitcs-content-item__info flex flex-start">
@@ -68,6 +69,11 @@ export default {
   data() {
     return {
       selectOrderId: 0,
+      query: {
+        pageIndex: 1,
+        length: 15,
+      },
+      total: 0,
       confirmOrderVisible: false,
       list: [],
       loading: false,
@@ -81,27 +87,43 @@ export default {
     // 获取待收货物流信息
     async getLogisticsList() {
       this.loading = true;
-      const { result } = await ApiGetOrderLogisticsList();
+      const { result } = await ApiGetOrderLogisticsList({ ...this.query });
       this.loading = false;
       this.loadFinish = true;
       if (result) {
-        this.list = result.map((item) => {
-          const goods = item.products || [{ productImageUrl: "" }];
-          const logisticsList = item.logistics.logisticsDataList || [
-            { context: "暂无物流信息" },
-          ];
-          return {
-            ...item,
-            cover: goods[0].productImageUrl, // 订单封面
-            logisticsContext: logisticsList[0].context, // 物流详细信息
-          };
-        });
+        const { total, records } = result;
+        this.total = total;
+        if (records && records.length > 0) {
+          const formatRecords = records.map((item) => {
+            const goods = item.products || [{ productImageUrl: "" }];
+            const logisticsList = item.logistics.logisticsDataList || [
+              { context: "暂无物流信息" },
+            ];
+            return {
+              ...item,
+              cover: goods[0].productImageUrl, // 订单封面
+              logisticsContext: logisticsList[0].context, // 物流详细信息
+            };
+          });
+          this.list = this.list.concat(formatRecords);
+        }
       }
     },
     onOrderConfirm({ orderId }) {
       this.selectOrderId = orderId;
       this.confirmOrderVisible = true;
     },
+    // 上拉加载
+    handleListload() {
+      if (this.total > 0 && this.list.length < this.total) {
+        // 执行接口请求
+        this.query.pageIndex += 1;
+        this.getLogisticsList();
+      }
+    },
+    onJumpOrderDetail(id) {
+      this.$router.push(`/account/order/detail?id=${id}`);
+    },
 
     // 确认收货
     async handleOrderEnsure() {
@@ -110,7 +132,9 @@ export default {
       });
       this.confirmOrderVisible = false;
       if (result) {
-        Message.success("收货成功");
+        Message.success("确认收货成功");
+        this.list = [];
+        this.query.pageIndex = 1;
         this.getLogisticsList();
       }
     },
@@ -154,6 +178,7 @@ export default {
     }
     .home-logisitcs-content__item {
       margin-bottom: 30px;
+      cursor: pointer;
       &:last-child {
         margin-bottom: 0;
       }
diff --git a/plugins/api/order.js b/plugins/api/order.js
index ba98387..fd817a4 100644
--- a/plugins/api/order.js
+++ b/plugins/api/order.js
@@ -68,8 +68,8 @@ export const  ApiGetOrderLogistics = ({orderId}) =>
  * 获取物流列表
  * @param {*} params
  */
-export const ApiGetOrderLogisticsList = () =>
-  ToAsyncAwait(axiosTk.get(`${BASE_URL}/app/tradeOrder/listReceiveOrder`));
+export const ApiGetOrderLogisticsList = (params) =>
+  ToAsyncAwait(axiosTk.get(`${BASE_URL}/app/tradeOrder/listReceiveOrder`, { params }));
 
 /**
  * 确认收货