shop_cart.js 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953
  1. exports.ids = [35,15];
  2. exports.modules = {
  3. /***/ 164:
  4. /***/ (function(module, exports, __webpack_require__) {
  5. // style-loader: Adds some css to the DOM by adding a <style> tag
  6. // load the styles
  7. var content = __webpack_require__(180);
  8. if(content.__esModule) content = content.default;
  9. if(typeof content === 'string') content = [[module.i, content, '']];
  10. if(content.locals) module.exports = content.locals;
  11. // add CSS to SSR context
  12. var add = __webpack_require__(4).default
  13. module.exports.__inject__ = function (context) {
  14. add("663bee12", content, true, context)
  15. };
  16. /***/ }),
  17. /***/ 179:
  18. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  19. "use strict";
  20. __webpack_require__.r(__webpack_exports__);
  21. /* harmony import */ var _node_modules_vue_style_loader_index_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_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_number_box_vue_vue_type_style_index_0_id_1d9d8f36_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(164);
  22. /* harmony import */ var _node_modules_vue_style_loader_index_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_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_number_box_vue_vue_type_style_index_0_id_1d9d8f36_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_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_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_number_box_vue_vue_type_style_index_0_id_1d9d8f36_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
  23. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_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_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_number_box_vue_vue_type_style_index_0_id_1d9d8f36_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_index_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_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_number_box_vue_vue_type_style_index_0_id_1d9d8f36_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  24. /***/ }),
  25. /***/ 180:
  26. /***/ (function(module, exports, __webpack_require__) {
  27. // Imports
  28. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
  29. var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
  30. // Module
  31. ___CSS_LOADER_EXPORT___.push([module.i, ".number-box[data-v-1d9d8f36]{display:inline-flex;align-items:center}.number-box .number-input[data-v-1d9d8f36]{position:relative;text-align:center;padding:0;margin:0 6px;align-items:center;justify-content:center}.number-box .minus[data-v-1d9d8f36],.number-box .plus[data-v-1d9d8f36]{width:32px;display:flex;justify-content:center;align-items:center;cursor:pointer}.number-box .plus[data-v-1d9d8f36]{border-radius:0 2px 2px 0}.number-box .minus[data-v-1d9d8f36]{border-radius:2px 0 0 2px}.number-box .disabled[data-v-1d9d8f36]{color:#c8c9cc!important;background:#f7f8fa!important}.number-box .input-disabled[data-v-1d9d8f36]{color:#c8c9cc!important;background-color:#f2f3f5!important}", ""]);
  32. // Exports
  33. module.exports = ___CSS_LOADER_EXPORT___;
  34. /***/ }),
  35. /***/ 192:
  36. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  37. "use strict";
  38. // ESM COMPAT FLAG
  39. __webpack_require__.r(__webpack_exports__);
  40. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./components/number-box.vue?vue&type=template&id=1d9d8f36&scoped=true&
  41. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"number-box"},[_vm._ssrNode("<div"+(_vm._ssrClass(null,{ minus: true, disabled: _vm.disabled || _vm.inputVal <= _vm.min }))+(_vm._ssrStyle(null,{
  42. background: _vm.bgColor,
  43. height: _vm.inputHeight + 'px',
  44. color: _vm.color,
  45. }, null))+" data-v-1d9d8f36><div"+(_vm._ssrStyle(null,{ fontSize: _vm.size + 'px' }, null))+" data-v-1d9d8f36>-</div></div> <input"+(_vm._ssrAttr("disabled",_vm.disabledInput || _vm.disabled))+" type=\"text\""+(_vm._ssrAttr("value",(_vm.inputVal)))+(_vm._ssrClass(null,{ 'number-input': true, 'input-disabled': _vm.disabled }))+(_vm._ssrStyle(null,{
  46. color: _vm.color,
  47. fontSize: _vm.size + 'px',
  48. background: _vm.bgColor,
  49. height: _vm.inputHeight + 'px',
  50. width: _vm.inputWidth + 'px',
  51. }, null))+" data-v-1d9d8f36> <div"+(_vm._ssrClass("plus",{ disabled: _vm.disabled || _vm.inputVal >= _vm.max }))+(_vm._ssrStyle(null,{
  52. background: _vm.bgColor,
  53. height: _vm.inputHeight + 'px',
  54. color: _vm.color,
  55. }, null))+" data-v-1d9d8f36><div"+(_vm._ssrStyle(null,{ fontSize: _vm.size + 'px' }, null))+" data-v-1d9d8f36>+</div></div>")])}
  56. var staticRenderFns = []
  57. // CONCATENATED MODULE: ./components/number-box.vue?vue&type=template&id=1d9d8f36&scoped=true&
  58. // 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/number-box.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. /* harmony default export */ var number_boxvue_type_script_lang_js_ = ({
  103. components: {},
  104. props: {
  105. // 预显示的数字
  106. value: {
  107. type: Number,
  108. default: 1
  109. },
  110. // 背景颜色
  111. bgColor: {
  112. type: String,
  113. default: ' #F2F3F5'
  114. },
  115. // 最小值
  116. min: {
  117. type: Number,
  118. default: 0
  119. },
  120. // 最大值
  121. max: {
  122. type: Number,
  123. default: 99999
  124. },
  125. // 步进值,每次加或减的值
  126. step: {
  127. type: Number,
  128. default: 1
  129. },
  130. // 是否禁用加减操作
  131. disabled: {
  132. type: Boolean,
  133. default: false
  134. },
  135. // input的字体大小,单位px
  136. size: {
  137. type: [Number, String],
  138. default: 14
  139. },
  140. // input宽度,单位px
  141. inputWidth: {
  142. type: [Number, String],
  143. default: 64
  144. },
  145. //字体颜色
  146. color: {
  147. type: String,
  148. default: '#333'
  149. },
  150. // input高度,单位px
  151. inputHeight: {
  152. type: [Number, String],
  153. default: 32
  154. },
  155. // index索引,用于列表中使用,让用户知道是哪个numberbox发生了变化,一般使用for循环出来的index值即可
  156. index: {
  157. type: [Number, String],
  158. default: ''
  159. },
  160. // 是否禁用输入框,与disabled作用于输入框时,为OR的关系,即想要禁用输入框,又可以加减的话
  161. // 设置disabled为false,disabledInput为true即可
  162. disabledInput: {
  163. type: Boolean,
  164. default: false
  165. },
  166. // 是否只能输入大于或等于0的整数(正整数)
  167. positiveInteger: {
  168. type: Boolean,
  169. default: true
  170. },
  171. asyncChange: {
  172. type: Boolean,
  173. default: false
  174. }
  175. },
  176. watch: {
  177. value(v1, v2) {
  178. if (!this.changeFromInner) {
  179. this.inputVal = v1;
  180. this.$nextTick(function () {
  181. this.changeFromInner = false;
  182. });
  183. }
  184. },
  185. inputVal(v1, v2) {
  186. if (v1 == '') return;
  187. let value = 0;
  188. let tmp = /^(?:-?\d+|-?\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test(v1);
  189. if (tmp && v1 >= this.min && v1 <= this.max) value = v1;else value = v2;
  190. if (this.positiveInteger) {
  191. if (v1 < 0 || String(v1).indexOf('.') !== -1) {
  192. value = v2;
  193. this.$nextTick(() => {
  194. this.inputVal = v2;
  195. });
  196. }
  197. }
  198. if (this.asyncChange) {
  199. return;
  200. } // 发出change事件
  201. this.handleChange(value, 'change');
  202. }
  203. },
  204. data() {
  205. return {
  206. inputVal: 1,
  207. // 输入框中的值,不能直接使用props中的value,因为应该改变props的状态
  208. timer: null,
  209. // 用作长按的定时器
  210. changeFromInner: false,
  211. // 值发生变化,是来自内部还是外部
  212. innerChangeTimer: null // 内部定时器
  213. };
  214. },
  215. created() {
  216. this.inputVal = Number(this.value);
  217. },
  218. computed: {},
  219. methods: {
  220. btnTouchStart(callback) {
  221. this[callback]();
  222. },
  223. minus() {
  224. this.computeVal('minus');
  225. },
  226. plus() {
  227. this.computeVal('plus');
  228. },
  229. calcPlus(num1, num2) {
  230. let baseNum, baseNum1, baseNum2;
  231. try {
  232. baseNum1 = num1.toString().split('.')[1].length;
  233. } catch (e) {
  234. baseNum1 = 0;
  235. }
  236. try {
  237. baseNum2 = num2.toString().split('.')[1].length;
  238. } catch (e) {
  239. baseNum2 = 0;
  240. }
  241. baseNum = Math.pow(10, Math.max(baseNum1, baseNum2));
  242. let precision = baseNum1 >= baseNum2 ? baseNum1 : baseNum2;
  243. return ((num1 * baseNum + num2 * baseNum) / baseNum).toFixed(precision);
  244. },
  245. calcMinus(num1, num2) {
  246. let baseNum, baseNum1, baseNum2;
  247. try {
  248. baseNum1 = num1.toString().split('.')[1].length;
  249. } catch (e) {
  250. baseNum1 = 0;
  251. }
  252. try {
  253. baseNum2 = num2.toString().split('.')[1].length;
  254. } catch (e) {
  255. baseNum2 = 0;
  256. }
  257. baseNum = Math.pow(10, Math.max(baseNum1, baseNum2));
  258. let precision = baseNum1 >= baseNum2 ? baseNum1 : baseNum2;
  259. return ((num1 * baseNum - num2 * baseNum) / baseNum).toFixed(precision);
  260. },
  261. computeVal(type) {
  262. if (this.disabled) return;
  263. let value = 0; // 减
  264. if (type === 'minus') {
  265. value = this.calcMinus(this.inputVal, this.step);
  266. } else if (type === 'plus') {
  267. value = this.calcPlus(this.inputVal, this.step);
  268. } // 判断是否小于最小值和大于最大值
  269. if (value < this.min || value > this.max) {
  270. return;
  271. }
  272. if (this.asyncChange) {
  273. this.$emit('change', value);
  274. } else {
  275. this.inputVal = value;
  276. this.handleChange(value, type);
  277. }
  278. },
  279. // 处理用户手动输入的情况
  280. onBlur(event) {
  281. let val = 0;
  282. let value = event.target.value;
  283. console.log(value);
  284. if (!/(^\d+$)/.test(value)) {
  285. val = this.min;
  286. } else {
  287. val = +value;
  288. }
  289. if (val > this.max) {
  290. val = this.max;
  291. } else if (val < this.min) {
  292. val = this.min;
  293. }
  294. this.$nextTick(() => {
  295. this.inputVal = val;
  296. });
  297. this.handleChange(val, 'blur');
  298. },
  299. // 输入框获得焦点事件
  300. onFocus() {
  301. this.$emit('focus');
  302. },
  303. handleChange(value, type) {
  304. if (this.disabled) return; // 清除定时器,避免造成混乱
  305. if (this.innerChangeTimer) {
  306. clearTimeout(this.innerChangeTimer);
  307. this.innerChangeTimer = null;
  308. }
  309. this.changeFromInner = true;
  310. this.innerChangeTimer = setTimeout(() => {
  311. this.changeFromInner = false;
  312. }, 150);
  313. this.$emit('input', Number(value));
  314. this.$emit(type, {
  315. value: Number(value),
  316. index: this.index
  317. });
  318. }
  319. }
  320. });
  321. // CONCATENATED MODULE: ./components/number-box.vue?vue&type=script&lang=js&
  322. /* harmony default export */ var components_number_boxvue_type_script_lang_js_ = (number_boxvue_type_script_lang_js_);
  323. // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
  324. var componentNormalizer = __webpack_require__(1);
  325. // CONCATENATED MODULE: ./components/number-box.vue
  326. function injectStyles (context) {
  327. var style0 = __webpack_require__(179)
  328. if (style0.__inject__) style0.__inject__(context)
  329. }
  330. /* normalize component */
  331. var component = Object(componentNormalizer["a" /* default */])(
  332. components_number_boxvue_type_script_lang_js_,
  333. render,
  334. staticRenderFns,
  335. false,
  336. injectStyles,
  337. "1d9d8f36",
  338. "284477ee"
  339. )
  340. /* harmony default export */ var number_box = __webpack_exports__["default"] = (component.exports);
  341. /***/ }),
  342. /***/ 220:
  343. /***/ (function(module, exports, __webpack_require__) {
  344. // style-loader: Adds some css to the DOM by adding a <style> tag
  345. // load the styles
  346. var content = __webpack_require__(273);
  347. if(content.__esModule) content = content.default;
  348. if(typeof content === 'string') content = [[module.i, content, '']];
  349. if(content.locals) module.exports = content.locals;
  350. // add CSS to SSR context
  351. var add = __webpack_require__(4).default
  352. module.exports.__inject__ = function (context) {
  353. add("3f92fe51", content, true, context)
  354. };
  355. /***/ }),
  356. /***/ 270:
  357. /***/ (function(module, exports) {
  358. module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAP1BMVEUAAACAgIBsbGxsbGxubm5xcXFwcHBubm5vb29ubm5vb29ubm5ubm5wcHBwcHBvb29wcHBvb29vb29wcHBwcHCw1+evAAAAFHRSTlMAAhooOj9AQUdITFhoj5/F29zj5uF9dOwAAABQSURBVBjTY2DADrgERMBAiAMuJMQGodkE4EIiaAx+ERTAj6oIwcQqxCjMwMnHwMtNIyEGHpAQOzOqI5hYCLhLiBUmwioICxtBmAeRQgcFAABfsQZNXvKDKwAAAABJRU5ErkJggg=="
  359. /***/ }),
  360. /***/ 271:
  361. /***/ (function(module, exports, __webpack_require__) {
  362. module.exports = __webpack_require__.p + "img/cart_null.f9179fd.png";
  363. /***/ }),
  364. /***/ 272:
  365. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  366. "use strict";
  367. __webpack_require__.r(__webpack_exports__);
  368. /* harmony import */ var _node_modules_vue_style_loader_index_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_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_shop_cart_vue_vue_type_style_index_0_id_750ce260_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(220);
  369. /* harmony import */ var _node_modules_vue_style_loader_index_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_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_shop_cart_vue_vue_type_style_index_0_id_750ce260_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_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_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_shop_cart_vue_vue_type_style_index_0_id_750ce260_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
  370. /* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_vue_style_loader_index_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_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_shop_cart_vue_vue_type_style_index_0_id_750ce260_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_index_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_sass_loader_dist_cjs_js_ref_7_oneOf_1_3_node_modules_sass_resources_loader_lib_loader_js_ref_7_oneOf_1_4_node_modules_nuxt_components_dist_loader_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_shop_cart_vue_vue_type_style_index_0_id_750ce260_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  371. /***/ }),
  372. /***/ 273:
  373. /***/ (function(module, exports, __webpack_require__) {
  374. // Imports
  375. var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(3);
  376. var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(false);
  377. // Module
  378. ___CSS_LOADER_EXPORT___.push([module.i, ".shop-cart[data-v-750ce260]{padding:24px 0}.shop-cart .cart-list[data-v-750ce260]{min-height:600px}.shop-cart .cart-list .cart-hd[data-v-750ce260]{height:50px;color:#101010;padding:10px;margin-bottom:10px}.shop-cart .cart-list .cart-con[data-v-750ce260]{padding:0 10px}.shop-cart .cart-list .cart-con .shop[data-v-750ce260]{padding:20px 10px;border-bottom:1px solid #d7d7d7}.shop-cart .cart-list .cart-con .item[data-v-750ce260]{padding:20px 10px;border-bottom:1px dashed #e5e5e5}.shop-cart .cart-list .cart-con .item[data-v-750ce260]:last-child{border-bottom:0}.shop-cart .cart-list .check-box[data-v-750ce260]{padding-left:10px;width:40px}.shop-cart .cart-list .info[data-v-750ce260]{width:450px}.shop-cart .cart-list .info .pictrue[data-v-750ce260]{margin-right:10px}.shop-cart .cart-list .info .pictrue img[data-v-750ce260]{width:72px;height:72px}.shop-cart .cart-list .info .name[data-v-750ce260]{margin-bottom:10px}.shop-cart .cart-list .price[data-v-750ce260]{width:150px}.shop-cart .cart-list .num[data-v-750ce260]{width:250px}.shop-cart .cart-list .money[data-v-750ce260]{width:150px}.shop-cart .cart-list .delete-btn[data-v-750ce260]{cursor:pointer}.shop-cart .cart-footer[data-v-750ce260]{padding:20px}.shop-cart .cart-footer .total .btn[data-v-750ce260]{width:152px;height:50px;cursor:pointer;border-radius:4px}.shop-cart .data-null[data-v-750ce260]{text-align:center;padding-top:170px}", ""]);
  379. // Exports
  380. module.exports = ___CSS_LOADER_EXPORT___;
  381. /***/ }),
  382. /***/ 344:
  383. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  384. "use strict";
  385. // ESM COMPAT FLAG
  386. __webpack_require__.r(__webpack_exports__);
  387. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@nuxt/components/dist/loader.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./pages/shop_cart.vue?vue&type=template&id=750ce260&scoped=true&
  388. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"shop-cart"},[_vm._ssrNode("<div class=\"cart-list\" data-v-750ce260>","</div>",[_vm._ssrNode("<div"+(_vm._ssrStyle(null,null, { display: (!_vm.isDataNull) ? '' : 'none' }))+" data-v-750ce260>","</div>",[_vm._ssrNode("<div class=\"cart-hd flex bg-white\" data-v-750ce260>","</div>",[_vm._ssrNode("<div class=\"check-box\" data-v-750ce260>","</div>",[_c('el-checkbox',{on:{"change":function($event){return _vm.onBoxClick($event, 3, '')}},model:{value:(_vm.isSelectedAll),callback:function ($$v) {_vm.isSelectedAll=$$v},expression:"isSelectedAll"}},[_vm._v("全选")])],1),_vm._ssrNode(" <div class=\"info flex row-center\" data-v-750ce260>商品信息</div> <div class=\"price flex row-center\" data-v-750ce260>单价</div> <div class=\"num flex row-center\" data-v-750ce260>数量</div> <div class=\"money flex row-center\" data-v-750ce260>合计</div> <div class=\"operate flex row-center\" data-v-750ce260>操作</div>")],2),_vm._ssrNode(" "),_vm._ssrNode("<div class=\"cart-con bg-white\" data-v-750ce260>","</div>",_vm._l((_vm.shopCartList),function(item,index){return _vm._ssrNode("<div class=\"m-b-10 bg-white\" data-v-750ce260>","</div>",[_vm._ssrNode("<div class=\"flex shop\" data-v-750ce260>","</div>",[_c('el-checkbox',{attrs:{"value":item.is_selected == 1},on:{"change":function($event){return _vm.onBoxClick($event, 1, index)}}}),_vm._ssrNode(" <div class=\"xs normal m-l-10\" data-v-750ce260>"+_vm._ssrEscape("\n "+_vm._s(item.shop.shop_name)+"\n ")+"</div>")],2),_vm._ssrNode(" "),_vm._l((item.cart),function(item2,index2){return _vm._ssrNode("<div class=\"item flex\" data-v-750ce260>","</div>",[_vm._ssrNode("<div class=\"check-box\" data-v-750ce260>","</div>",[_c('el-checkbox',{attrs:{"value":item2.selected == 1},on:{"change":function($event){return _vm.onBoxClick($event, 2, item2.cart_id)}}})],1),_vm._ssrNode(" "),_c('nuxt-link',{staticClass:"info flex",attrs:{"to":'/goods_details/' + item2.goods_id}},[_c('div',{staticClass:"pictrue flexnone"},[_c('img',{attrs:{"src":item2.image,"alt":""}})]),_vm._v(" "),_c('div',[_c('div',{staticClass:"name line2"},[_vm._v("\n "+_vm._s(item2.goods_name)+"\n ")]),_vm._v(" "),_c('div',{staticClass:"muted"},[_vm._v("\n "+_vm._s(item2.spec_value_str)+"\n ")])])]),_vm._ssrNode(" <div class=\"price flex row-center\" data-v-750ce260>"+_vm._ssrEscape("\n ¥"+_vm._s(item2.price)+"\n ")+"</div> "),_vm._ssrNode("<div class=\"num flex row-center\" data-v-750ce260>","</div>",[_c('number-box',{attrs:{"min":1,"async-change":""},on:{"change":function($event){return _vm.changeShopCartCount(
  389. $event,
  390. item2.cart_id
  391. )}},model:{value:(item2.goods_num),callback:function ($$v) {_vm.$set(item2, "goods_num", $$v)},expression:"item2.goods_num"}})],1),_vm._ssrNode(" <div class=\"money flex row-center\" data-v-750ce260>"+_vm._ssrEscape("\n ¥"+_vm._s(item2.sub_price)+"\n ")+"</div> "),_c('el-popconfirm',{attrs:{"title":"确定删除该商品吗?","confirm-button-text":"确定","cancel-button-text":"取消","icon":"el-icon-info","icon-color":"red"},on:{"confirm":function($event){return _vm.goodsDelete(item2.cart_id)}}},[_c('div',{staticClass:"operate flex row-center delete-btn",attrs:{"slot":"reference"},slot:"reference"},[_c('img',{attrs:{"src":__webpack_require__(270)}})])])],2)})],2)}),0),_vm._ssrNode(" "),_vm._ssrNode("<div class=\"cart-footer flex row-between bg-white\" data-v-750ce260>","</div>",[_vm._ssrNode("<div class=\"lighter flex\" data-v-750ce260>","</div>",[_vm._ssrNode("<div class=\"check-box\" data-v-750ce260>","</div>",[_c('el-checkbox',{on:{"change":function($event){return _vm.onBoxClick($event, 3, '')}},model:{value:(_vm.isSelectedAll),callback:function ($$v) {_vm.isSelectedAll=$$v},expression:"isSelectedAll"}},[_vm._v("全选")])],1),_vm._ssrNode(" <div style=\"margin: 0 24px\" data-v-750ce260></div> "),_c('el-popconfirm',{attrs:{"title":"确定删除选中商品吗?","confirm-button-text":"确定","cancel-button-text":"取消","icon":"el-icon-info","icon-color":"red"},on:{"confirm":_vm.deleteSelectedGoods}},[_c('div',{staticClass:"xs normal",staticStyle:{"cursor":"pointer"},attrs:{"slot":"reference"},slot:"reference"},[_vm._v("\n 删除选中商品\n ")])]),_vm._ssrNode(" "),_c('el-popconfirm',{attrs:{"title":"确定清空吗?","confirm-button-text":"确定","cancel-button-text":"取消","icon":"el-icon-info","icon-color":"red"},on:{"confirm":_vm.deleteAlldGoods}},[_c('div',{staticClass:"m-l-14 xs muted",staticStyle:{"cursor":"pointer"},attrs:{"slot":"reference"},slot:"reference"},[_vm._v("\n 清空购物车\n ")])])],2),_vm._ssrNode(" <div class=\"total flex\" data-v-750ce260><div class=\"flex m-r-14\" data-v-750ce260><div class=\"xs\" data-v-750ce260>"+_vm._ssrEscape("已选"+_vm._s(_vm.selected)+"件商品")+"</div> <div class=\"primary m-l-20\" style=\"font-size: 22px\" data-v-750ce260>"+_vm._ssrEscape("\n ¥"+_vm._s(_vm.totalAmount)+"\n ")+"</div></div> <div class=\"white lg btn flex row-center\""+(_vm._ssrStyle(null,{
  392. background:
  393. _vm.selected == 0 ? '#A4ADB3' : '#FF2C3C',
  394. }, null))+" data-v-750ce260>\n 去结算\n </div></div>")],2)],2),_vm._ssrNode(" "),_vm._ssrNode("<div class=\"column-center data-null\""+(_vm._ssrStyle(null,null, { display: (_vm.isDataNull) ? '' : 'none' }))+" data-v-750ce260>","</div>",[_vm._ssrNode("<img"+(_vm._ssrAttr("src",__webpack_require__(271)))+" style=\"width: 150px; height: 150px\" data-v-750ce260> <div class=\"muted xs m-t-10\" data-v-750ce260>购物车是空的~</div> "),_vm._ssrNode("<div class=\"m-t-30\" data-v-750ce260>","</div>",[_c('el-button',{attrs:{"round":"","type":"primary","size":"medium"},on:{"click":_vm.toIndex}},[_vm._v("去逛逛~")])],1)],2)],2)])}
  395. var staticRenderFns = []
  396. // CONCATENATED MODULE: ./pages/shop_cart.vue?vue&type=template&id=750ce260&scoped=true&
  397. // EXTERNAL MODULE: external "vuex"
  398. var external_vuex_ = __webpack_require__(2);
  399. // 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!./pages/shop_cart.vue?vue&type=script&lang=js&
  400. //
  401. //
  402. //
  403. //
  404. //
  405. //
  406. //
  407. //
  408. //
  409. //
  410. //
  411. //
  412. //
  413. //
  414. //
  415. //
  416. //
  417. //
  418. //
  419. //
  420. //
  421. //
  422. //
  423. //
  424. //
  425. //
  426. //
  427. //
  428. //
  429. //
  430. //
  431. //
  432. //
  433. //
  434. //
  435. //
  436. //
  437. //
  438. //
  439. //
  440. //
  441. //
  442. //
  443. //
  444. //
  445. //
  446. //
  447. //
  448. //
  449. //
  450. //
  451. //
  452. //
  453. //
  454. //
  455. //
  456. //
  457. //
  458. //
  459. //
  460. //
  461. //
  462. //
  463. //
  464. //
  465. //
  466. //
  467. //
  468. //
  469. //
  470. //
  471. //
  472. //
  473. //
  474. //
  475. //
  476. //
  477. //
  478. //
  479. //
  480. //
  481. //
  482. //
  483. //
  484. //
  485. //
  486. //
  487. //
  488. //
  489. //
  490. //
  491. //
  492. //
  493. //
  494. //
  495. //
  496. //
  497. //
  498. //
  499. //
  500. //
  501. //
  502. //
  503. //
  504. //
  505. //
  506. //
  507. //
  508. //
  509. //
  510. //
  511. //
  512. //
  513. //
  514. //
  515. //
  516. //
  517. //
  518. //
  519. //
  520. //
  521. //
  522. //
  523. //
  524. //
  525. //
  526. //
  527. //
  528. //
  529. //
  530. //
  531. //
  532. //
  533. //
  534. //
  535. //
  536. //
  537. //
  538. //
  539. //
  540. //
  541. //
  542. //
  543. //
  544. //
  545. //
  546. //
  547. //
  548. //
  549. //
  550. //
  551. //
  552. //
  553. //
  554. //
  555. //
  556. //
  557. //
  558. //
  559. //
  560. //
  561. //
  562. //
  563. //
  564. //
  565. //
  566. //
  567. //
  568. //
  569. //
  570. //
  571. //
  572. //
  573. //
  574. //
  575. //
  576. //
  577. //
  578. //
  579. //
  580. //
  581. //
  582. //
  583. //
  584. //
  585. //
  586. //
  587. //
  588. //
  589. //
  590. //
  591. /* harmony default export */ var shop_cartvue_type_script_lang_js_ = ({
  592. head() {
  593. return {
  594. title: this.$store.getters.headTitle,
  595. link: [{
  596. rel: 'icon',
  597. type: 'image/x-icon',
  598. href: this.$store.getters.favicon
  599. }]
  600. };
  601. },
  602. data() {
  603. return {
  604. shopCartList: [],
  605. totalAmount: 0,
  606. totalNum: 0,
  607. isDataNull: false
  608. };
  609. },
  610. mounted() {},
  611. computed: {
  612. // 是否全选
  613. isSelectedAll: {
  614. get() {
  615. if (!this.shopCartList.length) return false;
  616. if (this.allInvalid()) return false;
  617. let index = this.shopCartList.findIndex(item => item.is_selected == 0);
  618. return index == -1 ? true : false;
  619. },
  620. set(val) {
  621. return val;
  622. }
  623. },
  624. // 已经选择的数量
  625. selected: {
  626. get() {
  627. return this.shopCartList.reduce((pre, item) => {
  628. return pre.concat(item.cart.filter(i => i.selected == 1));
  629. }, []).length;
  630. }
  631. }
  632. },
  633. methods: { ...Object(external_vuex_["mapActions"])(['getPublicData']),
  634. async getCartList() {
  635. let res = await this.$get('cart/lists');
  636. if (res.code == 1) {
  637. this.shopCartList = Object.assign([], res.data.lists);
  638. this.totalAmount = res.data.total_amount;
  639. this.totalNum = res.data.total_num;
  640. if (this.shopCartList.length > 0) {
  641. this.isDataNull = false;
  642. } else {
  643. this.isDataNull = true;
  644. }
  645. }
  646. },
  647. // 更改选中状态 type为1选中店铺/2选中商品/3全选
  648. onBoxClick(e, type, number) {
  649. let cartId = [];
  650. switch (type) {
  651. case 1:
  652. cartId = this.shopCartList[number].cart.map(item => item.cart_id);
  653. break;
  654. case 2:
  655. cartId.push(number);
  656. break;
  657. case 3:
  658. cartId = this.shopCartList.reduce((pre, item) => {
  659. return pre.concat(item.cart.map(i => i.cart_id));
  660. }, cartId);
  661. break;
  662. }
  663. this.changeSelected(cartId, e);
  664. },
  665. cartInvalid(item) {
  666. return item.goods_status == 0 || item.goods_del != 0 ? true : false;
  667. },
  668. shopInvalid(item) {
  669. return item.cart.every(citem => this.cartInvalid(citem));
  670. },
  671. allInvalid() {
  672. return this.shopCartList.every(item => this.shopInvalid(item));
  673. },
  674. // 选中/取消选中购物车
  675. async changeSelected(id, selected) {
  676. let res = await this.$post('cart/selected', {
  677. cart_id: id,
  678. selected: selected
  679. });
  680. if (res.code == 1) {
  681. this.getCartList();
  682. }
  683. },
  684. // 修改购物车商品数量
  685. async changeShopCartCount(number, cartId) {
  686. let res = await this.$post('cart/change', {
  687. cart_id: cartId,
  688. goods_num: number
  689. });
  690. if (res.code == 1) {
  691. this.getCartList();
  692. this.getPublicData();
  693. }
  694. },
  695. // 删除购物车商品
  696. async goodsDelete(cartId) {
  697. let res = await this.$post('cart/del', {
  698. cart_id: cartId
  699. });
  700. if (res.code == 1) {
  701. this.getPublicData();
  702. this.getCartList();
  703. this.$message({
  704. message: '删除商品成功',
  705. type: 'success'
  706. });
  707. }
  708. },
  709. // 删除选中购物车
  710. deleteSelectedGoods() {
  711. let selectedGoodsArr = this.shopCartList.reduce((pre, item) => {
  712. return pre.concat(item.cart.filter(i => i.selected == 1));
  713. }, []);
  714. if (selectedGoodsArr.length <= 0) {
  715. this.$message({
  716. message: '没有选择商品',
  717. type: 'error'
  718. });
  719. return;
  720. }
  721. let cartIdArr = selectedGoodsArr.map(item => item.cart_id);
  722. this.goodsDelete(cartIdArr);
  723. },
  724. // 清空购物车
  725. deleteAlldGoods() {
  726. let allGoodsArr = this.shopCartList.reduce((pre, item) => {
  727. return pre.concat(item.cart.filter(i => i.cart_id));
  728. }, []);
  729. if (allGoodsArr.length <= 0) {
  730. this.$message({
  731. message: '没有商品',
  732. type: 'error'
  733. });
  734. return;
  735. }
  736. let cartIdArr = allGoodsArr.map(item => item.cart_id);
  737. this.goodsDelete(cartIdArr);
  738. },
  739. getSelectCart() {
  740. const {
  741. shopCartList
  742. } = this;
  743. return shopCartList.reduce((pre, item) => {
  744. return pre.concat(item.cart.filter(i => i.selected && !this.cartInvalid(i)).map(i => i.cart_id));
  745. }, []);
  746. },
  747. // 去购买商品
  748. toOrderBuy() {
  749. let {
  750. shopCartList
  751. } = this;
  752. let goods = [];
  753. let carts = this.getSelectCart();
  754. if (carts.length == 0) return this.$message.err('您还没有选择商品哦'); // 处理出商品数组数据
  755. shopCartList.forEach(item => {
  756. if (item.cart.length != 0) {
  757. item.cart.forEach((el, i) => {
  758. // 选中的商品才能进入
  759. if (el.selected == 1) {
  760. goods.push({
  761. item_id: el.item_id,
  762. num: el.goods_num,
  763. goods_id: el.goods_id,
  764. shop_id: item.shop.shop_id
  765. });
  766. }
  767. });
  768. }
  769. });
  770. const params = {
  771. carts: carts,
  772. goods: goods,
  773. type: 'cart'
  774. };
  775. this.$router.push({
  776. path: '/confirm_order',
  777. query: {
  778. data: encodeURIComponent(JSON.stringify(params))
  779. }
  780. });
  781. },
  782. toIndex() {
  783. this.$router.push('/');
  784. }
  785. },
  786. created() {
  787. this.getCartList();
  788. }
  789. });
  790. // CONCATENATED MODULE: ./pages/shop_cart.vue?vue&type=script&lang=js&
  791. /* harmony default export */ var pages_shop_cartvue_type_script_lang_js_ = (shop_cartvue_type_script_lang_js_);
  792. // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
  793. var componentNormalizer = __webpack_require__(1);
  794. // CONCATENATED MODULE: ./pages/shop_cart.vue
  795. function injectStyles (context) {
  796. var style0 = __webpack_require__(272)
  797. if (style0.__inject__) style0.__inject__(context)
  798. }
  799. /* normalize component */
  800. var component = Object(componentNormalizer["a" /* default */])(
  801. pages_shop_cartvue_type_script_lang_js_,
  802. render,
  803. staticRenderFns,
  804. false,
  805. injectStyles,
  806. "750ce260",
  807. "6f479227"
  808. )
  809. /* harmony default export */ var shop_cart = __webpack_exports__["default"] = (component.exports);
  810. /* nuxt-component-imports */
  811. installComponents(component, {NumberBox: __webpack_require__(192).default})
  812. /***/ })
  813. };;
  814. //# sourceMappingURL=shop_cart.js.map