tplus-member 3.31.1 → 3.31.5
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 +1680 -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
@@ -0,0 +1,260 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.default = undefined;
|
7
|
+
|
8
|
+
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
|
9
|
+
|
10
|
+
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
|
11
|
+
|
12
|
+
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
13
|
+
|
14
|
+
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
15
|
+
|
16
|
+
var _createClass2 = require('babel-runtime/helpers/createClass');
|
17
|
+
|
18
|
+
var _createClass3 = _interopRequireDefault(_createClass2);
|
19
|
+
|
20
|
+
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
21
|
+
|
22
|
+
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
23
|
+
|
24
|
+
var _inherits2 = require('babel-runtime/helpers/inherits');
|
25
|
+
|
26
|
+
var _inherits3 = _interopRequireDefault(_inherits2);
|
27
|
+
|
28
|
+
var _class;
|
29
|
+
|
30
|
+
var _react = require('react');
|
31
|
+
|
32
|
+
var _react2 = _interopRequireDefault(_react);
|
33
|
+
|
34
|
+
var _mobxReact = require('mobx-react');
|
35
|
+
|
36
|
+
var _propTypes = require('prop-types');
|
37
|
+
|
38
|
+
var _propTypes2 = _interopRequireDefault(_propTypes);
|
39
|
+
|
40
|
+
var _store = require('../modifyPass/store');
|
41
|
+
|
42
|
+
var _store2 = _interopRequireDefault(_store);
|
43
|
+
|
44
|
+
var _tplusPoslogin = require('tplus-poslogin');
|
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 ChangeMemberCard = (0, _mobxReact.observer)(_class = function (_Component) {
|
53
|
+
(0, _inherits3.default)(ChangeMemberCard, _Component);
|
54
|
+
|
55
|
+
function ChangeMemberCard(props) {
|
56
|
+
(0, _classCallCheck3.default)(this, ChangeMemberCard);
|
57
|
+
|
58
|
+
var _this = (0, _possibleConstructorReturn3.default)(this, (ChangeMemberCard.__proto__ || (0, _getPrototypeOf2.default)(ChangeMemberCard)).call(this, props));
|
59
|
+
|
60
|
+
_this.focusInputName = null;
|
61
|
+
_this.inputTarget = null;
|
62
|
+
|
63
|
+
_this.inputKeyboard = function (e) {
|
64
|
+
var _ref = e || {},
|
65
|
+
_ref$target = _ref.target;
|
66
|
+
|
67
|
+
_ref$target = _ref$target === undefined ? {} : _ref$target;
|
68
|
+
var className = _ref$target.className,
|
69
|
+
tagName = _ref$target.tagName;
|
70
|
+
|
71
|
+
if (className.includes('key') && tagName === 'DIV') return;
|
72
|
+
if (tagName !== 'INPUT') _tplusComponentsTouch.Keyboard.close();
|
73
|
+
};
|
74
|
+
|
75
|
+
_this.handleOk = function () {
|
76
|
+
var _this$props = _this.props,
|
77
|
+
member = _this$props.member,
|
78
|
+
cancelModal = _this$props.cancelModal,
|
79
|
+
modifyMember = _this$props.modifyMember;
|
80
|
+
|
81
|
+
_this.store.changeMemberCard(member, modifyMember, function () {
|
82
|
+
cancelModal && cancelModal();
|
83
|
+
});
|
84
|
+
};
|
85
|
+
|
86
|
+
_this.keyboardOnClose = function () {
|
87
|
+
_this.inputTarget.blur();
|
88
|
+
_tplusComponentsTouch.Keyboard.close();
|
89
|
+
};
|
90
|
+
|
91
|
+
_this.watchChange = function (key, value) {
|
92
|
+
_this.store.watchChange(key, value);
|
93
|
+
};
|
94
|
+
|
95
|
+
_this.keyboardOpen = function (target, inputName) {
|
96
|
+
_this.inputTarget = target;
|
97
|
+
_this.focusInputName = inputName;
|
98
|
+
_tplusComponentsTouch.Keyboard.open(function (v) {
|
99
|
+
var key = _this.focusInputName;
|
100
|
+
var value = _tplusComponentsTouch.Keyboard.getNewValue(_this.inputTarget, _this.inputTarget.value, v);
|
101
|
+
_this.watchChange(key, value);
|
102
|
+
}, _this.handleOk, _this.keyboardOnClose)();
|
103
|
+
};
|
104
|
+
|
105
|
+
_this.splitUser = function (value) {
|
106
|
+
var regEmail = new RegExp('^[A-Za-zd0-9]+([-_.][A-Za-zd0-9]+)*@([A-Za-zd0-9]+[-.])+[A-Za-zd]{2,5}$');
|
107
|
+
var isEmail = regEmail.test(value);
|
108
|
+
|
109
|
+
if (isEmail) {
|
110
|
+
return value.split('@')[0];
|
111
|
+
}
|
112
|
+
return value;
|
113
|
+
};
|
114
|
+
|
115
|
+
_this.store = new _store2.default();
|
116
|
+
return _this;
|
117
|
+
}
|
118
|
+
|
119
|
+
(0, _createClass3.default)(ChangeMemberCard, [{
|
120
|
+
key: 'componentDidMount',
|
121
|
+
value: function componentDidMount() {
|
122
|
+
document.body.addEventListener('click', this.inputKeyboard, false);
|
123
|
+
}
|
124
|
+
}, {
|
125
|
+
key: 'componentWillUnmount',
|
126
|
+
value: function componentWillUnmount() {
|
127
|
+
document.body.removeEventListener('click', this.inputKeyboard, false);
|
128
|
+
this.store.cleanStores();
|
129
|
+
_tplusComponentsTouch.Keyboard.close();
|
130
|
+
}
|
131
|
+
}, {
|
132
|
+
key: 'render',
|
133
|
+
value: function render() {
|
134
|
+
var _this2 = this;
|
135
|
+
|
136
|
+
var _ref2 = this.store || {},
|
137
|
+
_ref2$newCardCode = _ref2.newCardCode,
|
138
|
+
newCardCode = _ref2$newCardCode === undefined ? '' : _ref2$newCardCode,
|
139
|
+
_ref2$memo = _ref2.memo,
|
140
|
+
memo = _ref2$memo === undefined ? '' : _ref2$memo;
|
141
|
+
|
142
|
+
var member = this.props.member;
|
143
|
+
var CardCode = member.CardCode,
|
144
|
+
Name = member.Name,
|
145
|
+
Mobilephone = member.Mobilephone;
|
146
|
+
|
147
|
+
var userName = (0, _tplusPoslogin.PosInitData)('UserName');
|
148
|
+
return _react2.default.createElement(
|
149
|
+
'div',
|
150
|
+
{ className: 'modify-password-container' },
|
151
|
+
_react2.default.createElement(
|
152
|
+
'div',
|
153
|
+
{ className: 'change-tplus-container' },
|
154
|
+
_react2.default.createElement(
|
155
|
+
'div',
|
156
|
+
{ className: 'content-container' },
|
157
|
+
_react2.default.createElement(
|
158
|
+
'div',
|
159
|
+
{ className: 'one' },
|
160
|
+
'\u539F\u4F1A\u5458\u5361\u53F7\uFF1A'
|
161
|
+
),
|
162
|
+
_react2.default.createElement(
|
163
|
+
'div',
|
164
|
+
{ className: 'two' },
|
165
|
+
CardCode
|
166
|
+
)
|
167
|
+
),
|
168
|
+
_react2.default.createElement(
|
169
|
+
'div',
|
170
|
+
{ className: 'content-container' },
|
171
|
+
_react2.default.createElement(
|
172
|
+
'div',
|
173
|
+
{ className: 'one' },
|
174
|
+
'\u4F1A\u5458\u59D3\u540D\uFF1A'
|
175
|
+
),
|
176
|
+
_react2.default.createElement(
|
177
|
+
'div',
|
178
|
+
{ className: 'two' },
|
179
|
+
Name
|
180
|
+
)
|
181
|
+
),
|
182
|
+
_react2.default.createElement(
|
183
|
+
'div',
|
184
|
+
{ className: 'content-container' },
|
185
|
+
_react2.default.createElement(
|
186
|
+
'div',
|
187
|
+
{ className: 'one' },
|
188
|
+
'\u624B\u673A\u53F7\uFF1A'
|
189
|
+
),
|
190
|
+
_react2.default.createElement(
|
191
|
+
'div',
|
192
|
+
{ className: 'two' },
|
193
|
+
Mobilephone
|
194
|
+
)
|
195
|
+
),
|
196
|
+
_react2.default.createElement(
|
197
|
+
'div',
|
198
|
+
{ className: 'content-container operator' },
|
199
|
+
_react2.default.createElement(
|
200
|
+
'div',
|
201
|
+
{ className: 'one' },
|
202
|
+
'\u7ECF\u624B\u4EBA\uFF1A'
|
203
|
+
),
|
204
|
+
_react2.default.createElement(
|
205
|
+
'div',
|
206
|
+
{ className: 'two' },
|
207
|
+
this.splitUser(userName)
|
208
|
+
)
|
209
|
+
),
|
210
|
+
_react2.default.createElement(
|
211
|
+
'div',
|
212
|
+
{ className: 'newCardClass' },
|
213
|
+
_react2.default.createElement(_tplusComponentsTouch.Input, {
|
214
|
+
noAutocomplete: true,
|
215
|
+
tplusInput: true,
|
216
|
+
style: { marginRight: '10px' },
|
217
|
+
type: 'native',
|
218
|
+
placeholder: '\u8BF7\u8F93\u5165\u65B0\u4F1A\u5458\u5361\u53F7',
|
219
|
+
title: '\u65B0\u4F1A\u5458\u5361\u53F7\uFF1A',
|
220
|
+
value: newCardCode,
|
221
|
+
onChange: function onChange(_ref3) {
|
222
|
+
var value = _ref3.target.value;
|
223
|
+
return _this2.watchChange('newCardCode', value);
|
224
|
+
},
|
225
|
+
onFocus: function onFocus(_ref4) {
|
226
|
+
var target = _ref4.target;
|
227
|
+
return _this2.keyboardOpen(target, 'newCardCode');
|
228
|
+
}
|
229
|
+
})
|
230
|
+
),
|
231
|
+
_react2.default.createElement(
|
232
|
+
'div',
|
233
|
+
{ className: 'newCardClassMemo' },
|
234
|
+
_react2.default.createElement(_tplusComponentsTouch.Input, {
|
235
|
+
noAutocomplete: true,
|
236
|
+
tplusInput: true,
|
237
|
+
style: { marginRight: '10px' },
|
238
|
+
type: 'native',
|
239
|
+
placeholder: '\u8BF7\u8F93\u5165\u5907\u6CE8',
|
240
|
+
title: '\u5907\u6CE8\uFF1A',
|
241
|
+
value: memo,
|
242
|
+
onChange: function onChange(_ref5) {
|
243
|
+
var value = _ref5.target.value;
|
244
|
+
return _this2.watchChange('memo', value);
|
245
|
+
},
|
246
|
+
onFocus: function onFocus(_ref6) {
|
247
|
+
var target = _ref6.target;
|
248
|
+
return _this2.keyboardOpen(target, 'memo');
|
249
|
+
}
|
250
|
+
})
|
251
|
+
)
|
252
|
+
)
|
253
|
+
);
|
254
|
+
}
|
255
|
+
}]);
|
256
|
+
return ChangeMemberCard;
|
257
|
+
}(_react.Component)) || _class;
|
258
|
+
|
259
|
+
exports.default = ChangeMemberCard;
|
260
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["tplus-member/member/memberMenuStorage/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"]}
|
@@ -0,0 +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
|
+
|
43
|
+
|