新增抽奖记录页面

zhiyangdu
1 parent 1a4ab40a
Showing 3 changed files with 129 additions and 99 deletions
package-lock.json
src/pages/ExchangeRecords/ExchangeRecords.less → src/pages/pointsExchangeRecords/pointsExchangeRecords.less
src/pages/ExchangeRecords/ExchangeRecords.vue → src/pages/pointsExchangeRecords/pointsExchangeRecords.vue
@@ -53,6 +53,11 @@
         }
       }
     },
+    "@popperjs/core": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.5.4.tgz",
+      "integrity": "sha512-ZpKr+WTb8zsajqgDkvCEWgp6d5eJT6Q63Ng2neTbzBO76Lbe91vX/iVIW9dikq+Fs3yEo+ls4cxeXABD2LtcbQ=="
+    },
     "@sindresorhus/is": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.7.0.tgz",
@@ -65,14 +70,22 @@
       "dev": true
     },
     "@vant/icons": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.2.1.tgz",
-      "integrity": "sha512-5ivsKQR4ySbdBW5UPoQDVqO6rdc1um3rvq/0VL+ZSA7Y3MdBQ3E4/NL0hoAY5/sZZeYfIDKEP21gpjUzdeEDQQ=="
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.4.0.tgz",
+      "integrity": "sha512-96k+x00FqdGAQeTWrHEJ6C+QNifPQu58W9mv8pJAQ7VQ527KV9GHQT7m2TT+PhHXejDENYhlpW/XWOB66j8r8w=="
     },
-    "@vue/babel-helper-vue-jsx-merge-props": {
+    "@vant/popperjs": {
       "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.0.0.tgz",
-      "integrity": "sha512-6tyf5Cqm4m6v7buITuwS+jHzPlIPxbFzEhXR5JGZpbrvOcp1hiQKckd305/3C7C36wFekNTQSxAtgeM0j0yoUw=="
+      "resolved": "https://registry.npmjs.org/@vant/popperjs/-/popperjs-1.0.0.tgz",
+      "integrity": "sha512-2OAl3URmH37OOATcKuT8iuZozoZVNMc8iLLZvurWZqHlWlAojsDHm7lQ2OKlAV4jlxbiFJt0en6DY+WlxHvN9w==",
+      "requires": {
+        "@popperjs/core": "^2.5.4"
+      }
+    },
+    "@vue/babel-helper-vue-jsx-merge-props": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
+      "integrity": "sha512-QOi5OW45e2R20VygMSNhyQHvpdUwQZqGPc748JLGCYEy+yp8fNFNdbNIGAgZmi9e+2JHPd6i6idRuqivyicIkA=="
     },
     "accepts": {
       "version": "1.3.5",
@@ -13274,12 +13287,13 @@
       }
     },
     "vant": {
-      "version": "2.5.8",
-      "resolved": "https://registry.npmjs.org/vant/-/vant-2.5.8.tgz",
-      "integrity": "sha512-6g1TRywIA0c6vP9A3tQpXpKUeSJmf88H1SmXPC+gbj+HHQuSEdmvJi9qAN4ezBzpUGe/ljTLg0Q+MCLGcvfbzA==",
+      "version": "2.11.1",
+      "resolved": "https://registry.npmjs.org/vant/-/vant-2.11.1.tgz",
+      "integrity": "sha512-w98McSiJLQUiud8HV0k1SokJhF9s2lmqIwVm2IH64/HBEhCLaFgRYxDe5oeRIWNSP06K3NK95NTp7aUaWs/X2w==",
       "requires": {
         "@babel/runtime": "7.x",
-        "@vant/icons": "1.2.1",
+        "@vant/icons": "1.4.0",
+        "@vant/popperjs": "^1.0.0",
         "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
         "vue-lazyload": "1.2.3"
       },
@@ -13433,6 +13447,22 @@
       "resolved": "https://registry.npmjs.org/vue-bus/-/vue-bus-1.2.1.tgz",
       "integrity": "sha512-uCSJEWFWoDZz+GV/Pj/wXAC7WVBLD18V62l+2ezd4UCsZWZB27Hz3K0M9WUcbNum/yKBoN+OkOCIrU6A9xqWhw=="
     },
+    "vue-carousel-3d": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/vue-carousel-3d/-/vue-carousel-3d-1.0.1.tgz",
+      "integrity": "sha512-Q50gIEB6plLdqYd3jLxte8RJsXNPQBcrRsgUey7nnaQ7TvtFoRu/4rpPP1FiihahE0v+IzVv8LLSSJxD+XrQVQ==",
+      "requires": {
+        "core-js": "^3.6.5",
+        "vue": "^2.6.11"
+      },
+      "dependencies": {
+        "core-js": {
+          "version": "3.8.0",
+          "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.8.0.tgz",
+          "integrity": "sha512-W2VYNB0nwQQE7tKS7HzXd7r2y/y2SVJl4ga6oH/dnaLFzM0o2lB2P3zCkWj5Wc/zyMYjtgd5Hmhk0ObkQFZOIA=="
+        }
+      }
+    },
     "vue-clipboard2": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/vue-clipboard2/-/vue-clipboard2-0.3.1.tgz",
@@ -41,102 +41,102 @@
 </template>
 <script>
-    // 引入组件
-    import { Toast, Indicator } from 'mint-ui';
-    export default {
-        name: 'ExchangeRecords',
-        data () {
-            return {
-                list:[],
-                page:1,
-                titleImg:null // 标题图片
-            }
-        },
-        created(){
-            document.title="兑奖记录"
-            this.getmyLuckIntegralOrder(this.page)
-        },
-        mounted(){
-            let activeId = this.$route.query.activeId
-            this.getShareData(activeId)
-        },
-        methods: {
-            // 跳转到积分商城首页
-            goointsMall(){
-                this.$router.push({
-                    path:'/pointsMall',
-                    query:{
-                        uid: this.getStore("uid") || 0,
-                    }
-                })
-            },
-            // 抽奖记录
-            /**
-             * 获取活动详情页信息
-             * @param {string} id [活动id]
-             * * @param {string} uid [用户id]
-             */
-            getmyLuckIntegralOrder(page) {
+// 引入组件
+import { Toast, Indicator } from 'mint-ui';
+export default {
+  name: 'ExchangeRecords',
+  data () {
+    return {
+      list: [],
+      page: 1,
+      titleImg: null // 标题图片
+    }
+  },
+  created () {
+    document.title = "兑奖记录"
+    this.getmyLuckIntegralOrder(this.page)
+  },
+  mounted () {
+    let activeId = this.$route.query.activeId
+    this.getShareData(activeId)
+  },
+  methods: {
+    // 跳转到积分商城首页
+    goointsMall () {
+      this.$router.push({
+        path: '/pointsMall',
+        query: {
+          uid: this.getStore("uid") || 0,
+        }
+      })
+    },
+    // 抽奖记录
+    /**
+     * 获取活动详情页信息
+     * @param {string} id [活动id]
+     * * @param {string} uid [用户id]
+     */
+    getmyLuckIntegralOrder (page) {
-                // 加载中提示
-                Indicator.open('加载中...');
+      // 加载中提示
+      Indicator.open('加载中...');
-                // 请求接口
-                this.http("/Api/" + (this.getApiVersion().LuckDraw) + "/myLuckIntegralOrder", {
-                    uid: this.getStore("uid"),
-                    page: page
-                }, this.getmyLuckIntegralOrderCallback, {
-                    method: "POST"
-                });
-            },
+      // 请求接口
+      this.http("/Api/" + (this.getApiVersion().LuckDraw) + "/myLuckIntegralOrder", {
+        uid: this.getStore("uid"),
+        page: page
+      }, this.getmyLuckIntegralOrderCallback, {
+          method: "POST"
+        });
+    },
-            /**
-             * 获取抽奖记录信息回调
-             * @param {object} res [服务器返回数据]
-             * @param {object} ext [扩展参数]
-             */
-            getmyLuckIntegralOrderCallback(res, ext) {
-                this.loading = false;
-                // 加载完成
-                Indicator.close();
+    /**
+     * 获取抽奖记录信息回调
+     * @param {object} res [服务器返回数据]
+     * @param {object} ext [扩展参数]
+     */
+    getmyLuckIntegralOrderCallback (res, ext) {
+      this.loading = false;
+      // 加载完成
+      Indicator.close();
-                // 返回处理
-                if (res.code == 200) {
+      // 返回处理
+      if (res.code == 200) {
-                    // 解构数据
-                    let {data: datas} = res;
-                    /* 获取活动详情页数据 开始 */
-                    for (let i = 1; i <= datas.list.length; i++) {
-                        this.list.push(datas.list[i-1]);
-                    }
-                    // 抽奖记录标题
-                    this.titleImg = datas.luck_title_img
-                    /* 获取抽奖记录 结束 */
-                } else if (res.code == 400) {
-                    // 获取抽奖记录失败
-                    Toast(res.message);
-                } else {
-                    // 获取抽奖记录失败
-                    Toast("获取抽奖记录失败");
-                }
-            },
-            // 下拉刷新
-            loadMore() {
-                this.loading = true;
-                this.page++
-                this.getmyLuckIntegralOrder(this.page)
-            },
-            // 获取并设置分享参数
-            getShareData(activeId){
-                this.$parent.getShareData({
-                    type: 14,
-                    id: activeId,
-                    url: ""
-                });
-            }
+        // 解构数据
+        let { data: datas } = res;
+        /* 获取活动详情页数据 开始 */
+        for (let i = 1; i <= datas.list.length; i++) {
+          this.list.push(datas.list[i - 1]);
         }
+        // 抽奖记录标题
+        this.titleImg = datas.luck_title_img
+        /* 获取抽奖记录 结束 */
+      } else if (res.code == 400) {
+        // 获取抽奖记录失败
+        Toast(res.message);
+      } else {
+        // 获取抽奖记录失败
+        Toast("获取抽奖记录失败");
+      }
+    },
+    // 下拉刷新
+    loadMore () {
+      this.loading = true;
+      this.page++
+      this.getmyLuckIntegralOrder(this.page)
+    },
+    // 获取并设置分享参数
+    getShareData (activeId) {
+      this.$parent.getShareData({
+        type: 14,
+        id: activeId,
+        url: ""
+      });
     }
+  }
+}
 </script>
 <style rel="stylesheet/less" lang="less">
-    @import "./ExchangeRecords";
+@import './pointsExchangeRecords';
 </style>