| 1 |
- {"version":3,"sources":["webpack:///./src/views/user/coupon/GetCoupon.vue?bffc","webpack:///./src/assets/images/noCoupon.png","webpack:///./src/views/user/coupon/GetCoupon.vue?d312","webpack:///src/views/user/coupon/GetCoupon.vue","webpack:///./src/views/user/coupon/GetCoupon.vue?2f62","webpack:///./src/views/user/coupon/GetCoupon.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","ref","couponsList","length","staticClass","_l","item","index","key","class","is_use","_v","_s","coupon_price","use_min_price","type","title","end_time","start_time","on","$event","getCoupon","id","_e","attrs","loadend","loading","page","_m","staticRenderFns","name","components","Loading","props","data","limit","mounted","getUseCoupons","$scroll","$refs","container","methods","that","push","apply","res","component"],"mappings":"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","file":"h5/js/chunk-2160199f.0f2cb9de.js","sourcesContent":["import mod from \"-!../../../../node_modules/_mini-css-extract-plugin@0.8.2@mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/_css-loader@1.0.1@css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/_vue-loader@15.9.0@vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/_vue-loader@15.9.0@vue-loader/lib/index.js??vue-loader-options!./GetCoupon.vue?vue&type=style&index=0&id=f68c3d8e&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/_mini-css-extract-plugin@0.8.2@mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/_css-loader@1.0.1@css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/_vue-loader@15.9.0@vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/_vue-loader@15.9.0@vue-loader/lib/index.js??vue-loader-options!./GetCoupon.vue?vue&type=style&index=0&id=f68c3d8e&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"h5/img/noCoupon.e524084b.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"container\"},[(_vm.couponsList.length > 0)?_c('div',{staticClass:\"coupon-list\"},_vm._l((_vm.couponsList),function(item,index){return _c('div',{key:index,staticClass:\"item acea-row row-center-wrapper\"},[_c('div',{staticClass:\"money\",class:item.is_use ? 'moneyGray' : ''},[_c('div',[_vm._v(\"\\n ￥\"),_c('span',{staticClass:\"num\"},[_vm._v(_vm._s(item.coupon_price))])]),_c('div',{staticClass:\"pic-num\"},[_vm._v(\"满\"+_vm._s(item.use_min_price)+\"元可用\")])]),_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"condition line1\"},[(item.type === 0)?_c('span',{staticClass:\"line-title\",class:item.is_use === true || item.is_use === 2\n ? 'bg-color-hui'\n : 'bg-color-check'},[_vm._v(\"通用劵\")]):(item.type === 1)?_c('span',{staticClass:\"line-title\",class:item.is_use === true || item.is_use === 2\n ? 'bg-color-hui'\n : 'bg-color-check'},[_vm._v(\"品类券\")]):_c('span',{staticClass:\"line-title\",class:item.is_use === true || item.is_use === 2\n ? 'bg-color-hui'\n : 'bg-color-check'},[_vm._v(\"商品券\")]),_c('span',[_vm._v(_vm._s(item.title))])]),_c('div',{staticClass:\"data acea-row row-between-wrapper\"},[(item.end_time !== 0)?_c('div',[_vm._v(\"\\n \"+_vm._s(item.start_time ? item.start_time + \"-\" : \"\")+_vm._s(item.end_time)+\"\\n \")]):_c('div',[_vm._v(\"不限时\")]),(item.is_use === true)?_c('div',{staticClass:\"bnt gray\"},[_vm._v(\"已领取\")]):(item.is_use === 2)?_c('div',{staticClass:\"bnt gray\"},[_vm._v(\"已领完\")]):_c('div',{staticClass:\"bnt bg-color-red\",on:{\"click\":function($event){return _vm.getCoupon(item.id, index)}}},[_vm._v(\"\\n 立即领取\\n \")])])])])}),0):_vm._e(),_c('Loading',{attrs:{\"loaded\":_vm.loadend,\"loading\":_vm.loading}}),(_vm.couponsList.length === 0 && _vm.page > 1)?_c('div',{staticClass:\"noCommodity\"},[_vm._m(0)]):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"noPictrue\"},[_c('img',{staticClass:\"image\",attrs:{\"src\":require(\"@assets/images/noCoupon.png\")}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n <div ref=\"container\">\r\n <div class=\"coupon-list\" v-if=\"couponsList.length > 0\">\r\n <div\r\n class=\"item acea-row row-center-wrapper\"\r\n v-for=\"(item, index) in couponsList\"\r\n :key=\"index\"\r\n >\r\n <div class=\"money\" :class=\"item.is_use ? 'moneyGray' : ''\">\r\n <div>\r\n ￥<span class=\"num\">{{ item.coupon_price }}</span>\r\n </div>\r\n <div class=\"pic-num\">满{{ item.use_min_price }}元可用</div>\r\n </div>\r\n <div class=\"text\">\r\n <div class=\"condition line1\">\r\n <span\r\n class=\"line-title\"\r\n :class=\"\r\n item.is_use === true || item.is_use === 2\r\n ? 'bg-color-hui'\r\n : 'bg-color-check'\r\n \"\r\n v-if=\"item.type === 0\"\r\n >通用劵</span\r\n >\r\n <span\r\n class=\"line-title\"\r\n :class=\"\r\n item.is_use === true || item.is_use === 2\r\n ? 'bg-color-hui'\r\n : 'bg-color-check'\r\n \"\r\n v-else-if=\"item.type === 1\"\r\n >品类券</span\r\n >\r\n <span\r\n class=\"line-title\"\r\n :class=\"\r\n item.is_use === true || item.is_use === 2\r\n ? 'bg-color-hui'\r\n : 'bg-color-check'\r\n \"\r\n v-else\r\n >商品券</span\r\n >\r\n <span>{{ item.title }}</span>\r\n </div>\r\n <div class=\"data acea-row row-between-wrapper\">\r\n <div v-if=\"item.end_time !== 0\">\r\n {{ item.start_time ? item.start_time + \"-\" : \"\"\r\n }}{{ item.end_time }}\r\n </div>\r\n <div v-else>不限时</div>\r\n <div class=\"bnt gray\" v-if=\"item.is_use === true\">已领取</div>\r\n <div class=\"bnt gray\" v-else-if=\"item.is_use === 2\">已领完</div>\r\n <div\r\n class=\"bnt bg-color-red\"\r\n v-else\r\n @click=\"getCoupon(item.id, index)\"\r\n >\r\n 立即领取\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <Loading :loaded=\"loadend\" :loading=\"loading\"></Loading>\r\n <!--暂无优惠券-->\r\n <div\r\n class=\"noCommodity\"\r\n v-cloak\r\n v-if=\"couponsList.length === 0 && page > 1\"\r\n >\r\n <div class=\"noPictrue\">\r\n <img src=\"@assets/images/noCoupon.png\" class=\"image\" />\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\nimport { getCoupon, getCouponReceive } from \"@api/user\";\r\nimport Loading from \"@components/Loading\";\r\nexport default {\r\n name: \"getCoupon\",\r\n components: {\r\n Loading\r\n },\r\n props: {},\r\n data: function() {\r\n return {\r\n page: 1,\r\n limit: 10,\r\n couponsList: [],\r\n loading: false,\r\n loadend: false\r\n };\r\n },\r\n mounted: function() {\r\n this.getUseCoupons();\r\n this.$scroll(this.$refs.container, () => {\r\n !this.loading && this.getUseCoupons();\r\n });\r\n },\r\n methods: {\r\n getCoupon: function(id, index) {\r\n let that = this;\r\n let list = that.couponsList;\r\n getCouponReceive(id)\r\n .then(function() {\r\n list[index].is_use = true;\r\n that.$dialog.toast({ mes: \"领取成功\" });\r\n })\r\n .catch(function(res) {\r\n that.$dialog.toast({ mes: res.msg });\r\n });\r\n },\r\n getUseCoupons: function() {\r\n let that = this;\r\n if (that.loading) return; //阻止下次请求（false可以进行请求）；\r\n if (that.loadend) return; //阻止结束当前请求（false可以进行请求）；\r\n that.loading = true;\r\n let q = { page: that.page, limit: that.limit };\r\n getCoupon(q).then(res => {\r\n that.loading = false;\r\n //apply();js将一个数组插入另一个数组;\r\n that.couponsList.push.apply(that.couponsList, res.data);\r\n that.loadend = res.data.length < that.limit; //判断所有数据是否加载完成；\r\n that.page = that.page + 1;\r\n });\r\n }\r\n }\r\n};\r\n</script>\r\n<style scoped>\r\n.bg-color-check {\r\n color: #e83323;\r\n background: rgba(255, 247, 247, 1);\r\n border: 1px solid rgba(232, 51, 35, 1);\r\n}\r\n.bg-color-hui {\r\n background-color: #ccc;\r\n color: #fff;\r\n border: none;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../node_modules/_babel-loader@8.0.6@babel-loader/lib/index.js!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/_vue-loader@15.9.0@vue-loader/lib/index.js??vue-loader-options!./GetCoupon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../../node_modules/_babel-loader@8.0.6@babel-loader/lib/index.js!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/_vue-loader@15.9.0@vue-loader/lib/index.js??vue-loader-options!./GetCoupon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GetCoupon.vue?vue&type=template&id=f68c3d8e&scoped=true&\"\nimport script from \"./GetCoupon.vue?vue&type=script&lang=js&\"\nexport * from \"./GetCoupon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GetCoupon.vue?vue&type=style&index=0&id=f68c3d8e&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/_vue-loader@15.9.0@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"f68c3d8e\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}
|
