tplus-member 3.30.1 → 3.31.4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.js +6 -1
- package/dist/index.js.map +1 -1
- package/dist/member/MemberCardList.js +392 -0
- package/dist/member/MemberCardList.js.map +1 -0
- package/dist/member/MemberShow.js +3 -1
- package/dist/member/MemberShow.js.map +1 -1
- package/dist/member/ShopMember.js +274 -268
- package/dist/member/ShopMember.js.map +1 -1
- package/dist/member/ShopMember.less +115 -10
- package/dist/member/ShopMemberStorage.js +451 -0
- package/dist/member/ShopMemberStorage.js.map +1 -0
- package/dist/member/api.js +277 -42
- package/dist/member/api.js.map +1 -1
- package/dist/member/index.js +131 -115
- package/dist/member/index.js.map +1 -1
- package/dist/member/memberMenu/bindCard/index.js +295 -0
- package/dist/member/memberMenu/bindCard/index.js.map +1 -0
- package/dist/member/memberMenu/bindCard/style.less +8 -0
- package/dist/member/memberMenu/index.js +503 -352
- package/dist/member/memberMenu/index.js.map +1 -1
- package/dist/member/memberMenu/modifyPass/index.js +0 -2
- package/dist/member/memberMenu/modifyPass/index.js.map +1 -1
- package/dist/member/memberMenu/style.less +44 -1
- package/dist/member/memberMenuStorage/bindCard/index.js +172 -0
- package/dist/member/memberMenuStorage/bindCard/index.js.map +1 -0
- package/dist/member/memberMenuStorage/bindCard/style.less +8 -0
- package/dist/member/memberMenuStorage/changeMemberCard/index.js +260 -0
- package/dist/member/memberMenuStorage/changeMemberCard/index.js.map +1 -0
- package/dist/member/memberMenuStorage/changeMemberCard/style.less +43 -0
- package/dist/member/memberMenuStorage/index.js +1679 -0
- package/dist/member/memberMenuStorage/index.js.map +1 -0
- package/dist/member/memberMenuStorage/modifyPass/index.js +420 -0
- package/dist/member/memberMenuStorage/modifyPass/index.js.map +1 -0
- package/dist/member/memberMenuStorage/modifyPass/store.js +426 -0
- package/dist/member/memberMenuStorage/modifyPass/store.js.map +1 -0
- package/dist/member/memberMenuStorage/modifyPass/style.less +96 -0
- package/dist/member/memberMenuStorage/style.less +130 -0
- package/dist/member/memberTab/MemberCardInfo.js +89 -0
- package/dist/member/memberTab/MemberCardInfo.js.map +1 -0
- package/dist/member/memberTab/MemberManager.js +643 -0
- package/dist/member/memberTab/MemberManager.js.map +1 -0
- package/dist/member/memberTab/MemberStorage.js +176 -0
- package/dist/member/memberTab/MemberStorage.js.map +1 -0
- package/dist/member/memberTab/index.js +133 -0
- package/dist/member/memberTab/index.js.map +1 -0
- package/dist/member/memberTab.js +58 -11
- package/dist/member/memberTab.js.map +1 -1
- package/dist/stores/MemberStore.js +25 -20
- package/dist/stores/MemberStore.js.map +1 -1
- package/dist/utils.js +15 -1
- package/dist/utils.js.map +1 -1
- package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js +1 -0
- package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js.map +1 -1
- package/dist/views/MemberOrderView.js +1 -1
- package/dist/views/MemberOrderView.js.map +1 -1
- package/dist/views/MemberStoreNew.less +1 -3
- package/dist/views/MemberStoreNewView.js +14 -26
- package/dist/views/MemberStoreNewView.js.map +1 -1
- package/package.json +28 -28
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":";;;;;;;;;;;;;;;;
|
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,392 @@
|
|
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
|
+
var _this$props2 = _this.props,
|
207
|
+
selected = _this$props2.selected,
|
208
|
+
setCardInfo = _this$props2.setCardInfo;
|
209
|
+
|
210
|
+
var isSelected = selected === key;
|
211
|
+
return _react2.default.createElement(
|
212
|
+
'div',
|
213
|
+
{ key: key, className: 'swiper-slide member-item-slide member-card-slide ' + (isSelected ? 'slide-selected' : ''), onClick: function onClick() {
|
214
|
+
return setCardInfo(key, item);
|
215
|
+
} },
|
216
|
+
_react2.default.createElement(
|
217
|
+
'div',
|
218
|
+
{ className: 'member-card-num' },
|
219
|
+
StorageCardNo
|
220
|
+
),
|
221
|
+
_react2.default.createElement(
|
222
|
+
'div',
|
223
|
+
{ className: 'member-card-name' },
|
224
|
+
Name
|
225
|
+
),
|
226
|
+
_react2.default.createElement(
|
227
|
+
'div',
|
228
|
+
{ className: 'member-card-balance' },
|
229
|
+
IsSale === 'SOLD' ? (0, _utils.formatPrecision)(BalanceStorage, 2) : (0, _utils.formatPrecision)(0, 2),
|
230
|
+
_react2.default.createElement(
|
231
|
+
'span',
|
232
|
+
null,
|
233
|
+
'\u4F59\u989D'
|
234
|
+
)
|
235
|
+
),
|
236
|
+
isSelected && _react2.default.createElement(
|
237
|
+
'div',
|
238
|
+
{ className: 'member-selected-icon' },
|
239
|
+
_react2.default.createElement(
|
240
|
+
'div',
|
241
|
+
{ className: 'member-selected-icon-arrow' },
|
242
|
+
_react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'huiyuanxuanzhong' })
|
243
|
+
)
|
244
|
+
)
|
245
|
+
);
|
246
|
+
};
|
247
|
+
|
248
|
+
_this.state = {
|
249
|
+
memberLength: 0,
|
250
|
+
cardListLength: 0
|
251
|
+
};
|
252
|
+
return _this;
|
253
|
+
}
|
254
|
+
|
255
|
+
(0, _createClass3.default)(MemberCardList, [{
|
256
|
+
key: 'componentDidUpdate',
|
257
|
+
value: function componentDidUpdate() {
|
258
|
+
var _this2 = this;
|
259
|
+
|
260
|
+
var _props = this.props,
|
261
|
+
_props$memberList = _props.memberList,
|
262
|
+
memberList = _props$memberList === undefined ? [] : _props$memberList,
|
263
|
+
cardList = _props.cardList,
|
264
|
+
storeKey = _props.storeKey;
|
265
|
+
var _state = this.state,
|
266
|
+
memberLength = _state.memberLength,
|
267
|
+
cardListLength = _state.cardListLength;
|
268
|
+
|
269
|
+
var setStateName = storeKey === 'memberManager' ? 'memberLength' : 'cardListLength';
|
270
|
+
var listLength = storeKey === 'memberManager' ? memberLength : cardListLength;
|
271
|
+
var listName = storeKey === 'memberManager' ? memberList : cardList;
|
272
|
+
if (listName.length !== listLength) {
|
273
|
+
this.setState((0, _defineProperty3.default)({}, setStateName, listName.length), function () {
|
274
|
+
if (_this2.memberSwiper) {
|
275
|
+
_this2.memberSwiper.updateSlides();
|
276
|
+
} else {
|
277
|
+
_this2.initSwiper();
|
278
|
+
}
|
279
|
+
});
|
280
|
+
}
|
281
|
+
}
|
282
|
+
}, {
|
283
|
+
key: 'componentWillUnmount',
|
284
|
+
value: function componentWillUnmount() {
|
285
|
+
this.memberSwiper && this.memberSwiper.destroy(false);
|
286
|
+
this.memberSwiper = undefined;
|
287
|
+
}
|
288
|
+
}, {
|
289
|
+
key: 'initSwiper',
|
290
|
+
value: function initSwiper() {
|
291
|
+
this.memberSwiper = new _swiper2.default('.swiper-member-container', {
|
292
|
+
direction: 'vertical',
|
293
|
+
slidesPerView: 'auto',
|
294
|
+
mousewheel: true,
|
295
|
+
watchSlidesProgress: true,
|
296
|
+
freeMode: true,
|
297
|
+
on: {
|
298
|
+
progress: this.props.progressListen
|
299
|
+
},
|
300
|
+
scrollbar: {
|
301
|
+
el: '.swiper-scrollbar',
|
302
|
+
hide: true
|
303
|
+
}
|
304
|
+
});
|
305
|
+
}
|
306
|
+
// 渲染会员列表里面的每一项
|
307
|
+
|
308
|
+
// 渲染储值卡列表中的每一项
|
309
|
+
|
310
|
+
}, {
|
311
|
+
key: 'render',
|
312
|
+
value: function render() {
|
313
|
+
var _this3 = this;
|
314
|
+
|
315
|
+
var user = JSON.parse(localStorage.getItem('user')) || {};
|
316
|
+
var _user$loginInfo = user.loginInfo;
|
317
|
+
_user$loginInfo = _user$loginInfo === undefined ? {} : _user$loginInfo;
|
318
|
+
var IsEnableUMember = _user$loginInfo.IsEnableUMember;
|
319
|
+
var _props2 = this.props,
|
320
|
+
memberList = _props2.memberList,
|
321
|
+
precisionInfo = _props2.precisionInfo,
|
322
|
+
loadmoreLoading = _props2.loadmoreLoading,
|
323
|
+
nomoreData = _props2.nomoreData,
|
324
|
+
title = _props2.title,
|
325
|
+
storeKey = _props2.storeKey,
|
326
|
+
_props2$cardList = _props2.cardList,
|
327
|
+
cardList = _props2$cardList === undefined ? [] : _props2$cardList;
|
328
|
+
|
329
|
+
var noList = storeKey === 'memberManager' ? !memberList.length : !cardList.length;
|
330
|
+
return _react2.default.createElement(
|
331
|
+
'div',
|
332
|
+
{ className: 'member-card-list-side', style: { display: noList ? 'none' : 'block' } },
|
333
|
+
_react2.default.createElement(
|
334
|
+
'div',
|
335
|
+
{ className: 'swiper-member-container', style: { height: '100%' } },
|
336
|
+
storeKey === 'memberManager' && _react2.default.createElement(
|
337
|
+
'div',
|
338
|
+
{ className: 'swiper-wrapper' },
|
339
|
+
memberList.map(function (value, key) {
|
340
|
+
return _this3.getMemberCardItemRender(value, key, IsEnableUMember, precisionInfo);
|
341
|
+
}),
|
342
|
+
!memberList.length && _react2.default.createElement(
|
343
|
+
'span',
|
344
|
+
{ className: 'empty-data-tip', style: { marginTop: 30 } },
|
345
|
+
'\u6CA1\u6709\u76F8\u5173\u6570\u636E~'
|
346
|
+
),
|
347
|
+
loadmoreLoading && _react2.default.createElement(
|
348
|
+
'span',
|
349
|
+
{ className: 'empty-data-tip empty-data-tip-member-card' },
|
350
|
+
'\u6570\u636E\u52A0\u8F7D\u4E2D ...'
|
351
|
+
),
|
352
|
+
nomoreData && _react2.default.createElement(
|
353
|
+
'span',
|
354
|
+
{ className: 'empty-data-tip empty-data-tip-member-card' },
|
355
|
+
'\u6CA1\u6709\u66F4\u591A\u6570\u636E\u4E86~'
|
356
|
+
)
|
357
|
+
),
|
358
|
+
storeKey === 'memberStorage' && _react2.default.createElement(
|
359
|
+
'div',
|
360
|
+
{ className: 'swiper-wrapper' },
|
361
|
+
cardList.map(function (value, key) {
|
362
|
+
return _this3.getCardItemRender(value, key, IsEnableUMember);
|
363
|
+
}),
|
364
|
+
!cardList.length && _react2.default.createElement(
|
365
|
+
'span',
|
366
|
+
{ className: 'empty-data-tip', style: { marginTop: 30 } },
|
367
|
+
'\u6CA1\u6709\u76F8\u5173\u6570\u636E~'
|
368
|
+
),
|
369
|
+
loadmoreLoading && _react2.default.createElement(
|
370
|
+
'span',
|
371
|
+
{ className: 'empty-data-tip empty-data-tip-member-card' },
|
372
|
+
'\u6570\u636E\u52A0\u8F7D\u4E2D ...'
|
373
|
+
),
|
374
|
+
nomoreData && _react2.default.createElement(
|
375
|
+
'span',
|
376
|
+
{ className: 'empty-data-tip empty-data-tip-member-card' },
|
377
|
+
'\u6CA1\u6709\u66F4\u591A\u6570\u636E\u4E86~'
|
378
|
+
)
|
379
|
+
),
|
380
|
+
_react2.default.createElement('div', { className: 'swiper-scrollbar' })
|
381
|
+
)
|
382
|
+
);
|
383
|
+
}
|
384
|
+
}]);
|
385
|
+
return MemberCardList;
|
386
|
+
}(_react.Component); /*
|
387
|
+
会员/储值卡列表
|
388
|
+
*/
|
389
|
+
|
390
|
+
|
391
|
+
exports.default = MemberCardList;
|
392
|
+
//# 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","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 } = 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' ? 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAEA;;AACA;;AACA;;AACA;;;;AACA;;;;AACA;;;;IAGqBA,W,OADpBC,mB;;;AAKG,yBAAYC,KAAZ,EAAmB;AAAA;;AAAA,oJACTA,KADS;;AAAA,cAFnBC,YAEmB,GAFJ,EAEI;;AAAA,cAsBnBC,YAtBmB,GAsBJ,UAACC,KAAD,EAAW;AACtB,kBAAKF,YAAL,GAAoBE,KAApB;AACH,SAxBkB;;AAAA,cA0BnBC,YA1BmB,GA0BJ,UAACD,KAAD,EAAW;AACxB,gBAAME,cAAc,CAACC,SAASC,aAAT,CAAuB,sBAAvB,KAAkD,EAAnD,EAAuDC,aAA3E;AACAH,2BAAeA,YAAYI,SAAZ,CAAsBC,GAAtB,CAA0B,sBAA1B,CAAf;AACD,SA7BkB;;AAAA,cA+BnBC,eA/BmB,GA+BD,UAACC,UAAD,EAAaC,UAAb,EAA4B;AAC1C,kBAAKC,OAAL,CAAaC,OAAb,CAAqB,EAAE,mBAAmBC,qBAAOC,MAAP,CAAc,MAAKH,OAAL,CAAaI,SAA3B,EAAsCN,UAAtC,CAArB,EAArB,EAA+F,iBAA/F,EAAkHC,UAAlH;AACH,SAjCkB;;AAEf,cAAKM,KAAL,GAAa;AACTC,oBAAQ,CAAC;AADA,SAAb;AAGA,cAAKC,IAAL,GAAY,MAAKA,IAAL,CAAUC,IAAV,OAAZ;AACA,cAAKC,QAAL,GAAgB,MAAKA,QAAL,CAAcD,IAAd,OAAhB;AACA,cAAKE,WAAL,GAAmBC,aAAnB;AAPe;AAQlB;;;;mCAMU;AACP,iBAAKzB,KAAL,CAAW0B,WAAX,CAAuB,KAAvB;AACA,iBAAKf,eAAL,CAAqB,mBAArB;AACH;;;+BACM;AACL,iBAAKX,KAAL,CAAW0B,WAAX,CAAuB,KAAvB;AACD;;;iCAeQ;AAAA;;AAAA,
|
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"]}
|