{"version":3,"sources":["webpack:///./src/views/Details.vue","webpack:///src/views/Details.vue","webpack:///./src/views/Details.vue?9dcc","webpack:///./src/views/Details.vue?6c2e","webpack:///./src/views/Details.vue?7ea0"],"names":["render","_vm","this","_c","_self","attrs","staticClass","_v","_s","productDetails","product_name","productPicture","length","_l","item","key","id","staticStyle","$target","product_picture","intro","_e","product_intro","product_selling_price","directives","name","rawName","value","product_price","expression","dis","on","addShoppingCart","addCollect","_m","staticRenderFns","data","productID","activated","undefined","$route","query","watch","val","getDetails","getDetailsPicture","methods","_objectSpread","mapActions","_this","$axios","post","then","res","Product","catch","err","Promise","reject","_this2","ProductPicture","_this3","$store","getters","getUser","user_id","product_id","code","unshiftShoppingCart","shoppingCartData","notifySucceed","msg","addShoppingCartNum","notifyError","dispatch","_this4","component"],"mappings":"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","file":"js/chunk-7e1f57e6.c4128584.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"details\"}},[_c('div',{staticClass:\"page-header\"},[_c('div',{staticClass:\"title\"},[_c('p',[_vm._v(_vm._s(_vm.productDetails.product_name))]),_c('div',{staticClass:\"list\"},[_c('ul',[_c('li',[_c('router-link',{attrs:{\"to\":\"\"}},[_vm._v(\"概述\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"\"}},[_vm._v(\"参数\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"\"}},[_vm._v(\"用户评价\")])],1)])])])]),_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"block\"},[(_vm.productPicture.length>1)?_c('el-carousel',{attrs:{\"height\":\"560px\"}},_vm._l((_vm.productPicture),function(item){return _c('el-carousel-item',{key:item.id},[_c('img',{staticStyle:{\"height\":\"560px\"},attrs:{\"src\":_vm.$target + item.product_picture,\"alt\":item.intro}})])}),1):_vm._e(),(_vm.productPicture.length==1)?_c('div',[_c('img',{staticStyle:{\"height\":\"560px\"},attrs:{\"src\":_vm.$target + _vm.productPicture[0].product_picture,\"alt\":_vm.productPicture[0].intro}})]):_vm._e()],1),_c('div',{staticClass:\"content\"},[_c('h1',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.productDetails.product_name))]),_c('p',{staticClass:\"intro\"},[_vm._v(_vm._s(_vm.productDetails.product_intro))]),_c('p',{staticClass:\"store\"},[_vm._v(\"小米自营\")]),_c('div',{staticClass:\"price\"},[_c('span',[_vm._v(_vm._s(_vm.productDetails.product_selling_price)+\"元\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.productDetails.product_price != _vm.productDetails.product_selling_price),expression:\"productDetails.product_price != productDetails.product_selling_price\"}],staticClass:\"del\"},[_vm._v(_vm._s(_vm.productDetails.product_price)+\"元\")])]),_c('div',{staticClass:\"pro-list\"},[_c('span',{staticClass:\"pro-name\"},[_vm._v(_vm._s(_vm.productDetails.product_name))]),_c('span',{staticClass:\"pro-price\"},[_c('span',[_vm._v(_vm._s(_vm.productDetails.product_selling_price)+\"元\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.productDetails.product_price != _vm.productDetails.product_selling_price),expression:\"productDetails.product_price != productDetails.product_selling_price\"}],staticClass:\"pro-del\"},[_vm._v(_vm._s(_vm.productDetails.product_price)+\"元\")])]),_c('p',{staticClass:\"price-sum\"},[_vm._v(\"总计 : \"+_vm._s(_vm.productDetails.product_selling_price)+\"元\")])]),_c('div',{staticClass:\"button\"},[_c('el-button',{staticClass:\"shop-cart\",attrs:{\"disabled\":_vm.dis},on:{\"click\":_vm.addShoppingCart}},[_vm._v(\"加入购物车\")]),_c('el-button',{staticClass:\"like\",on:{\"click\":_vm.addCollect}},[_vm._v(\"喜欢\")])],1),_vm._m(0)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pro-policy\"},[_c('ul',[_c('li',[_c('i',{staticClass:\"el-icon-circle-check\"}),_vm._v(\" 小米自营 \")]),_c('li',[_c('i',{staticClass:\"el-icon-circle-check\"}),_vm._v(\" 小米发货 \")]),_c('li',[_c('i',{staticClass:\"el-icon-circle-check\"}),_vm._v(\" 7天无理由退货 \")]),_c('li',[_c('i',{staticClass:\"el-icon-circle-check\"}),_vm._v(\" 7天价格保护 \")])])])\n}]\n\nexport { render, staticRenderFns }","<!--\r\n * @Description: 商品详情页面组件\r\n * @Author: hai-27\r\n * @Date: 2020-02-16 20:20:26\r\n * @LastEditors: hai-27\r\n * @LastEditTime: 2020-03-07 21:59:26\r\n -->\r\n<template>\r\n  <div id=\"details\">\r\n    <!-- 头部 -->\r\n    <div class=\"page-header\">\r\n      <div class=\"title\">\r\n        <p>{{productDetails.product_name}}</p>\r\n        <div class=\"list\">\r\n          <ul>\r\n            <li>\r\n              <router-link to>概述</router-link>\r\n            </li>\r\n            <li>\r\n              <router-link to>参数</router-link>\r\n            </li>\r\n            <li>\r\n              <router-link to>用户评价</router-link>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 头部END -->\r\n\r\n    <!-- 主要内容 -->\r\n    <div class=\"main\">\r\n      <!-- 左侧商品轮播图 -->\r\n      <div class=\"block\">\r\n        <el-carousel height=\"560px\" v-if=\"productPicture.length>1\">\r\n          <el-carousel-item v-for=\"item in productPicture\" :key=\"item.id\">\r\n            <img style=\"height:560px;\" :src=\"$target + item.product_picture\" :alt=\"item.intro\" />\r\n          </el-carousel-item>\r\n        </el-carousel>\r\n        <div v-if=\"productPicture.length==1\">\r\n          <img\r\n            style=\"height:560px;\"\r\n            :src=\"$target + productPicture[0].product_picture\"\r\n            :alt=\"productPicture[0].intro\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <!-- 左侧商品轮播图END -->\r\n\r\n      <!-- 右侧内容区 -->\r\n      <div class=\"content\">\r\n        <h1 class=\"name\">{{productDetails.product_name}}</h1>\r\n        <p class=\"intro\">{{productDetails.product_intro}}</p>\r\n        <p class=\"store\">小米自营</p>\r\n        <div class=\"price\">\r\n          <span>{{productDetails.product_selling_price}}元</span>\r\n          <span\r\n            v-show=\"productDetails.product_price != productDetails.product_selling_price\"\r\n            class=\"del\"\r\n          >{{productDetails.product_price}}元</span>\r\n        </div>\r\n        <div class=\"pro-list\">\r\n          <span class=\"pro-name\">{{productDetails.product_name}}</span>\r\n          <span class=\"pro-price\">\r\n            <span>{{productDetails.product_selling_price}}元</span>\r\n            <span\r\n              v-show=\"productDetails.product_price != productDetails.product_selling_price\"\r\n              class=\"pro-del\"\r\n            >{{productDetails.product_price}}元</span>\r\n          </span>\r\n          <p class=\"price-sum\">总计 : {{productDetails.product_selling_price}}元</p>\r\n        </div>\r\n        <!-- 内容区底部按钮 -->\r\n        <div class=\"button\">\r\n          <el-button class=\"shop-cart\" :disabled=\"dis\" @click=\"addShoppingCart\">加入购物车</el-button>\r\n          <el-button class=\"like\" @click=\"addCollect\">喜欢</el-button>\r\n        </div>\r\n        <!-- 内容区底部按钮END -->\r\n        <div class=\"pro-policy\">\r\n          <ul>\r\n            <li>\r\n              <i class=\"el-icon-circle-check\"></i> 小米自营\r\n            </li>\r\n            <li>\r\n              <i class=\"el-icon-circle-check\"></i> 小米发货\r\n            </li>\r\n            <li>\r\n              <i class=\"el-icon-circle-check\"></i> 7天无理由退货\r\n            </li>\r\n            <li>\r\n              <i class=\"el-icon-circle-check\"></i> 7天价格保护\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <!-- 右侧内容区END -->\r\n    </div>\r\n    <!-- 主要内容END -->\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapActions } from \"vuex\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      dis: false, // 控制“加入购物车按钮是否可用”\r\n      productID: \"\", // 商品id\r\n      productDetails: \"\", // 商品详细信息\r\n      productPicture: \"\" // 商品图片\r\n    };\r\n  },\r\n  // 通过路由获取商品id\r\n  activated() {\r\n    if (this.$route.query.productID != undefined) {\r\n      this.productID = this.$route.query.productID;\r\n    }\r\n  },\r\n  watch: {\r\n    // 监听商品id的变化，请求后端获取商品数据\r\n    productID: function(val) {\r\n      this.getDetails(val);\r\n      this.getDetailsPicture(val);\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions([\"unshiftShoppingCart\", \"addShoppingCartNum\"]),\r\n    // 获取商品详细信息\r\n    getDetails(val) {\r\n      this.$axios\r\n        .post(\"/api/product/getDetails\", {\r\n          productID: val\r\n        })\r\n        .then(res => {\r\n          this.productDetails = res.data.Product[0];\r\n        })\r\n        .catch(err => {\r\n          return Promise.reject(err);\r\n        });\r\n    },\r\n    // 获取商品图片\r\n    getDetailsPicture(val) {\r\n      this.$axios\r\n        .post(\"/api/product/getDetailsPicture\", {\r\n          productID: val\r\n        })\r\n        .then(res => {\r\n          this.productPicture = res.data.ProductPicture;\r\n        })\r\n        .catch(err => {\r\n          return Promise.reject(err);\r\n        });\r\n    },\r\n    // 加入购物车\r\n    addShoppingCart() {\r\n      // 判断是否登录,没有登录则显示登录组件\r\n      if (!this.$store.getters.getUser) {\r\n        this.$store.dispatch(\"setShowLogin\", true);\r\n        return;\r\n      }\r\n      this.$axios\r\n        .post(\"/api/user/shoppingCart/addShoppingCart\", {\r\n          user_id: this.$store.getters.getUser.user_id,\r\n          product_id: this.productID\r\n        })\r\n        .then(res => {\r\n          switch (res.data.code) {\r\n            case \"001\":\r\n              // 新加入购物车成功\r\n              this.unshiftShoppingCart(res.data.shoppingCartData[0]);\r\n              this.notifySucceed(res.data.msg);\r\n              break;\r\n            case \"002\":\r\n              // 该商品已经在购物车，数量+1\r\n              this.addShoppingCartNum(this.productID);\r\n              this.notifySucceed(res.data.msg);\r\n              break;\r\n            case \"003\":\r\n              // 商品数量达到限购数量\r\n              this.dis = true;\r\n              this.notifyError(res.data.msg);\r\n              break;\r\n            default:\r\n              this.notifyError(res.data.msg);\r\n          }\r\n        })\r\n        .catch(err => {\r\n          return Promise.reject(err);\r\n        });\r\n    },\r\n    addCollect() {\r\n      // 判断是否登录,没有登录则显示登录组件\r\n      if (!this.$store.getters.getUser) {\r\n        this.$store.dispatch(\"setShowLogin\", true);\r\n        return;\r\n      }\r\n      this.$axios\r\n        .post(\"/api/user/collect/addCollect\", {\r\n          user_id: this.$store.getters.getUser.user_id,\r\n          product_id: this.productID\r\n        })\r\n        .then(res => {\r\n          if (res.data.code == \"001\") {\r\n            // 添加收藏成功\r\n            this.notifySucceed(res.data.msg);\r\n          } else {\r\n            // 添加收藏失败\r\n            this.notifyError(res.data.msg);\r\n          }\r\n        })\r\n        .catch(err => {\r\n          return Promise.reject(err);\r\n        });\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped>\r\n/* 头部CSS */\r\n#details .page-header {\r\n  height: 64px;\r\n  margin-top: -20px;\r\n  z-index: 4;\r\n  background: #fff;\r\n  border-bottom: 1px solid #e0e0e0;\r\n  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);\r\n  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);\r\n}\r\n#details .page-header .title {\r\n  width: 1225px;\r\n  height: 64px;\r\n  line-height: 64px;\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  color: #212121;\r\n  margin: 0 auto;\r\n}\r\n#details .page-header .title p {\r\n  float: left;\r\n}\r\n#details .page-header .title .list {\r\n  height: 64px;\r\n  float: right;\r\n}\r\n#details .page-header .title .list li {\r\n  float: left;\r\n  margin-left: 20px;\r\n}\r\n#details .page-header .title .list li a {\r\n  font-size: 14px;\r\n  color: #616161;\r\n}\r\n#details .page-header .title .list li a:hover {\r\n  font-size: 14px;\r\n  color: #ff6700;\r\n}\r\n/* 头部CSS END */\r\n\r\n/* 主要内容CSS */\r\n#details .main {\r\n  width: 1225px;\r\n  height: 560px;\r\n  padding-top: 30px;\r\n  margin: 0 auto;\r\n}\r\n#details .main .block {\r\n  float: left;\r\n  width: 560px;\r\n  height: 560px;\r\n}\r\n#details .el-carousel .el-carousel__indicator .el-carousel__button {\r\n  background-color: rgba(163, 163, 163, 0.8);\r\n}\r\n#details .main .content {\r\n  float: left;\r\n  margin-left: 25px;\r\n  width: 640px;\r\n}\r\n#details .main .content .name {\r\n  height: 30px;\r\n  line-height: 30px;\r\n  font-size: 24px;\r\n  font-weight: normal;\r\n  color: #212121;\r\n}\r\n#details .main .content .intro {\r\n  color: #b0b0b0;\r\n  padding-top: 10px;\r\n}\r\n#details .main .content .store {\r\n  color: #ff6700;\r\n  padding-top: 10px;\r\n}\r\n#details .main .content .price {\r\n  display: block;\r\n  font-size: 18px;\r\n  color: #ff6700;\r\n  border-bottom: 1px solid #e0e0e0;\r\n  padding: 25px 0 25px;\r\n}\r\n#details .main .content .price .del {\r\n  font-size: 14px;\r\n  margin-left: 10px;\r\n  color: #b0b0b0;\r\n  text-decoration: line-through;\r\n}\r\n#details .main .content .pro-list {\r\n  background: #f9f9fa;\r\n  padding: 30px 60px;\r\n  margin: 50px 0 50px;\r\n}\r\n#details .main .content .pro-list span {\r\n  line-height: 30px;\r\n  color: #616161;\r\n}\r\n#details .main .content .pro-list .pro-price {\r\n  float: right;\r\n}\r\n#details .main .content .pro-list .pro-price .pro-del {\r\n  margin-left: 10px;\r\n  text-decoration: line-through;\r\n}\r\n#details .main .content .pro-list .price-sum {\r\n  color: #ff6700;\r\n  font-size: 24px;\r\n  padding-top: 20px;\r\n}\r\n#details .main .content .button {\r\n  height: 55px;\r\n  margin: 10px 0 20px 0;\r\n}\r\n#details .main .content .button .el-button {\r\n  float: left;\r\n  height: 55px;\r\n  font-size: 16px;\r\n  color: #fff;\r\n  border: none;\r\n  text-align: center;\r\n}\r\n#details .main .content .button .shop-cart {\r\n  width: 340px;\r\n  background-color: #ff6700;\r\n}\r\n#details .main .content .button .shop-cart:hover {\r\n  background-color: #f25807;\r\n}\r\n\r\n#details .main .content .button .like {\r\n  width: 260px;\r\n  margin-left: 40px;\r\n  background-color: #b0b0b0;\r\n}\r\n#details .main .content .button .like:hover {\r\n  background-color: #757575;\r\n}\r\n#details .main .content .pro-policy li {\r\n  float: left;\r\n  margin-right: 20px;\r\n  color: #b0b0b0;\r\n}\r\n/* 主要内容CSS END */\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!./Details.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!./Details.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Details.vue?vue&type=template&id=dad24d5c&scoped=true\"\nimport script from \"./Details.vue?vue&type=script&lang=js\"\nexport * from \"./Details.vue?vue&type=script&lang=js\"\nimport style0 from \"./Details.vue?vue&type=style&index=0&id=dad24d5c&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  \"dad24d5c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Details.vue?vue&type=style&index=0&id=dad24d5c&prod&scoped=true&lang=css\""],"sourceRoot":""}