{"version":3,"sources":["webpack:///./src/views/frontend/product.vue?ee7e","webpack:///./src/views/frontend/product.vue?f5f4","webpack:///./src/assets/frontend/images/pingzhi@2x.jpg","webpack:///./src/views/frontend/product.vue?9258","webpack:///src/views/frontend/product.vue","webpack:///./src/views/frontend/product.vue?5a29","webpack:///./src/views/frontend/product.vue"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_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_product_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_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_product_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_product_vue_vue_type_style_index_0_id_2a9341c7_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_product_vue_vue_type_style_index_0_id_2a9341c7_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","module","exports","p","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","to","_v","_s","product","name","src","currImage","_l","img","class","active","on","click","$event","getPriceType","priceType","symbol","price","originalPrice","weight","item","key","value","_e","type","packageInfos","length","id","choicePackage","staticStyle","color","float","productInfos","specs","productId","display","vertical-align","margin","choiceSpecs","specsValue","min","max","change","handleChange","model","callback","$$v","num","expression","virtualStock","addToCart","$router","push","path","query","isActive","_m","domProps","innerHTML","desc","imageUrl","alt","title","visible","addToCartTipsVisible","width","custom-class","center","update:visible","slot","staticRenderFns","productvue_type_script_lang_js_","mixins","shopCart","data","loading","options","hotSales","created","init","mounted","watch","$route","methods","params","showPcLoading","getProduct","getHotSale","_this","axios","get","window","consts","apis","then","res","hidePcLoading","success","result","setWindowTitle","imageUrls","$alert","error","message","catch","_this2","$axios","post","products","hotSale","page","size","items","_this3","temp","commodityId","quantity","user","$store","state","_addToCart","setShopCartLocalStorage","e","$message","console","log","frontend_productvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"kHAAA,IAAAA,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAA6dE,EAAG,uCCAhe,IAAAE,EAAAH,EAAA,QAAAI,EAAAJ,EAAAE,EAAAC,GAAwjBC,EAAG,0BCA3jBC,EAAAC,QAAiBN,EAAAO,EAAuB,wECAxC,IAAAC,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAAA,EAAA,OAA2BE,YAAA,wBAAmC,CAAAF,EAAA,eAAoBG,MAAA,CAAOC,GAAA,MAAU,CAAAR,EAAAS,GAAA,QAAAT,EAAAS,GAAA,yBAAAL,EAAA,eAAmEG,MAAA,CAAOC,GAAA,cAAkB,CAAAR,EAAAS,GAAA,UAAAT,EAAAS,GAAA,wBAAAT,EAAAU,GAAAV,EAAAW,QAAAC,MAAA,cAAAR,EAAA,OAAmGE,YAAA,8BAAyC,CAAAF,EAAA,OAAYE,YAAA,eAA0B,CAAAF,EAAA,OAAYE,YAAA,WAAsB,CAAAF,EAAA,OAAYG,MAAA,CAAOM,IAAAb,EAAAc,eAAqBV,EAAA,OAAcE,YAAA,iBAA4BN,EAAAe,GAAAf,EAAAW,QAAA,mBAAAK,GAA8C,OAAAZ,EAAA,OAAiBa,MAAA,CAAOC,OAAAlB,EAAAc,YAAAE,GAA6BT,MAAA,CAAQM,IAAAG,GAAUG,GAAA,CAAKC,MAAA,SAAAC,GAAyBrB,EAAAc,UAAAE,QAAwB,KAAAZ,EAAA,OAAiBE,YAAA,aAAwB,CAAAF,EAAA,OAAYE,YAAA,SAAoB,CAAAF,EAAA,QAAAJ,EAAAS,GAAA,UAAAT,EAAAS,GAAA,qBAAAT,EAAAU,GAAAV,EAAAW,QAAAC,MAAA,oBAAAR,EAAA,OAAiHE,YAAA,YAAuB,CAAAF,EAAA,OAAYE,YAAA,iBAA4B,CAAAF,EAAA,OAAYE,YAAA,KAAgB,CAAAF,EAAA,QAAAJ,EAAAS,GAAA,SAAAL,EAAA,KAAAJ,EAAAS,GAAAT,EAAAU,GAAAV,EAAAsB,aAAAtB,EAAAW,QAAAY,WAAAC,QAAA,IAAAxB,EAAAU,GAAAV,EAAAW,QAAAc,UAAArB,EAAA,QAA+IE,YAAA,OAAkB,CAAAN,EAAAS,GAAA,MAAAT,EAAAU,GAAAV,EAAAsB,aAAAtB,EAAAW,QAAAY,WAAAC,QAAAxB,EAAAU,GAAAV,EAAAW,QAAAe,oBAAAtB,EAAA,OAAuHE,YAAA,KAAgB,CAAAN,EAAAS,GAAA,6BAAAT,EAAAU,GAAAV,EAAAW,QAAAC,MAAA,iCAAAZ,EAAAW,QAAAgB,QAAA3B,EAAAW,QAAAgB,OAAA,EAAAvB,EAAA,OAAyJE,YAAA,SAAoB,CAAAF,EAAA,OAAAA,EAAA,QAAAJ,EAAAS,GAAA,SAAAT,EAAAS,GAAAT,EAAAU,GAAAV,EAAAW,QAAAgB,QAAA,QAAA3B,EAAAe,GAAAf,EAAAW,QAAA,iBAAAiB,GAA6H,OAAAxB,EAAA,OAAAA,EAAA,QAAAJ,EAAAS,GAAAT,EAAAU,GAAAkB,EAAAC,QAAA7B,EAAAS,GAAAT,EAAAU,GAAAkB,EAAAE,aAAoF,GAAA9B,EAAA+B,OAAA,IAAA/B,EAAAW,QAAAqB,MAAAhC,EAAAW,QAAAsB,cAAAjC,EAAAW,QAAAsB,aAAAC,OAAA,EAAA9B,EAAA,OAAoHE,YAAA,eAA0B,CAAAF,EAAA,SAAAJ,EAAAS,GAAA,SAAAL,EAAA,OAAwCE,YAAA,0BAAqCN,EAAAe,GAAAf,EAAAW,QAAA,sBAAAiB,GAAkD,OAAAxB,EAAA,OAAiBa,MAAA,CAAOC,OAAAlB,EAAAW,QAAAwB,KAAAP,EAAAO,IAAkChB,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAArB,EAAAoC,cAAAR,MAAiC,CAAA5B,EAAAS,GAAA,6BAAAT,EAAAU,GAAAkB,EAAAhB,MAAA,8BAAAR,EAAA,QAAiGiC,YAAA,CAAaC,MAAA,UAAAC,MAAA,UAAmC,CAAAvC,EAAAS,GAAAT,EAAAU,GAAAV,EAAAsB,aAAAM,EAAAL,WAAAC,QAAA,IAAAxB,EAAAU,GAAAkB,EAAAH,cAAqF,KAAAzB,EAAA+B,KAAA,IAAA/B,EAAAW,QAAAqB,MAAAhC,EAAAW,QAAA6B,cAAAxC,EAAAW,QAAA6B,aAAAN,OAAA,EAAA9B,EAAA,OAAmHE,YAAA,eAA0B,CAAAF,EAAA,SAAAJ,EAAAS,GAAA,UAAAL,EAAA,OAAyCE,YAAA,0BAAqCN,EAAAe,GAAAf,EAAAW,QAAA,sBAAAiB,GAAkD,OAAAxB,EAAA,OAAiBa,MAAA,CAAOC,OAAAlB,EAAAW,QAAAwB,KAAAP,EAAAO,IAAkChB,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAArB,EAAAoC,cAAAR,MAAiC,CAAA5B,EAAAS,GAAA,6BAAAT,EAAAU,GAAAkB,EAAAhB,MAAA,8BAAAR,EAAA,QAAiGiC,YAAA,CAAaC,MAAA,UAAAC,MAAA,UAAmC,CAAAvC,EAAAS,GAAAT,EAAAU,GAAAV,EAAAsB,aAAAM,EAAAL,WAAAC,QAAA,IAAAxB,EAAAU,GAAAkB,EAAAH,cAAqF,KAAAzB,EAAA+B,KAAA,IAAA/B,EAAAW,QAAAqB,MAAAhC,EAAAW,QAAA8B,OAAAzC,EAAAW,QAAA8B,MAAAP,OAAA,EAAA9B,EAAA,OAAqGE,YAAA,eAA0B,CAAAF,EAAA,SAAAJ,EAAAS,GAAA,SAAAL,EAAA,OAAwCE,YAAA,0BAAqCN,EAAAe,GAAAf,EAAAW,QAAA,eAAAiB,GAA2C,OAAAxB,EAAA,OAAiBa,MAAA,CAAOC,OAAAlB,EAAAW,QAAAwB,KAAAP,EAAAc,WAAyCL,YAAA,CAAcM,QAAA,eAAAC,iBAAA,MAAAC,OAAA,aAAqE1B,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAArB,EAAA8C,YAAAlB,MAA+B,CAAA5B,EAAAS,GAAA,6BAAAT,EAAAU,GAAAkB,EAAAmB,YAAA,8BAA0F,KAAA/C,EAAA+B,KAAA/B,EAAAW,QAAA,SAAAP,EAAA,OAAiDE,YAAA,wBAAmC,CAAAF,EAAA,SAAAJ,EAAAS,GAAA,SAAAL,EAAA,OAAwCE,YAAA,WAAsB,CAAAF,EAAA,mBAAwBG,MAAA,CAAOyC,IAAA,EAAAC,IAAA,KAAqB9B,GAAA,CAAK+B,OAAAlD,EAAAmD,cAA0BC,MAAA,CAAQtB,MAAA9B,EAAA,IAAAqD,SAAA,SAAAC,GAAyCtD,EAAAuD,IAAAD,GAAYE,WAAA,SAAmBxD,EAAAS,GAAA,4BAAAT,EAAAU,GAAAV,EAAAW,QAAA8C,cAAA,8BAAAzD,EAAA+B,KAAA/B,EAAAW,QAAA,SAAAP,EAAA,OAA8IE,YAAA,wBAAmC,CAAAF,EAAA,SAAAA,EAAA,OAAwBE,YAAA,gBAA2B,CAAAF,EAAA,UAAeE,YAAA,SAAAa,GAAA,CAAyBC,MAAApB,EAAA0D,YAAuB,CAAA1D,EAAAS,GAAA,WAAAL,EAAA,UAAiCE,YAAA,MAAAa,GAAA,CAAsBC,MAAA,SAAAC,GAAyB,OAAArB,EAAA2D,QAAAC,KAAA,CAAyBC,KAAA,gBAAAC,MAAA,CAA8B3B,GAAAnC,EAAAW,QAAAwB,GAAAoB,IAAAvD,EAAAuD,UAAqC,CAAAvD,EAAAS,GAAA,oCAAAT,EAAA+B,KAAA/B,EAAAW,QAAAoD,SAA2H/D,EAAA+B,KAA3H3B,EAAA,OAAwFE,YAAA,wBAAmC,CAAAF,EAAA,SAAAJ,EAAAgE,GAAA,KAAmHhE,EAAA+B,SAAA/B,EAAAgE,GAAA,GAAA5D,EAAA,OAAkCE,YAAA,SAAA2D,SAAA,CAA+BC,UAAAlE,EAAAU,GAAAV,EAAAW,QAAAwD,SAAsCnE,EAAAgE,GAAA,GAAA5D,EAAA,OAAsBE,YAAA,sBAAiCN,EAAAe,GAAAf,EAAA,kBAAA4B,GAAsC,OAAAxB,EAAA,OAAiBE,YAAA,QAAmB,CAAAF,EAAA,eAAoBG,MAAA,CAAOC,GAAA,CAAMqD,KAAA,gBAAAjC,EAAAO,MAA+B,CAAA/B,EAAA,OAAYG,MAAA,CAAOM,IAAAe,EAAAwC,SAAAC,IAAA,MAA8BjE,EAAA,OAAYE,YAAA,SAAoB,CAAAN,EAAAS,GAAAT,EAAAU,GAAAkB,EAAAhB,SAAAR,EAAA,OAAwCE,YAAA,SAAoB,CAAAN,EAAAS,GAAAT,EAAAU,GAAAV,EAAAsB,aAAAM,EAAAL,WAAAC,QAAAxB,EAAAU,GAAAkB,EAAAH,aAAA,KAAqF,GAAAzB,EAAAgE,GAAA,GAAA5D,EAAA,aAA+BG,MAAA,CAAO+D,MAAA,GAAAC,QAAAvE,EAAAwE,qBAAAC,MAAA,MAAAC,eAAA,kBAAAC,OAAA,IAAyGxD,GAAA,CAAKyD,iBAAA,SAAAvD,GAAkCrB,EAAAwE,qBAAAnD,KAAkC,CAAAjB,EAAA,OAAYE,YAAA,cAAyB,CAAAF,EAAA,KAAUE,YAAA,kBAA4BF,EAAA,QAAAJ,EAAAS,GAAA,kBAAAL,EAAA,QAAiDE,YAAA,gBAAAC,MAAA,CAAmCsE,KAAA,UAAgBA,KAAA,UAAe,CAAAzE,EAAA,UAAeE,YAAA,OAAAa,GAAA,CAAuBC,MAAA,SAAAC,GAAyBrB,EAAAwE,sBAAA,KAAmC,CAAAxE,EAAAS,GAAA,UAAAL,EAAA,UAAgCE,YAAA,QAAAa,GAAA,CAAwBC,MAAA,SAAAC,GAAyB,OAAArB,EAAA2D,QAAAC,KAAA,CAAyBC,KAAA,qBAAyB,CAAA7D,EAAAS,GAAA,oBACrhLqE,EAAA,YAAoC,IAAA9E,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,gBAA2B,CAAAF,EAAA,UAAeE,YAAA,UAAqB,CAAAN,EAAAS,GAAA,cAAsB,WAAc,IAAAT,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,gBAA2B,CAAAF,EAAA,UAAeE,YAAA,iBAA4B,CAAAN,EAAAS,GAAA,UAAAL,EAAA,QAAAJ,EAAAS,GAAA,wBAA4D,WAAc,IAAAT,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,OAAkB,CAAAF,EAAA,QAAAJ,EAAAS,GAAA,aAAgC,WAAc,IAAAT,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,OAAkB,CAAAF,EAAA,QAAAJ,EAAAS,GAAA,aAAgC,WAAc,IAAAT,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,aAAwB,CAAAF,EAAA,OAAYG,MAAA,CAAOM,IAAMtB,EAAQ,QAA6C8E,IAAA,kCCgjB74BU,EAAA,CACAnE,KAAA,UACAoE,OAAA,CAAAC,EAAA,MACAC,KAHA,WAIA,OACA3B,IAAA,EACA4B,SAAA,EACAX,sBAAA,EACA1D,UAAA,GACAH,QAAA,CACAwB,GAAA,EACAiD,QAAA,IAEAC,SAAA,KAGAC,QAhBA,WAiBArF,KAAAsF,QAEAC,QAnBA,aAsBAC,MAAA,CACAC,OADA,WAEAzF,KAAAsF,SAGAI,QAAA,CACAJ,KADA,WAEAtF,KAAAU,QAAAwB,GAAAlC,KAAAyF,OAAAE,OAAAzD,GACAlC,KAAA4F,gBACA5F,KAAA6F,aACA7F,KAAA8F,cAEAD,WAPA,WAOA,IAAAE,EAAA/F,KACAA,KAAAgG,MAAAC,IAAAC,OAAAC,OAAAC,KAAA1F,QAAA,OAAAV,KAAAU,QAAAwB,IAAAmE,KAAA,SAAAC,GAEA,GADAP,EAAAQ,gBACAD,EAAAE,QAAA,CACAT,EAAArF,QAAA4F,EAAAG,OACAV,EAAAW,eAAAX,EAAArF,QAAAC,MACAoF,EAAAlF,UAAAkF,EAAArF,QAAAiG,UAAA,GAEA,IAAAxB,EAAA,GACA,QAAAvD,KAAAmE,EAAArF,QAAAyE,QACAA,EAAAxB,KAAA,CAAA/B,MAAAC,MAAAkE,EAAArF,QAAAyE,QAAAvD,KAEAmE,EAAArF,QAAAyE,eAGAY,EAAAa,OAAAN,EAAAO,MAAAC,QAAA,MAEAC,MAAA,SAAAT,GACAP,EAAAQ,mBAGAT,WA5BA,WA4BA,IAAAkB,EAAAhH,KACAA,KAAAiH,OAAAC,KAAAhB,OAAAC,OAAAC,KAAAe,SAAA,CACAC,SAAA,EACAC,KAAA,EACAC,KAAA,IACAjB,KAAA,SAAAC,GACAA,EAAAE,UACAQ,EAAA5B,SAAAkB,EAAAG,OAAAc,UAIApF,cAvCA,SAuCAR,GACAA,EAAAO,KAAAlC,KAAAU,QAAAwB,IACAlC,KAAA0D,QAAAC,KAAA,CAAAC,KAAA,gBAAAjC,EAAAO,MAGAW,YA5CA,SA4CAlB,GACAA,EAAAc,YAAAzC,KAAAU,QAAAwB,IACAlC,KAAA0D,QAAAC,KAAA,CAAAC,KAAA,gBAAAjC,EAAAc,aAGAgB,UAjDA,WAiDA,IAAA+D,EAAAxH,KACA,GAAAA,KAAAU,QAAAC,KAAA,CAMA,IAAAuB,EAAAlC,KAAAU,QAAAwB,GACAoB,EAAAtD,KAAAsD,IACAmE,EAAA,CACAC,YAAAxF,EACAyF,SAAArE,GAEAsE,EAAA5H,KAAA6H,OAAAC,MAAAF,KACAA,KAAA1F,IAAA0F,EAAA1F,GAAA,EACAlC,KAAA+H,WAAA,CAAAL,YAAAxF,EAAAyF,SAAArE,IAAA+C,KAAA,SAAAC,GACAA,EAAAE,QACAgB,EAAAQ,wBAAAP,KACAD,EAAAjD,sBAAA,GAGAiD,EAAAZ,OAAAN,EAAAO,MAAAC,QAAA,MAEAC,MAAA,SAAAkB,GACAT,EAAAU,SAAArB,MAAA,gBAGA7G,KAAAgI,wBAAAP,KACAzH,KAAAuE,sBAAA,KAyBArB,aAtGA,SAsGArB,GACAsG,QAAAC,IAAAvG,MCnrBgWwG,EAAA,oCCShWC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAvI,EACA+E,GACF,EACA,KACA,WACA,MAIe4D,EAAA,WAAAH","file":"js/chunk-05eab363.12cdb2e7.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./product.vue?vue&type=style&index=1&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./product.vue?vue&type=style&index=1&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product.vue?vue&type=style&index=0&id=2a9341c7&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./product.vue?vue&type=style&index=0&id=2a9341c7&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/pingzhi@2x.420d3f96.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"container breadcrumb\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"首页\")]),_vm._v(\"\\n        >\\n        \"),_c('router-link',{attrs:{\"to\":\"/products\"}},[_vm._v(\"产品中心\")]),_vm._v(\"\\n        >\\n        \"+_vm._s(_vm.product.name)+\"\\n    \")],1),_c('div',{staticClass:\"container rowflex prod-top\"},[_c('div',{staticClass:\"img-preview\"},[_c('div',{staticClass:\"preview\"},[_c('img',{attrs:{\"src\":_vm.currImage}})]),_c('div',{staticClass:\"imgs clearfix\"},_vm._l((_vm.product.imageUrls),function(img){return _c('img',{class:{active:_vm.currImage === img},attrs:{\"src\":img},on:{\"click\":function($event){_vm.currImage = img}}})}),0)]),_c('div',{staticClass:\"prod-base\"},[_c('div',{staticClass:\"title\"},[_c('span',[_vm._v(\"海淘好货\")]),_vm._v(\"\\n                \"+_vm._s(_vm.product.name)+\"\\n            \")]),_c('div',{staticClass:\"baseinfo\"},[_c('div',{staticClass:\"price rowflex\"},[_c('div',{staticClass:\"l\"},[_c('span',[_vm._v(\"价　格\")]),_c('i',[_vm._v(_vm._s(_vm.getPriceType(_vm.product.priceType).symbol)+\" \"+_vm._s(_vm.product.price))]),_c('span',{staticClass:\"del\"},[_vm._v(\"原价：\"+_vm._s(_vm.getPriceType(_vm.product.priceType).symbol)+_vm._s(_vm.product.originalPrice))])]),_c('div',{staticClass:\"r\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.product.name)+\" x1\\n                    \")])]),(_vm.product.weight && _vm.product.weight > 0)?_c('div',{staticClass:\"other\"},[_c('div',[_c('span',[_vm._v(\"重　量\")]),_vm._v(_vm._s(_vm.product.weight)+\"kg\")]),_vm._l((_vm.product.options),function(item){return _c('div',[_c('span',[_vm._v(_vm._s(item.key))]),_vm._v(_vm._s(item.value))])})],2):_vm._e()]),(_vm.product.type ===1 && _vm.product.packageInfos && _vm.product.packageInfos.length>0)?_c('div',{staticClass:\"row rowflex\"},[_c('label',[_vm._v(\"套　餐\")]),_c('div',{staticClass:\"content parkpage-items\"},_vm._l((_vm.product.packageInfos),function(item){return _c('div',{class:{active:_vm.product.id === item.id},on:{\"click\":function($event){return _vm.choicePackage(item)}}},[_vm._v(\"\\n                        \"+_vm._s(item.name)+\"\\n                        \"),_c('span',{staticStyle:{\"color\":\"#dc1d20\",\"float\":\"right\"}},[_vm._v(_vm._s(_vm.getPriceType(item.priceType).symbol)+\" \"+_vm._s(item.price))])])}),0)]):_vm._e(),(_vm.product.type ===2 && _vm.product.productInfos && _vm.product.productInfos.length>0)?_c('div',{staticClass:\"row rowflex\"},[_c('label',[_vm._v(\"产  品\")]),_c('div',{staticClass:\"content parkpage-items\"},_vm._l((_vm.product.productInfos),function(item){return _c('div',{class:{active:_vm.product.id === item.id},on:{\"click\":function($event){return _vm.choicePackage(item)}}},[_vm._v(\"\\n                        \"+_vm._s(item.name)+\"\\n                        \"),_c('span',{staticStyle:{\"color\":\"#dc1d20\",\"float\":\"right\"}},[_vm._v(_vm._s(_vm.getPriceType(item.priceType).symbol)+\" \"+_vm._s(item.price))])])}),0)]):_vm._e(),(_vm.product.type ===1 && _vm.product.specs && _vm.product.specs.length>0)?_c('div',{staticClass:\"row rowflex\"},[_c('label',[_vm._v(\"规　格\")]),_c('div',{staticClass:\"content parkpage-items\"},_vm._l((_vm.product.specs),function(item){return _c('div',{class:{active:_vm.product.id === item.productId},staticStyle:{\"display\":\"inline-block\",\"vertical-align\":\"top\",\"margin\":\"0 8px 0 0\"},on:{\"click\":function($event){return _vm.choiceSpecs(item)}}},[_vm._v(\"\\n                        \"+_vm._s(item.specsValue)+\"\\n                    \")])}),0)]):_vm._e(),(_vm.product.isActive)?_c('div',{staticClass:\"row parkpage rowflex\"},[_c('label',[_vm._v(\"数　量\")]),_c('div',{staticClass:\"content\"},[_c('el-input-number',{attrs:{\"min\":1,\"max\":100000},on:{\"change\":_vm.handleChange},model:{value:(_vm.num),callback:function ($$v) {_vm.num=$$v},expression:\"num\"}}),_vm._v(\"\\n                    (库存\"+_vm._s(_vm.product.virtualStock)+\"件)\\n                \")],1)]):_vm._e(),(_vm.product.isActive)?_c('div',{staticClass:\"row parkpage rowflex\"},[_c('label'),_c('div',{staticClass:\"content btns\"},[_c('button',{staticClass:\"addCar\",on:{\"click\":_vm.addToCart}},[_vm._v(\"加入购物车\")]),_c('button',{staticClass:\"buy\",on:{\"click\":function($event){return _vm.$router.push({ path:'/shoppingcart', query:{id: _vm.product.id, num:_vm.num}})}}},[_vm._v(\"立即购买\\n                    \")])])]):_vm._e(),(!_vm.product.isActive)?_c('div',{staticClass:\"row parkpage rowflex\"},[_c('label'),_vm._m(0)]):_vm._e(),(false)?_c('div',{staticClass:\"row rowflex beforeSale\"},[_c('label'),_vm._m(1)]):_vm._e()])]),_vm._m(2),_c('div',{staticClass:\"detail\",domProps:{\"innerHTML\":_vm._s(_vm.product.desc)}}),_vm._m(3),_c('div',{staticClass:\"hot-items clearfix\"},_vm._l((_vm.hotSales),function(item){return _c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":{path:'/transaction/'+item.id}}},[_c('img',{attrs:{\"src\":item.imageUrl,\"alt\":\"\"}}),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.name))]),_c('div',{staticClass:\"price\"},[_vm._v(_vm._s(_vm.getPriceType(item.priceType).symbol)+_vm._s(item.price))])])],1)}),0),_vm._m(4),_c('el-dialog',{attrs:{\"title\":\"\",\"visible\":_vm.addToCartTipsVisible,\"width\":\"30%\",\"custom-class\":\"shopcard_dialog\",\"center\":\"\"},on:{\"update:visible\":function($event){_vm.addToCartTipsVisible=$event}}},[_c('div',{staticClass:\"addCarTips\"},[_c('i',{staticClass:\"el-icon-check\"}),_c('span',[_vm._v(\"商品已成功加入购物车\")])]),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('button',{staticClass:\"jxgw\",on:{\"click\":function($event){_vm.addToCartTipsVisible = false}}},[_vm._v(\"继续购物\")]),_c('button',{staticClass:\"ckgwc\",on:{\"click\":function($event){return _vm.$router.push({path:'/shoppingcart'})}}},[_vm._v(\"查看购物车\")])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content btns\"},[_c('button',{staticClass:\"noSale\"},[_vm._v(\"商品已下架\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content btns\"},[_c('button',{staticClass:\"beforeSaleBtn\"},[_vm._v(\"即将开始\")]),_c('span',[_vm._v(\"距离开售还剩3小时20分23秒\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"hot\"},[_c('span',[_vm._v(\"详细介绍\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"hot\"},[_c('span',[_vm._v(\"热卖推荐\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"watchword\"},[_c('img',{attrs:{\"src\":require(\"../../assets/frontend/images/pingzhi@2x.jpg\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<style lang=\"scss\" scoped>\r\n    .breadcrumb {\r\n        font-size: 16px;\r\n        padding: 30px 0;\r\n    }\r\n\r\n    .prod-top {\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .img-preview {\r\n        width: 450px;\r\n        height: 600px;\r\n\r\n        .preview {\r\n            width: 450px;\r\n            height: 450px;\r\n            border: 1px solid #ddd;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        .imgs {\r\n            height: 90px;\r\n            margin-top: 20px;\r\n\r\n            img {\r\n                width: 75px;\r\n                height: 75px;\r\n                margin: 0;\r\n                border: 1px solid #ddd;\r\n                cursor: pointer;\r\n\r\n                &:not(:first-child) {\r\n                    margin-left: 16px;\r\n                }\r\n\r\n                &.active {\r\n                    width: 73px;\r\n                    height: 73px;\r\n                    border: 2px solid #90ca6f;\r\n                }\r\n            }\r\n\r\n        }\r\n    }\r\n\r\n    .prod-base {\r\n        width: 700px;\r\n\r\n        .title {\r\n            font-size: 22px;\r\n            font-weight: 500;\r\n\r\n            span {\r\n                font-size: 14px;\r\n                font-weight: normal;\r\n                background: #90ca6f;\r\n                color: white;\r\n                padding: 1px 5px;\r\n                margin-right: 15px;\r\n                border-radius: 2px;\r\n            }\r\n        }\r\n\r\n        .baseinfo {\r\n            margin-top: 20px;\r\n            background: #f8f8f8;\r\n            padding: 10px 15px;\r\n            line-height: 36px;\r\n\r\n            span {\r\n                color: #888;\r\n                margin-right: 20px;\r\n            }\r\n\r\n            .price {\r\n                .l {\r\n                    width: 350px;\r\n                    vertical-align: middle;\r\n\r\n                    i {\r\n                        vertical-align: middle;\r\n                        font-style: normal;\r\n                        font-size: 26px;\r\n                        font-weight: 600;\r\n                        color: #dc1d20;\r\n                    }\r\n                    .del {\r\n                        text-decoration:line-through;\r\n                        display: inline-block;\r\n                        color: #999;\r\n                        font-size: 12px;\r\n                        margin: 0 0 0 10px;\r\n                        vertical-align: middle;\r\n                    }\r\n                }\r\n\r\n                .r {\r\n                    width: 350px;\r\n                    text-align: right;\r\n                    color: #888;\r\n                }\r\n            }\r\n        }\r\n\r\n        .row {\r\n            margin-top: 20px;\r\n\r\n            label {\r\n                width: 60px;\r\n                padding-left: 15px;\r\n                color: #888;\r\n                line-height: 32px;\r\n            }\r\n\r\n            .content {\r\n                flex: 1;\r\n\r\n                &.parkpage-items {\r\n                    div {\r\n                        font-size: 16px;\r\n                        border: 1px solid #ddd;\r\n                        cursor: pointer;\r\n                        padding: 15px 15px;\r\n\r\n                        &:not(:first-child) {\r\n                            margin-top: 15px;\r\n                        }\r\n\r\n                        &.active {\r\n                            border-color: #90ca6f;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .btns {\r\n                padding-top: 10px;\r\n\r\n                button {\r\n                    outline: none;\r\n                    border: none;\r\n                    width: 190px;\r\n                    height: 50px;\r\n                    text-align: center;\r\n                    line-height: 50px;\r\n                    font-size: 20px;\r\n                    color: white;\r\n                    cursor: pointer;\r\n\r\n                    &.addCar {\r\n                        background: #F9B451;\r\n\r\n                        &:hover {\r\n                            background: #F8A221;\r\n                        }\r\n                    }\r\n\r\n                    &.noSale {\r\n                        background: #ccc;\r\n                        cursor: default;\r\n                        &:hover {\r\n                            background: #ccc;\r\n                        }\r\n                    }\r\n\r\n                    &.buy {\r\n                        background: #E23844;\r\n                        margin-left: 40px;\r\n\r\n                        &:hover {\r\n                            background: #DB202E;\r\n                        }\r\n                    }\r\n\r\n                    &.beforeSaleBtn {\r\n                        background: #999;\r\n                        color: white;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .beforeSale {\r\n            background: #DBE2DB;\r\n            padding-bottom: 10px;\r\n\r\n            span {\r\n                margin-left: 30px;\r\n                font-size: 16px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .hot {\r\n        width: 1200px;\r\n        border-top: 2px solid #eee;\r\n        margin: 30px auto 0;\r\n        height: 40px;\r\n\r\n        span {\r\n            display: block;\r\n            width: 180px;\r\n            height: 30px;\r\n            background: white;\r\n            line-height: 30px;\r\n            font-size: 22px;\r\n            font-weight: 500;\r\n            text-align: center;\r\n            margin: -17px auto 0;\r\n\r\n        }\r\n    }\r\n\r\n    .hot-items {\r\n        width: 1224px;\r\n        margin: auto;\r\n\r\n        .item {\r\n            width: 280px;\r\n            margin: 25px 13px;\r\n            float: left;\r\n            height: 340px;\r\n            padding-top: 20px;\r\n            box-shadow: 0 0 15px #eee;\r\n            text-align: center;\r\n\r\n            &:hover {\r\n                box-shadow: 0 0 15px #C9E5B8;\r\n            }\r\n\r\n            .title {\r\n                width: 240px;\r\n                margin: 0 auto;\r\n                height: 36px;\r\n                line-height: 36px;\r\n                overflow: hidden;\r\n                padding-top: 10px;\r\n                font-size: 16px;\r\n                padding-bottom: 5px;\r\n            }\r\n\r\n            .price {\r\n                color: #F20347;\r\n                font-size: 20px;\r\n            }\r\n\r\n            img {\r\n                height: 240px;\r\n                width: 240px;\r\n                display: block;\r\n                margin: auto;\r\n            }\r\n        }\r\n    }\r\n\r\n    .detail {\r\n        width: 1200px;\r\n        margin: auto;\r\n        font-size: 16px;\r\n        line-height: 30px;\r\n        text-align: left;\r\n        padding-bottom: 30px;\r\n        \r\n        img {\r\n            border: 0;\r\n            max-width: 1200px;\r\n        }\r\n        ::v-deep p {\r\n            margin: 0;\r\n            padding: 0;\r\n            img {\r\n                display: inherit;\r\n            }\r\n        }\r\n    }\r\n\r\n    .detail-items {\r\n        width: 1200px;\r\n        margin: auto;\r\n\r\n        .item {\r\n            width: 160px;\r\n            margin: 0px 20px 20px;\r\n            float: left;\r\n            height: 240px;\r\n            text-align: center;\r\n\r\n            &:hover {\r\n                box-shadow: 0 0 15px #C9E5B8;\r\n            }\r\n\r\n            .title {\r\n                margin: 0 auto;\r\n                height: 36px;\r\n                line-height: 18px;\r\n                overflow: hidden;\r\n                padding-top: 10px;\r\n                font-size: 12px;\r\n                padding-bottom: 5px;\r\n            }\r\n\r\n            .price {\r\n                color: #F20347;\r\n                font-size: 16px;\r\n            }\r\n\r\n            img {\r\n                height: 160px;\r\n                width: 160px;\r\n                display: block;\r\n                margin: auto;\r\n            }\r\n        }\r\n    }\r\n\r\n    .addCarTips {\r\n        text-align: center;\r\n\r\n        i {\r\n            font-size: 30px;\r\n            padding: 5px;\r\n            border: 2px solid #90ca6f;\r\n            border-radius: 50px;\r\n            font-weight: 500;\r\n            color: #90ca6f;\r\n        }\r\n\r\n        span {\r\n            display: block;\r\n            text-align: center;\r\n            font-size: 20px;\r\n            padding-top: 22px;\r\n            color: #666;\r\n            font-weight: 500;\r\n        }\r\n    }\r\n\r\n    .dialog-footer {\r\n        padding-bottom: 35px;\r\n\r\n        .jxgw, .ckgwc {\r\n            border: none;\r\n            outline: none;\r\n            height: 44px;\r\n            line-height: 44px;\r\n            font-size: 18px;\r\n            cursor: pointer;\r\n            color: white;\r\n            width: 150px;\r\n            text-align: center;\r\n            background: #F9B451;\r\n        }\r\n\r\n        .ckgwc {\r\n            background: #e23844;\r\n            margin-left: 20px;\r\n        }\r\n\r\n    }\r\n\r\n    ::v-deep .el-dialog__footer {\r\n        padding: 10px 20px 35px;\r\n    }\r\n\r\n    ::v-deep .el-input-number__decrease:hover,\r\n    ::v-deep .el-input-number__increase:hover {\r\n        color: #90ca6f;\r\n    }\r\n\r\n    ::v-deep .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled),\r\n    ::v-deep .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {\r\n        border-color: #90ca6f;\r\n    }\r\n\r\n    ::v-deep .el-input__inner {\r\n        border-radius: 0;\r\n    }\r\n\r\n    :v-deep .el-input__inner:focus {\r\n        border-color: #90ca6f;\r\n        outline: 0\r\n    }\r\n\r\n    ::v-deep .el-input.is-active .el-input__inner,\r\n    ::v-deep .el-input__inner:focus {\r\n        border-color: #90ca6f;\r\n        outline: 0\r\n    }\r\n</style>\r\n<style>\r\n    .shopcard_dialog {\r\n        min-width: 400px;\r\n    }\r\n</style>\r\n<template>\r\n    <div>\r\n        <div class=\"container breadcrumb\">\r\n            <router-link to=\"/\">首页</router-link>\r\n            >\r\n            <router-link to=\"/products\">产品中心</router-link>\r\n            >\r\n            {{product.name}}\r\n        </div>\r\n        <div class=\"container rowflex prod-top\">\r\n            <div class=\"img-preview\">\r\n                <div class=\"preview\">\r\n                    <img :src=\"currImage\"/>\r\n                </div>\r\n                <div class=\"imgs clearfix\">\r\n                    <img :class=\"{active:currImage === img}\" @click=\"currImage = img\" v-for=\"img in product.imageUrls\"\r\n                         :src=\"img\"/>\r\n                </div>\r\n            </div>\r\n            <div class=\"prod-base\">\r\n                <div class=\"title\">\r\n                    <span>海淘好货</span>\r\n                    {{product.name}}\r\n                </div>\r\n                <div class=\"baseinfo\">\r\n                    <div class=\"price rowflex\">\r\n                        <div class=\"l\">\r\n                            <span>价　格</span><i>{{ getPriceType(product.priceType).symbol }} {{product.price}}</i>\r\n                            <span class=\"del\">原价：{{ getPriceType(product.priceType).symbol }}{{product.originalPrice}}</span>\r\n                        </div>\r\n                        <div class=\"r\">\r\n                            {{product.name}} x1\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"other\" v-if=\"product.weight && product.weight > 0\">\r\n                        <div><span>重　量</span>{{product.weight}}kg</div>\r\n                        <div v-for=\"item in product.options\"><span>{{item.key}}</span>{{item.value}}</div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row rowflex\" v-if=\"product.type ===1 && product.packageInfos && product.packageInfos.length>0\">\r\n                    <label>套　餐</label>\r\n                    <div class=\"content parkpage-items\">\r\n\r\n                        <div :class=\"{active:product.id === item.id}\" @click=\"choicePackage(item)\" v-for=\"item in product.packageInfos\">\r\n                            {{item.name}}\r\n                            <span style=\"color: #dc1d20; float: right;\">{{ getPriceType(item.priceType).symbol }} {{item.price}}</span>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n                <div class=\"row rowflex\" v-if=\"product.type ===2 && product.productInfos && product.productInfos.length>0\">\r\n                    <label>产  品</label>\r\n                    <div class=\"content parkpage-items\">\r\n\r\n                        <div :class=\"{active:product.id === item.id}\" @click=\"choicePackage(item)\" v-for=\"item in product.productInfos\">\r\n                            {{item.name}}\r\n                            <span style=\"color: #dc1d20; float: right;\">{{ getPriceType(item.priceType).symbol }} {{item.price}}</span>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n                <div class=\"row rowflex\" v-if=\"product.type ===1 && product.specs && product.specs.length>0\">\r\n                    <label>规　格</label>\r\n                    <div class=\"content parkpage-items\">\r\n\r\n                        <div :class=\"{active:product.id === item.productId}\" \r\n                            @click=\"choiceSpecs(item)\" \r\n                            v-for=\"item in product.specs\"\r\n                            style=\"display: inline-block; vertical-align: top; margin:0 8px 0 0;\"\r\n                        >\r\n                            {{item.specsValue}}\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n                <div class=\"row parkpage rowflex\" v-if=\"product.isActive\">\r\n                    <label>数　量</label>\r\n                    <div class=\"content\">\r\n                        <el-input-number v-model=\"num\" @change=\"handleChange\" :min=\"1\" :max=\"100000\"></el-input-number>\r\n                        (库存{{product.virtualStock}}件)\r\n                    </div>\r\n                </div>\r\n                <div class=\"row parkpage rowflex\" v-if=\"product.isActive\">\r\n                    <label></label>\r\n                    <div class=\"content btns\">\r\n                        <button class=\"addCar\" @click=\"addToCart\">加入购物车</button>\r\n                        <button class=\"buy\"\r\n                                @click=\"$router.push({ path:'/shoppingcart', query:{id: product.id, num:num}})\">立即购买\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row parkpage rowflex\" v-if=\"!product.isActive\">\r\n                    <label></label>\r\n                    <div class=\"content btns\">\r\n                        <button class=\"noSale\">商品已下架</button>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row rowflex beforeSale\" v-if=\"false\">\r\n                    <label></label>\r\n                    <div class=\"content btns\">\r\n                        <button class=\"beforeSaleBtn\">即将开始</button>\r\n                        <span>距离开售还剩3小时20分23秒</span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!--<div class=\"hot\">\r\n            <span>套餐内容</span>\r\n        </div>\r\n        <div class=\"detail-items clearfix\">\r\n            <div class=\"item\" v-for=\"i in 4\">\r\n                <router-link :to=\"{path:'/transaction/'+i}\">\r\n                    <img src=\"../../assets/frontend/images/img_2@2x.png\" alt=\"\"/>\r\n                    <div class=\"title\">产品名称产品名称产品名称产品名称产品名称产品名称</div>\r\n                    <div class=\"price\">$1235.22</div>\r\n                </router-link>\r\n            </div>\r\n        </div>-->\r\n\r\n        <div class=\"hot\">\r\n            <span>详细介绍</span>\r\n        </div>\r\n        <div class=\"detail\" v-html=\"product.desc\">\r\n        </div>\r\n\r\n        <div class=\"hot\">\r\n            <span>热卖推荐</span>\r\n        </div>\r\n        <div class=\"hot-items clearfix\">\r\n            <div class=\"item\" v-for=\"item in hotSales\">\r\n                <router-link :to=\"{path:'/transaction/'+item.id}\">\r\n                    <img :src=\"item.imageUrl\" alt=\"\"/>\r\n                    <div class=\"title\">{{item.name}}</div>\r\n                    <div class=\"price\">{{ getPriceType(item.priceType).symbol }}{{item.price}}</div>\r\n                </router-link>\r\n            </div>\r\n        </div>\r\n        <div class=\"watchword\">\r\n            <img src=\"../../assets/frontend/images/pingzhi@2x.jpg\" alt=\"\"/>\r\n        </div>\r\n\r\n        <el-dialog\r\n            title=\"\"\r\n            :visible.sync=\"addToCartTipsVisible\"\r\n            width=\"30%\" custom-class=\"shopcard_dialog\"\r\n            center>\r\n            <div class=\"addCarTips\">\r\n                <i class=\"el-icon-check\"></i>\r\n                <span>商品已成功加入购物车</span>\r\n            </div>\r\n            <span slot=\"footer\" class=\"dialog-footer\">\r\n                <button class=\"jxgw\" @click=\"addToCartTipsVisible = false\">继续购物</button>\r\n                <button class=\"ckgwc\" @click=\"$router.push({path:'/shoppingcart'})\">查看购物车</button>\r\n              </span>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    let loading\r\n    import shopCart from '@/js/mixins/shopCart.js'\r\n    export default {\r\n        name: 'product',\r\n        mixins: [shopCart],\r\n        data () {\r\n            return {\r\n                num: 1,\r\n                loading: true,\r\n                addToCartTipsVisible: false,\r\n                currImage: '',\r\n                product: {\r\n                    id: 0,\r\n                    options: []\r\n                },\r\n                hotSales: []\r\n            }\r\n        },\r\n        created () {\r\n            this.init()\r\n        },\r\n        mounted () {\r\n\r\n        },\r\n        watch: {\r\n            '$route' () {\r\n                this.init()\r\n            },\r\n        },\r\n        methods: {\r\n            init () {\r\n                this.product.id = this.$route.params.id\r\n                this.showPcLoading()\r\n                this.getProduct()\r\n                this.getHotSale()\r\n            },\r\n            getProduct () {\r\n                this.axios.get(window.consts.apis.product + '?id=' + this.product.id).then(res => {\r\n                    this.hidePcLoading()\r\n                    if (res.success) {\r\n                        this.product = res.result\r\n                        this.setWindowTitle(this.product.name)\r\n                        this.currImage = this.product.imageUrls[0]\r\n\r\n                        let options = []\r\n                        for (let key in this.product.options) {\r\n                            options.push({ key: key, value: this.product.options[key] })\r\n                        }\r\n                        this.product.options = options\r\n\r\n                    } else {\r\n                        this.$alert(res.error.message, '')\r\n                    }\r\n                }).catch(res => {\r\n                    this.hidePcLoading()\r\n                })\r\n            },\r\n            getHotSale () {\r\n                this.$axios.post(window.consts.apis.products, {\r\n                    'hotSale': true,\r\n                    'page': 1,\r\n                    'size': 8\r\n                }).then(res => {\r\n                    if (res.success) {\r\n                        this.hotSales = res.result.items\r\n                    }\r\n                })\r\n            },\r\n            choicePackage(item){\r\n                if(item.id !== this.product.id){\r\n                    this.$router.push({path:'/transaction/'+item.id});\r\n                }\r\n            },\r\n            choiceSpecs(item) {\r\n                if(item.productId !== this.product.id){\r\n                    this.$router.push({path:'/transaction/'+item.productId});\r\n                }\r\n            },\r\n            addToCart () {\r\n                if (!this.product.name) {\r\n                    return //产品未加载成功\r\n                }\r\n\r\n                //数据库购物车\r\n\r\n                let id = this.product.id\r\n                let num = this.num\r\n                let temp = { \r\n                    commodityId: id, \r\n                    quantity: num\r\n                }\r\n                let user = this.$store.state.user;\r\n                if (user && user.id && user.id > 0) {\r\n                    this._addToCart({ commodityId: id, quantity: num }).then(res=>{\r\n                        if(res.success){\r\n                            if (this.setShopCartLocalStorage(temp)) {\r\n                                this.addToCartTipsVisible = true\r\n                            }\r\n                        }else{\r\n                            this.$alert(res.error.message,'')\r\n                        }\r\n                    }).catch(e=>{\r\n                        this.$message.error(\"出错啦，请稍候再试!\")\r\n                    });\r\n                } else {\r\n                    if (this.setShopCartLocalStorage(temp)) {\r\n                        this.addToCartTipsVisible = true\r\n                    }\r\n                }\r\n                return ;\r\n                /*let items=[]; // 购物车的结构 [{id: id, num: num }]\r\n                let cartVal = localStorage.getItem(window.consts.strings.cart) //获取购物车的数据\r\n                if (cartVal) {\r\n                    items = JSON.parse(cartVal);\r\n                }\r\n                let item = items.filter(x => {\r\n                    return x.id === id\r\n                });\r\n                if(item.length>0)\r\n                {\r\n                    for(let i =0;i<items.length;i++){\r\n                        if(items[i].id === id){\r\n                            items[i].num++;\r\n                        }\r\n                    }\r\n                }else {\r\n                    items.push({ id: id, num: num })\r\n                }\r\n                localStorage.setItem(window.consts.strings.cart, JSON.stringify(items))\r\n                this.addToCartTipsVisible = true*/\r\n            },\r\n            handleChange (value) {\r\n                console.log(value)\r\n            }\r\n        }\r\n    }\r\n</script>\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!./product.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!./product.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./product.vue?vue&type=template&id=2a9341c7&scoped=true&\"\nimport script from \"./product.vue?vue&type=script&lang=js&\"\nexport * from \"./product.vue?vue&type=script&lang=js&\"\nimport style0 from \"./product.vue?vue&type=style&index=0&id=2a9341c7&lang=scss&scoped=true&\"\nimport style1 from \"./product.vue?vue&type=style&index=1&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  \"2a9341c7\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}