{"version":3,"sources":["webpack:///./src/views/ShoppingMall/ShopDetail.vue?a79d","webpack:///./src/assets/PC/shop/money.png","webpack:///./src/assets/PC/profile/gold.png","webpack:///./src/views/ShoppingMall/ShopDetail.vue?11a1","webpack:///./src/views/ShoppingMall/ShopDetail.vue","webpack:///./src/components/ShopSwiper/Index.vue","webpack:///src/components/ShopSwiper/Index.vue","webpack:///./src/components/ShopSwiper/Index.vue?e3fe","webpack:///./src/components/ShopSwiper/Index.vue?d8ee","webpack:///src/views/ShoppingMall/ShopDetail.vue","webpack:///./src/views/ShoppingMall/ShopDetail.vue?2441","webpack:///./src/views/ShoppingMall/ShopDetail.vue?e55a","webpack:///./src/components/ShopSwiper/Index.vue?2215","webpack:///./src/api/Shop.js"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","banners","clientWidth","require","_v","_s","shopDetails","price","isDiscount","staticStyle","oldPrice","_e","Discount","on","subNum","onlyBuyOne","residueNum","directives","name","rawName","value","shopNum","expression","domProps","$event","target","composing","modifiers","numChange","_n","$forceUpdate","addNum","title","introduction","reminder","model","callback","$$v","isBuy","ImmediatelyChange","productContent","staticRenderFns","onlyBanner","length","ref","swiperOption","_l","item","index","key","slot","readIndex","Swiper","SwiperSlide","getAwesomeSwiper","SwiperClass","use","Pagination","Mousewheel","Autoplay","Navigation","EffectFade","components","props","type","Array","data","that","notNextTick","initialSlide","speed","loop","autoplay","delay","stopOnLastSlide","disableOnInteraction","effect","slideChangeTransitionStart","realIndex","pagination","el","clickable","navigation","nextEl","prevEl","methods","imgUrl","url","watch","news","component","loading","mounted","Id","$route","query","id","Shop","productId","then","res","status","imgs","split","$emit","share","desc","GetWxShares","$toast","message","$router","push","sessionStorage","getItem","window","location","href","dataState","setItem","oldprice","arr1","k","substr","toFixed","priceArr","Number","isNaN","$store","state","token","computed","swiper","GetList","params","request","method","GetProeuctInfo","ValidateOrder","GetAllCity","GetDefaultAddress","BuyProduct","ValidateProductType","ValidateOnlyBuyOne"],"mappings":"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","file":"js/chunk-1d08c340.0d0b0c6a.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopDetail.vue?vue&type=style&index=0&id=aba5d396&prod&lang=scss&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAyCAMAAAAk/wjEAAABL1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+r0Zv2AAAAZHRSTlMAAQMFBggJCgsPExUYHB0fICIkJygqLS4wMzU3ODk/QEJGTFBSWVpgZGZoaWpsdHV3gYaNkpSZnJ2goaKrrK2xsrO0tbi+wcLDxMnMzc7Q0dPU1tnc3eDi5Ofr7fDx8/T4+fz9ZTAHQAAAAmZJREFUSMedlmtfEkEUhw9dMDJtETQoi4rK5GIEXQAphaQNK6UicC0h6Pn+n6EXwO7szrLkzqvZmXnmN3vO/1xEtJHMVT9ZIxhZZjWXlP8YyXIf1+iXl3HbLXxGazsAWWvMTg2alVKhUKo0B7OFxtoiZmcIQCdvOGtGvgPAcMcXie4DTGraHyRrE4B6VGdiJkB70+++zTaAGdOYU2BcjPg/PFIcA6ceKmoCVnqxjdIWYLpfuA/04kHOiPeAustugBUPdmHcAhQbrg1hnF6mlfQYho6/GkBxucKKQMPWDtCOLIcibWCuqBZMbP887B65JHP3y8fbtr8m0Jp5HKjZh75C75bD3LuA1/ZXDZgqpmzPRETeA91VlWHPURRQFhGRPnScq1e7CrX1Czi44ux2oD+n88pPrPaAzzERka1z4PCaspkHEiKSAwxXVPWA45hI4hz4oDJiADkRqcLAE4s/geOVjTOgveLeG0BVRExoehyycQaYfow0wRQRCyqqBx9ks9m9v9Mov3iWzWbvqFAFLBEZQUlZfaXnlafKdglGIgIUlNWuDr1RtguADu1OvMzv+zrkeZ7cMAzDMIzv8G46uyr68zyGmI8TVZCaIbwm38xkMplMpgdH09m6j8k9zn2p2WHyWHeuR0bfAq03l5FHsC805s8jXbCe0JD1VCqVSqV+wOF0dlP00PAEYaD1nCB0h3sg5IS7O7EEQUpi8U9hJ1PbLkxhvsnyLTwPSpa+afn67pNIYFoOVQBE6iFKTbiiNi+fcpnyGa5Qi0Trl28JwjUfIduccA1VyNZNREQSuappN4kJvxP/ALlJHz9Bd6ghAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAFiklEQVRIS61Xa2wUVRT+zp3FtkAgFUJFE2KAKgSNyiMhlmjVHwoidmd3A+0OUE1oZ9tIAvzwER6LgcgPCxqwOxQixZ0tjfsoEMAEMZQfKoYUxITYCEYwCIgWBIt97j3mbh/ZLrttQefn3HPOd893vnPmDGEYT1FJxdMOIYsYmAfQNAATmNkBQisxLoLoNFgeE53a/nC4unWokDSYgW74FgG8jkCzB9pxO0CdAEYB0JLOWiVoF0huaQha1zPFTgvq8VQ8JB/gT0GY3+PIv4JRxyyOdoC/P1wXuKneFhYWOnInzZisSVnADJ2BV4jgAHATjFXRUGBvOuC7QHWjbCZBOwRgIoCrLPm9G1ea7cbGxu6haCtaXjZFxLVNBCxRtpJhPZWfV+n3+2Wy7wDQXsDjAMYwcLBDorQvq6EAk8/dJeU6k1BMjZWA3WAHlim6+mz6QROUZvFplSEDu2NT88qRcsN7AXYtMZ+Bg74EMI7A/ohtbbwL1OX1HVE1VBnGpuY5/wtgX3C3UfEsQx4HSGPGvFgocFKdJTJVKiXggKphu8SM+6E0Ewsur/kOiD5gRlMsFJijaO4FNU+ptmDJb8TqrNrkAIomdtBhwVwVCVlV6YK7ilfMYOE4KIhDEdtan2wza1bZiEena+cA5DOwMGYHDpNqfE3wGdUWLZebp6SqVDcqZxKkomUEiFdHg9a2AZcqLpvGmmgkUB6ArVE7sCb1YnqJr4wEdkrmAw0hq4jchuln0AYwb4mGrHfTZaJ7K9wA7wNYI8LKqG3tUHbOxSseI4fjOBEeBhAVHX8uDofD8dQY871vjcmh7usE5hZHey65DPMYQC+xpBdjddWqXdI+LqO8GBDBhA6YTWb6igQrkUxixsFLo+Luppqarkz+uuFrJOB5Ap4jl+G7DOCRdokHMwnI41mV0zXqZpYWz14Gpo+UGBj8h6KUgRPd8a7FWd2iPRyuuZUJ1Omt+FgQrwRzmQLtBDgeta2c9NSaBQA19o63QVuVwdUx26pMZ+Q2fG8zsAXMa0n3mpKI/o7agbHplamEooXBGN1/TphIQBaA35iRoJQIDMnbo3UDhdbn4zJ8qwFUgbGBdMO8TaCRLZd/zB7OfO3t628JmIt4fHp0X03zcCaVy+vbCIJqpzXk8po/gOhJKcTjDZ998lNqgFdLfLnZAmvBGNl3xsTO3nrWE+Mv9Z4JLMCfR2yrMd0lnIZZJ0DFJMmlaqqGwXIC3ozYgT2pDu6S8tdZiP3DyYaZG2IhS09bJsO8pJQuqGsyubzlBkgEwTgUDQVeu8vB7xfu89cWJNeUBb2vJkyCKslXlI8kZm2EdiJcW30tNYZrSflsOMQpABeidiCfPJ6K0TKLrzIjWzri0/bvrfl5qKx0w3dPNdW95h4iKiXQxohd7U/MXqdRsVWAVzFQH7MDxf8nqHOp+YRgtUOhu62TJh8JV1/rAV1qThBMSoW5JKUrUrczNhiwy2tuYsLCVrpTcDQYvJPJ1uPxPCCzxn0NtWMRb44GrbWJ9urvI69vOQi1YNxCnF+I1ltnhsp4iHPSDV8tAcvAOCc6s+eEw9vaBoAmMvb6AoJgAmgh0KKIXf3N/QCrDONZ43f1APINSFmQ3M8DdiS/3y/OXvh9rwAMgDvV9LjYLKuamjIP8tRL9dQQexKUKkAhF0SDNd8l26VbQdXnbj2D1vXutOdZ4sM2ctR/Edp+O1Pmqi1Yo0oi8ia+vYxzkHF3uomVcdnWvb65AHYQYVZi4gAdAE4y01mN+AoDXWCMlcT5AlAfhUmJCzHaIHiraM/Z3FfD1IsOuuEroemGbwEzrxCElwHKHqTGFwgU+qcDlmqLwbQwFGi/b2Fpafb47pw5zJz4l1EbXuJfRtJF0jrPhIO7fxmu6P4F6XNsZqDSQC8AAAAASUVORK5CYII=\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopDetail.vue?vue&type=style&index=1&id=aba5d396&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"shopDetail\"},[_c('div',{staticClass:\"shop-item flex\"},[_c('div',{staticClass:\"shop-item-l\"},[_c('swiper',{attrs:{\"banners\":_vm.banners}})],1),(_vm.clientWidth < 750)?_c('div',{staticClass:\"shop-item-num-mb flex6\"},[_c('div',{staticClass:\"shop-item-num-price flex2 co-fff\"},[_c('img',{staticClass:\"mr\",attrs:{\"src\":require(\"@/assets/PC/shop/money.png\"),\"alt\":\"\"}}),_vm._v(\" \"+_vm._s(_vm.shopDetails.price)+\" \"),(_vm.shopDetails.isDiscount)?_c('span',{staticClass:\"co-fff mr\",staticStyle:{\"text-decoration\":\"line-through\",\"margin-left\":\"15px\",\"font-size\":\"12px\"}},[_vm._v(\"[\"+_vm._s(_vm.shopDetails.oldPrice)+\"]\")]):_vm._e(),(_vm.shopDetails.isDiscount)?_c('b',{staticClass:\"ml co-ff0\"},[_vm._v(_vm._s(_vm.Discount(_vm.shopDetails.oldPrice, _vm.shopDetails.price)))]):_vm._e()]),_c('div',{staticClass:\"shop-item-num-ad flex2\"},[_c('div',{staticClass:\"flex0\",on:{\"click\":_vm.subNum}},[_vm._v(\"-\")]),(_vm.shopDetails.onlyBuyOne || _vm.shopDetails.residueNum == 0)?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.shopNum),expression:\"shopNum\"}],staticClass:\"tc\",attrs:{\"type\":\"text\",\"disabled\":\"\"},domProps:{\"value\":(_vm.shopNum)},on:{\"input\":function($event){if($event.target.composing)return;_vm.shopNum=$event.target.value}}}):_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.shopNum),expression:\"shopNum\",modifiers:{\"number\":true}}],staticClass:\"tc\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.shopNum)},on:{\"change\":_vm.numChange,\"input\":function($event){if($event.target.composing)return;_vm.shopNum=_vm._n($event.target.value)},\"blur\":function($event){return _vm.$forceUpdate()}}}),(_vm.shopDetails.residueNum == 0)?_c('div',{staticClass:\"flex0\"},[_vm._v(\"+\")]):_c('div',{staticClass:\"flex0\",on:{\"click\":_vm.addNum}},[_vm._v(\"+\")])])]):_vm._e(),_c('div',{staticClass:\"shop-item-r\"},[_c('h1',[_vm._v(_vm._s(_vm.shopDetails.title))]),_c('div',{staticClass:\"shop-item-price flex2\"},[_c('span',{staticClass:\"co-999\"},[_vm._v(\"价格：\")]),_c('img',{staticClass:\"mr\",attrs:{\"src\":require(\"@/assets/PC/profile/gold.png\")}}),_c('span',{staticClass:\"violet mr\"},[_vm._v(_vm._s(_vm.shopDetails.price))]),(_vm.shopDetails.isDiscount)?_c('span',{staticClass:\"co-999 mr\",staticStyle:{\"text-decoration\":\"line-through\",\"font-size\":\"12px\"}},[_vm._v(\"[\"+_vm._s(_vm.shopDetails.oldPrice)+\"]\")]):_vm._e(),(_vm.shopDetails.isDiscount)?_c('b',{staticClass:\"ml co-ff0\"},[_vm._v(_vm._s(_vm.Discount(_vm.shopDetails.oldPrice, _vm.shopDetails.price)))]):_vm._e()]),_c('div',{staticClass:\"shop-item-brief flex\"},[_c('span',{staticClass:\"co-999\",staticStyle:{\"min-width\":\"48px\"}},[_vm._v(\"简介：\")]),_c('span',{staticClass:\"co-999 briefs mr\"},[_vm._v(_vm._s(_vm.shopDetails.introduction))])]),_c('div',{staticClass:\"hr1\"}),_c('div',{staticClass:\"shop-item-msg flex\"},[_c('span',{staticClass:\"co-999\",staticStyle:{\"min-width\":\"48px\"}},[_vm._v(\"提示：\")]),_c('span',{staticClass:\"violet mr\"},[_vm._v(_vm._s(_vm.shopDetails.reminder))])]),(_vm.clientWidth > 750)?_c('div',{staticClass:\"shop-item-num flex2\"},[_c('span',{staticClass:\"co-999\",staticStyle:{\"min-width\":\"48px\"}},[_vm._v(\"数量：\")]),_c('div',{staticClass:\"flex\"},[(_vm.shopDetails.onlyBuyOne || _vm.shopDetails.residueNum == 0)?_c('el-input',{staticClass:\"tc shop-item-num-q\",attrs:{\"type\":\"text\",\"disabled\":\"\"},model:{value:(_vm.shopNum),callback:function ($$v) {_vm.shopNum=$$v},expression:\"shopNum\"}}):_c('el-input',{staticClass:\"shop-item-num-q\",attrs:{\"type\":\"text\"},on:{\"change\":_vm.numChange},model:{value:(_vm.shopNum),callback:function ($$v) {_vm.shopNum=_vm._n($$v)},expression:\"shopNum\"}}),_c('div',{staticClass:\"btnap\"},[(_vm.shopDetails.residueNum == 0)?_c('div',{staticClass:\"flex0\"},[_vm._v(\"+\")]):_c('div',{staticClass:\"flex0 cur\",on:{\"click\":_vm.addNum}},[_vm._v(\"+\")]),_c('div',{staticClass:\"flex0 cur\",on:{\"click\":_vm.subNum}},[_vm._v(\"-\")])]),_c('div',{staticClass:\"flex2 ml\"},[_vm._v(\"件 \"),(_vm.shopDetails.onlyBuyOne)?_c('i',{staticClass:\"co-999\"},[_vm._v(\"（库存 \"+_vm._s(_vm.shopDetails.residueNum)+\" 个，仅限兑换 1 个）\")]):_c('i',{staticClass:\"co-999\"},[_vm._v(\"（库存 \"+_vm._s(_vm.shopDetails.residueNum)+\" 个）\")])])],1)]):_vm._e(),_c('div',{staticClass:\"shop-item-btn\"},[(_vm.shopDetails.residueNum == 0)?_c('div',[_c('el-button',{staticClass:\"Uschange\",attrs:{\"type\":\"info\",\"disabled\":\"\"}},[_vm._v(\"暂无库存\")])],1):_c('div',[(!_vm.shopDetails.isBuy)?_c('el-button',{staticClass:\"Uschange\",attrs:{\"type\":\"info\",\"disabled\":\"\"}},[_vm._v(\"您已兑换\")]):_c('el-button',{staticClass:\"Uschange\",attrs:{\"type\":\"info\"},on:{\"click\":_vm.ImmediatelyChange}},[_vm._v(\"我要兑换\")])],1)])])]),_c('div',{staticClass:\"shop-intro\"},[_c('h1',{staticClass:\"co-fff flex0\"},[_vm._v(\"商品详情\")]),_c('div',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.shopDetails.productContent)}})]),(_vm.clientWidth < 750)?_c('div',{staticClass:\"shop-item-btn1\"},[(_vm.shopDetails.residueNum == 0)?_c('div',[_c('el-button',{staticClass:\"exchange\",attrs:{\"type\":\"info\",\"disabled\":\"\"}},[_vm._v(\"暂无库存\")])],1):_c('div',[(!_vm.shopDetails.isBuy)?_c('el-button',{staticClass:\"exchange\",attrs:{\"type\":\"info\",\"disabled\":\"\"}},[_vm._v(\"您已兑换\")]):_c('el-button',{staticClass:\"exchange\",attrs:{\"type\":\"info\"},on:{\"click\":_vm.ImmediatelyChange}},[_vm._v(\"我要兑换\")])],1)]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"ShopBanner\"},[(_vm.onlyBanner)?_c('div',[_c('img',{attrs:{\"src\":_vm.banners,\"alt\":\"\",\"width\":\"100%\"}})]):_c('div',{staticStyle:{\"height\":\"100%\"}},[(_vm.banners.length > 0)?_c('swiper',{ref:\"mySwiper\",staticClass:\"shop-swiper-container\",attrs:{\"options\":_vm.swiperOption,\"auto-play\":true}},[_vm._l((_vm.banners),function(item,index){return _c('swiper-slide',{key:index,staticClass:\"swiper-item\"},[_c('img',{attrs:{\"src\":item,\"alt\":\"\"}})])}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"},[_c('i',{staticClass:\"el-icon-arrow-left\"})]),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"},[_c('i',{staticClass:\"el-icon-arrow-right\"})])],2):_vm._e()],1),(_vm.banners.length > 1)?_c('div',{staticClass:\"readIndex\"},[_vm._v(\" \"+_vm._s(_vm.readIndex)+\" / \"+_vm._s(_vm.banners.length)+\" \")]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"ShopBanner\">\r\n    <div v-if=\"onlyBanner\">\r\n      <img :src=\"banners\" alt=\"\" width=\"100%\" />\r\n    </div>\r\n    <div v-else style=\"height: 100%\">\r\n      <swiper  class=\"shop-swiper-container\" ref=\"mySwiper\" :options=\"swiperOption\" :auto-play=\"true\" v-if=\"banners.length > 0\">\r\n        <swiper-slide v-for=\"(item, index) in banners\" :key=\"index\" class=\"swiper-item\">\r\n          <img :src=\"item\" alt=\"\" />\r\n        </swiper-slide>\r\n        <!-- ← →按钮 -->\r\n        <div class=\"swiper-button-prev\" slot=\"button-prev\"><i class=\"el-icon-arrow-left\"></i></div>\r\n        <div class=\"swiper-button-next\" slot=\"button-next\"><i class=\"el-icon-arrow-right\"></i></div>\r\n      </swiper>\r\n    </div>\r\n    <div class=\"readIndex\" v-if=\"banners.length > 1\">\r\n      {{ readIndex }} / {{ banners.length }}\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {\r\n  Swiper as SwiperClass,\r\n  Pagination,\r\n  Mousewheel,\r\n  Autoplay,\r\n  Navigation,\r\n  EffectFade,\r\n} from \"swiper/core\";\r\nimport getAwesomeSwiper from \"vue-awesome-swiper/dist/exporter\";\r\nimport \"swiper/swiper-bundle.min.css\";\r\nconst { Swiper, SwiperSlide } = getAwesomeSwiper(SwiperClass);\r\nSwiperClass.use([Pagination, Mousewheel, Autoplay, Navigation, EffectFade]);\r\n\r\nexport default {\r\n  components: {\r\n    Swiper,\r\n    SwiperSlide,\r\n  },\r\n  props: {\r\n    banners: {\r\n      type: Array,\r\n    },\r\n  },\r\n  data() {\r\n    const that = this;\r\n    return {\r\n      onlyBanner: false, // !只有一张图时\r\n      readIndex: 1,      // !当前照片指示\r\n      swiperOption: {\r\n        notNextTick: true,  \r\n        initialSlide: 0,\r\n        speed: 1000, //匀速时间\r\n        loop: true,\r\n        autoplay: {\r\n          delay: 5000,\r\n          stopOnLastSlide: false,\r\n          disableOnInteraction: false,\r\n        },\r\n        effect: \"flip\",\r\n        on: {\r\n          slideChangeTransitionStart() {\r\n            that.readIndex = this.realIndex + 1;\r\n          },\r\n        },\r\n        pagination: {\r\n          el: \".swiper-pagination\",\r\n          clickable: true,\r\n          type: \"bullets\",\r\n        },\r\n        navigation: {\r\n          nextEl: \".swiper-button-next\",\r\n          prevEl: \".swiper-button-prev\",\r\n        },\r\n      },\r\n    };\r\n  },\r\n  methods: {\r\n    imgUrl(item) {\r\n      if (item.url) {\r\n      }\r\n    },\r\n  },\r\n  watch: {\r\n    banners: function (news) {\r\n      if (this.banners.length == 1) {\r\n        this.onlyBanner = true;\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n$mobil_base: 750;\r\n@function vw($true) {\r\n  @return ($true / $mobil_base) * 100vw;\r\n}\r\n.ShopBanner {\r\n  height: 100%; position: relative;\r\n  .shop-swiper-container,\r\n  .swiper-wrapper,\r\n  .swiper-item,\r\n  .swiper-item div {\r\n    height: 100%;\r\n  }\r\n  .swiper-button-prev:after, .swiper-button-next:after { content: ''; }\r\n  .swiper-button-prev, .swiper-button-next { background: rgba(0, 0, 0, 0.5);}\r\n  .swiper-button-prev i, .swiper-button-next i {font-size: 25px;}\r\n  .swiper-button-prev {left: 0;}\r\n  .swiper-button-next {right: 0;}\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  .readIndex {position: absolute; bottom: 10px; right: 10px; background: rgba(0, 0, 0, 0.5); z-index: 2; color: #fff; padding: 0 5px;border-radius: 9px;}\r\n}\r\n\r\n@media (max-width: 750px) {\r\n  .swiper-button-prev,\r\n  .swiper-button-next {\r\n    display: none !important;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=43060782\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=43060782&prod&lang=scss\"\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","<template>\r\n  <div class=\"shopDetail\">\r\n    <div class=\"shop-item flex\">\r\n      <div class=\"shop-item-l\">\r\n        <swiper :banners=\"banners\"></swiper>\r\n      </div>\r\n      <div v-if=\"clientWidth < 750\" class=\"shop-item-num-mb flex6\">\r\n        <div class=\"shop-item-num-price flex2 co-fff\">\r\n          <img src=\"@/assets/PC/shop/money.png\" class=\"mr\" alt=\"\">\r\n          {{ shopDetails.price }}\r\n          <span v-if=\"shopDetails.isDiscount\" class=\"co-fff mr\"\r\n            style=\"text-decoration: line-through;margin-left: 15px; font-size: 12px\">[{{ shopDetails.oldPrice }}]</span>\r\n          <b v-if=\"shopDetails.isDiscount\" class=\"ml co-ff0\">{{ Discount(shopDetails.oldPrice, shopDetails.price) }}</b>\r\n        </div>\r\n        <div class=\"shop-item-num-ad flex2\">\r\n          <div class=\"flex0\" @click=\"subNum\">-</div>\r\n          <input v-if=\"shopDetails.onlyBuyOne || shopDetails.residueNum == 0\" type=\"text\" class=\"tc\" v-model=\"shopNum\"\r\n            disabled>\r\n          <input v-else type=\"text\" class=\"tc\" v-model.number=\"shopNum\" @change=\"numChange\">\r\n          <div class=\"flex0\" v-if=\"shopDetails.residueNum == 0\">+</div>\r\n          <div class=\"flex0\" v-else @click=\"addNum\">+</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"shop-item-r\">\r\n        <h1>{{ shopDetails.title }}</h1>\r\n        <div class=\"shop-item-price flex2\">\r\n          <span class=\"co-999\">价格：</span>\r\n          <img src=\"@/assets/PC/profile/gold.png\" class=\"mr\">\r\n          <span class=\"violet mr\">{{ shopDetails.price }}</span>\r\n          <span v-if=\"shopDetails.isDiscount\" class=\"co-999 mr\"\r\n            style=\"text-decoration: line-through; font-size: 12px\">[{{ shopDetails.oldPrice }}]</span>\r\n          <b v-if=\"shopDetails.isDiscount\" class=\"ml co-ff0\">{{ Discount(shopDetails.oldPrice, shopDetails.price) }}</b>\r\n        </div>\r\n        <div class=\"shop-item-brief flex\">\r\n          <span class=\"co-999\" style=\"min-width: 48px\">简介：</span>\r\n          <span class=\"co-999 briefs mr\">{{ shopDetails.introduction }}</span>\r\n        </div>\r\n        <div class=\"hr1\"></div>\r\n        <div class=\"shop-item-msg flex\">\r\n          <span class=\"co-999\" style=\"min-width: 48px\">提示：</span>\r\n          <span class=\"violet mr\">{{ shopDetails.reminder }}</span>\r\n        </div>\r\n        <div v-if=\"clientWidth > 750\" class=\"shop-item-num flex2\">\r\n          <span class=\"co-999\" style=\"min-width: 48px\">数量：</span>\r\n          <div class=\"flex\">\r\n            <el-input v-if=\"shopDetails.onlyBuyOne || shopDetails.residueNum == 0\" type=\"text\"\r\n              class=\"tc shop-item-num-q\" v-model=\"shopNum\" disabled></el-input>\r\n            <el-input v-else type=\"text\" v-model.number=\"shopNum\" @change=\"numChange\"\r\n              class=\"shop-item-num-q\"></el-input>\r\n            <div class=\"btnap\">\r\n              <div class=\"flex0\" v-if=\"shopDetails.residueNum == 0\">+</div>\r\n              <div class=\"flex0 cur\" v-else @click=\"addNum\">+</div>\r\n              <div class=\"flex0 cur\" @click=\"subNum\">-</div>\r\n            </div>\r\n            <div class=\"flex2 ml\">件\r\n              <i v-if=\"shopDetails.onlyBuyOne\" class=\"co-999\">（库存 {{ shopDetails.residueNum }} 个，仅限兑换 1 个）</i>\r\n              <i v-else class=\"co-999\">（库存 {{ shopDetails.residueNum }} 个）</i>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"shop-item-btn\">\r\n          <div v-if=\"shopDetails.residueNum == 0\">\r\n            <el-button type=\"info\" class=\"Uschange\" disabled>暂无库存</el-button>\r\n          </div>\r\n          <div v-else>\r\n            <el-button v-if=\"!shopDetails.isBuy\" type=\"info\" class=\"Uschange\" disabled>您已兑换</el-button>\r\n            <el-button v-else @click=\"ImmediatelyChange\" type=\"info\" class=\"Uschange\">我要兑换</el-button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"shop-intro\">\r\n      <h1 class=\"co-fff flex0\">商品详情</h1>\r\n      <div v-html=\"shopDetails.productContent\" class=\"description\">\r\n      </div>\r\n    </div>\r\n    <div v-if=\"clientWidth < 750\" class=\"shop-item-btn1\">\r\n      <div v-if=\"shopDetails.residueNum == 0\">\r\n        <el-button type=\"info\" class=\"exchange\" disabled>暂无库存</el-button>\r\n      </div>\r\n      <div v-else>\r\n        <el-button v-if=\"!shopDetails.isBuy\" type=\"info\" class=\"exchange\" disabled>您已兑换</el-button>\r\n        <el-button v-else @click=\"ImmediatelyChange\" type=\"info\" class=\"exchange\">我要兑换</el-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as Shop from \"@/api/Shop.js\";\r\nimport { dataState } from \"@/api/all.js\";\r\nimport swiper from \"@/components/ShopSwiper/Index.vue\";\r\nimport { GetWxShares } from \"@/utils/common\";\r\n\r\nexport default {\r\n  name: \"ShopDetail\",\r\n  data() {\r\n    return {\r\n      loading: true,                       // !loading状态\r\n      shopNum: 1,                          // !选择的数量\r\n      shopDetails: {\r\n        onlyBuyOne: true,                  // !是否只允许兑换一次\r\n      },                                   // !详情数据\r\n      banners: [],                          // !商品信息图\r\n    }\r\n  },\r\n  mounted() {\r\n    const Id = this.$route.query.id;\r\n    Shop.GetProeuctInfo({ productId: Id }).then(res => {\r\n      if (res.status == 1) {\r\n        this.shopDetails = res.data;\r\n        this.banners = res.data.imgs.split(',');\r\n        this.$emit(\"change\", res.data.title);\r\n        const share = {\r\n          title: res.data.title,\r\n          desc: ''\r\n        }\r\n        GetWxShares(share);\r\n      } else {\r\n        this.$toast(res.message);\r\n        this.$router.push('/Home/ShoppingMall/ShopList');\r\n      }\r\n    });\r\n\r\n    // 数据统计\r\n    const data = {\r\n      \"visitType\": 1,\r\n      \"gid\": sessionStorage.getItem('gid') ? sessionStorage.getItem('gid') : '',\r\n      \"url\": window.location.href,\r\n      \"pageUrl\": \"ShopDetail\",\r\n      \"relationId\": this.$route.query.id,\r\n    }\r\n    dataState(data).then(res => {\r\n      sessionStorage.setItem('gid', res.data);\r\n    });\r\n  },\r\n  methods: {\r\n    // !计算折扣\r\n    Discount(oldprice, price) {\r\n      const arr1 = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'];\r\n      let k = (price / oldprice + '').substr(0, 4);\r\n      k = (k * 1).toFixed(1);\r\n      let priceArr = '限时';\r\n      if (k < 0.1) {\r\n        priceArr += '一';\r\n      } else if (k == 1) {\r\n        priceArr += '九';\r\n      } else {\r\n        priceArr += arr1[k[2]];\r\n      }\r\n      priceArr += '折';\r\n      return priceArr;\r\n    },\r\n    // !商品数量加减\r\n    addNum() {\r\n      if (this.shopDetails.onlyBuyOne) {\r\n        this.shopNum = 1;\r\n        this.$toast('当前商品只允许兑换一次！');\r\n      } else {\r\n        if (this.shopNum < this.shopDetails.residueNum) {\r\n          this.shopNum++;\r\n        } else {\r\n          this.shopNum = this.shopDetails.residueNum;\r\n          this.$toast('超出最大可兑换数量，已重置！');\r\n        }\r\n      }\r\n    },\r\n    subNum() {\r\n      if (this.shopNum < 2) {\r\n        this.shopNum = 1;\r\n      } else {\r\n        this.shopNum--;\r\n      }\r\n    },\r\n    // !监听手动输入\r\n    numChange() {\r\n      if (!Number.isNaN(this.shopNum * 1)) {\r\n        this.shopNum = this.shopNum.toFixed(0);\r\n        if (this.shopDetails.onlyBuyOne) {\r\n          this.shopNum = 1;\r\n        } else {\r\n          if (this.shopNum < 2 || !(this.shopNum * 1)) {\r\n            this.shopNum = 1\r\n          } else if (this.shopNum > this.shopDetails.residueNum) {\r\n            this.shopNum = this.shopDetails.residueNum;\r\n            this.$toast('超出最大可兑换数量，已重置！');\r\n          }\r\n        }\r\n      }\r\n    },\r\n    // !去表单页面\r\n    ImmediatelyChange() {\r\n      if (this.$store.state.token) {\r\n        if (Number.isNaN(this.shopNum * 1)) {\r\n          this.shopNum = 1;\r\n        }\r\n        const Id = { 'productId': this.$route.query.id };\r\n        Shop.ValidateOrder(Id).then(res => {\r\n          if (res.status == 1) {\r\n            this.$router.push('/Home/ShopChange?id=' + this.$route.query.id + '&num=' + this.shopNum);\r\n          } else {\r\n            this.loading = false;\r\n            this.$toast(res.message);\r\n            this.$router.push(\"/Home/ShoppingMall/ShopList\");\r\n          }\r\n        })\r\n      } else {\r\n        this.$toast('请先登录后再来兑换吧！')\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    clientWidth() {\r\n      return this.$store.state.clientWidth;\r\n    }\r\n  },\r\n  components: {\r\n    swiper\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n$mobil_base: 750;\r\n\r\n@function vw($true) {\r\n  @return ($true / $mobil_base) * 100vw;\r\n}\r\n\r\n.shopDetail {\r\n  border-radius: 5px;\r\n  box-shadow: 0 0 10px #ccc;\r\n  background: #fff;\r\n  padding: 30px;\r\n\r\n  .shop-item-l {\r\n    width: 350px;\r\n    min-width: 350px;\r\n    height: 196px;\r\n    margin-right: 20px;\r\n    box-shadow: 0 0 3px #ccc;\r\n    overflow: hidden;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  .shop-item-r {\r\n    width: 100%;\r\n  }\r\n\r\n  .shop-item-r h1 {\r\n    font-size: 19px;\r\n    margin-bottom: 13px;\r\n  }\r\n\r\n  .shop-item-num-mb {\r\n    display: none;\r\n  }\r\n\r\n  .shop-item-price {\r\n    height: 54px;\r\n    background: #f9f9f9;\r\n    padding-left: 30px;\r\n  }\r\n\r\n  .shop-item-price .co-999 {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .shop-item-price .violet {\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n    line-height: 1;\r\n    margin-top: -2px;\r\n  }\r\n\r\n  .shop-item-price img {\r\n    width: 15px;\r\n    height: 15px;\r\n  }\r\n\r\n  .shop-item-brief,\r\n  .shop-item-msg,\r\n  .shop-item-num {\r\n    margin: 10px 0\r\n  }\r\n\r\n  .shop-item-brief span:first-of-type,\r\n  .shop-item-msg span:first-of-type,\r\n  .shop-item-num span:first-of-type {\r\n    margin-left: 30px;\r\n    font-size: 16px;\r\n  }\r\n\r\n  .shop-item-num-q {\r\n    width: 100px;\r\n  }\r\n\r\n  .btnap div {\r\n    border: 1px #ccc solid;\r\n    width: 30px;\r\n    height: 18px;\r\n    margin: 0 0 4px 4px;\r\n  }\r\n\r\n  .shop-item-btn {\r\n    margin: 40px 0 0 80px;\r\n  }\r\n\r\n  .shop-intro h1 {\r\n    width: 137px;\r\n    height: 40px;\r\n    background: #b409f0;\r\n    font-size: 18px;\r\n    position: relative;\r\n    margin-bottom: 31px;\r\n  }\r\n\r\n  .shop-intro h1::after {\r\n    content: '';\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 20px solid transparent;\r\n    border-right: 20px solid transparent;\r\n    border-bottom: 40px solid #b409f0;\r\n    position: absolute;\r\n    right: -20px;\r\n  }\r\n\r\n  .shop-item-btn1 {\r\n    display: none;\r\n    position: fixed;\r\n    bottom: -0.5px;\r\n    left: 0;\r\n    width: 100%;\r\n  }\r\n\r\n  .shop-item-btn1 button {\r\n    border-radius: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 750px) {\r\n  .shopDetail {\r\n    margin: 0 vw(40);\r\n    position: relative;\r\n    top: vw(-100);\r\n    padding: 0;\r\n    overflow: hidden;\r\n\r\n    .shop-item {\r\n      display: block;\r\n    }\r\n\r\n    .shop-item-num-mb {\r\n      display: flex;\r\n      height: vw(88);\r\n      background: #6B18A8;\r\n      margin-bottom: vw(20);\r\n      line-height: vw(44);\r\n    }\r\n\r\n    .shop-item-num-price {\r\n      font-size: vw(32);\r\n      margin-left: vw(23);\r\n    }\r\n\r\n    .shop-item-num-price img {\r\n      width: vw(26);\r\n      height: vw(25);\r\n      margin-left: vw(11);\r\n    }\r\n\r\n    .shop-item-num-ad {\r\n      margin-right: vw(24);\r\n    }\r\n\r\n    .shop-item-num-ad div {\r\n      width: vw(41);\r\n      height: vw(49);\r\n      background: #d0c4fc;\r\n      margin: 0 vw(4);\r\n    }\r\n\r\n    .shop-item-num-ad input {\r\n      width: vw(68);\r\n      height: vw(49);\r\n      border: 0;\r\n      padding: 0;\r\n      border-radius: 0;\r\n    }\r\n\r\n    .shop-item-l {\r\n      width: 100%;\r\n      min-width: 100%;\r\n      box-shadow: none;\r\n      border-radius: 0;\r\n    }\r\n\r\n    .shop-item-num,\r\n    .shop-item-price {\r\n      display: none;\r\n    }\r\n\r\n    .shop-item-r h1 {\r\n      font-size: vw(31);\r\n      margin: 0 vw(24);\r\n      margin-top: 0;\r\n      margin-bottom: vw(20);\r\n    }\r\n\r\n    .shop-item-brief,\r\n    .shop-item-msg {\r\n      margin-left: vw(24);\r\n      font-size: vw(24);\r\n    }\r\n\r\n    .shop-item-msg .violet,\r\n    .briefs {\r\n      font-size: vw(24);\r\n    }\r\n\r\n    .shop-item-brief span:first-of-type,\r\n    .shop-item-msg span:first-of-type {\r\n      width: vw(72);\r\n      min-width: vw(72) !important;\r\n      font-size: vw(22);\r\n      margin-left: 0;\r\n    }\r\n\r\n    .hr1 {\r\n      height: 1px;\r\n      background: #f2f2f2;\r\n      margin: 0 vw(24);\r\n    }\r\n\r\n    .shop-item-btn {\r\n      display: none;\r\n    }\r\n\r\n    .shop-intro {\r\n      margin: 0 vw(24);\r\n    }\r\n\r\n    .shop-intro h1 {\r\n      width: auto;\r\n      height: vw(60);\r\n      justify-content: flex-start;\r\n      padding-left: vw(20);\r\n      font-size: vw(28);\r\n      margin-bottom: vw(20);\r\n    }\r\n\r\n    .shop-intro h1::after {\r\n      border-bottom: 0;\r\n      border-top: vw(60) solid #fff;\r\n      right: vw(-30);\r\n      border-left: vw(30) solid transparent;\r\n      border-right: vw(30) solid transparent;\r\n    }\r\n\r\n    .description {\r\n      margin-bottom: vw(60);\r\n      font-size: vw(24);\r\n    }\r\n\r\n    .exchange {\r\n      width: 100%;\r\n      height: vw(88);\r\n    }\r\n\r\n    .shop-item-btn1 {\r\n      display: block;\r\n      position: relative;\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n$mobil_base: 750;\r\n\r\n@function vw($true) {\r\n  @return ($true / $mobil_base) * 100vw;\r\n}\r\n\r\n.exchange.el-button--info span {\r\n  font-size: vw(32) !important;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopDetail.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShopDetail.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ShopDetail.vue?vue&type=template&id=aba5d396&scoped=true\"\nimport script from \"./ShopDetail.vue?vue&type=script&lang=js\"\nexport * from \"./ShopDetail.vue?vue&type=script&lang=js\"\nimport style0 from \"./ShopDetail.vue?vue&type=style&index=0&id=aba5d396&prod&lang=scss&scoped=true\"\nimport style1 from \"./ShopDetail.vue?vue&type=style&index=1&id=aba5d396&prod&lang=scss\"\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  \"aba5d396\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=43060782&prod&lang=scss\"","import request from '@/utils/request'\r\n\r\n// !获取商品列表\r\nexport function GetList(params) {\r\n  return request({\r\n    url: '/Product/GetList',\r\n    method: 'GET',\r\n    params\r\n  })\r\n}\r\n// !获取商品详情\r\nexport function GetProeuctInfo(params) {\r\n  return request({\r\n    url: '/Product/GetProeuctInfo',\r\n    method: 'GET',\r\n    params\r\n  })\r\n}\r\n// !验证商品剩余\r\nexport function ValidateOrder(params) {\r\n  return request({\r\n    url: '/Product/ValidateOrder',\r\n    method: 'GET',\r\n    params\r\n  })\r\n}\r\n// !获取省市区\r\nexport function GetAllCity() {\r\n  return request({\r\n    url: '/Product/GetAllCity',\r\n    method: 'GET',\r\n  })\r\n}\r\n// !获取默认地址\r\nexport function GetDefaultAddress() {\r\n  return request({\r\n    url: '/Product/GetDefaultAddress',\r\n    method: 'GET',\r\n  })\r\n}\r\n// !兑换商品地址\r\nexport function BuyProduct(data) {\r\n  return request({\r\n    url: '/Product/BuyProduct',\r\n    method: 'post',\r\n    data\r\n  })\r\n}\r\n\r\n// !判断是否为电子商品\r\nexport function ValidateProductType(params) {\r\n  return request({\r\n    url: '/Product/ValidateProductType',\r\n    method: 'get',\r\n    params\r\n  })\r\n}\r\n// !限制兑换一次\r\nexport function ValidateOnlyBuyOne(params) {\r\n  return request({\r\n    url: '/Product/ValidateOnlyBuyOne',\r\n    method: 'get',\r\n    params\r\n  })\r\n}\r\n\r\n\r\n\r\n\r\n"],"sourceRoot":""}