default-set.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337
  1. exports.ids = [12];
  2. exports.modules = {
  3. /***/ 140:
  4. /***/ (function(module, exports, __webpack_require__) {
  5. module.exports = __webpack_require__.p + "img/up_price.da045c5.png";
  6. /***/ }),
  7. /***/ 141:
  8. /***/ (function(module, exports, __webpack_require__) {
  9. module.exports = __webpack_require__.p + "img/down_price.e745c7f.png";
  10. /***/ }),
  11. /***/ 142:
  12. /***/ (function(module, exports, __webpack_require__) {
  13. module.exports = __webpack_require__.p + "img/normal_price.64de362.png";
  14. /***/ }),
  15. /***/ 153:
  16. /***/ (function(module, exports, __webpack_require__) {
  17. // style-loader: Adds some css to the DOM by adding a <style> tag
  18. // load the styles
  19. var content = __webpack_require__(168);
  20. if(content.__esModule) content = content.default;
  21. if(typeof content === 'string') content = [[module.i, content, '']];
  22. if(content.locals) module.exports = content.locals;
  23. // add CSS to SSR context
  24. var add = __webpack_require__(4).default
  25. module.exports.__inject__ = function (context) {
  26. add("8ea6a0d4", content, true, context)
  27. };
  28. /***/ }),
  29. /***/ 167:
  30. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  31. "use strict";
  32. __webpack_require__.r(__webpack_exports__);
  33. /* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_set_vue_vue_type_style_index_0_id_39610c73_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(153);
  34. /* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_set_vue_vue_type_style_index_0_id_39610c73_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_set_vue_vue_type_style_index_0_id_39610c73_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
  35. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_set_vue_vue_type_style_index_0_id_39610c73_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_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_7_oneOf_1_0_node_modules_css_loader_4_3_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_sass_loader_10_2_1_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_2_2_4_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_2_2_1_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_set_vue_vue_type_style_index_0_id_39610c73_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  36. /***/ }),
  37. /***/ 168:
  38. /***/ (function(module, exports, __webpack_require__) {
  39. // Imports
  40. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
  41. var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
  42. // Module
  43. ___CSS_LOADER_EXPORT___.push([module.i, ".col_red[data-v-39610c73]{color:#f11111}.col_green[data-v-39610c73]{color:#44be95}.col_white[data-v-39610c73]{color:#fff}.flex-col[data-v-39610c73]{flex-direction:column}.flex-j-c[data-v-39610c73]{justify-content:center}.flex-j-sb[data-v-39610c73]{justify-content:space-between}.flex-j-ar[data-v-39610c73]{justify-content:space-around}.flex-a-c[data-v-39610c73]{align-items:center}.flex-a-e[data-v-39610c73]{align-items:flex-end}.w[data-v-39610c73]{width:1200px}.m-auto[data-v-39610c73]{margin:0 auto}.height-one[data-v-39610c73]{height:100%}.flex[data-v-39610c73]{display:flex}.text-overflow[data-v-39610c73]{-webkit-line-clamp:4}.text-overflow[data-v-39610c73],.text-overflow-2[data-v-39610c73]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.text-overflow-2[data-v-39610c73]{-webkit-line-clamp:2}.text-overflow-3[data-v-39610c73]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.overflow-hide[data-v-39610c73],.text-overflow-3[data-v-39610c73]{overflow:hidden;text-overflow:ellipsis}.overflow-hide[data-v-39610c73]{white-space:nowrap}.hiddenScroll[data-v-39610c73]{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:scroll}.hiddenScroll[data-v-39610c73]::-webkit-scrollbar{display:none}.finger-point[data-v-39610c73]{cursor:pointer}.cursor-default[data-v-39610c73]{cursor:default}.el-icon-circle-close[data-v-39610c73]{color:#fff}.tag-box[data-v-39610c73]{display:flex;flex-wrap:wrap;align-items:center;margin:15px 0}.tag-title[data-v-39610c73]{font-size:16px}.tag-right[data-v-39610c73],.tag-title[data-v-39610c73]{flex:0 0 70px}.brand-name[data-v-39610c73],.tag-name[data-v-39610c73]{border:1px solid var(--color);border-radius:3px;padding:2px 5px;margin:5px;cursor:default}.tag-more[data-v-39610c73]{border:1px solid #ddd;border-radius:3px;text-align:center;padding:2px;margin-left:10px}.tag-more[data-v-39610c73]:hover{border:1px solid var(--color)}.tag-content[data-v-39610c73],.tag-scroll-content[data-v-39610c73]{flex:1;display:flex;flex-wrap:wrap}.tag-scroll-content[data-v-39610c73]{max-height:60px;overflow:hidden}.tag-scroll-content.showMore[data-v-39610c73]{overflow-y:scroll;max-height:120px}.tag-scroll-content[data-v-39610c73]::-webkit-scrollbar{width:0!important}.tag-scroll-content[data-v-39610c73]{overflow:-moz-scrollbars-none}.tagname-item[data-v-39610c73]{display:flex;flex-wrap:wrap}.tag-item[data-v-39610c73]{cursor:pointer;color:var(--color);margin:5px 10px}.tag-item.active[data-v-39610c73],.tag-item[data-v-39610c73]:hover{color:#fa0000}.common_left[data-v-39610c73]{margin-bottom:30px}.common_left .select_box[data-v-39610c73]{font-size:16px;margin-right:80px;cursor:pointer}.common_left .select_box .img[data-v-39610c73]{margin:5px 0 0 16px}.common_left .active[data-v-39610c73]{color:#fa0000}", ""]);
  44. // Exports
  45. module.exports = ___CSS_LOADER_EXPORT___;
  46. /***/ }),
  47. /***/ 172:
  48. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  49. "use strict";
  50. // ESM COMPAT FLAG
  51. __webpack_require__.r(__webpack_exports__);
  52. // CONCATENATED MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/default/set.vue?vue&type=template&id=39610c73&scoped=true&
  53. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._ssrNode(((_vm.brandId || _vm.filterId_name.length > 0)?("<div class=\"tag-box\" data-v-39610c73><div class=\"tag-title\" data-v-39610c73>已选择</div> "+((_vm.brandId)?("<div class=\"brand-name\" data-v-39610c73><div data-v-39610c73><span style=\"color: #b0b0b0;\" data-v-39610c73>品牌:</span>"+_vm._ssrEscape(_vm._s(_vm.brandId_name)+" ")+"<i class=\"iconfont icon-close11 finger-point\" style=\"font-size: 12px;padding-left: 5px;\" data-v-39610c73></i></div></div>"):"<!---->")+" "+((_vm.filterId_name.length > 0)?("<div class=\"tag-name\" data-v-39610c73><div data-v-39610c73><span style=\"color: #b0b0b0;\" data-v-39610c73>标签:</span>"+(_vm._ssrList((_vm.filterId_name),function(item,i){return ("<span data-v-39610c73>"+_vm._ssrEscape(_vm._s(item)+" ")+((i!=_vm.filterId_name.length-1)?("<em data-v-39610c73>,</em>"):"<!---->")+"</span>")}))+"<i class=\"iconfont icon-close11 finger-point\" style=\"font-size: 12px;padding-left: 5px;\" data-v-39610c73></i></div></div>"):"<!---->")+"</div>"):"<!---->")+" "+((_vm.brand.length > 0)?("<div class=\"tag-box\" data-v-39610c73><div class=\"tag-title\" data-v-39610c73>\n 品牌\n </div> <div id=\"brand-box\""+(_vm._ssrClass("tag-scroll-content",{'showMore':_vm.showMore}))+" data-v-39610c73>"+(_vm._ssrList((_vm.brand),function(brand_item,index){return ("<span"+(_vm._ssrClass("tag-item",{'active': _vm.brandId == brand_item.id}))+" data-v-39610c73>"+_vm._ssrEscape(_vm._s(brand_item.name))+"</span>")}))+"</div> "+((!_vm.showMore)?("<div class=\"tag-right\" data-v-39610c73><div class=\"tag-more finger-point\" data-v-39610c73><span data-v-39610c73>更多</span></div></div>"):"<!---->")+"</div>"):"<!---->")+" "),(_vm.tagname.length > 0)?_vm._ssrNode("<div class=\"tag-box\" data-v-39610c73>","</div>",[_vm._ssrNode("<div class=\"tag-title\" data-v-39610c73>\n 标签\n </div> "),_vm._ssrNode("<div class=\"tag-content\" data-v-39610c73>","</div>",_vm._l((_vm.tagname),function(tag,index){return _vm._ssrNode("<div style=\"margin: 5px\" data-v-39610c73>","</div>",[_c('el-popover',{attrs:{"width":"300","trigger":"hover"}},[_c('div',{staticClass:"tagname-item"},_vm._l((tag.value),function(item){return _c('span',{key:item.id,staticClass:"tag-item",class:{'active': _vm.filterId.includes(item.id)},on:{"click":function($event){return _vm.selectname(item)}}},[_vm._v(_vm._s(item.name))])}),0),_vm._v(" "),_c('el-button',{attrs:{"slot":"reference","size":"mini"},slot:"reference"},[_vm._v(_vm._s(tag.name))])],1)],1)}),0)],2):_vm._e(),_vm._ssrNode(" <div class=\"common_left flex flex-j-sb flex-a-c common_title\" data-v-39610c73><div class=\"flex\" data-v-39610c73><div"+(_vm._ssrClass("select_box flex flex-a-c",{ active: _vm.sort_name == 1, up: _vm.sort_status == 2, down: _vm.sort_status == 1 }))+" data-v-39610c73>\n 综合推荐\n "+((_vm.sort_name == 1)?("<div class=\"img\" data-v-39610c73>"+((_vm.sort_status == 2)?("<img"+(_vm._ssrAttr("src",__webpack_require__(140)))+" data-v-39610c73>"):"<!---->")+" "+((_vm.sort_status == 1)?("<img"+(_vm._ssrAttr("src",__webpack_require__(141)))+" data-v-39610c73>"):"<!---->")+"</div>"):("<div class=\"img\" data-v-39610c73><img"+(_vm._ssrAttr("src",__webpack_require__(142)))+" data-v-39610c73></div>"))+"</div> <div"+(_vm._ssrClass("select_box flex flex-a-c",{ active: _vm.sort_name == 2, up: _vm.sort_status == 2, down: _vm.sort_status == 1 }))+" data-v-39610c73>\n 销量\n "+((_vm.sort_name == 2)?("<div class=\"img\" data-v-39610c73>"+((_vm.sort_status == 2)?("<img"+(_vm._ssrAttr("src",__webpack_require__(140)))+" data-v-39610c73>"):"<!---->")+" "+((_vm.sort_status == 1)?("<img"+(_vm._ssrAttr("src",__webpack_require__(141)))+" data-v-39610c73>"):"<!---->")+"</div>"):("<div class=\"img\" data-v-39610c73><img"+(_vm._ssrAttr("src",__webpack_require__(142)))+" data-v-39610c73></div>"))+"</div> <div"+(_vm._ssrClass("select_box flex flex-a-c",{ active: _vm.sort_name == 3, up: _vm.sort_status == 2, down: _vm.sort_status == 1 }))+" data-v-39610c73>\n 价格\n "+((_vm.sort_name == 3)?("<div class=\"img\" data-v-39610c73>"+((_vm.sort_status == 2)?("<img"+(_vm._ssrAttr("src",__webpack_require__(140)))+" data-v-39610c73>"):"<!---->")+" "+((_vm.sort_status == 1)?("<img"+(_vm._ssrAttr("src",__webpack_require__(141)))+" data-v-39610c73>"):"<!---->")+"</div>"):("<div class=\"img\" data-v-39610c73><img"+(_vm._ssrAttr("src",__webpack_require__(142)))+" data-v-39610c73></div>"))+"</div></div> <div class=\"common_right\" data-v-39610c73><i class=\"el-icon-success\" style=\"color: #fa0000\" data-v-39610c73></i><span data-v-39610c73>根据大部分用户选择的商品,为您推荐!</span></div></div>")],2)}
  54. var staticRenderFns = []
  55. // CONCATENATED MODULE: ./components/default/set.vue?vue&type=template&id=39610c73&scoped=true&
  56. // EXTERNAL MODULE: external "vuex"
  57. var external_vuex_ = __webpack_require__(1);
  58. // CONCATENATED MODULE: ./node_modules/_babel-loader@8.2.3@babel-loader/lib??ref--2-0!./node_modules/_@nuxt_components@2.2.1@@nuxt/components/dist/loader.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./components/default/set.vue?vue&type=script&lang=js&
  59. //
  60. //
  61. //
  62. //
  63. //
  64. //
  65. //
  66. //
  67. //
  68. //
  69. //
  70. //
  71. //
  72. //
  73. //
  74. //
  75. //
  76. //
  77. //
  78. //
  79. //
  80. //
  81. //
  82. //
  83. //
  84. //
  85. //
  86. //
  87. //
  88. //
  89. //
  90. //
  91. //
  92. //
  93. //
  94. //
  95. //
  96. //
  97. //
  98. //
  99. //
  100. //
  101. //
  102. //
  103. //
  104. //
  105. //
  106. //
  107. //
  108. //
  109. //
  110. //
  111. //
  112. //
  113. //
  114. //
  115. //
  116. //
  117. //
  118. //
  119. //
  120. //
  121. //
  122. //
  123. //
  124. //
  125. //
  126. //
  127. //
  128. //
  129. //
  130. //
  131. //
  132. //
  133. //
  134. //
  135. //
  136. //
  137. //
  138. //
  139. //
  140. //
  141. //
  142. //
  143. //
  144. //
  145. /* harmony default export */ var setvue_type_script_lang_js_ = ({
  146. props: {},
  147. data() {
  148. return {
  149. sort_name: 1,
  150. sort_status: 1,
  151. brand: [],
  152. tagname: [],
  153. showMore: true,
  154. filterId: [],
  155. filterId_name: [],
  156. brandId: '',
  157. brandId_name: ''
  158. };
  159. },
  160. computed: { ...Object(external_vuex_["mapState"])(["basicSet"])
  161. },
  162. mounted() {
  163. this.$nextTick(() => {
  164. if (this.basicSet.set.pc_temp == 2) {
  165. this.getBrand();
  166. this.getTag();
  167. }
  168. });
  169. },
  170. methods: {
  171. getBrand() {
  172. this.fun.$post("goods.brand.get-brand").then(res => {
  173. this.brand = res.data.data || [];
  174. this.$nextTick(() => {
  175. if (document.querySelector('#brand-box') && document.querySelector('#brand-box').offsetHeight > 58) {
  176. this.showMore = false;
  177. }
  178. });
  179. });
  180. },
  181. getTag() {
  182. this.fun.$get("goods.filtering.index").then(res => {
  183. if (res.result == 1) {
  184. this.tagname = res.data || [];
  185. for (let i = 0; i < this.tagname.length; i++) {
  186. for (let y = 0; y < this.tagname[i].value.length; y++) {
  187. this.tagname[i].value[y].record = 1;
  188. }
  189. }
  190. }
  191. }).catch(error => {
  192. console.log(error);
  193. });
  194. },
  195. selecbrand(item) {
  196. if (this.brandId == item.id) {
  197. this.brandId = "";
  198. this.brandId_name = '';
  199. } else {
  200. this.brandId = item.id;
  201. this.brandId_name = item.name;
  202. }
  203. let obj = this.getAllStatus();
  204. this.$emit('changeStatus', obj);
  205. },
  206. selectname(item) {
  207. if (this.filterId.includes(item.id)) {
  208. this.filterId = this.filterId.filter(obj => {
  209. return obj != item.id;
  210. });
  211. this.filterId_name = this.filterId_name.filter(obj => {
  212. return obj != item.name;
  213. });
  214. } else {
  215. this.filterId.push(item.id);
  216. this.filterId_name.push(item.name);
  217. }
  218. let obj = this.getAllStatus();
  219. this.$emit('changeStatus', obj);
  220. },
  221. clearAll(flag) {
  222. if (flag === 'tag') {
  223. this.filterId = [];
  224. this.filterId_name = [];
  225. }
  226. if (flag === 'brand') {
  227. this.brandId = "";
  228. this.brandId_name = '';
  229. }
  230. let obj = this.getAllStatus();
  231. this.$emit('changeStatus', obj);
  232. },
  233. getAllStatus() {
  234. return {
  235. sort_name: this.sort_name,
  236. sort_status: this.sort_status,
  237. brandId: this.brandId,
  238. filterId: JSON.parse(JSON.stringify(this.filterId))
  239. };
  240. },
  241. changeStatus(n) {
  242. if (this.sort_name != n) {
  243. this.sort_status = 1;
  244. } else {
  245. if (this.sort_status == 2) {
  246. this.sort_status = 1;
  247. } else {
  248. this.sort_status = 2;
  249. }
  250. }
  251. this.sort_name = n;
  252. let obj = this.getAllStatus();
  253. this.$emit('changeStatus', obj);
  254. }
  255. }
  256. });
  257. // CONCATENATED MODULE: ./components/default/set.vue?vue&type=script&lang=js&
  258. /* harmony default export */ var default_setvue_type_script_lang_js_ = (setvue_type_script_lang_js_);
  259. // EXTERNAL MODULE: ./node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js
  260. var componentNormalizer = __webpack_require__(2);
  261. // CONCATENATED MODULE: ./components/default/set.vue
  262. function injectStyles (context) {
  263. var style0 = __webpack_require__(167)
  264. if (style0.__inject__) style0.__inject__(context)
  265. }
  266. /* normalize component */
  267. var component = Object(componentNormalizer["a" /* default */])(
  268. default_setvue_type_script_lang_js_,
  269. render,
  270. staticRenderFns,
  271. false,
  272. injectStyles,
  273. "39610c73",
  274. "29c776e5"
  275. )
  276. /* harmony default export */ var set = __webpack_exports__["default"] = (component.exports);
  277. /***/ })
  278. };;
  279. //# sourceMappingURL=default-set.js.map