{"version":3,"sources":["webpack:///./src/views/shopMana/ShopDetails.vue?df3a","webpack:///./src/views/shopMana/ShopDetails.vue?5aad","webpack:///src/views/shopMana/ShopDetails.vue","webpack:///./src/views/shopMana/ShopDetails.vue?9e6d","webpack:///./src/views/shopMana/ShopDetails.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","index","key","attrs","baseUrlAddr","url","on","handleBack","handleShoping","_v","staticRenderFns","beforeRouteLeave","to","name","meta","keepAlive","next","components","data","id","dataList","shopingUrl","computed","watch","created","handleGetInfo","mounted","beforeCreate","beforeMount","beforeUpdate","updated","beforeDestroy","destroyed","activated","methods","$router","go","$route","query","request","location","href","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWN,EAAIO,GAAIP,EAAY,UAAE,SAASQ,EAAKC,GAAO,OAAOL,EAAG,MAAM,CAACM,IAAID,EAAME,MAAM,CAAC,IAAMX,EAAIY,YAAc,kDAAoDJ,EAAKK,IAAI,IAAM,SAAQ,GAAGT,EAAG,IAAI,CAACE,YAAY,4CAA4CQ,GAAG,CAAC,MAAQd,EAAIe,cAAcX,EAAG,SAAS,CAACE,YAAY,UAAUQ,GAAG,CAAC,MAAQd,EAAIgB,gBAAgB,CAAChB,EAAIiB,GAAG,aAC/fC,EAAkB,GC6BtB,G,UAAA,CAEEC,iBAFF,SAEA,OACoB,aAAZC,EAAGC,OACLD,EAAGE,KAAKC,WAAY,GAEtBC,KAGFC,WAAY,GACZC,KAVF,WAYI,MAAO,CACLC,GAAI,GACJC,SAAU,GACVC,WAAY,KAIhBC,SAAU,GAEVC,MAAO,GAEPC,QAvBF,WAwBI/B,KAAKgC,iBAGPC,QA3BF,aA4BEC,aA5BF,aA6BEC,YA7BF,aA8BEC,aA9BF,aA+BEC,QA/BF,aAgCEC,cAhCF,aAiCEC,UAjCF,aAkCEC,UAlCF,aAoCEC,QAAS,CAEP3B,WAFJ,WAGMd,KAAK0C,QAAQC,IAAI,IAGnBX,cANJ,WAMA,WACMhC,KAAK0B,GAAK1B,KAAK4C,OAAOC,MAAMnB,GAC5B1B,KAAK4B,WAAX,4BACM5B,KAAK8C,QACX,qEACA,kBACQ,QAAR,iBACQ,EAAR,oBAKI/B,cAlBJ,WAmBMgC,SAASC,KAAOhD,KAAK4B,eCrFyU,I,wBCQhWqB,EAAY,eACd,EACAnD,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAgC,E","file":"static/js/chunk-e20aa18a.fff721a8.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!./ShopDetails.vue?vue&type=style&index=0&id=04b808a9&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"shopdetails\"},[_c('div',{staticClass:\"shopImg\"},_vm._l((_vm.dataList),function(item,index){return _c('img',{key:index,attrs:{\"src\":_vm.baseUrlAddr + \"/front/picUploadAndDownload/download3?fileName=\" + item.url,\"alt\":\"\"}})}),0),_c('i',{staticClass:\"iconfont icon-zuojiantou_huaban leftArrow\",on:{\"click\":_vm.handleBack}}),_c('button',{staticClass:\"shoping\",on:{\"click\":_vm.handleShoping}},[_vm._v(\"立即购买\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\r\n * @Description: 星图商城列表详情页\r\n * @Author: Zhang Xin (1483812724@qq.com)\r\n * @Date: 2022-11-30 14:32:16\r\n * @LastEditors: Wang Xiaowu (wangxiaowu@example.com)\r\n * @LastEditTime: 2023-01-11 17:31:11\r\n -->\r\n<template>\r\n  <div class=\"shopdetails\">\r\n    <div class=\"shopImg\">\r\n      <img\r\n        v-for=\"(item, index) in dataList\"\r\n        :key=\"index\"\r\n        :src=\"\r\n          `${baseUrlAddr}/front/picUploadAndDownload/download3?fileName=` + item.url\r\n        \"\r\n        alt=\"\"\r\n      />\r\n    </div>\r\n    <i\r\n      class=\"iconfont icon-zuojiantou_huaban leftArrow\"\r\n      @click=\"handleBack\"\r\n    ></i>\r\n    <button @click=\"handleShoping\" class=\"shoping\">立即购买</button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）\r\n// 例如：import 《组件名称》 from '《组件路径》'\r\nexport default {\r\n  //跳转前判断是从商品列表进来的就缓存页面不刷新\r\n  beforeRouteLeave(to, from, next) {\r\n    if (to.name === \"shopList\") {\r\n      to.meta.keepAlive = true;\r\n    }\r\n    next();\r\n  },\r\n  // import引入的组件需要注入到对象中才能使用\r\n  components: {},\r\n  data() {\r\n    // 这里存放数据\r\n    return {\r\n      id: \"\",\r\n      dataList: [],\r\n      shopingUrl: \"\",\r\n    };\r\n  },\r\n  // 监听属性 类似于data概念\r\n  computed: {},\r\n  // 监控data中的数据变化\r\n  watch: {},\r\n  // 生命周期 - 创建完成（可以访问当前this实例）\r\n  created() {\r\n    this.handleGetInfo();\r\n  },\r\n  // 生命周期 - 挂载完成（可以访问DOM元素）\r\n  mounted() {},\r\n  beforeCreate() {}, // 生命周期 - 创建之前\r\n  beforeMount() {}, // 生命周期 - 挂载之前\r\n  beforeUpdate() {}, // 生命周期 - 更新之前\r\n  updated() {}, // 生命周期 - 更新之后\r\n  beforeDestroy() {}, // 生命周期 - 销毁之前\r\n  destroyed() {}, // 生命周期 - 销毁完成\r\n  activated() {}, // 如果页面有keep-alive缓存功能，这个函数会触发\r\n  // 方法集合\r\n  methods: {\r\n    //返回上一页\r\n    handleBack() {\r\n      this.$router.go(-1);\r\n    },\r\n    //获取数据\r\n    handleGetInfo() {\r\n      this.id = this.$route.query.id;\r\n      this.shopingUrl= this.$route.query.targetUrl;\r\n      this.request\r\n        .get(\"/front/device/productDetail/queryByproduct?productId=\" + this.id)\r\n        .then((res) => {\r\n          console.log(\"zx\", res.data);\r\n          this.dataList = res.data;\r\n          \r\n        });\r\n    },\r\n    //点击立即购买\r\n    handleShoping() {\r\n      location.href = this.shopingUrl;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang='scss' scoped>\r\n//@import url(); 引入公共css类\r\n// @import url('@/assets/shopFont/iconfont.css');\r\n.shopdetails {\r\n  margin: 0;\r\n  padding: 0;\r\n  list-style: none;\r\n  position: relative;\r\n  .shopImg {\r\n    position: relative;\r\n    top: -19px;\r\n    height: 850px;\r\n    text-align: center;\r\n    overflow-y: scroll;\r\n    img {\r\n      width: 850px;\r\n    }\r\n  }\r\n  .leftArrow {\r\n    position: absolute;\r\n    font-size: 30px;\r\n    top: 0;\r\n    left: 20px;\r\n    cursor: pointer;\r\n  }\r\n  .shoping {\r\n    position: fixed;\r\n    left: 46%;\r\n    bottom: 40px;\r\n    color: #fff;\r\n    text-align: center;\r\n    line-height: 35px;\r\n    width: 310px;\r\n    height: 45px;\r\n    background-color: rgb(221, 48, 48);\r\n    border: 1px solid rgb(221, 48, 48);\r\n    border-radius: 21px;\r\n    cursor: pointer;\r\n  }\r\n}\r\n</style>\r\n","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!./ShopDetails.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!./ShopDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShopDetails.vue?vue&type=template&id=04b808a9&scoped=true&\"\nimport script from \"./ShopDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./ShopDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShopDetails.vue?vue&type=style&index=0&id=04b808a9&lang=scss&scoped=true&\"\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  \"04b808a9\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}