{"version":3,"sources":["webpack:///./src/views/user/member/MProductDetails.vue?f719","webpack:///./src/views/user/member/MProductDetails.vue","webpack:///src/views/user/member/MProductDetails.vue","webpack:///./src/views/user/member/MProductDetails.vue?84de","webpack:///./src/views/user/member/MProductDetails.vue?d3da"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","onClickLeft","dataModel","onChange","scopedSlots","_u","key","fn","domProps","_s","currentIndex","_v","DistributionProductApiModel","DistributionProductPhotosList","length","proxy","_l","banner","index","BreviaryImgPath","$event","preview","Price","DProductName","Content","path","query","id","DistributionLevelId","pid","DProductId","_e","staticRenderFns","data","bannerPicArray","isFirstEnter","components","mounted","document","querySelector","setAttribute","beforeDestroy","removeAttribute","methods","init","that","params","type","Id","$store","dispatch","then","res","forEach","element","push","error","$router","go","_ImagePreview","images","startPosition","beforeRouteEnter","to","from","next","name","meta","isBack","activated","_query","$route","created","component"],"mappings":"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","file":"js/chunk-658e06a8.8661ddc3.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MProductDetails.vue?vue&type=style&index=0&id=72b31989&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"goodsDetailsPage\"},[_c('van-nav-bar',{attrs:{\"title\":\"产品详情\",\"fixed\":\"\",\"z-index\":99,\"left-arrow\":\"\",\"border\":false},on:{\"click-left\":_vm.onClickLeft}}),_c('div',{staticClass:\"navBarSpace\"}),(_vm.dataModel!=null)?_c('div',[_c('section',{staticClass:\"swiper-area\"},[_c('van-swipe',{attrs:{\"autoplay\":5000},on:{\"change\":_vm.onChange},scopedSlots:_vm._u([{key:\"indicator\",fn:function(){return [_c('div',{staticClass:\"custom-indicator\"},[_c('i',{domProps:{\"textContent\":_vm._s( _vm.currentIndex + 1 )}}),_vm._v(\" / \"),_c('i',[_vm._v(_vm._s(_vm.dataModel.DistributionProductApiModel.DistributionProductPhotosList.length))])])]},proxy:true}],null,false,3135039006)},_vm._l((_vm.dataModel.DistributionProductApiModel.DistributionProductPhotosList),function(banner,index){return _c('van-swipe-item',{key:index},[_c('van-image',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fit\":\"cover\",\"src\":banner.BreviaryImgPath},on:{\"click\":function($event){return _vm.preview(index)}}})],1)}),1)],1),_c('section',{staticClass:\"pro-head\"},[_c('div',{staticClass:\"price\"},[_vm._v(\"￥\"),_c('span',{staticClass:\"money\"},[_vm._v(_vm._s(_vm.dataModel.DistributionProductApiModel.Price))])]),_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.dataModel.DistributionProductApiModel.DProductName))])]),_c('section',{staticClass:\"pro-body\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品详情\")]),_c('div',{staticClass:\"tbody\",domProps:{\"innerHTML\":_vm._s(_vm.dataModel.DistributionProductApiModel.Content)}})]),_c('section',{staticClass:\"details__bottom\"},[_c('van-button',{attrs:{\"block\":\"\",\"color\":\"orange\",\"size\":\"large\",\"to\":{path:'/MemberBuy',query:{\n        id:_vm.dataModel.DistributionProductApiModel.DistributionLevelId,\n        pid:_vm.dataModel.DistributionProductApiModel.DProductId\n      }}}},[_vm._v(\"开通会员\")])],1)]):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"goodsDetailsPage\">\r\n    <!-- header start -->\r\n    <van-nav-bar\r\n      title=\"产品详情\"\r\n      fixed\r\n      :z-index=\"99\"\r\n      left-arrow\r\n      @click-left=\"onClickLeft\"\r\n      :border=\"false\"\r\n    />\r\n    <div class=\"navBarSpace\"></div>\r\n    <!-- header end -->\r\n\r\n    <div v-if=\"dataModel!=null\">\r\n      <section class=\"swiper-area\">\r\n        <van-swipe :autoplay=\"5000\" @change=\"onChange\">\r\n          <van-swipe-item v-for=\"(banner,index) in dataModel.DistributionProductApiModel.DistributionProductPhotosList\" :key=\"index\">\r\n            <van-image\r\n              width=\"100%\"\r\n              height=\"100%\"\r\n              fit=\"cover\"\r\n              :src=\"banner.BreviaryImgPath\"\r\n              @click=\"preview(index)\"\r\n            />\r\n          </van-swipe-item>\r\n          <template #indicator>\r\n            <div class=\"custom-indicator\">\r\n              <i v-text=\" currentIndex + 1 \"></i> / <i>{{dataModel.DistributionProductApiModel.DistributionProductPhotosList.length}}</i>\r\n            </div>\r\n          </template>\r\n        </van-swipe>\r\n      </section>\r\n      <section class=\"pro-head\">\r\n        <div class=\"price\">￥<span class=\"money\">{{dataModel.DistributionProductApiModel.Price}}</span></div>\r\n        <h2 class=\"title\">{{dataModel.DistributionProductApiModel.DProductName}}</h2>\r\n      </section>\r\n      <section class=\"pro-body\">\r\n        <div class=\"title\">产品详情</div>\r\n        <div v-html=\"dataModel.DistributionProductApiModel.Content\" class=\"tbody\"></div>\r\n      </section>\r\n      <section class=\"details__bottom\">\r\n        <van-button block color=\"orange\" size=\"large\" :to=\"{path:'/MemberBuy',query:{\r\n          id:dataModel.DistributionProductApiModel.DistributionLevelId,\r\n          pid:dataModel.DistributionProductApiModel.DProductId\r\n        }}\">开通会员</van-button>\r\n      </section>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { ImagePreview } from 'vant';\r\nexport default {\r\n  data() {\r\n    return {\r\n      currentIndex: 0,\r\n      bannerPicArray:[\r\n        // {imageUrl:'https://resources.ninghao.org/images/candy-shop.jpg'},\r\n        // {imageUrl:'https://resources.ninghao.org/images/childhood-in-a-picture.jpg'},\r\n        // {imageUrl:'https://resources.ninghao.org/images/contained.jpg'},\r\n      ],\r\n      dataModel:null,\r\n      isFirstEnter:false,\r\n    };\r\n  },\r\n  components: {},\r\n  mounted() {\r\n    document\r\n      .querySelector(\"body\")\r\n      .setAttribute(\"style\", \"background-color:#f2f2f2 !important\");\r\n  },\r\n  beforeDestroy() {\r\n    document.querySelector(\"body\").removeAttribute(\"style\");\r\n  },\r\n  methods: {\r\n    init(id){\r\n      var that=this;\r\n      var params = {\r\n        type: \"GetDistributionProductById\",\r\n        Id:id\r\n      };\r\n      that.$store.dispatch(params).then(res=>{\r\n          this.dataModel=res;\r\n          that.bannerPicArray=[];\r\n          this.dataModel.DistributionProductApiModel.DistributionProductPhotosList.forEach(element => {\r\n              that.bannerPicArray.push(element.BreviaryImgPath);\r\n          });\r\n\r\n      },error=>{\r\n\r\n\r\n      })\r\n\r\n    },\r\n    onClickLeft() {\r\n      this.$router.go(-1);\r\n    },\r\n    onChange(index) {\r\n      this.currentIndex = index;\r\n    },\r\n    preview(index) {\r\n      ImagePreview({\r\n        images:this.bannerPicArray,\r\n        startPosition: index\r\n      });\r\n      \r\n    },\r\n  },\r\n  beforeRouteEnter(to, from, next) {\r\n    //console.log(from);\r\n    if(from.name==\"MemberBuy\")\r\n    {\r\n        to.meta.isBack=true;\r\n    }\r\n    next();\r\n  },\r\n  activated(){\r\n    var _query = this.$route.query;\r\n    //console.log(\"activated\");\r\n    //console.log(this.$route.meta.isBack+\"___\"+this.isFirstEnter);\r\n      if(!this.$route.meta.isBack || this.isFirstEnter){\r\n       this.init(_query.id);\r\n     }\r\n     this.$route.meta.isBack=false;\r\n     this.isFirstEnter=false;\r\n  },\r\n  created(){\r\n      this.isFirstEnter=true;\r\n\r\n\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.swiper-area{\r\n  height: 360px;\r\n}\r\n.van-swipe{\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.custom-indicator {\r\n  position: absolute;\r\n  right: 5px;\r\n  bottom: 5px;\r\n  padding: 2px 5px;\r\n  font-size: 12px;\r\n  background: rgba(0, 0, 0, 0.1);\r\n  color: #fff;\r\n}\r\n.goodsDetailsPage{\r\n  padding-bottom: 50px;\r\n}\r\n.details__bottom {\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  z-index: 999;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 50px;\r\n  background-color: #fff;\r\n}\r\n.details__bottom .van-button{\r\n  height: 50px;\r\n  line-height: 50px;\r\n}\r\n.pro-head{\r\n  background-color: #fff;\r\n  padding:10px;\r\n}\r\n.pro-head .price{\r\n  font-size: 14px;\r\n  color: crimson;\r\n  margin-bottom: 2px;\r\n}\r\n.pro-head .price .money{\r\n  font-size: 21px;\r\n}\r\n.pro-head .title{\r\n  font-size: 15px;\r\n  font-weight: normal;\r\n  line-height: 1.5;\r\n}\r\n.pro-body{\r\n  margin-top: 8px;\r\n  margin-bottom: 8px;\r\n  background-color: #fff;\r\n}\r\n.pro-body .title{\r\n  font-size: 14px;\r\n  color: #666;\r\n  padding: 12px 10px;\r\n}\r\n.tbody{\r\nline-height: 0px !important;\r\n}\r\n</style>\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!./MProductDetails.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!./MProductDetails.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./MProductDetails.vue?vue&type=template&id=72b31989&scoped=true\"\nimport script from \"./MProductDetails.vue?vue&type=script&lang=js\"\nexport * from \"./MProductDetails.vue?vue&type=script&lang=js\"\nimport style0 from \"./MProductDetails.vue?vue&type=style&index=0&id=72b31989&prod&scoped=true&lang=css\"\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  \"72b31989\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}