user_wallet.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  1. exports.ids = [54];
  2. exports.modules = {
  3. /***/ 239:
  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__(318);
  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("3665ce96", content, true, context)
  15. };
  16. /***/ }),
  17. /***/ 317:
  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_user_wallet_vue_vue_type_style_index_0_id_7421fc7d_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(239);
  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_user_wallet_vue_vue_type_style_index_0_id_7421fc7d_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_user_wallet_vue_vue_type_style_index_0_id_7421fc7d_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_user_wallet_vue_vue_type_style_index_0_id_7421fc7d_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_user_wallet_vue_vue_type_style_index_0_id_7421fc7d_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
  24. /***/ }),
  25. /***/ 318:
  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, ".user-wallet-container[data-v-7421fc7d]{width:980px;padding:10px 10px 60px}.user-wallet-container .user-wallet-header[data-v-7421fc7d]{padding:10px 5px;border-bottom:1px solid #e5e5e5}.user-wallet-container[data-v-7421fc7d] .el-tabs__header{margin-left:5px}.user-wallet-container[data-v-7421fc7d] .el-tabs .el-tabs__nav-scroll{padding:0}.user-wallet-container .user-wallet-content[data-v-7421fc7d]{margin-top:17px}.user-wallet-container .user-wallet-content .wallet-info-box[data-v-7421fc7d]{padding:24px;background:linear-gradient(87deg,#ff2c3c,#ff9e2c)}.user-wallet-container .user-wallet-content .wallet-info-box .user-wallet-info .title[data-v-7421fc7d]{color:#ffdcd7;margin-bottom:8px}.user-wallet-container .user-wallet-table[data-v-7421fc7d]{background-color:#f2f2f2}.user-wallet-container .user-wallet-table[data-v-7421fc7d] .el-table{color:#222}.user-wallet-container .user-wallet-table[data-v-7421fc7d] .el-table .el-button--text{color:#222;font-weight:400}.user-wallet-container .user-wallet-table[data-v-7421fc7d] .el-table th{background-color:#f2f2f2}.user-wallet-container .user-wallet-table[data-v-7421fc7d] .el-table thead{color:#555;font-weight:400}", ""]);
  32. // Exports
  33. module.exports = ___CSS_LOADER_EXPORT___;
  34. /***/ }),
  35. /***/ 363:
  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!./pages/user/user_wallet.vue?vue&type=template&id=7421fc7d&scoped=true&
  41. var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"user-wallet-container"},[_vm._ssrNode("<div class=\"user-wallet-header lg\" data-v-7421fc7d>\n 我的钱包\n </div> "),_vm._ssrNode("<div class=\"user-wallet-content\" data-v-7421fc7d>","</div>",[_vm._ssrNode("<div class=\"wallet-info-box flex\" data-v-7421fc7d><div class=\"user-wallet-info\" data-v-7421fc7d><div class=\"xs title\" data-v-7421fc7d>我的余额</div> <div class=\"nr white flex\" style=\"font-weight: 500;align-items: baseline;\" data-v-7421fc7d>¥<label style=\"font-size: 24px;\" data-v-7421fc7d>"+_vm._ssrEscape(_vm._s(_vm.wallet.user_money || 0))+"</label></div></div> <div class=\"user-wallet-info\" style=\"margin-left: 144px\" data-v-7421fc7d><div class=\"xs title\" data-v-7421fc7d>累计消费</div> <div class=\"nr white flex\" style=\"font-weight: 500;align-items: baseline;\" data-v-7421fc7d>¥<label style=\"font-size: 24px;\" data-v-7421fc7d>"+_vm._ssrEscape(_vm._s(_vm.wallet.total_order_amount || 0))+"</label></div></div></div> "),_c('el-tabs',{staticClass:"mt10",on:{"tab-click":_vm.handleClick},model:{value:(_vm.activeName),callback:function ($$v) {_vm.activeName=$$v},expression:"activeName"}},_vm._l((_vm.userWallet),function(item,index){return _c('el-tab-pane',{key:index,attrs:{"label":item.name,"name":item.type}},[_c('div',{staticClass:"user-wallet-table"},[_c('el-table',{staticStyle:{"width":"100%"},attrs:{"data":item.list}},[_c('el-table-column',{attrs:{"prop":"source_type","label":"类型"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"change_amount","label":"金额"},scopedSlots:_vm._u([{key:"default",fn:function(scope){return _c('div',{class:{'primary': scope.row.change_type == 1}},[_vm._v("\n "+_vm._s(scope.row.change_amount)+"\n ")])}}],null,true)}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"create_time","label":"时间"}})],1)],1)])}),1)],2)],2)}
  42. var staticRenderFns = []
  43. // CONCATENATED MODULE: ./pages/user/user_wallet.vue?vue&type=template&id=7421fc7d&scoped=true&
  44. // 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/user/user_wallet.vue?vue&type=script&lang=js&
  45. //
  46. //
  47. //
  48. //
  49. //
  50. //
  51. //
  52. //
  53. //
  54. //
  55. //
  56. //
  57. //
  58. //
  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. /* harmony default export */ var user_walletvue_type_script_lang_js_ = ({
  89. head() {
  90. return {
  91. title: this.$store.getters.headTitle,
  92. link: [{
  93. rel: "icon",
  94. type: "image/x-icon",
  95. href: this.$store.getters.favicon
  96. }]
  97. };
  98. },
  99. layout: "user",
  100. data() {
  101. return {
  102. activeName: "all",
  103. userWallet: [{
  104. type: "all",
  105. list: [],
  106. name: "全部记录",
  107. count: 0,
  108. page: 1
  109. }, {
  110. type: "output",
  111. list: [],
  112. name: "收入记录",
  113. count: 0,
  114. page: 1
  115. }, {
  116. type: "income",
  117. list: [],
  118. name: "消费记录",
  119. count: 0,
  120. page: 1
  121. }]
  122. };
  123. },
  124. async asyncData({
  125. $get,
  126. query
  127. }) {
  128. let wallet = {};
  129. let recodeList = [];
  130. let walletRes = await $get("user/myWallet");
  131. let recodeRes = await $get("user/accountLog", {
  132. params: {
  133. page_no: 1,
  134. page_size: 10,
  135. source: 1,
  136. type: 0
  137. }
  138. });
  139. if (walletRes.code == 1) {
  140. wallet = walletRes.data;
  141. }
  142. if (recodeRes.code == 1) {
  143. recodeList = recodeRes.data.list;
  144. }
  145. return {
  146. wallet,
  147. recodeList
  148. };
  149. },
  150. fetch() {
  151. this.handleClick();
  152. },
  153. methods: {
  154. handleClick() {
  155. this.getRecodeList();
  156. },
  157. changePage(val) {
  158. this.userWallet.some(item => {
  159. if (item.type == this.activeName) {
  160. item.page = val;
  161. }
  162. });
  163. this.getRecodeList();
  164. },
  165. async getRecodeList() {
  166. const {
  167. activeName,
  168. userWallet
  169. } = this;
  170. let type = activeName == "all" ? 0 : activeName == "income" ? 2 : 1;
  171. const item = userWallet.find(item => item.type == activeName);
  172. const {
  173. data: {
  174. list,
  175. count
  176. },
  177. code
  178. } = await this.$get("user/accountLog", {
  179. params: {
  180. page_size: 10,
  181. page_no: item.page,
  182. type: type,
  183. source: 1
  184. }
  185. });
  186. if (code == 1) {
  187. this.recodeList = {
  188. list,
  189. count
  190. };
  191. }
  192. }
  193. },
  194. watch: {
  195. recodeList: {
  196. immediate: true,
  197. handler(val) {
  198. console.log("val:", val);
  199. this.userWallet.some(item => {
  200. if (item.type == this.activeName) {
  201. Object.assign(item, val);
  202. return true;
  203. }
  204. });
  205. }
  206. }
  207. }
  208. });
  209. // CONCATENATED MODULE: ./pages/user/user_wallet.vue?vue&type=script&lang=js&
  210. /* harmony default export */ var user_user_walletvue_type_script_lang_js_ = (user_walletvue_type_script_lang_js_);
  211. // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
  212. var componentNormalizer = __webpack_require__(1);
  213. // CONCATENATED MODULE: ./pages/user/user_wallet.vue
  214. function injectStyles (context) {
  215. var style0 = __webpack_require__(317)
  216. if (style0.__inject__) style0.__inject__(context)
  217. }
  218. /* normalize component */
  219. var component = Object(componentNormalizer["a" /* default */])(
  220. user_user_walletvue_type_script_lang_js_,
  221. render,
  222. staticRenderFns,
  223. false,
  224. injectStyles,
  225. "7421fc7d",
  226. "70693cbb"
  227. )
  228. /* harmony default export */ var user_wallet = __webpack_exports__["default"] = (component.exports);
  229. /***/ })
  230. };;
  231. //# sourceMappingURL=user_wallet.js.map