{"version":3,"sources":["webpack:///./src/views/user/UserVip.vue?0bf4","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","number","real_name","_e","_m","taskCount","vipRequire","length","on","click","$event","showGrow","finish","width","speed","task_type_title","new_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","Object","user","getInfo","getTask","methods","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.3d0ad038.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/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=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/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":""}