tplus-member 3.36.1 → 3.37.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (59) hide show
  1. package/dist/index.js +6 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/member/MemberCardList.js +393 -0
  4. package/dist/member/MemberCardList.js.map +1 -0
  5. package/dist/member/MemberShow.js +3 -1
  6. package/dist/member/MemberShow.js.map +1 -1
  7. package/dist/member/ShopMember.js +274 -268
  8. package/dist/member/ShopMember.js.map +1 -1
  9. package/dist/member/ShopMember.less +115 -10
  10. package/dist/member/ShopMemberStorage.js +451 -0
  11. package/dist/member/ShopMemberStorage.js.map +1 -0
  12. package/dist/member/api.js +278 -42
  13. package/dist/member/api.js.map +1 -1
  14. package/dist/member/index.js +137 -116
  15. package/dist/member/index.js.map +1 -1
  16. package/dist/member/memberMenu/bindCard/index.js +295 -0
  17. package/dist/member/memberMenu/bindCard/index.js.map +1 -0
  18. package/dist/member/memberMenu/bindCard/style.less +8 -0
  19. package/dist/member/memberMenu/index.js +503 -352
  20. package/dist/member/memberMenu/index.js.map +1 -1
  21. package/dist/member/memberMenu/modifyPass/index.js +0 -2
  22. package/dist/member/memberMenu/modifyPass/index.js.map +1 -1
  23. package/dist/member/memberMenu/style.less +44 -1
  24. package/dist/member/memberMenuStorage/bindCard/index.js +172 -0
  25. package/dist/member/memberMenuStorage/bindCard/index.js.map +1 -0
  26. package/dist/member/memberMenuStorage/bindCard/style.less +8 -0
  27. package/dist/member/memberMenuStorage/changeMemberCard/index.js +260 -0
  28. package/dist/member/memberMenuStorage/changeMemberCard/index.js.map +1 -0
  29. package/dist/member/memberMenuStorage/changeMemberCard/style.less +43 -0
  30. package/dist/member/memberMenuStorage/index.js +1807 -0
  31. package/dist/member/memberMenuStorage/index.js.map +1 -0
  32. package/dist/member/memberMenuStorage/modifyPass/index.js +420 -0
  33. package/dist/member/memberMenuStorage/modifyPass/index.js.map +1 -0
  34. package/dist/member/memberMenuStorage/modifyPass/store.js +426 -0
  35. package/dist/member/memberMenuStorage/modifyPass/store.js.map +1 -0
  36. package/dist/member/memberMenuStorage/modifyPass/style.less +96 -0
  37. package/dist/member/memberMenuStorage/style.less +130 -0
  38. package/dist/member/memberTab/MemberCardInfo.js +89 -0
  39. package/dist/member/memberTab/MemberCardInfo.js.map +1 -0
  40. package/dist/member/memberTab/MemberManager.js +640 -0
  41. package/dist/member/memberTab/MemberManager.js.map +1 -0
  42. package/dist/member/memberTab/MemberStorage.js +176 -0
  43. package/dist/member/memberTab/MemberStorage.js.map +1 -0
  44. package/dist/member/memberTab/index.js +133 -0
  45. package/dist/member/memberTab/index.js.map +1 -0
  46. package/dist/member/memberTab.js +58 -11
  47. package/dist/member/memberTab.js.map +1 -1
  48. package/dist/stores/MemberStore.js +26 -21
  49. package/dist/stores/MemberStore.js.map +1 -1
  50. package/dist/utils.js +15 -1
  51. package/dist/utils.js.map +1 -1
  52. package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js +4 -0
  53. package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js.map +1 -1
  54. package/dist/views/MemberOrderView.js +1 -1
  55. package/dist/views/MemberOrderView.js.map +1 -1
  56. package/dist/views/MemberStoreNew.less +1 -3
  57. package/dist/views/MemberStoreNewView.js +14 -26
  58. package/dist/views/MemberStoreNewView.js.map +1 -1
  59. package/package.json +28 -29
package/dist/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.errMessageTip = exports.userInfoFormat = exports.ShopMember = exports.MemberTag = undefined;
6
+ exports.errMessageTip = exports.userInfoFormat = exports.ShopMemberStorage = exports.ShopMember = exports.MemberTag = undefined;
7
7
 
8
8
  var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
9
9
 
@@ -68,10 +68,15 @@ var _ShopMember2 = require('./member/ShopMember');
68
68
 
69
69
  var _ShopMember3 = _interopRequireDefault(_ShopMember2);
70
70
 
71
+ var _ShopMemberStorage2 = require('./member/ShopMemberStorage');
72
+
73
+ var _ShopMemberStorage3 = _interopRequireDefault(_ShopMemberStorage2);
74
+
71
75
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
72
76
 
73
77
  exports.MemberTag = _index4.default;
74
78
  exports.ShopMember = _ShopMember3.default;
79
+ exports.ShopMemberStorage = _ShopMemberStorage3.default;
75
80
 
76
81
  (0, _mutantsMicrofx.registerRoutes)([{
77
82
  path: '/memberstore',
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-member/index.js"],"names":["userInfoFormat","errMessageTip","MemberTag","ShopMember","path","component","MemberStoreViewContainer","merge","store","MemberOrderController","MemberOrderViewController","registerViewModel","MemberOrderView","memberViewModels","memberAppMenuKey","memberDataProvider","AppFlow","OpenCardController","openCardAppMenuKey","openCardDataProvider"],"mappings":";;;;;;;;;;;;;;;;sBAeSA,c;;;;;;sBAAgBC,a;;;;AAfzB;;AACA;;;;AACA;;;;AAEA;;AACA;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;AACA;;;;;;;;;;;;;;QAEOC,S;QACAC,U;;AAEP,oCAAe,CAAC;AACZC,UAAM,cADM;AAEZC,eAAWC,kCAFC;AAGZC,WAAO;AAHK,CAAD,CAAf;AAKA,oCAAeC,eAAf;;AAEA;AACA,sCAAmB,uBAAnB,EAA4CC,+BAA5C,EAAmEC,mCAAnE;AACAC,kDAAkB,iBAAlB,EAAqCC,yBAArC,0CAAyDC,uBAAzD;AACA,wCAAqBC,wBAArB,EAAuCC,0BAAvC;AACA,mCAAgBD,wBAAhB,EAAkC,IAAIE,qBAAJ,CAAY,KAAZ,EAAmB,KAAnB,EAA0B,IAA1B,CAAlC;;AAEA;AACA,sCAAmB,oBAAnB,EAAyCC,4BAAzC,EAA6DP,mCAA7D;AACAC,kDAAkB,cAAlB,EAAkCC,yBAAlC,0CAAsDC,uBAAtD;AACA,wCAAqBK,4BAArB,EAAyCC,8BAAzC;AACA,mCAAgBD,4BAAhB,EAAoC,IAAIF,qBAAJ,CAAY,KAAZ,EAAmB,KAAnB,EAA0B,IAA1B,CAApC","file":"index.js","sourcesContent":["import { registerRoutes, registerStores } from 'mutants-microfx';\r\nimport MemberStoreViewContainer from './views/MemberStoreViewContainer';\r\nimport store from './stores/index'\r\n\r\nimport { registerViewModel, registerDataProvider, registerController, registerAppFlow, AppFlow, appManager } from 'mutants-appfx';\r\nimport { memberDataProvider, memberAppMenuKey } from './dataProvider/member';\r\nimport MemberOrderView from './views/MemberOrderView'\r\nimport memberViewModels from './viewModels/memberVoucher';\r\nimport MemberOrderController from './controllers/MemberOrderController'\r\nimport MemberOrderViewController from './viewController/MemberOrderViewController.js'\r\nimport { openCardDataProvider, openCardAppMenuKey } from './dataProvider/openCard';\r\nimport OpenCardController from './controllers/OpenCardController'\r\n\r\nexport MemberTag from './member/index';\r\nexport ShopMember from './member/ShopMember';\r\nexport { userInfoFormat, errMessageTip } from './utils';\r\nregisterRoutes([{\r\n path: '/memberstore',\r\n component: MemberStoreViewContainer,\r\n merge: false\r\n}])\r\nregisterStores(store)\r\n\r\n//会员新增\r\nregisterController('MemberOrderController', MemberOrderController, MemberOrderViewController);\r\nregisterViewModel('MemberOrderView', MemberOrderView, ...memberViewModels);\r\nregisterDataProvider(memberAppMenuKey, memberDataProvider);\r\nregisterAppFlow(memberAppMenuKey, new AppFlow(false, false, true));\r\n\r\n//会员开卡\r\nregisterController('OpenCardController', OpenCardController, MemberOrderViewController);\r\nregisterViewModel('OpenCardView', MemberOrderView, ...memberViewModels);\r\nregisterDataProvider(openCardAppMenuKey, openCardDataProvider);\r\nregisterAppFlow(openCardAppMenuKey, new AppFlow(false, false, true));"]}
1
+ {"version":3,"sources":["tplus-member/index.js"],"names":["userInfoFormat","errMessageTip","MemberTag","ShopMember","ShopMemberStorage","path","component","MemberStoreViewContainer","merge","store","MemberOrderController","MemberOrderViewController","registerViewModel","MemberOrderView","memberViewModels","memberAppMenuKey","memberDataProvider","AppFlow","OpenCardController","openCardAppMenuKey","openCardDataProvider"],"mappings":";;;;;;;;;;;;;;;;sBAiBSA,c;;;;;;sBAAgBC,a;;;;AAjBzB;;AACA;;;;AACA;;;;AAEA;;AACA;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;AACA;;;;;;;;;;;;;;;;;;QAEOC,S;QACAC,U;QACAC,iB;;AAGP,oCAAe,CAAC;AACZC,UAAM,cADM;AAEZC,eAAWC,kCAFC;AAGZC,WAAO;AAHK,CAAD,CAAf;AAKA,oCAAeC,eAAf;;AAEA;AACA,sCAAmB,uBAAnB,EAA4CC,+BAA5C,EAAmEC,mCAAnE;AACAC,kDAAkB,iBAAlB,EAAqCC,yBAArC,0CAAyDC,uBAAzD;AACA,wCAAqBC,wBAArB,EAAuCC,0BAAvC;AACA,mCAAgBD,wBAAhB,EAAkC,IAAIE,qBAAJ,CAAY,KAAZ,EAAmB,KAAnB,EAA0B,IAA1B,CAAlC;;AAEA;AACA,sCAAmB,oBAAnB,EAAyCC,4BAAzC,EAA6DP,mCAA7D;AACAC,kDAAkB,cAAlB,EAAkCC,yBAAlC,0CAAsDC,uBAAtD;AACA,wCAAqBK,4BAArB,EAAyCC,8BAAzC;AACA,mCAAgBD,4BAAhB,EAAoC,IAAIF,qBAAJ,CAAY,KAAZ,EAAmB,KAAnB,EAA0B,IAA1B,CAApC","file":"index.js","sourcesContent":["import { registerRoutes, registerStores } from 'mutants-microfx';\r\nimport MemberStoreViewContainer from './views/MemberStoreViewContainer';\r\nimport store from './stores/index'\r\n\r\nimport { registerViewModel, registerDataProvider, registerController, registerAppFlow, AppFlow, appManager } from 'mutants-appfx';\r\nimport { memberDataProvider, memberAppMenuKey } from './dataProvider/member';\r\nimport MemberOrderView from './views/MemberOrderView'\r\nimport memberViewModels from './viewModels/memberVoucher';\r\nimport MemberOrderController from './controllers/MemberOrderController'\r\nimport MemberOrderViewController from './viewController/MemberOrderViewController.js'\r\nimport { openCardDataProvider, openCardAppMenuKey } from './dataProvider/openCard';\r\nimport OpenCardController from './controllers/OpenCardController'\r\n\r\nexport MemberTag from './member/index';\r\nexport ShopMember from './member/ShopMember';\r\nexport ShopMemberStorage from './member/ShopMemberStorage';\r\n\r\nexport { userInfoFormat, errMessageTip } from './utils';\r\nregisterRoutes([{\r\n path: '/memberstore',\r\n component: MemberStoreViewContainer,\r\n merge: false\r\n}])\r\nregisterStores(store)\r\n\r\n//会员新增\r\nregisterController('MemberOrderController', MemberOrderController, MemberOrderViewController);\r\nregisterViewModel('MemberOrderView', MemberOrderView, ...memberViewModels);\r\nregisterDataProvider(memberAppMenuKey, memberDataProvider);\r\nregisterAppFlow(memberAppMenuKey, new AppFlow(false, false, true));\r\n\r\n//会员开卡\r\nregisterController('OpenCardController', OpenCardController, MemberOrderViewController);\r\nregisterViewModel('OpenCardView', MemberOrderView, ...memberViewModels);\r\nregisterDataProvider(openCardAppMenuKey, openCardDataProvider);\r\nregisterAppFlow(openCardAppMenuKey, new AppFlow(false, false, true));"]}
@@ -0,0 +1,393 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = undefined;
7
+
8
+ var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
9
+
10
+ var _defineProperty3 = _interopRequireDefault(_defineProperty2);
11
+
12
+ var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
13
+
14
+ var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
15
+
16
+ var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
17
+
18
+ var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
19
+
20
+ var _createClass2 = require('babel-runtime/helpers/createClass');
21
+
22
+ var _createClass3 = _interopRequireDefault(_createClass2);
23
+
24
+ var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
25
+
26
+ var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
27
+
28
+ var _inherits2 = require('babel-runtime/helpers/inherits');
29
+
30
+ var _inherits3 = _interopRequireDefault(_inherits2);
31
+
32
+ var _react = require('react');
33
+
34
+ var _react2 = _interopRequireDefault(_react);
35
+
36
+ var _utils = require('../utils');
37
+
38
+ var _tplusComponentsTouch = require('tplus-components-touch');
39
+
40
+ var _swiper = require('swiper/dist/js/swiper.js');
41
+
42
+ var _swiper2 = _interopRequireDefault(_swiper);
43
+
44
+ require('swiper/dist/css/swiper.min.css');
45
+
46
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
47
+
48
+ var MemberCardList = function (_Component) {
49
+ (0, _inherits3.default)(MemberCardList, _Component);
50
+
51
+ function MemberCardList(props) {
52
+ (0, _classCallCheck3.default)(this, MemberCardList);
53
+
54
+ var _this = (0, _possibleConstructorReturn3.default)(this, (MemberCardList.__proto__ || (0, _getPrototypeOf2.default)(MemberCardList)).call(this, props));
55
+
56
+ _this.memberSwiper = undefined;
57
+
58
+ _this.resetSlideTop = function () {
59
+ if (_this.memberSwiper) {
60
+ _this.memberSwiper.slideTo(0, 0, false);
61
+ }
62
+ };
63
+
64
+ _this.getMemberCardItemRender = function () {
65
+ var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
66
+ var key = arguments[1];
67
+ var IsEnableUMember = arguments[2];
68
+ var precisionInfo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
69
+ var ID = item.ID,
70
+ Name = item.Name,
71
+ Mobilephone = item.Mobilephone,
72
+ CardCode = item.CardCode,
73
+ BalanceIntegral = item.BalanceIntegral,
74
+ BalanceStorage = item.BalanceStorage,
75
+ _item$MemberType = item.MemberType,
76
+ MemberType = _item$MemberType === undefined ? {} : _item$MemberType,
77
+ IsFocusUmember = item.IsFocusUmember,
78
+ _item$UmemberLabel = item.UmemberLabel,
79
+ UmemberLabel = _item$UmemberLabel === undefined ? '' : _item$UmemberLabel,
80
+ ImageFile = item.ImageFile,
81
+ _item$ExpirationDate = item.ExpirationDate,
82
+ ExpirationDate = _item$ExpirationDate === undefined ? '' : _item$ExpirationDate,
83
+ isExpiration = item.isExpiration,
84
+ isUserLogout = item.isUserLogout,
85
+ UmemberOpenId = item.UmemberOpenId;
86
+ var _this$props = _this.props,
87
+ getMemberStateStamp = _this$props.getMemberStateStamp,
88
+ loadUserInfo = _this$props.loadUserInfo,
89
+ selected = _this$props.selected,
90
+ isCC = _this$props.isCC;
91
+
92
+ var iconItems = getMemberStateStamp(item);
93
+ var labels = UmemberLabel ? UmemberLabel.split(',') : [];
94
+ var defaultAvatar = 'https://newretail.static.chanjet.com/default_avatar.png';
95
+ var isSelected = selected === key;
96
+ return _react2.default.createElement(
97
+ 'div',
98
+ { key: key + 'getMemberCardItemRender', className: 'swiper-slide member-item-slide ' + (isSelected ? 'slide-selected' : ''), onClick: function onClick() {
99
+ return loadUserInfo(key, ID, item);
100
+ } },
101
+ iconItems && iconItems.length > 0 && _react2.default.createElement(
102
+ 'div',
103
+ { className: 'memberstate-stamp' },
104
+ iconItems
105
+ ),
106
+ _react2.default.createElement(
107
+ 'div',
108
+ { className: 'card-avatar' },
109
+ _react2.default.createElement(
110
+ 'div',
111
+ { className: 'avatar-box' },
112
+ _react2.default.createElement('img', { src: ImageFile || defaultAvatar, width: 60, height: 60 }),
113
+ IsEnableUMember && _react2.default.createElement(
114
+ 'div',
115
+ { className: 'avatar-bage ' + (UmemberOpenId ? 'bage-follow' : '') },
116
+ _react2.default.createElement(
117
+ 'div',
118
+ { className: 'avatar-bage-scale' },
119
+ UmemberOpenId ? '已关注' : '未关注'
120
+ )
121
+ )
122
+ )
123
+ ),
124
+ _react2.default.createElement(
125
+ 'div',
126
+ { className: 'member-level' },
127
+ _react2.default.createElement(
128
+ 'span',
129
+ null,
130
+ MemberType.Name
131
+ )
132
+ ),
133
+ _react2.default.createElement(
134
+ 'div',
135
+ { className: 'member-info-container' },
136
+ _react2.default.createElement(
137
+ 'div',
138
+ { className: 'member-infos' },
139
+ _react2.default.createElement(
140
+ 'h1',
141
+ { className: 'member-info-name' },
142
+ Name
143
+ ),
144
+ _react2.default.createElement(
145
+ 'p',
146
+ { className: 'member-phone' },
147
+ Mobilephone || CardCode
148
+ )
149
+ ),
150
+ _react2.default.createElement(
151
+ 'div',
152
+ { className: 'member-money' },
153
+ _react2.default.createElement(
154
+ 'div',
155
+ { className: 'score' },
156
+ _react2.default.createElement(
157
+ 'span',
158
+ null,
159
+ (0, _utils.formatPrecision)(BalanceIntegral, precisionInfo.BalanceIntegral),
160
+ '\u79EF\u5206'
161
+ )
162
+ ),
163
+ _react2.default.createElement(
164
+ 'div',
165
+ { className: 'balance' },
166
+ _react2.default.createElement(
167
+ 'span',
168
+ null,
169
+ BalanceStorage ? (0, _utils.formatPrecision)(BalanceStorage, precisionInfo.BalanceStorage) : 0,
170
+ '\u4F59\u989D'
171
+ )
172
+ )
173
+ ),
174
+ IsEnableUMember && _react2.default.createElement(
175
+ 'div',
176
+ { className: 'member-tag' },
177
+ labels.map(function (item, key) {
178
+ return _react2.default.createElement(
179
+ 'span',
180
+ { key: key },
181
+ item
182
+ );
183
+ })
184
+ )
185
+ ),
186
+ isSelected && _react2.default.createElement(
187
+ 'div',
188
+ { className: 'member-selected-icon' },
189
+ _react2.default.createElement(
190
+ 'div',
191
+ { className: 'member-selected-icon-arrow' },
192
+ _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'huiyuanxuanzhong' })
193
+ )
194
+ )
195
+ );
196
+ };
197
+
198
+ _this.getCardItemRender = function () {
199
+ var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
200
+ var key = arguments[1];
201
+ var IsEnableUMember = arguments[2];
202
+ var StorageCardNo = item.StorageCardNo,
203
+ Name = item.Name,
204
+ BalanceStorage = item.BalanceStorage,
205
+ IsSale = item.IsSale,
206
+ CardTypeEnum = item.CardTypeEnum;
207
+ var _this$props2 = _this.props,
208
+ selected = _this$props2.selected,
209
+ setCardInfo = _this$props2.setCardInfo;
210
+
211
+ var isSelected = selected === key;
212
+ return _react2.default.createElement(
213
+ 'div',
214
+ { key: key, className: 'swiper-slide member-item-slide member-card-slide ' + (isSelected ? 'slide-selected' : ''), onClick: function onClick() {
215
+ return setCardInfo(key, item);
216
+ } },
217
+ _react2.default.createElement(
218
+ 'div',
219
+ { className: 'member-card-num' },
220
+ StorageCardNo
221
+ ),
222
+ _react2.default.createElement(
223
+ 'div',
224
+ { className: 'member-card-name' },
225
+ Name
226
+ ),
227
+ _react2.default.createElement(
228
+ 'div',
229
+ { className: 'member-card-balance' },
230
+ IsSale === 'SOLD' || CardTypeEnum === 'BALANCE_CARD' ? (0, _utils.formatPrecision)(BalanceStorage, 2) : (0, _utils.formatPrecision)(0, 2),
231
+ _react2.default.createElement(
232
+ 'span',
233
+ null,
234
+ '\u4F59\u989D'
235
+ )
236
+ ),
237
+ isSelected && _react2.default.createElement(
238
+ 'div',
239
+ { className: 'member-selected-icon' },
240
+ _react2.default.createElement(
241
+ 'div',
242
+ { className: 'member-selected-icon-arrow' },
243
+ _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'huiyuanxuanzhong' })
244
+ )
245
+ )
246
+ );
247
+ };
248
+
249
+ _this.state = {
250
+ memberLength: 0,
251
+ cardListLength: 0
252
+ };
253
+ return _this;
254
+ }
255
+
256
+ (0, _createClass3.default)(MemberCardList, [{
257
+ key: 'componentDidUpdate',
258
+ value: function componentDidUpdate() {
259
+ var _this2 = this;
260
+
261
+ var _props = this.props,
262
+ _props$memberList = _props.memberList,
263
+ memberList = _props$memberList === undefined ? [] : _props$memberList,
264
+ cardList = _props.cardList,
265
+ storeKey = _props.storeKey;
266
+ var _state = this.state,
267
+ memberLength = _state.memberLength,
268
+ cardListLength = _state.cardListLength;
269
+
270
+ var setStateName = storeKey === 'memberManager' ? 'memberLength' : 'cardListLength';
271
+ var listLength = storeKey === 'memberManager' ? memberLength : cardListLength;
272
+ var listName = storeKey === 'memberManager' ? memberList : cardList;
273
+ if (listName.length !== listLength) {
274
+ this.setState((0, _defineProperty3.default)({}, setStateName, listName.length), function () {
275
+ if (_this2.memberSwiper) {
276
+ _this2.memberSwiper.updateSlides();
277
+ } else {
278
+ _this2.initSwiper();
279
+ }
280
+ });
281
+ }
282
+ }
283
+ }, {
284
+ key: 'componentWillUnmount',
285
+ value: function componentWillUnmount() {
286
+ this.memberSwiper && this.memberSwiper.destroy(false);
287
+ this.memberSwiper = undefined;
288
+ }
289
+ }, {
290
+ key: 'initSwiper',
291
+ value: function initSwiper() {
292
+ this.memberSwiper = new _swiper2.default('.swiper-member-container', {
293
+ direction: 'vertical',
294
+ slidesPerView: 'auto',
295
+ mousewheel: true,
296
+ watchSlidesProgress: true,
297
+ freeMode: true,
298
+ on: {
299
+ progress: this.props.progressListen
300
+ },
301
+ scrollbar: {
302
+ el: '.swiper-scrollbar',
303
+ hide: true
304
+ }
305
+ });
306
+ }
307
+ // 渲染会员列表里面的每一项
308
+
309
+ // 渲染储值卡列表中的每一项
310
+
311
+ }, {
312
+ key: 'render',
313
+ value: function render() {
314
+ var _this3 = this;
315
+
316
+ var user = JSON.parse(localStorage.getItem('user')) || {};
317
+ var _user$loginInfo = user.loginInfo;
318
+ _user$loginInfo = _user$loginInfo === undefined ? {} : _user$loginInfo;
319
+ var IsEnableUMember = _user$loginInfo.IsEnableUMember;
320
+ var _props2 = this.props,
321
+ memberList = _props2.memberList,
322
+ precisionInfo = _props2.precisionInfo,
323
+ loadmoreLoading = _props2.loadmoreLoading,
324
+ nomoreData = _props2.nomoreData,
325
+ title = _props2.title,
326
+ storeKey = _props2.storeKey,
327
+ _props2$cardList = _props2.cardList,
328
+ cardList = _props2$cardList === undefined ? [] : _props2$cardList;
329
+
330
+ var noList = storeKey === 'memberManager' ? !memberList.length : !cardList.length;
331
+ return _react2.default.createElement(
332
+ 'div',
333
+ { className: 'member-card-list-side', style: { display: noList ? 'none' : 'block' } },
334
+ _react2.default.createElement(
335
+ 'div',
336
+ { className: 'swiper-member-container', style: { height: '100%' } },
337
+ storeKey === 'memberManager' && _react2.default.createElement(
338
+ 'div',
339
+ { className: 'swiper-wrapper' },
340
+ memberList.map(function (value, key) {
341
+ return _this3.getMemberCardItemRender(value, key, IsEnableUMember, precisionInfo);
342
+ }),
343
+ !memberList.length && _react2.default.createElement(
344
+ 'span',
345
+ { className: 'empty-data-tip', style: { marginTop: 30 } },
346
+ '\u6CA1\u6709\u76F8\u5173\u6570\u636E~'
347
+ ),
348
+ loadmoreLoading && _react2.default.createElement(
349
+ 'span',
350
+ { className: 'empty-data-tip empty-data-tip-member-card' },
351
+ '\u6570\u636E\u52A0\u8F7D\u4E2D ...'
352
+ ),
353
+ nomoreData && _react2.default.createElement(
354
+ 'span',
355
+ { className: 'empty-data-tip empty-data-tip-member-card' },
356
+ '\u6CA1\u6709\u66F4\u591A\u6570\u636E\u4E86~'
357
+ )
358
+ ),
359
+ storeKey === 'memberStorage' && _react2.default.createElement(
360
+ 'div',
361
+ { className: 'swiper-wrapper' },
362
+ cardList.map(function (value, key) {
363
+ return _this3.getCardItemRender(value, key, IsEnableUMember);
364
+ }),
365
+ !cardList.length && _react2.default.createElement(
366
+ 'span',
367
+ { className: 'empty-data-tip', style: { marginTop: 30 } },
368
+ '\u6CA1\u6709\u76F8\u5173\u6570\u636E~'
369
+ ),
370
+ loadmoreLoading && _react2.default.createElement(
371
+ 'span',
372
+ { className: 'empty-data-tip empty-data-tip-member-card' },
373
+ '\u6570\u636E\u52A0\u8F7D\u4E2D ...'
374
+ ),
375
+ nomoreData && _react2.default.createElement(
376
+ 'span',
377
+ { className: 'empty-data-tip empty-data-tip-member-card' },
378
+ '\u6CA1\u6709\u66F4\u591A\u6570\u636E\u4E86~'
379
+ )
380
+ ),
381
+ _react2.default.createElement('div', { className: 'swiper-scrollbar' })
382
+ )
383
+ );
384
+ }
385
+ }]);
386
+ return MemberCardList;
387
+ }(_react.Component); /*
388
+ 会员/储值卡列表
389
+ */
390
+
391
+
392
+ exports.default = MemberCardList;
393
+ //# sourceMappingURL=MemberCardList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["tplus-member/member/MemberCardList.js"],"names":["MemberCardList","props","memberSwiper","undefined","resetSlideTop","slideTo","getMemberCardItemRender","item","key","IsEnableUMember","precisionInfo","ID","Name","Mobilephone","CardCode","BalanceIntegral","BalanceStorage","MemberType","IsFocusUmember","UmemberLabel","ImageFile","ExpirationDate","isExpiration","isUserLogout","UmemberOpenId","getMemberStateStamp","loadUserInfo","selected","isCC","iconItems","labels","split","defaultAvatar","isSelected","length","map","getCardItemRender","StorageCardNo","IsSale","CardTypeEnum","setCardInfo","state","memberLength","cardListLength","memberList","cardList","storeKey","setStateName","listLength","listName","setState","updateSlides","initSwiper","destroy","Swiper","direction","slidesPerView","mousewheel","watchSlidesProgress","freeMode","on","progress","progressListen","scrollbar","el","hide","user","JSON","parse","localStorage","getItem","loginInfo","loadmoreLoading","nomoreData","title","noList","display","height","value","marginTop","Component"],"mappings":"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","file":"MemberCardList.js","sourcesContent":["/*\r\n 会员/储值卡列表\r\n*/\r\nimport React, { Component } from 'react'\r\nimport { formatPrecision } from '../utils';\r\nimport { Ticon } from 'tplus-components-touch';\r\nimport Swiper from 'swiper/dist/js/swiper.js';\r\nimport 'swiper/dist/css/swiper.min.css';\r\n\r\nexport default class MemberCardList extends Component {\r\n memberSwiper = undefined\r\n constructor (props) {\r\n super(props)\r\n this.state = {\r\n memberLength: 0,\r\n cardListLength: 0\r\n }\r\n }\r\n componentDidUpdate () {\r\n const { memberList = [], cardList, storeKey} = this.props\r\n const { memberLength, cardListLength } = this.state\r\n const setStateName = storeKey === 'memberManager' ? 'memberLength' : 'cardListLength'\r\n const listLength = storeKey === 'memberManager' ? memberLength : cardListLength\r\n const listName = storeKey === 'memberManager' ? memberList : cardList\r\n if (listName.length !== listLength) {\r\n this.setState({[setStateName]: listName.length}, () => {\r\n if (this.memberSwiper) {\r\n this.memberSwiper.updateSlides();\r\n } else {\r\n this.initSwiper()\r\n }\r\n })\r\n }\r\n }\r\n componentWillUnmount() {\r\n this.memberSwiper && this.memberSwiper.destroy(false);\r\n this.memberSwiper = undefined;\r\n }\r\n initSwiper () {\r\n this.memberSwiper = new Swiper('.swiper-member-container', {\r\n direction: 'vertical',\r\n slidesPerView: 'auto',\r\n mousewheel: true,\r\n watchSlidesProgress : true,\r\n freeMode: true,\r\n on: {\r\n progress: this.props.progressListen\r\n },\r\n scrollbar: {\r\n el: '.swiper-scrollbar',\r\n hide: true,\r\n }\r\n });\r\n }\r\n resetSlideTop = () => {\r\n if (this.memberSwiper) {\r\n this.memberSwiper.slideTo(0, 0, false);\r\n }\r\n }\r\n // 渲染会员列表里面的每一项\r\n getMemberCardItemRender = (item = {}, key, IsEnableUMember, precisionInfo = {}) => {\r\n const {\r\n ID, Name, Mobilephone, CardCode, BalanceIntegral, BalanceStorage, MemberType = {},\r\n IsFocusUmember, UmemberLabel = '', ImageFile, ExpirationDate = '', isExpiration, isUserLogout, UmemberOpenId\r\n } = item;\r\n const {\r\n getMemberStateStamp,\r\n loadUserInfo,\r\n selected,\r\n isCC\r\n } = this.props\r\n const iconItems = getMemberStateStamp(item);\r\n const labels = UmemberLabel ? UmemberLabel.split(',') : [];\r\n const defaultAvatar = 'https://newretail.static.chanjet.com/default_avatar.png';\r\n const isSelected = selected === key;\r\n return (\r\n <div key={key + 'getMemberCardItemRender'} className={`swiper-slide member-item-slide ${isSelected ? 'slide-selected' : ''}`} onClick={() => loadUserInfo(key, ID, item)}>\r\n {\r\n iconItems && iconItems.length > 0 &&\r\n <div className='memberstate-stamp'>\r\n {iconItems}\r\n </div>\r\n }\r\n <div className='card-avatar'>\r\n <div className='avatar-box'>\r\n <img src={ImageFile || defaultAvatar} width={60} height={60}/>\r\n {IsEnableUMember && <div className={`avatar-bage ${UmemberOpenId ? 'bage-follow' : ''}`}>\r\n <div className='avatar-bage-scale'>{UmemberOpenId ? '已关注' : '未关注'}</div>\r\n </div>}\r\n </div>\r\n </div>\r\n <div className='member-level'>\r\n <span>{MemberType.Name}</span>\r\n </div>\r\n <div className='member-info-container'>\r\n <div className='member-infos'>\r\n <h1 className='member-info-name'>{Name}</h1>\r\n <p className='member-phone'>{Mobilephone || CardCode}</p>\r\n </div>\r\n <div className='member-money'>\r\n <div className='score'>\r\n <span>{formatPrecision(BalanceIntegral, precisionInfo.BalanceIntegral)}积分</span>\r\n </div>\r\n <div className='balance'>\r\n <span>{BalanceStorage ? formatPrecision(BalanceStorage, precisionInfo.BalanceStorage) : 0}余额</span>\r\n </div>\r\n </div>\r\n {IsEnableUMember && <div className='member-tag'>\r\n {labels.map((item, key) => <span key={key}>{item}</span>)}\r\n </div>}\r\n </div>\r\n {\r\n isSelected && <div className='member-selected-icon'>\r\n <div className='member-selected-icon-arrow'>\r\n <Ticon type='huiyuanxuanzhong' />\r\n </div>\r\n </div>\r\n }\r\n </div>\r\n );\r\n };\r\n // 渲染储值卡列表中的每一项\r\n getCardItemRender = (item = {}, key, IsEnableUMember) => {\r\n const {\r\n StorageCardNo,\r\n Name,\r\n BalanceStorage,\r\n IsSale,\r\n CardTypeEnum\r\n } = item;\r\n const {\r\n selected,\r\n setCardInfo\r\n } = this.props\r\n const isSelected = selected === key;\r\n return (\r\n <div key={key} className={`swiper-slide member-item-slide member-card-slide ${isSelected ? 'slide-selected' : ''}`} onClick={() => setCardInfo(key, item)}>\r\n {/* 卡号 开始 */}\r\n <div className=\"member-card-num\">{StorageCardNo}</div>\r\n {/* 卡号 结束 */}\r\n {/* 卡名称 开始 */}\r\n <div className=\"member-card-name\">{Name}</div>\r\n {/* 卡名称 结束 */}\r\n {/* 卡余额 开始 */}\r\n <div className=\"member-card-balance\">\r\n {\r\n IsSale === 'SOLD' || CardTypeEnum === 'BALANCE_CARD' ? formatPrecision(BalanceStorage, 2) : formatPrecision(0, 2)\r\n }\r\n <span>余额</span>\r\n </div>\r\n {/* 卡余额 结束 */}\r\n {/* 选中图标 开始 */}\r\n {\r\n isSelected && <div className='member-selected-icon'>\r\n <div className='member-selected-icon-arrow'>\r\n <Ticon type='huiyuanxuanzhong' />\r\n </div>\r\n </div>\r\n }\r\n {/* 选中图标 结束 */}\r\n </div>\r\n );\r\n }\r\n render () {\r\n const user = JSON.parse(localStorage.getItem('user')) || {};\r\n const { loginInfo: { IsEnableUMember } = {} } = user;\r\n const {\r\n memberList,\r\n precisionInfo,\r\n loadmoreLoading,\r\n nomoreData,\r\n title,\r\n storeKey,\r\n cardList = []\r\n } = this.props\r\n const noList = storeKey === 'memberManager' ? !memberList.length : !cardList.length;\r\n return (\r\n <div className='member-card-list-side' style={{ display: noList ? 'none' : 'block' }}>\r\n <div className=\"swiper-member-container\" style={{ height: '100%' }}>\r\n {\r\n storeKey === 'memberManager' &&\r\n <div className=\"swiper-wrapper\">\r\n {\r\n memberList.map((value, key) => this.getMemberCardItemRender(value, key, IsEnableUMember, precisionInfo))\r\n }\r\n {\r\n !memberList.length && <span className='empty-data-tip' style={{ marginTop: 30 }}>没有相关数据~</span>\r\n }\r\n {\r\n loadmoreLoading && <span className='empty-data-tip empty-data-tip-member-card'>数据加载中 ...</span>\r\n }\r\n {\r\n nomoreData && <span className='empty-data-tip empty-data-tip-member-card'>没有更多数据了~</span>\r\n }\r\n </div>\r\n }\r\n {\r\n storeKey === 'memberStorage' &&\r\n <div className=\"swiper-wrapper\">\r\n {\r\n cardList.map((value, key) => this.getCardItemRender(value, key, IsEnableUMember))\r\n }\r\n {\r\n !cardList.length && <span className='empty-data-tip' style={{ marginTop: 30 }}>没有相关数据~</span>\r\n }\r\n {\r\n loadmoreLoading && <span className='empty-data-tip empty-data-tip-member-card'>数据加载中 ...</span>\r\n }\r\n {\r\n nomoreData && <span className='empty-data-tip empty-data-tip-member-card'>没有更多数据了~</span>\r\n }\r\n </div>\r\n }\r\n <div className=\"swiper-scrollbar\" />\r\n </div>\r\n </div>\r\n )\r\n }\r\n}"]}
@@ -112,7 +112,8 @@ var MemberModal = (0, _mobxReact.observer)(_class = (_temp = _class2 = function
112
112
  _props$mode = _props.mode,
113
113
  mode = _props$mode === undefined ? 'formal' : _props$mode,
114
114
  authProcess = _props.authProcess,
115
- selectMemberSuccess = _props.selectMemberSuccess;
115
+ selectMemberSuccess = _props.selectMemberSuccess,
116
+ storeKey = _props.storeKey;
116
117
 
117
118
  return _react2.default.createElement(
118
119
  _modal2.default,
@@ -141,6 +142,7 @@ var MemberModal = (0, _mobxReact.observer)(_class = (_temp = _class2 = function
141
142
  _this2.obj = obj;
142
143
  },
143
144
  status: status,
145
+ storeKey: storeKey,
144
146
  showModal: showModal,
145
147
  titleModal: titleModal,
146
148
  selectChange: this.selectChange,
@@ -1 +1 @@
1
- {"version":3,"sources":["tplus-member/member/MemberShow.js"],"names":["MemberModal","observer","props","selectedInfo","selectChange","value","modalOnEnter","parentModal","document","querySelector","parentElement","classList","add","controllerEvent","methodName","methodArgs","context","onEvent","Action","fromJS","viewModel","state","select","onOk","bind","onCancel","MemberStore","memberStore","handleModal","status","showModal","titleModal","viewMemberInfo","columnInfo","mode","authProcess","selectMemberSuccess","height","padding","obj","memberInfo","Component","contextTypes","PropTypes","func","object","stores"],"mappings":"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","file":"MemberShow.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { Modal } from 'antd';\r\nimport { Action } from 'mutants-appfx'\r\nimport {PropTypes} from 'prop-types'\r\nimport { observer } from 'mobx-react';\r\nimport ShopMember from './ShopMember';\r\nimport memberStore from './api';\r\nimport './index.less';\r\n\r\n@observer\r\nexport default class MemberModal extends Component {\r\n\r\n selectedInfo = {};\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n select: -1\r\n }\r\n this.onOk = this.onOk.bind(this);\r\n this.onCancel = this.onCancel.bind(this);\r\n this.MemberStore = memberStore;\r\n }\r\n static contextTypes = {\r\n onEvent:PropTypes.func,\r\n viewModel: PropTypes.object,\r\n stores:PropTypes.object\r\n }\r\n onCancel() {\r\n this.props.handleModal(false)\r\n this.controllerEvent('setInventoryFocus')\r\n }\r\n onOk() {\r\n this.props.handleModal(false);\r\n }\r\n\r\n selectChange = (value) => {\r\n this.selectedInfo = value;\r\n }\r\n\r\n modalOnEnter = (value) => {\r\n const parentModal = (document.querySelector('.MemberShowContainer') || {}).parentElement;\r\n parentModal && parentModal.classList.add('member-modal-wrapper');\r\n }\r\n\r\n controllerEvent = (methodName, methodArgs) => {\r\n this.context.onEvent({ 'controllerEvent': Action.fromJS(this.context.viewModel, methodName) }, 'controllerEvent', methodArgs);\r\n }\r\n\r\n render() {\r\n const { status, showModal, titleModal, viewMemberInfo, columnInfo, mode ='formal',authProcess, selectMemberSuccess } = this.props;\r\n return (\r\n <Modal\r\n width={935}\r\n visible={showModal}\r\n onCancel={this.onCancel}\r\n maskClosable={false}\r\n className='MemberShowContainer member-modal-animation'\r\n wrapClassName=\"member-modal-wrapper\"\r\n onEntering={this.modalOnEnter}\r\n closable\r\n centered={true}\r\n title={titleModal}\r\n footer={null}\r\n destroyOnClose={true}\r\n >\r\n <div className='body member-show-body' style={{height: 500, padding: 0}}>\r\n <ShopMember\r\n mode={mode}\r\n authProcess={authProcess}\r\n defaultActiveKey='2'\r\n ref={(obj) => { this.obj = obj }}\r\n status={status}\r\n showModal={showModal}\r\n titleModal={titleModal}\r\n selectChange={this.selectChange}\r\n viewMemberInfo={viewMemberInfo}\r\n columnInfo={columnInfo}\r\n onCancel={this.onCancel}\r\n onOk={this.onOk}\r\n selectMemberSuccess={selectMemberSuccess}\r\n memberChange={(memberInfo) => { this.controllerEvent('changeMember', memberInfo) }}\r\n />\r\n </div>\r\n </Modal>\r\n );\r\n }\r\n}\r\n"]}
1
+ {"version":3,"sources":["tplus-member/member/MemberShow.js"],"names":["MemberModal","observer","props","selectedInfo","selectChange","value","modalOnEnter","parentModal","document","querySelector","parentElement","classList","add","controllerEvent","methodName","methodArgs","context","onEvent","Action","fromJS","viewModel","state","select","onOk","bind","onCancel","MemberStore","memberStore","handleModal","status","showModal","titleModal","viewMemberInfo","columnInfo","mode","authProcess","selectMemberSuccess","storeKey","height","padding","obj","memberInfo","Component","contextTypes","PropTypes","func","object","stores"],"mappings":"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","file":"MemberShow.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { Modal } from 'antd';\r\nimport { Action } from 'mutants-appfx'\r\nimport {PropTypes} from 'prop-types'\r\nimport { observer } from 'mobx-react';\r\nimport ShopMember from './ShopMember';\r\nimport memberStore from './api';\r\nimport './index.less';\r\n\r\n@observer\r\nexport default class MemberModal extends Component {\r\n\r\n selectedInfo = {};\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n select: -1\r\n }\r\n this.onOk = this.onOk.bind(this);\r\n this.onCancel = this.onCancel.bind(this);\r\n this.MemberStore = memberStore;\r\n }\r\n static contextTypes = {\r\n onEvent:PropTypes.func,\r\n viewModel: PropTypes.object,\r\n stores:PropTypes.object\r\n }\r\n onCancel() {\r\n this.props.handleModal(false)\r\n this.controllerEvent('setInventoryFocus')\r\n }\r\n onOk() {\r\n this.props.handleModal(false);\r\n }\r\n\r\n selectChange = (value) => {\r\n this.selectedInfo = value;\r\n }\r\n\r\n modalOnEnter = (value) => {\r\n const parentModal = (document.querySelector('.MemberShowContainer') || {}).parentElement;\r\n parentModal && parentModal.classList.add('member-modal-wrapper');\r\n }\r\n\r\n controllerEvent = (methodName, methodArgs) => {\r\n this.context.onEvent({ 'controllerEvent': Action.fromJS(this.context.viewModel, methodName) }, 'controllerEvent', methodArgs);\r\n }\r\n\r\n render() {\r\n const { status, showModal, titleModal, viewMemberInfo, columnInfo, mode ='formal',authProcess, selectMemberSuccess, storeKey } = this.props;\r\n return (\r\n <Modal\r\n width={935}\r\n visible={showModal}\r\n onCancel={this.onCancel}\r\n maskClosable={false}\r\n className='MemberShowContainer member-modal-animation'\r\n wrapClassName=\"member-modal-wrapper\"\r\n onEntering={this.modalOnEnter}\r\n closable\r\n centered={true}\r\n title={titleModal}\r\n footer={null}\r\n destroyOnClose={true}\r\n >\r\n <div className='body member-show-body' style={{height: 500, padding: 0}}>\r\n <ShopMember\r\n mode={mode}\r\n authProcess={authProcess}\r\n defaultActiveKey='2'\r\n ref={(obj) => { this.obj = obj }}\r\n status={status}\r\n storeKey={storeKey}\r\n showModal={showModal}\r\n titleModal={titleModal}\r\n selectChange={this.selectChange}\r\n viewMemberInfo={viewMemberInfo}\r\n columnInfo={columnInfo}\r\n onCancel={this.onCancel}\r\n onOk={this.onOk}\r\n selectMemberSuccess={selectMemberSuccess}\r\n memberChange={(memberInfo) => { this.controllerEvent('changeMember', memberInfo) }}\r\n />\r\n </div>\r\n </Modal>\r\n );\r\n }\r\n}\r\n"]}