| 1 |
- {"version":3,"sources":["webpack:///./src/views/user/UserVip.vue?bb2e","webpack:///src/views/user/UserVip.vue","webpack:///./src/views/user/UserVip.vue?954e","webpack:///./src/views/user/UserVip.vue","webpack:///./src/assets/images/value.jpg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","swiperVip","_l","item","index","key","class","style","backgroundImage","image","_v","_s","name","discount","grade","val","indexn","number","real_name","_e","_m","taskCount","vipRequire","length","on","$event","showGrow","finish","width","speed","task_type_title","new_number","growthValue","growthTap","illustrate","staticRenderFns","components","swiper","swiperSlide","Recommend","props","data","vipList","vipComplete","effect","slidesPerView","centeredSlides","coverflowEffect","rotate","stretch","depth","modifier","slideShadows","observer","observeParents","loading","activeIndex","watch","that","forEach","is_clear","slideTo","computed","$refs","mySwiper","mounted","getInfo","getTask","methods","component","module","exports"],"mappings":"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","file":"h5/js/chunk-3c12acd2.a9736c52.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"member-center\"},[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"slider-banner banner\"},[_c('swiper',{ref:\"mySwiper\",staticClass:\"swiper-wrapper\",attrs:{\"options\":_vm.swiperVip}},_vm._l((_vm.vipList),function(item,index){return _c('swiperSlide',{key:index,staticClass:\"swiper-slide memberBg\",class:item.class,style:({ backgroundImage: 'url(' + item.image + ')' })},[_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"discount\"},[_vm._v(\"\\n 可享受商品折扣: \"+_vm._s(item.discount / 10)+\"折\"),_c('span',{staticClass:\"iconfont icon-zhekou\"})]),(item.grade == _vm.grade)?_c('div',{staticClass:\"nav acea-row\"},_vm._l((_vm.vipComplete),function(val,indexn){return _c('div',{key:indexn,staticClass:\"item\"},[_c('div',{staticClass:\"num\"},[_vm._v(_vm._s(val.number))]),_c('div',[_vm._v(_vm._s(val.real_name))])])}),0):_vm._e(),(item.grade > _vm.grade)?_c('div',{staticClass:\"lock\"},[_c('span',{staticClass:\"iconfont icon-quanxianguanlisuozi\"}),_vm._v(\"该会员等级尚未解锁\\n \")]):_vm._e(),(item.grade < _vm.grade)?_c('div',{staticClass:\"lock\"},[_c('span',{staticClass:\"iconfont icon-xuanzhong1\"}),_vm._v(\"已解锁更高等级\\n \")]):_vm._e()])}),1)],1)]),_c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"title acea-row row-between-wrapper\"},[_vm._m(0),_c('div',{staticClass:\"num\"},[_c('span',{staticClass:\"current\"},[_vm._v(_vm._s(_vm.taskCount))]),_vm._v(\"/\"+_vm._s(_vm.vipRequire.length)+\"\\n \")])]),_c('div',{staticClass:\"list\"},_vm._l((_vm.vipComplete),function(item,index){return _c('div',{key:index,staticClass:\"item\"},[_c('div',{staticClass:\"top acea-row row-between-wrapper\"},[_c('div',{staticClass:\"name\"},[_vm._v(\"\\n \"+_vm._s(item.name)),(item.illustrate)?_c('span',{staticClass:\"iconfont icon-wenti\",on:{\"click\":function($event){return _vm.showGrow(item)}}}):_vm._e()]),_c('div',[_vm._v(_vm._s(item.finish ? \"已满足条件\" : \"未满足条件\"))])]),_c('div',{staticClass:\"cu-progress\"},[_c('div',{staticClass:\"bg-red\",style:({ width: item.speed + '%' })})]),_c('div',{staticClass:\"experience acea-row row-between-wrapper\"},[_c('div',[_vm._v(_vm._s(item.task_type_title))]),_c('div',[_c('span',{staticClass:\"num\"},[_vm._v(_vm._s(item.new_number))]),_vm._v(\"/\"+_vm._s(item.number)+\"\\n \")])])])}),0)]),_c('Recommend'),_c('div',{staticClass:\"growthValue\",class:_vm.growthValue === false ? 'on' : ''},[_c('div',{staticClass:\"pictrue\"},[_c('img',{attrs:{\"src\":require(\"@assets/images/value.jpg\")}}),_c('span',{staticClass:\"iconfont icon-guanbi3\",on:{\"click\":_vm.growthTap}})]),_c('div',{staticClass:\"conter\"},[_vm._v(\"\\n \"+_vm._s(_vm.illustrate)+\"\\n \")])]),_c('div',{staticClass:\"mask\",attrs:{\"hidden\":_vm.growthValue},on:{\"click\":_vm.growthTap}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('span',{staticClass:\"iconfont icon-jingyanzhi\"}),_vm._v(\"会员升级要求\")])}]\n\nexport { render, staticRenderFns }","<template>\r\n <div class=\"member-center\">\r\n <div class=\"header\">\r\n <div class=\"slider-banner banner\">\r\n <swiper class=\"swiper-wrapper\" :options=\"swiperVip\" ref=\"mySwiper\">\r\n <swiperSlide\r\n class=\"swiper-slide memberBg\"\r\n :class=\"item.class\"\r\n v-for=\"(item, index) in vipList\"\r\n :key=\"index\"\r\n :style=\"{ backgroundImage: 'url(' + item.image + ')' }\"\r\n >\r\n <!-- <img :src=\"item.icon\" />-->\r\n <div class=\"name\">{{ item.name }}</div>\r\n <div class=\"discount\">\r\n 可享受商品折扣: {{ item.discount / 10 }}折<span\r\n class=\"iconfont icon-zhekou\"\r\n ></span>\r\n </div>\r\n <div class=\"nav acea-row\" v-if=\"item.grade == grade\">\r\n <div\r\n class=\"item\"\r\n v-for=\"(val, indexn) in vipComplete\"\r\n :key=\"indexn\"\r\n >\r\n <div class=\"num\">{{ val.number }}</div>\r\n <div>{{ val.real_name }}</div>\r\n </div>\r\n </div>\r\n <div class=\"lock\" v-if=\"item.grade > grade\">\r\n <span class=\"iconfont icon-quanxianguanlisuozi\"></span\r\n >该会员等级尚未解锁\r\n </div>\r\n <div class=\"lock\" v-if=\"item.grade < grade\">\r\n <span class=\"iconfont icon-xuanzhong1\"></span>已解锁更高等级\r\n </div>\r\n </swiperSlide>\r\n </swiper>\r\n </div>\r\n </div>\r\n <div class=\"wrapper\">\r\n <div class=\"title acea-row row-between-wrapper\">\r\n <div><span class=\"iconfont icon-jingyanzhi\"></span>会员升级要求</div>\r\n <div class=\"num\">\r\n <span class=\"current\">{{ taskCount }}</span\r\n >/{{ vipRequire.length }}\r\n </div>\r\n </div>\r\n <div class=\"list\">\r\n <div class=\"item\" v-for=\"(item, index) in vipComplete\" :key=\"index\">\r\n <div class=\"top acea-row row-between-wrapper\">\r\n <div class=\"name\">\r\n {{ item.name\r\n }}<span\r\n class=\"iconfont icon-wenti\"\r\n v-if=\"item.illustrate\"\r\n @click=\"showGrow(item)\"\r\n ></span>\r\n </div>\r\n <div>{{ item.finish ? \"已满足条件\" : \"未满足条件\" }}</div>\r\n </div>\r\n <div class=\"cu-progress\">\r\n <div class=\"bg-red\" :style=\"{ width: item.speed + '%' }\"></div>\r\n </div>\r\n <div class=\"experience acea-row row-between-wrapper\">\r\n <div>{{ item.task_type_title }}</div>\r\n <div>\r\n <span class=\"num\">{{ item.new_number }}</span\r\n >/{{ item.number }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <Recommend></Recommend>\r\n <div class=\"growthValue\" :class=\"growthValue === false ? 'on' : ''\">\r\n <div class=\"pictrue\">\r\n <img src=\"@assets/images/value.jpg\" /><span\r\n class=\"iconfont icon-guanbi3\"\r\n @click=\"growthTap\"\r\n ></span>\r\n </div>\r\n <div class=\"conter\">\r\n {{ illustrate }}\r\n </div>\r\n </div>\r\n <div class=\"mask\" :hidden=\"growthValue\" @click=\"growthTap\"></div>\r\n </div>\r\n</template>\r\n<script>\r\nimport { swiper, swiperSlide } from \"vue-awesome-swiper\";\r\nimport \"@assets/css/swiper.min.css\";\r\nimport Recommend from \"@components/Recommend\";\r\nimport { getVipInfo, getVipTask, setDetection } from \"../../api/user\";\r\nexport default {\r\n name: \"Poster\",\r\n components: {\r\n swiper,\r\n swiperSlide,\r\n Recommend\r\n },\r\n props: {},\r\n data: function() {\r\n return {\r\n vipList: [], //等级列表\r\n vipRequire: [], //等级要求\r\n vipComplete: [], //完成情况\r\n taskCount: 0, //任务数\r\n grade: 0, //当前会员等级\r\n swiperVip: {\r\n speed: 1000,\r\n effect: \"coverflow\",\r\n slidesPerView: \"auto\",\r\n centeredSlides: true,\r\n // loop: true,\r\n coverflowEffect: {\r\n rotate: 0, // 旋转的角度\r\n stretch: -20, // 拉伸 图片间左右的间距和密集度\r\n depth: 100, // 深度 切换图片间上下的间距和密集度\r\n modifier: 2, // 修正值 该值越大前面的效果越明显\r\n slideShadows: false // 页面阴影效果\r\n },\r\n observer: true,\r\n observeParents: true\r\n },\r\n loading: false,\r\n growthValue: true,\r\n illustrate: \"\",\r\n activeIndex: 0\r\n };\r\n },\r\n watch: {\r\n vipList: function() {\r\n let that = this;\r\n if (that.vipList.length > 0) {\r\n that.vipList.forEach(function(item, index) {\r\n if (item.is_clear === false) {\r\n that.swiper.slideTo(index);\r\n that.activeIndex = index;\r\n that.grade = item.grade;\r\n }\r\n });\r\n }\r\n }\r\n },\r\n computed: {\r\n swiper() {\r\n return this.$refs.mySwiper.swiper;\r\n }\r\n },\r\n mounted: function() {\r\n let that = this;\r\n setDetection();\r\n that.getInfo();\r\n that.swiper.on(\"slideChange\", function() {\r\n that.activeIndex = that.swiper.activeIndex;\r\n that.getTask();\r\n });\r\n },\r\n methods: {\r\n growthTap: function() {\r\n this.growthValue = true;\r\n },\r\n getInfo: function() {\r\n let that = this;\r\n getVipInfo().then(\r\n res => {\r\n that.vipList = res.data.list;\r\n that.vipRequire = res.data.task.list;\r\n that.vipComplete = res.data.task.task;\r\n that.taskCount = res.data.task.reach_count;\r\n },\r\n err => {\r\n that.$dialog.message(err.msg);\r\n }\r\n );\r\n },\r\n getTask: function() {\r\n let that = this;\r\n getVipTask(that.vipList[that.activeIndex].id).then(\r\n res => {\r\n that.vipRequire = res.data.list;\r\n that.vipComplete = res.data.task;\r\n that.taskCount = res.data.reach_count;\r\n },\r\n err => {\r\n that.$dialog.message(err.msg);\r\n }\r\n );\r\n },\r\n showGrow: function(item) {\r\n if (this.illustrate != item.illustrate) this.illustrate = item.illustrate;\r\n this.growthValue = false;\r\n }\r\n }\r\n};\r\n</script>\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!./UserVip.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!./UserVip.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserVip.vue?vue&type=template&id=17b09293&\"\nimport script from \"./UserVip.vue?vue&type=script&lang=js&\"\nexport * from \"./UserVip.vue?vue&type=script&lang=js&\"\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 null,\n null\n \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"h5/img/value.7469f35b.jpg\";"],"sourceRoot":""}
|
