| 1 |
- {"version":3,"sources":["webpack:///./src/views/user/UserVip.vue?80fa","webpack:///src/views/user/UserVip.vue","webpack:///./src/views/user/UserVip.vue?de68","webpack:///./src/views/user/UserVip.vue","webpack:///./src/assets/images/value.jpg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","options","swiperVip","_l","item","index","key","class","style","backgroundImage","image","_v","_s","name","discount","grade","val","indexn","new_number","real_name","_e","_m","taskCount","vipRequire","length","on","click","$event","showGrow","finish","width","speed","task_type_title","number","growthValue","src","__webpack_require__","growthTap","illustrate","hidden","staticRenderFns","UserVipvue_type_script_lang_js_","components","swiper","vue_awesome_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","Object","user","then","res","list","task","reach_count","err","$dialog","message","msg","id","user_UserVipvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","module","exports","p"],"mappings":"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","file":"h5/js/chunk-3c12acd2.97474870.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.new_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.new_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 } 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 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/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserVip.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/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=02fe1f3b&\"\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/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":""}
|
