{"version":3,"sources":["webpack:///./src/views/booking/BookingGoodsDetails.vue","webpack:///src/views/booking/BookingGoodsDetails.vue","webpack:///./src/views/booking/BookingGoodsDetails.vue?5ddc","webpack:///./src/views/booking/BookingGoodsDetails.vue?1547","webpack:///./src/views/booking/BookingGoodsDetails.vue?e202"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","onClickLeft","onChange","scopedSlots","_u","key","fn","domProps","_s","currentIndex","_v","bannerPicArray","length","proxy","_l","banner","index","imageUrl","$event","preview","productApiModel","Price","ProductName","Content","notShow","_e","path","staticRenderFns","data","pid","puid","images","components","mounted","document","querySelector","setAttribute","beforeDestroy","removeAttribute","methods","$router","go","_ImagePreview","startPosition","init","that","$store","dispatch","type","productId","then","res","ProductApiModel","commit","I_ProductPhotoList","map","e","push","ImagePath","CoverPhoto","err","created","$route","query","component"],"mappings":"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","file":"js/chunk-17b9b5ba.60743a10.js","sourcesContent":["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\"}),_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.bannerPicArray.length))])])]},proxy:true}])},_vm._l((_vm.bannerPicArray),function(banner,index){return _c('van-swipe-item',{key:index},[_c('van-image',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fit\":\"cover\",\"src\":banner.imageUrl},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.productApiModel.Price))])]),_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.productApiModel.ProductName))])]),_c('section',{staticClass:\"pro-body\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品详情\")]),_c('div',{staticClass:\"tbody\",domProps:{\"innerHTML\":_vm._s(_vm.productApiModel.Content)}})]),(!_vm.notShow)?_c('section',{staticClass:\"details__bottom\"},[_c('van-button',{attrs:{\"block\":\"\",\"color\":\"orange\",\"size\":\"large\",\"to\":{path:'/BookingForm'}}},[_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>\r\n      <section class=\"swiper-area\">\r\n        <van-swipe :autoplay=\"5000\" @change=\"onChange\">\r\n          <van-swipe-item v-for=\"(banner,index) in bannerPicArray\" :key=\"index\">\r\n            <van-image\r\n              width=\"100%\"\r\n              height=\"100%\"\r\n              fit=\"cover\"\r\n              :src=\"banner.imageUrl\"\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>{{bannerPicArray.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\">{{productApiModel.Price}}</span></div>\r\n        <h2 class=\"title\">{{productApiModel.ProductName}}</h2>\r\n      </section>\r\n      <section class=\"pro-body\">\r\n        <div class=\"title\">产品详情</div>\r\n        <div class=\"tbody\" v-html=\"productApiModel.Content\" ></div>\r\n      </section>\r\n      <section v-if=\"!notShow\" class=\"details__bottom\">\r\n        <van-button block color=\"orange\" size=\"large\" :to=\"{path:'/BookingForm'}\">立即预约</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      pid: \"\",\r\n      puid : \"\",\r\n      images : [],\r\n      currentIndex: 0,\r\n      productApiModel:{},\r\n      notShow : false,\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    };\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    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: [\r\n        //   'https://resources.ninghao.org/images/candy-shop.jpg',\r\n        //   'https://resources.ninghao.org/images/childhood-in-a-picture.jpg',\r\n        //   'https://resources.ninghao.org/images/contained.jpg',\r\n        // ],\r\n        images : this.images,\r\n        startPosition: index\r\n      });\r\n      \r\n    },\r\n    init(){\r\n      var that = this;\r\n      this.$store.dispatch({\r\n        type : \"GetProductProductDetail\",\r\n        productId: that.puid,\r\n      }).then( res => {\r\n        that.productApiModel = res.ProductApiModel\r\n        if(res.ProductApiModel){ // 储存\r\n          that.$store.commit('setProductApiModel', res.ProductApiModel);\r\n        }\r\n        if(res.ProductApiModel.I_ProductPhotoList && res.ProductApiModel.I_ProductPhotoList.length > 0){\r\n          res.ProductApiModel.I_ProductPhotoList.map(e => {\r\n            that.bannerPicArray.push({imageUrl:e.ImagePath});\r\n            that.images.push(e.ImagePath);\r\n          });\r\n        }else{\r\n          that.bannerPicArray.push({imageUrl: res.ProductApiModel.CoverPhoto});\r\n          that.images.push(res.ProductApiModel.CoverPhoto);\r\n        }\r\n      }, err => {})\r\n    }\r\n  },\r\n  created() {\r\n    this.pid = this.$route.query.pid + \"\";\r\n    this.puid = this.$route.query.puid;\r\n    this.notShow = this.$route.query.notShow;\r\n    this.init();\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.swiper-area{\r\n  height: 260px;\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</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!./BookingGoodsDetails.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!./BookingGoodsDetails.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BookingGoodsDetails.vue?vue&type=template&id=0e3bb42c&scoped=true\"\nimport script from \"./BookingGoodsDetails.vue?vue&type=script&lang=js\"\nexport * from \"./BookingGoodsDetails.vue?vue&type=script&lang=js\"\nimport style0 from \"./BookingGoodsDetails.vue?vue&type=style&index=0&id=0e3bb42c&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  \"0e3bb42c\",\n  null\n  \n)\n\nexport default component.exports","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!./BookingGoodsDetails.vue?vue&type=style&index=0&id=0e3bb42c&prod&scoped=true&lang=css\""],"sourceRoot":""}