tplus-member 3.27.7 → 3.27.10
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/api.js +5 -5
- package/dist/api.js.map +1 -1
- package/dist/controllers/FeedbackController.js.map +1 -1
- package/dist/controllers/MemberOrderController.js +12 -12
- package/dist/controllers/MemberOrderController.js.map +1 -1
- package/dist/controllers/OpenCardController.js +7 -7
- package/dist/controllers/OpenCardController.js.map +1 -1
- package/dist/controllers/defaultConfig.js.map +1 -1
- package/dist/dataProvider/member.js +7 -7
- package/dist/dataProvider/member.js.map +1 -1
- package/dist/dataProvider/openCard.js.map +1 -1
- package/dist/domain/member/AuthProcess.js.map +1 -1
- package/dist/domain/member/CardCodeChangedProcessor.js +2 -2
- package/dist/domain/member/CardCodeChangedProcessor.js.map +1 -1
- package/dist/domain/member/CheckCardCodeAndCodeProcessor.js +2 -2
- package/dist/domain/member/CheckCardCodeAndCodeProcessor.js.map +1 -1
- package/dist/domain/member/CheckMobilephoneFormatProcessor.js +2 -2
- package/dist/domain/member/CheckMobilephoneFormatProcessor.js.map +1 -1
- package/dist/domain/member/CheckPresentAmountProcessor.js +2 -2
- package/dist/domain/member/CheckPresentAmountProcessor.js.map +1 -1
- package/dist/domain/member/EffectiveDateChangedProcessor.js +2 -2
- package/dist/domain/member/EffectiveDateChangedProcessor.js.map +1 -1
- package/dist/domain/member/GetThisPresentAmountProcessor.js +2 -2
- package/dist/domain/member/GetThisPresentAmountProcessor.js.map +1 -1
- package/dist/domain/member/InitDataProcessor.js +123 -123
- package/dist/domain/member/InitDataProcessor.js.map +1 -1
- package/dist/domain/member/IsMemberEffectiveProcessor.js +2 -2
- package/dist/domain/member/IsMemberEffectiveProcessor.js.map +1 -1
- package/dist/domain/member/IsMemberEnableProcessor.js +2 -2
- package/dist/domain/member/IsMemberEnableProcessor.js.map +1 -1
- package/dist/domain/member/IsMemberExpirationProcessor.js +2 -2
- package/dist/domain/member/IsMemberExpirationProcessor.js.map +1 -1
- package/dist/domain/member/IsMemberPasswordSameProcessor.js +2 -2
- package/dist/domain/member/IsMemberPasswordSameProcessor.js.map +1 -1
- package/dist/domain/member/IsMemberStorageForStoreProcessor.js +3 -3
- package/dist/domain/member/IsMemberStorageForStoreProcessor.js.map +1 -1
- package/dist/domain/member/MemberTypeChangedProcessor.js +4 -4
- package/dist/domain/member/MemberTypeChangedProcessor.js.map +1 -1
- package/dist/domain/member/MobilephoneChangedProcessor.js +4 -4
- package/dist/domain/member/MobilephoneChangedProcessor.js.map +1 -1
- package/dist/domain/member/PersonProcesser.js.map +1 -1
- package/dist/domain/member/PriuserdefChangedProcessor.js +2 -2
- package/dist/domain/member/PriuserdefChangedProcessor.js.map +1 -1
- package/dist/domain/operationLog/AddLogProcessor.js +6 -6
- package/dist/domain/operationLog/AddLogProcessor.js.map +1 -1
- package/dist/domain/operationLog/OperationConfig.js.map +1 -1
- package/dist/domain/operationLog/OperationLog.js.map +1 -1
- package/dist/index.js +6 -1
- package/dist/index.js.map +1 -1
- package/dist/member/MemberCardList.js +393 -0
- package/dist/member/MemberCardList.js.map +1 -0
- package/dist/member/MemberPhoto.js.map +1 -1
- 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 +636 -531
- 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/color.less +31 -31
- package/dist/member/index.js +141 -120
- package/dist/member/index.js.map +1 -1
- package/dist/member/index.less +570 -570
- 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/changeMemberCard/index.js.map +1 -1
- package/dist/member/memberMenu/changeMemberCard/style.less +42 -42
- 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/modifyPass/store.js.map +1 -1
- package/dist/member/memberMenu/modifyPass/style.less +96 -96
- package/dist/member/memberMenu/style.less +128 -85
- 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 +1807 -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 +640 -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/socket.js +13 -13
- package/dist/socket.js.map +1 -1
- package/dist/stores/MemberStore.js +26 -21
- package/dist/stores/MemberStore.js.map +1 -1
- package/dist/stores/index.js.map +1 -1
- package/dist/utils.js +15 -1
- package/dist/utils.js.map +1 -1
- package/dist/viewController/MemberOrderViewController.js.map +1 -1
- package/dist/viewDoMain/CheckMemberProcessorBlock.js +2 -2
- package/dist/viewDoMain/CheckMemberProcessorBlock.js.map +1 -1
- package/dist/viewDoMain/CheckMemberStorageProcessorBlock.js +2 -2
- package/dist/viewDoMain/CheckMemberStorageProcessorBlock.js.map +1 -1
- package/dist/viewDoMain/CheckSelectMemberProcessorBlock.js +2 -2
- package/dist/viewDoMain/CheckSelectMemberProcessorBlock.js.map +1 -1
- package/dist/viewDoMain/CheckUpdatePasswordProcessorBlock.js.map +1 -1
- package/dist/viewDoMain/MemberDataChangedProcessorBlock.js +2 -2
- package/dist/viewDoMain/MemberDataChangedProcessorBlock.js.map +1 -1
- package/dist/viewDoMain/MemberDataPreSaveProcessorBlock.js +2 -2
- package/dist/viewDoMain/MemberDataPreSaveProcessorBlock.js.map +1 -1
- package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js +3 -2
- package/dist/viewDoMain/StorageAmountChangedProcessorBlock.js.map +1 -1
- package/dist/viewModels/memberVoucher.js +3 -3
- package/dist/viewModels/memberVoucher.js.map +1 -1
- package/dist/views/MemberOrderView.js +6 -6
- package/dist/views/MemberOrderView.js.map +1 -1
- package/dist/views/MemberStore.less +143 -143
- package/dist/views/MemberStoreNew.less +228 -230
- package/dist/views/MemberStoreNewView.js +14 -26
- package/dist/views/MemberStoreNewView.js.map +1 -1
- package/dist/views/MemberStoreView.js.map +1 -1
- package/dist/views/MemberStoreViewContainer.js.map +1 -1
- package/dist/views/PresentDetail.less +118 -118
- package/dist/views/PresetDetailView.js.map +1 -1
- package/dist/views/memberOrder.less +54 -54
- package/locales/zh/tplus-portsetting.json +1 -1
- package/locales/zh-CN/tplus-portsetting.json +1 -1
- package/package.json +29 -29
@@ -0,0 +1,295 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.default = undefined;
|
7
|
+
|
8
|
+
var _input = require('antd/es/input');
|
9
|
+
|
10
|
+
var _input2 = _interopRequireDefault(_input);
|
11
|
+
|
12
|
+
var _regenerator = require('babel-runtime/regenerator');
|
13
|
+
|
14
|
+
var _regenerator2 = _interopRequireDefault(_regenerator);
|
15
|
+
|
16
|
+
var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
|
17
|
+
|
18
|
+
var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
|
19
|
+
|
20
|
+
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
|
21
|
+
|
22
|
+
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
|
23
|
+
|
24
|
+
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
25
|
+
|
26
|
+
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
27
|
+
|
28
|
+
var _createClass2 = require('babel-runtime/helpers/createClass');
|
29
|
+
|
30
|
+
var _createClass3 = _interopRequireDefault(_createClass2);
|
31
|
+
|
32
|
+
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
33
|
+
|
34
|
+
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
35
|
+
|
36
|
+
var _inherits2 = require('babel-runtime/helpers/inherits');
|
37
|
+
|
38
|
+
var _inherits3 = _interopRequireDefault(_inherits2);
|
39
|
+
|
40
|
+
require('antd/es/input/style');
|
41
|
+
|
42
|
+
var _react = require('react');
|
43
|
+
|
44
|
+
var _react2 = _interopRequireDefault(_react);
|
45
|
+
|
46
|
+
var _tplusComponentsTouch = require('tplus-components-touch');
|
47
|
+
|
48
|
+
require('./style.less');
|
49
|
+
|
50
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
51
|
+
|
52
|
+
var keyList = ['Shift', 'Backspace', 'Enter', 'Tab', 'CapsLock', 'Meta', 'Alt', 'Control', 'Delete'];
|
53
|
+
|
54
|
+
var BindCard = function (_Component) {
|
55
|
+
(0, _inherits3.default)(BindCard, _Component);
|
56
|
+
|
57
|
+
function BindCard(props) {
|
58
|
+
var _this2 = this;
|
59
|
+
|
60
|
+
(0, _classCallCheck3.default)(this, BindCard);
|
61
|
+
|
62
|
+
var _this = (0, _possibleConstructorReturn3.default)(this, (BindCard.__proto__ || (0, _getPrototypeOf2.default)(BindCard)).call(this, props));
|
63
|
+
|
64
|
+
_this.keyPressStamp = null;
|
65
|
+
_this.scanValue = '';
|
66
|
+
|
67
|
+
_this.onChange = function () {
|
68
|
+
var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(value) {
|
69
|
+
var newValue;
|
70
|
+
return _regenerator2.default.wrap(function _callee$(_context) {
|
71
|
+
while (1) {
|
72
|
+
switch (_context.prev = _context.next) {
|
73
|
+
case 0:
|
74
|
+
newValue = value;
|
75
|
+
// console.log(Date.now())
|
76
|
+
|
77
|
+
newValue = value.replace(/[^a-zA-Z0-9]/g, '');
|
78
|
+
// newValue = newValue.length > 16 ? newValue.substring(0, 16) : newValue
|
79
|
+
_context.next = 4;
|
80
|
+
return _this.setState({ value: newValue });
|
81
|
+
|
82
|
+
case 4:
|
83
|
+
_this.changeDisabled();
|
84
|
+
|
85
|
+
case 5:
|
86
|
+
case 'end':
|
87
|
+
return _context.stop();
|
88
|
+
}
|
89
|
+
}
|
90
|
+
}, _callee, _this2);
|
91
|
+
}));
|
92
|
+
|
93
|
+
return function (_x) {
|
94
|
+
return _ref.apply(this, arguments);
|
95
|
+
};
|
96
|
+
}();
|
97
|
+
|
98
|
+
_this.onPasswordChange = function () {
|
99
|
+
var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(password) {
|
100
|
+
return _regenerator2.default.wrap(function _callee2$(_context2) {
|
101
|
+
while (1) {
|
102
|
+
switch (_context2.prev = _context2.next) {
|
103
|
+
case 0:
|
104
|
+
_context2.next = 2;
|
105
|
+
return _this.setState({ password: password });
|
106
|
+
|
107
|
+
case 2:
|
108
|
+
_this.changeDisabled();
|
109
|
+
|
110
|
+
case 3:
|
111
|
+
case 'end':
|
112
|
+
return _context2.stop();
|
113
|
+
}
|
114
|
+
}
|
115
|
+
}, _callee2, _this2);
|
116
|
+
}));
|
117
|
+
|
118
|
+
return function (_x2) {
|
119
|
+
return _ref2.apply(this, arguments);
|
120
|
+
};
|
121
|
+
}();
|
122
|
+
|
123
|
+
_this.KeyboardShow = function (inputType) {
|
124
|
+
var bindCardClick = _this.props.bindCardClick;
|
125
|
+
|
126
|
+
var ref = inputType === 'value' ? _this.inputRef.input : _this.passwordRef.input;
|
127
|
+
_tplusComponentsTouch.Keyboard.open(function (v) {
|
128
|
+
var value = _tplusComponentsTouch.Keyboard.getNewValue(ref, _this.state.value, v);
|
129
|
+
inputType === 'value' && _this.onChange(value);
|
130
|
+
inputType === 'password' && _this.setState({ password: value });
|
131
|
+
}, function () {
|
132
|
+
// 点击键盘的确定按钮,设置disabled
|
133
|
+
_this.changeDisabled();
|
134
|
+
_tplusComponentsTouch.Keyboard.close();
|
135
|
+
bindCardClick && bindCardClick();
|
136
|
+
}, _this.keyboardClose)();
|
137
|
+
};
|
138
|
+
|
139
|
+
_this.keyboardClose = function () {
|
140
|
+
_this.changeDisabled();
|
141
|
+
_this.inputRef.blur();
|
142
|
+
};
|
143
|
+
|
144
|
+
_this.inputBlur = function () {
|
145
|
+
_tplusComponentsTouch.Keyboard.close();
|
146
|
+
_this.changeDisabled();
|
147
|
+
};
|
148
|
+
|
149
|
+
_this.handleKeyPress = function () {
|
150
|
+
var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(ev, value) {
|
151
|
+
var keyCode, key, currentStamp, newValue, password, bindCardClick;
|
152
|
+
return _regenerator2.default.wrap(function _callee3$(_context3) {
|
153
|
+
while (1) {
|
154
|
+
switch (_context3.prev = _context3.next) {
|
155
|
+
case 0:
|
156
|
+
keyCode = ev.keyCode, key = ev.key;
|
157
|
+
|
158
|
+
if (key && key.length && !keyList.includes(key)) _this.scanValue += key;
|
159
|
+
// 扫描录入会自动触发enter
|
160
|
+
|
161
|
+
if (!(keyCode === 13)) {
|
162
|
+
_context3.next = 14;
|
163
|
+
break;
|
164
|
+
}
|
165
|
+
|
166
|
+
currentStamp = Date.now();
|
167
|
+
// 触发enter事件的时候,如果当前触发事件-上次keyDown事件大于300毫秒,说明是手动录入,否则是扫描录入
|
168
|
+
|
169
|
+
if (!(currentStamp - _this.keyPressStamp <= 300)) {
|
170
|
+
_context3.next = 11;
|
171
|
+
break;
|
172
|
+
}
|
173
|
+
|
174
|
+
newValue = _this.scanValue.substring(0, 16);
|
175
|
+
password = _this.scanValue.substring(16);
|
176
|
+
bindCardClick = _this.props.bindCardClick;
|
177
|
+
_context3.next = 10;
|
178
|
+
return _this.setState({
|
179
|
+
value: newValue,
|
180
|
+
password: password
|
181
|
+
});
|
182
|
+
|
183
|
+
case 10:
|
184
|
+
bindCardClick();
|
185
|
+
|
186
|
+
case 11:
|
187
|
+
_this.scanValue = '';
|
188
|
+
_context3.next = 15;
|
189
|
+
break;
|
190
|
+
|
191
|
+
case 14:
|
192
|
+
// keydown的时候保存当前时间戳,用来做是手动录入的还是扫描录入的判断
|
193
|
+
_this.keyPressStamp = Date.now();
|
194
|
+
|
195
|
+
case 15:
|
196
|
+
_this.changeDisabled();
|
197
|
+
|
198
|
+
case 16:
|
199
|
+
case 'end':
|
200
|
+
return _context3.stop();
|
201
|
+
}
|
202
|
+
}
|
203
|
+
}, _callee3, _this2);
|
204
|
+
}));
|
205
|
+
|
206
|
+
return function (_x3, _x4) {
|
207
|
+
return _ref3.apply(this, arguments);
|
208
|
+
};
|
209
|
+
}();
|
210
|
+
|
211
|
+
_this.state = {
|
212
|
+
value: '',
|
213
|
+
password: ''
|
214
|
+
};
|
215
|
+
return _this;
|
216
|
+
}
|
217
|
+
|
218
|
+
(0, _createClass3.default)(BindCard, [{
|
219
|
+
key: 'componentDidMount',
|
220
|
+
value: function componentDidMount() {
|
221
|
+
// 设置输入框focus
|
222
|
+
this.inputRef.focus();
|
223
|
+
}
|
224
|
+
|
225
|
+
// 密码框
|
226
|
+
|
227
|
+
}, {
|
228
|
+
key: 'changeDisabled',
|
229
|
+
value: function changeDisabled() {
|
230
|
+
var _state = this.state,
|
231
|
+
value = _state.value,
|
232
|
+
password = _state.password;
|
233
|
+
|
234
|
+
this.props.changeBindCardBtnDisabled(!value.length || !password.length);
|
235
|
+
}
|
236
|
+
// 显示键盘
|
237
|
+
|
238
|
+
// 点击键盘的关闭按钮,设置disabled
|
239
|
+
|
240
|
+
// 输入框失去焦点,关闭键盘,设置disabled
|
241
|
+
|
242
|
+
}, {
|
243
|
+
key: 'render',
|
244
|
+
value: function render() {
|
245
|
+
var _this3 = this;
|
246
|
+
|
247
|
+
var _state2 = this.state,
|
248
|
+
value = _state2.value,
|
249
|
+
password = _state2.password;
|
250
|
+
|
251
|
+
return _react2.default.createElement(
|
252
|
+
'div',
|
253
|
+
{ className: 'bind-card-container', style: { marginTop: ' 14px' } },
|
254
|
+
_react2.default.createElement(_input2.default, {
|
255
|
+
className: _tplusComponentsTouch.hotKey.hotKeyNotFilter('storageNo-input'),
|
256
|
+
ref: function ref(input) {
|
257
|
+
return _this3.inputRef = input;
|
258
|
+
},
|
259
|
+
placeholder: '\u8BF7\u8F93\u5165\u50A8\u503C\u5361\u53F7',
|
260
|
+
value: value,
|
261
|
+
onChange: function onChange(_ref4) {
|
262
|
+
var value = _ref4.target.value;
|
263
|
+
return _this3.onChange(value);
|
264
|
+
},
|
265
|
+
onFocus: function onFocus() {
|
266
|
+
return _this3.KeyboardShow('value');
|
267
|
+
},
|
268
|
+
onBlur: this.inputBlur,
|
269
|
+
onKeyDown: this.handleKeyPress
|
270
|
+
}),
|
271
|
+
_react2.default.createElement('div', { className: 'line' }),
|
272
|
+
_react2.default.createElement(_input2.default, {
|
273
|
+
ref: function ref(input) {
|
274
|
+
return _this3.passwordRef = input;
|
275
|
+
},
|
276
|
+
type: 'password',
|
277
|
+
placeholder: '\u8BF7\u8F93\u5165\u5151\u6362\u7801',
|
278
|
+
value: password,
|
279
|
+
onChange: function onChange(_ref5) {
|
280
|
+
var value = _ref5.target.value;
|
281
|
+
return _this3.onPasswordChange(value);
|
282
|
+
},
|
283
|
+
onFocus: function onFocus() {
|
284
|
+
return _this3.KeyboardShow('password');
|
285
|
+
},
|
286
|
+
onBlur: this.inputBlur
|
287
|
+
})
|
288
|
+
);
|
289
|
+
}
|
290
|
+
}]);
|
291
|
+
return BindCard;
|
292
|
+
}(_react.Component);
|
293
|
+
|
294
|
+
exports.default = BindCard;
|
295
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["tplus-member/member/memberMenu/bindCard/index.js"],"names":["keyList","BindCard","props","keyPressStamp","scanValue","onChange","value","newValue","replace","setState","changeDisabled","onPasswordChange","password","KeyboardShow","inputType","bindCardClick","ref","inputRef","input","passwordRef","Keyboard","open","getNewValue","state","v","close","keyboardClose","blur","inputBlur","handleKeyPress","ev","keyCode","key","length","includes","currentStamp","Date","now","substring","focus","changeBindCardBtnDisabled","marginTop","hotKey","hotKeyNotFilter","target","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAEA;;AACA;;;;AAEA,IAAMA,UAAU,CAAC,OAAD,EAAU,WAAV,EAAuB,OAAvB,EAAgC,KAAhC,EAAuC,UAAvC,EAAmD,MAAnD,EAA2D,KAA3D,EAAkE,SAAlE,EAA6E,QAA7E,CAAhB;;IACqBC,Q;;;AAGjB,sBAAaC,KAAb,EAAoB;AAAA;;AAAA;;AAAA,8IACVA,KADU;;AAAA,cAFpBC,aAEoB,GAFJ,IAEI;AAAA,cADpBC,SACoB,GADR,EACQ;;AAAA,cAWpBC,QAXoB;AAAA,gGAWT,iBAAOC,KAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AACHC,wCADG,GACQD,KADR;AAEP;;AACAC,2CAAWD,MAAME,OAAN,CAAc,eAAd,EAA8B,EAA9B,CAAX;AACA;AAJO;AAAA,uCAKD,MAAKC,QAAL,CAAc,EAACH,OAAOC,QAAR,EAAd,CALC;;AAAA;AAMP,sCAAKG,cAAL;;AANO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAXS;;AAAA;AAAA;AAAA;AAAA;;AAAA,cAqBpBC,gBArBoB;AAAA,iGAqBD,kBAAOC,QAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCACT,MAAKH,QAAL,CAAc,EAACG,kBAAD,EAAd,CADS;;AAAA;AAEf,sCAAKF,cAAL;;AAFe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aArBC;;AAAA;AAAA;AAAA;AAAA;;AAAA,cA8BpBG,YA9BoB,GA8BL,UAACC,SAAD,EAAe;AAAA,gBAClBC,aADkB,GACA,MAAKb,KADL,CAClBa,aADkB;;AAE1B,gBAAMC,MAAMF,cAAc,OAAd,GAAwB,MAAKG,QAAL,CAAcC,KAAtC,GAA8C,MAAKC,WAAL,CAAiBD,KAA3E;AACAE,2CAASC,IAAT,CAAc,aAAK;AACf,oBAAMf,QAAQc,+BAASE,WAAT,CAAqBN,GAArB,EAA0B,MAAKO,KAAL,CAAWjB,KAArC,EAA4CkB,CAA5C,CAAd;AACAV,8BAAc,OAAd,IAAyB,MAAKT,QAAL,CAAcC,KAAd,CAAzB;AACAQ,8BAAc,UAAd,IAA4B,MAAKL,QAAL,CAAc,EAACG,UAAUN,KAAX,EAAd,CAA5B;AACH,aAJD,EAIG,YAAM;AACL;AACA,sBAAKI,cAAL;AACAU,+CAASK,KAAT;AACAV,iCAAiBA,eAAjB;AACH,aATD,EASG,MAAKW,aATR;AAUH,SA3CmB;;AAAA,cA6CpBA,aA7CoB,GA6CJ,YAAM;AAClB,kBAAKhB,cAAL;AACA,kBAAKO,QAAL,CAAcU,IAAd;AACH,SAhDmB;;AAAA,cAkDpBC,SAlDoB,GAkDR,YAAM;AACdR,2CAASK,KAAT;AACA,kBAAKf,cAAL;AACH,SArDmB;;AAAA,cAsDpBmB,cAtDoB;AAAA,iGAsDH,kBAAOC,EAAP,EAAWxB,KAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AACLyB,uCADK,GACYD,EADZ,CACLC,OADK,EACIC,GADJ,GACYF,EADZ,CACIE,GADJ;;AAEb,oCAAIA,OAAOA,IAAIC,MAAX,IAAqB,CAACjC,QAAQkC,QAAR,CAAiBF,GAAjB,CAA1B,EAAiD,MAAK5B,SAAL,IAAkB4B,GAAlB;AACjD;;AAHa,sCAITD,YAAY,EAJH;AAAA;AAAA;AAAA;;AAKHI,4CALG,GAKYC,KAAKC,GAAL,EALZ;AAMT;;AANS,sCAOLF,eAAe,MAAKhC,aAApB,IAAqC,GAPhC;AAAA;AAAA;AAAA;;AAQCI,wCARD,GAQY,MAAKH,SAAL,CAAekC,SAAf,CAAyB,CAAzB,EAA4B,EAA5B,CARZ;AASC1B,wCATD,GASY,MAAKR,SAAL,CAAekC,SAAf,CAAyB,EAAzB,CATZ;AAUGvB,6CAVH,GAUqB,MAAKb,KAV1B,CAUGa,aAVH;AAAA;AAAA,uCAWC,MAAKN,QAAL,CAAc;AAChBH,2CAAOC,QADS;AAEhBK;AAFgB,iCAAd,CAXD;;AAAA;AAeLG;;AAfK;AAiBT,sCAAKX,SAAL,GAAiB,EAAjB;AAjBS;AAAA;;AAAA;AAmBT;AACA,sCAAKD,aAAL,GAAqBiC,KAAKC,GAAL,EAArB;;AApBS;AAsBb,sCAAK3B,cAAL;;AAtBa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAtDG;;AAAA;AAAA;AAAA;AAAA;;AAEhB,cAAKa,KAAL,GAAa;AACTjB,mBAAO,EADE;AAETM,sBAAU;AAFD,SAAb;AAFgB;AAMnB;;;;4CACoB;AACjB;AACA,iBAAKK,QAAL,CAAcsB,KAAd;AACH;;AAUD;;;;yCAKkB;AAAA,yBACc,KAAKhB,KADnB;AAAA,gBACNjB,KADM,UACNA,KADM;AAAA,gBACCM,QADD,UACCA,QADD;;AAEd,iBAAKV,KAAL,CAAWsC,yBAAX,CAAsC,CAAClC,MAAM2B,MAAP,IAAiB,CAACrB,SAASqB,MAAjE;AACH;AACD;;AAeA;;AAKA;;;;iCA8BU;AAAA;;AAAA,0BACsB,KAAKV,KAD3B;AAAA,gBACEjB,KADF,WACEA,KADF;AAAA,gBACSM,QADT,WACSA,QADT;;AAEN,mBACI;AAAA;AAAA,kBAAK,WAAU,qBAAf,EAAqC,OAAO,EAAE6B,WAAU,OAAZ,EAA5C;AACI;AACI,+BAAWC,6BAAOC,eAAP,CAAuB,iBAAvB,CADf;AAEI,yBAAK;AAAA,+BAAS,OAAK1B,QAAL,GAAgBC,KAAzB;AAAA,qBAFT;AAGI,iCAAY,4CAHhB;AAII,2BAAOZ,KAJX;AAKI,8BAAU;AAAA,4BAAaA,KAAb,SAAGsC,MAAH,CAAatC,KAAb;AAAA,+BAA2B,OAAKD,QAAL,CAAcC,KAAd,CAA3B;AAAA,qBALd;AAMI,6BAAS;AAAA,+BAAM,OAAKO,YAAL,CAAkB,OAAlB,CAAN;AAAA,qBANb;AAOI,4BAAQ,KAAKe,SAPjB;AAQI,+BAAW,KAAKC;AARpB,kBADJ;AAWI,uDAAK,WAAU,MAAf,GAXJ;AAYI;AACI,yBAAK;AAAA,+BAAS,OAAKV,WAAL,GAAmBD,KAA5B;AAAA,qBADT;AAEI,0BAAK,UAFT;AAGI,iCAAY,sCAHhB;AAII,2BAAON,QAJX;AAKI,8BAAU;AAAA,4BAAaN,KAAb,SAAGsC,MAAH,CAAatC,KAAb;AAAA,+BAA2B,OAAKK,gBAAL,CAAsBL,KAAtB,CAA3B;AAAA,qBALd;AAMI,6BAAS;AAAA,+BAAM,OAAKO,YAAL,CAAkB,UAAlB,CAAN;AAAA,qBANb;AAOI,4BAAQ,KAAKe;AAPjB;AAZJ,aADJ;AAwBH;;;EA5GiCiB,gB;;kBAAjB5C,Q","file":"index.js","sourcesContent":["import React, { Component } from 'react'\r\nimport { Input } from 'antd'\r\nimport { Keyboard, hotKey } from 'tplus-components-touch'\r\nimport './style.less';\r\n\r\nconst keyList = ['Shift', 'Backspace', 'Enter', 'Tab', 'CapsLock', 'Meta', 'Alt', 'Control', 'Delete']\r\nexport default class BindCard extends Component {\r\n keyPressStamp = null\r\n scanValue = ''\r\n constructor (props) {\r\n super(props)\r\n this.state = {\r\n value: '',\r\n password: ''\r\n }\r\n }\r\n componentDidMount () {\r\n // 设置输入框focus\r\n this.inputRef.focus()\r\n }\r\n onChange = async (value) => {\r\n let newValue = value\r\n // console.log(Date.now())\r\n newValue = value.replace(/[^a-zA-Z0-9]/g,'')\r\n // newValue = newValue.length > 16 ? newValue.substring(0, 16) : newValue\r\n await this.setState({value: newValue})\r\n this.changeDisabled()\r\n }\r\n \r\n // 密码框\r\n onPasswordChange = async (password) => {\r\n await this.setState({password})\r\n this.changeDisabled()\r\n }\r\n changeDisabled () {\r\n const { value, password } = this.state\r\n this.props.changeBindCardBtnDisabled((!value.length || !password.length))\r\n }\r\n // 显示键盘\r\n KeyboardShow = (inputType) => {\r\n const { bindCardClick } = this.props\r\n const ref = inputType === 'value' ? this.inputRef.input : this.passwordRef.input\r\n Keyboard.open(v => {\r\n const value = Keyboard.getNewValue(ref, this.state.value, v);\r\n inputType === 'value' && this.onChange(value)\r\n inputType === 'password' && this.setState({password: value})\r\n }, () => {\r\n // 点击键盘的确定按钮,设置disabled\r\n this.changeDisabled()\r\n Keyboard.close() \r\n bindCardClick && bindCardClick()\r\n }, this.keyboardClose)()\r\n }\r\n // 点击键盘的关闭按钮,设置disabled\r\n keyboardClose = () => {\r\n this.changeDisabled()\r\n this.inputRef.blur()\r\n }\r\n // 输入框失去焦点,关闭键盘,设置disabled\r\n inputBlur = () => {\r\n Keyboard.close()\r\n this.changeDisabled()\r\n }\r\n handleKeyPress = async (ev, value) => {\r\n const { keyCode, key } = ev\r\n if (key && key.length && !keyList.includes(key)) this.scanValue += key\r\n // 扫描录入会自动触发enter\r\n if (keyCode === 13) {\r\n const currentStamp = Date.now()\r\n // 触发enter事件的时候,如果当前触发事件-上次keyDown事件大于300毫秒,说明是手动录入,否则是扫描录入\r\n if (currentStamp - this.keyPressStamp <= 300) {\r\n const newValue = this.scanValue.substring(0, 16)\r\n const password = this.scanValue.substring(16)\r\n const { bindCardClick } = this.props\r\n await this.setState({\r\n value: newValue,\r\n password\r\n })\r\n bindCardClick()\r\n }\r\n this.scanValue = ''\r\n } else {\r\n // keydown的时候保存当前时间戳,用来做是手动录入的还是扫描录入的判断\r\n this.keyPressStamp = Date.now()\r\n }\r\n this.changeDisabled()\r\n }\r\n\r\n render () {\r\n const { value, password } = this.state\r\n return (\r\n <div className=\"bind-card-container\" style={{ marginTop:' 14px' }}>\r\n <Input \r\n className={hotKey.hotKeyNotFilter('storageNo-input')}\r\n ref={input => this.inputRef = input}\r\n placeholder='请输入储值卡号'\r\n value={value}\r\n onChange={({ target: { value } }) => this.onChange(value)}\r\n onFocus={() => this.KeyboardShow('value')}\r\n onBlur={this.inputBlur}\r\n onKeyDown={this.handleKeyPress}\r\n />\r\n <div className=\"line\"></div>\r\n <Input \r\n ref={input => this.passwordRef = input}\r\n type='password'\r\n placeholder='请输入兑换码'\r\n value={password}\r\n onChange={({ target: { value } }) => this.onPasswordChange(value)}\r\n onFocus={() => this.KeyboardShow('password')}\r\n onBlur={this.inputBlur}\r\n />\r\n </div>\r\n )\r\n }\r\n} "]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["tplus-member/member/memberMenu/changeMemberCard/index.js"],"names":["ChangeMemberCard","observer","props","focusInputName","inputTarget","inputKeyboard","e","target","className","tagName","includes","Keyboard","close","handleOk","member","cancelModal","modifyMember","store","changeMemberCard","keyboardOnClose","blur","watchChange","key","value","keyboardOpen","inputName","open","getNewValue","v","splitUser","regEmail","RegExp","isEmail","test","split","document","body","addEventListener","removeEventListener","cleanStores","newCardCode","memo","CardCode","Name","Mobilephone","userName","marginRight","Component"],"mappings":"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","file":"index.js","sourcesContent":["import React, { Component } from 'react';\nimport { observer } from 'mobx-react';\nimport PropTypes from 'prop-types';\nimport store from '../modifyPass/store';\nimport {PosInitData} from 'tplus-poslogin';\nimport { Keyboard, Message, Input, ModalWraper } from 'tplus-components-touch';\nimport './style.less';\n\n@observer\nexport default class ChangeMemberCard extends Component {\n\n focusInputName = null;\n inputTarget = null;\n\n constructor(props) {\n super(props);\n this.store = new store();\n }\n\n componentDidMount() {\n document.body.addEventListener('click', this.inputKeyboard, false);\n }\n\n componentWillUnmount() {\n document.body.removeEventListener('click', this.inputKeyboard, false);\n this.store.cleanStores();\n Keyboard.close();\n }\n\n inputKeyboard = (e) => {\n const { target: { className, tagName } = {} } = e || {};\n if (className.includes('key') && tagName === 'DIV') return;\n if (tagName !== 'INPUT') Keyboard.close();\n }\n\n handleOk = () => {\n const { member, cancelModal, modifyMember } = this.props;\n this.store.changeMemberCard(member, modifyMember, () => {\n cancelModal && cancelModal()\n })\n }\n\n keyboardOnClose = () => {\n this.inputTarget.blur();\n Keyboard.close();\n }\n\n watchChange = (key, value) => {\n this.store.watchChange(key, value);\n }\n\n keyboardOpen = (target, inputName) => {\n this.inputTarget = target;\n this.focusInputName = inputName;\n Keyboard.open(v => {\n const key = this.focusInputName\n const value = Keyboard.getNewValue(this.inputTarget, this.inputTarget.value, v);\n this.watchChange(key, value);\n }, this.handleOk, this.keyboardOnClose)();\n }\n\n splitUser = (value) => {\n const regEmail = new RegExp('^[A-Za-zd0-9]+([-_.][A-Za-zd0-9]+)*@([A-Za-zd0-9]+[-.])+[A-Za-zd]{2,5}$');\n const isEmail = regEmail.test(value);\n\n if (isEmail) {\n return value.split('@')[0];\n }\n return value;\n }\n\n render() {\n const { newCardCode = '', memo = '' } = this.store || {};\n const { member } = this.props;\n const { CardCode, Name, Mobilephone } = member;\n const userName = PosInitData('UserName');\n return (\n <div className='modify-password-container'>\n <div className='change-tplus-container'>\n <div className='content-container'>\n <div className='one'>原会员卡号:</div>\n <div className='two'>{CardCode}</div>\n </div>\n <div className='content-container'>\n <div className='one'>会员姓名:</div>\n <div className='two'>{Name}</div>\n </div>\n <div className='content-container'>\n <div className='one'>手机号:</div>\n <div className='two'>{Mobilephone}</div>\n </div>\n <div className='content-container operator'>\n <div className='one'>经手人:</div>\n <div className='two'>{this.splitUser(userName)}</div>\n </div>\n <div className='newCardClass'>\n <Input\n noAutocomplete\n tplusInput\n style={{ marginRight: '10px' }}\n type='native'\n placeholder='请输入新会员卡号'\n title='新会员卡号:'\n value={newCardCode}\n onChange={({ target: { value } }) => this.watchChange('newCardCode', value)}\n onFocus={({ target }) => this.keyboardOpen(target, 'newCardCode')}\n />\n </div>\n <div className='newCardClassMemo'>\n <Input\n noAutocomplete\n tplusInput\n style={{ marginRight: '10px' }}\n type='native'\n placeholder='请输入备注'\n title='备注:'\n value={memo}\n onChange={({ target: { value } }) => this.watchChange('memo', value)}\n onFocus={({ target }) => this.keyboardOpen(target, 'memo')}\n />\n </div>\n </div>\n </div>\n );\n }\n}\n"]}
|
1
|
+
{"version":3,"sources":["tplus-member/member/memberMenu/changeMemberCard/index.js"],"names":["ChangeMemberCard","observer","props","focusInputName","inputTarget","inputKeyboard","e","target","className","tagName","includes","Keyboard","close","handleOk","member","cancelModal","modifyMember","store","changeMemberCard","keyboardOnClose","blur","watchChange","key","value","keyboardOpen","inputName","open","getNewValue","v","splitUser","regEmail","RegExp","isEmail","test","split","document","body","addEventListener","removeEventListener","cleanStores","newCardCode","memo","CardCode","Name","Mobilephone","userName","marginRight","Component"],"mappings":"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","file":"index.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { observer } from 'mobx-react';\r\nimport PropTypes from 'prop-types';\r\nimport store from '../modifyPass/store';\r\nimport {PosInitData} from 'tplus-poslogin';\r\nimport { Keyboard, Message, Input, ModalWraper } from 'tplus-components-touch';\r\nimport './style.less';\r\n\r\n@observer\r\nexport default class ChangeMemberCard extends Component {\r\n\r\n focusInputName = null;\r\n inputTarget = null;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.store = new store();\r\n }\r\n\r\n componentDidMount() {\r\n document.body.addEventListener('click', this.inputKeyboard, false);\r\n }\r\n\r\n componentWillUnmount() {\r\n document.body.removeEventListener('click', this.inputKeyboard, false);\r\n this.store.cleanStores();\r\n Keyboard.close();\r\n }\r\n\r\n inputKeyboard = (e) => {\r\n const { target: { className, tagName } = {} } = e || {};\r\n if (className.includes('key') && tagName === 'DIV') return;\r\n if (tagName !== 'INPUT') Keyboard.close();\r\n }\r\n\r\n handleOk = () => {\r\n const { member, cancelModal, modifyMember } = this.props;\r\n this.store.changeMemberCard(member, modifyMember, () => {\r\n cancelModal && cancelModal()\r\n })\r\n }\r\n\r\n keyboardOnClose = () => {\r\n this.inputTarget.blur();\r\n Keyboard.close();\r\n }\r\n\r\n watchChange = (key, value) => {\r\n this.store.watchChange(key, value);\r\n }\r\n\r\n keyboardOpen = (target, inputName) => {\r\n this.inputTarget = target;\r\n this.focusInputName = inputName;\r\n Keyboard.open(v => {\r\n const key = this.focusInputName\r\n const value = Keyboard.getNewValue(this.inputTarget, this.inputTarget.value, v);\r\n this.watchChange(key, value);\r\n }, this.handleOk, this.keyboardOnClose)();\r\n }\r\n\r\n splitUser = (value) => {\r\n const regEmail = new RegExp('^[A-Za-zd0-9]+([-_.][A-Za-zd0-9]+)*@([A-Za-zd0-9]+[-.])+[A-Za-zd]{2,5}$');\r\n const isEmail = regEmail.test(value);\r\n\r\n if (isEmail) {\r\n return value.split('@')[0];\r\n }\r\n return value;\r\n }\r\n\r\n render() {\r\n const { newCardCode = '', memo = '' } = this.store || {};\r\n const { member } = this.props;\r\n const { CardCode, Name, Mobilephone } = member;\r\n const userName = PosInitData('UserName');\r\n return (\r\n <div className='modify-password-container'>\r\n <div className='change-tplus-container'>\r\n <div className='content-container'>\r\n <div className='one'>原会员卡号:</div>\r\n <div className='two'>{CardCode}</div>\r\n </div>\r\n <div className='content-container'>\r\n <div className='one'>会员姓名:</div>\r\n <div className='two'>{Name}</div>\r\n </div>\r\n <div className='content-container'>\r\n <div className='one'>手机号:</div>\r\n <div className='two'>{Mobilephone}</div>\r\n </div>\r\n <div className='content-container operator'>\r\n <div className='one'>经手人:</div>\r\n <div className='two'>{this.splitUser(userName)}</div>\r\n </div>\r\n <div className='newCardClass'>\r\n <Input\r\n noAutocomplete\r\n tplusInput\r\n style={{ marginRight: '10px' }}\r\n type='native'\r\n placeholder='请输入新会员卡号'\r\n title='新会员卡号:'\r\n value={newCardCode}\r\n onChange={({ target: { value } }) => this.watchChange('newCardCode', value)}\r\n onFocus={({ target }) => this.keyboardOpen(target, 'newCardCode')}\r\n />\r\n </div>\r\n <div className='newCardClassMemo'>\r\n <Input\r\n noAutocomplete\r\n tplusInput\r\n style={{ marginRight: '10px' }}\r\n type='native'\r\n placeholder='请输入备注'\r\n title='备注:'\r\n value={memo}\r\n onChange={({ target: { value } }) => this.watchChange('memo', value)}\r\n onFocus={({ target }) => this.keyboardOpen(target, 'memo')}\r\n />\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
|
@@ -1,43 +1,43 @@
|
|
1
|
-
.u-modal {
|
2
|
-
.u-close{
|
3
|
-
opacity: 1 !important;//统一覆盖
|
4
|
-
}
|
5
|
-
.change-tplus-container {
|
6
|
-
padding-top: 10px;
|
7
|
-
.content-container {
|
8
|
-
display: flex;
|
9
|
-
font-size: 14px;
|
10
|
-
height: 30px;
|
11
|
-
padding-left: 39px;
|
12
|
-
font-family: 'PingFangSC-Regular';
|
13
|
-
.one {
|
14
|
-
width: 90px;
|
15
|
-
text-align: right;
|
16
|
-
}
|
17
|
-
.two {
|
18
|
-
margin-left: 12px;
|
19
|
-
}
|
20
|
-
}
|
21
|
-
.operator {
|
22
|
-
margin-top: 16px;
|
23
|
-
}
|
24
|
-
.tplus-input-container {
|
25
|
-
padding-left: 39px;
|
26
|
-
.tplus-input-title {
|
27
|
-
width: 92px;
|
28
|
-
}
|
29
|
-
}
|
30
|
-
}
|
31
|
-
.newCardClass {
|
32
|
-
.tplus-input-container:first-child {
|
33
|
-
margin-top: 12px;
|
34
|
-
}
|
35
|
-
}
|
36
|
-
.newCardClassMemo {
|
37
|
-
.tplus-input-container:first-child {
|
38
|
-
margin-top: 21px;
|
39
|
-
}
|
40
|
-
}
|
41
|
-
}
|
42
|
-
|
1
|
+
.u-modal {
|
2
|
+
.u-close{
|
3
|
+
opacity: 1 !important;//统一覆盖
|
4
|
+
}
|
5
|
+
.change-tplus-container {
|
6
|
+
padding-top: 10px;
|
7
|
+
.content-container {
|
8
|
+
display: flex;
|
9
|
+
font-size: 14px;
|
10
|
+
height: 30px;
|
11
|
+
padding-left: 39px;
|
12
|
+
font-family: 'PingFangSC-Regular';
|
13
|
+
.one {
|
14
|
+
width: 90px;
|
15
|
+
text-align: right;
|
16
|
+
}
|
17
|
+
.two {
|
18
|
+
margin-left: 12px;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
.operator {
|
22
|
+
margin-top: 16px;
|
23
|
+
}
|
24
|
+
.tplus-input-container {
|
25
|
+
padding-left: 39px;
|
26
|
+
.tplus-input-title {
|
27
|
+
width: 92px;
|
28
|
+
}
|
29
|
+
}
|
30
|
+
}
|
31
|
+
.newCardClass {
|
32
|
+
.tplus-input-container:first-child {
|
33
|
+
margin-top: 12px;
|
34
|
+
}
|
35
|
+
}
|
36
|
+
.newCardClassMemo {
|
37
|
+
.tplus-input-container:first-child {
|
38
|
+
margin-top: 21px;
|
39
|
+
}
|
40
|
+
}
|
41
|
+
}
|
42
|
+
|
43
43
|
|