{"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":""}