card.js 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. exports.ids = [5];
  2. exports.modules = {
  3. /***/ 140:
  4. /***/ (function(module, exports) {
  5. // Exports
  6. module.exports = {
  7. };
  8. /***/ }),
  9. /***/ 147:
  10. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  11. "use strict";
  12. __webpack_require__.r(__webpack_exports__);
  13. /* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_0c1bd2af_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(140);
  14. /* harmony import */ var _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_0c1bd2af_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_0c1bd2af_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
  15. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_0c1bd2af_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_0_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_sass_loader_dist_cjs_js_ref_7_oneOf_1_2_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Card_vue_vue_type_style_index_0_id_0c1bd2af_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  16. /***/ }),
  17. /***/ 153:
  18. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  19. "use strict";
  20. // ESM COMPAT FLAG
  21. __webpack_require__.r(__webpack_exports__);
  22. // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/Card.vue?vue&type=template&id=0c1bd2af&scoped=true
  23. var render = function render() {
  24. var _vm = this,
  25. _c = _vm._self._c;
  26. return _c('nuxt-link', {
  27. staticClass: "card",
  28. attrs: {
  29. "to": {
  30. name: 'product-code',
  31. params: {
  32. code: _vm.cardData.product_code
  33. }
  34. }
  35. }
  36. }, [_c('figure', [_c('div', {
  37. staticClass: "card-img"
  38. }, [_c('el-image', {
  39. staticClass: "card-img-1",
  40. staticStyle: {
  41. "width": "100%",
  42. "height": "100%"
  43. },
  44. attrs: {
  45. "src": _vm.comImg,
  46. "fit": "cover"
  47. }
  48. }), _vm._v(" "), _vm.comBestIcon ? _c('img', {
  49. staticClass: "best_icon",
  50. attrs: {
  51. "src": _vm.comBestIcon
  52. }
  53. }) : _vm._e(), _vm._v(" "), _c('div', {
  54. staticClass: "cycle_icon"
  55. }, _vm._l(_vm.cardData.cycle_icon, function (item, index) {
  56. return _c('img', {
  57. key: index,
  58. attrs: {
  59. "src": item.images
  60. }
  61. });
  62. }), 0)], 1), _vm._v(" "), _vm.showPricing ? _c('p', {
  63. staticClass: "show-pricing"
  64. }, [_vm._v("Pricing")]) : _vm._e(), _vm._v(" "), _c('figcaption', {
  65. staticClass: "card-info"
  66. }, [_c('h1', [_vm._v(_vm._s(_vm.cardData.product_name))]), _vm._v(" "), _c('p', {
  67. staticClass: "card-info-point"
  68. }, [_vm._v(_vm._s(_vm.cardData.product_code))]), _vm._v(" "), _c('div', {
  69. staticClass: "card-info-icon"
  70. }, _vm._l(_vm.cardData.icon, function (item, index) {
  71. return _c('img', {
  72. key: index,
  73. attrs: {
  74. "src": item.url
  75. }
  76. });
  77. }), 0)])])]);
  78. };
  79. var staticRenderFns = [];
  80. // CONCATENATED MODULE: ./components/Card.vue?vue&type=template&id=0c1bd2af&scoped=true
  81. // CONCATENATED MODULE: ./node_modules/babel-loader/lib??ref--2-0!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/Card.vue?vue&type=script&lang=js
  82. /* harmony default export */ var Cardvue_type_script_lang_js = ({
  83. props: {
  84. cardData: {},
  85. showPricing: {
  86. type: Boolean,
  87. default: false
  88. }
  89. },
  90. data() {
  91. return {};
  92. },
  93. computed: {
  94. comImg() {
  95. var _this$cardData$main;
  96. return this.$utils.generateResizedImageUrl((_this$cardData$main = this.cardData.main) === null || _this$cardData$main === void 0 ? void 0 : _this$cardData$main.image, 300);
  97. },
  98. comBestIcon() {
  99. var _this$cardData$collec;
  100. const bestSeller = (_this$cardData$collec = this.cardData.collection_detail) === null || _this$cardData$collec === void 0 ? void 0 : _this$cardData$collec.find(item => item.name === "Best Seller");
  101. return bestSeller ? bestSeller.img : '';
  102. }
  103. },
  104. methods: {
  105. addCompareList(id, e) {
  106. this.$axios.post("home/compare_add", {
  107. id,
  108. compare_keys: "keys"
  109. }).then(res => {
  110. if (res.code === 1) {
  111. this.$store.dispatch("getCompareList");
  112. this.$emit("addCompare", e.target);
  113. } else {
  114. this.$message({
  115. message: res.msg,
  116. type: "warning"
  117. });
  118. }
  119. }).catch(() => {});
  120. },
  121. goProduct(cardData) {
  122. this.$router.push({
  123. name: "product-code",
  124. params: {
  125. code: cardData.product_code
  126. }
  127. });
  128. // let routeData = this.$router.resolve({
  129. // name: "product-code",
  130. // params:{ code: cardData.product_code },
  131. // });
  132. // window.open(routeData.href, '_blank');
  133. }
  134. }
  135. });
  136. // CONCATENATED MODULE: ./components/Card.vue?vue&type=script&lang=js
  137. /* harmony default export */ var components_Cardvue_type_script_lang_js = (Cardvue_type_script_lang_js);
  138. // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
  139. var componentNormalizer = __webpack_require__(2);
  140. // CONCATENATED MODULE: ./components/Card.vue
  141. function injectStyles (context) {
  142. var style0 = __webpack_require__(147)
  143. if (style0.__inject__) style0.__inject__(context)
  144. }
  145. /* normalize component */
  146. var component = Object(componentNormalizer["a" /* default */])(
  147. components_Cardvue_type_script_lang_js,
  148. render,
  149. staticRenderFns,
  150. false,
  151. injectStyles,
  152. "0c1bd2af",
  153. "24e8a21e"
  154. )
  155. /* harmony default export */ var Card = __webpack_exports__["default"] = (component.exports);
  156. /***/ })
  157. };;
  158. //# sourceMappingURL=card.js.map