接口调用

zhiyangdu
1 parent 2ecd0470
Showing 1 changed file with 71 additions and 2 deletions
src/pages/myGiftBox/myGiftBox.vue
@@ -17,21 +17,90 @@
 </template>
  
 <script>
+// 引入组件
+import { Toast, Indicator } from "mint-ui";
 import giftItem from "@/components/giftItem/giftItem";
 export default {
     name: "myGiftBox",
     data() {
         return {
-            active: 0
+            active: 0,
+            orderGiftList:null, // 礼物数据
+            loading: false, // 加载
+            pages:0 // 分页
         };
     },
     components: {
         giftItem
     },
-    created() {},
+    created() {
+        // 收礼订单列表
+        this.getorderGiftList();
+    },
     methods: {
         onTap(active) {
             this.active = active;
+        },
+        /**
+         * 获取收礼礼物列表
+         */
+        getorderGiftList() {
+            this.loading = true;
+            this.pages++;
+            // 加载中提示
+            Indicator.open("加载中...");
+
+            // 获取收礼礼物列表接口
+            this.http(
+                "/Api/" + this.getApiVersion().index + "/orderGiftList",
+                {
+                    uid: this.$route.query.uid, // 用户id
+                    page: this.pages, // 分页 默认为1 一页20条
+                    type: 1, // 1 收礼列表 2 送礼列表（送礼已废弃）
+                    status:0, // 0或者不传 全部 1 未填地址 2 未发货 3 已完成 4 已发货
+                },
+                this.getorderGiftListCallback,
+                {
+                    method: "post"
+                }
+            );
+        },
+
+        /**
+         * 获取收礼礼物列表回调
+         * @param {object} res [服务器返回数据]
+         * @param {object} ext [扩展参数]
+         */
+        getorderGiftListCallback(res, ext) {
+            // 加载完成
+            Indicator.close();
+
+            // 返回处理
+            if (res.code == 200) {
+                // 解构数据
+                let { data: datas } = res;
+                // 设置shopFnsDynamic达人动态数据
+
+                if (datas.list && datas.list.length) {
+                    // 隐藏加载圈
+                    this.loading = false;
+                    if (this.pages > 1) {
+                        this.$set(this, "orderGiftList", [
+                            ...this.orderGiftList,
+                            ...datas.list
+                        ]);
+                    } else {
+                        this.$set(this, "orderGiftList", datas.list);
+                    } 
+                }
+                /* 获取达人动态数据 结束 */
+            } else if (res.code == 400) {
+                // 获取达人动态失败
+                Toast(res.message);
+            } else {
+                // 获取优选库精选活动失败
+                Toast("获取收礼订单列表失败");
+            }
         }
     }
 };