tplus-member 3.36.1 → 3.38.3
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 +142 -121
- 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 +504 -345
- 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 +87 -5
- 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 +6 -7
@@ -1,85 +1,128 @@
|
|
1
|
-
.member-menu{
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
.
|
53
|
-
color: #
|
54
|
-
font-size: 20px;
|
55
|
-
}
|
56
|
-
|
57
|
-
.
|
58
|
-
color: #
|
59
|
-
font-size: 20px;
|
60
|
-
}
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
}
|
70
|
-
|
71
|
-
button {
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
1
|
+
.member-menu{
|
2
|
+
margin-top: 15px;
|
3
|
+
overflow-x: auto;
|
4
|
+
min-width: 575px;
|
5
|
+
white-space: nowrap;
|
6
|
+
display: flex;
|
7
|
+
.member-menu-el{
|
8
|
+
border-radius: 4px;
|
9
|
+
height: 30px;
|
10
|
+
font-family: PingFang-SC-Medium;
|
11
|
+
font-size: 14px;
|
12
|
+
line-height: 21px;
|
13
|
+
padding:4px 10px;
|
14
|
+
float: left;
|
15
|
+
margin-left:20px;
|
16
|
+
cursor: pointer;
|
17
|
+
text-align: center;
|
18
|
+
span{
|
19
|
+
margin-left:9px;
|
20
|
+
}
|
21
|
+
.menuHotkey {
|
22
|
+
display: none;
|
23
|
+
}
|
24
|
+
.iconfont {
|
25
|
+
font-size: 14px;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
// .disabled-member-select-btn{
|
29
|
+
// color: #ffca9a !important;
|
30
|
+
// border-color: #ffca9a !important;
|
31
|
+
// }
|
32
|
+
.memberHeight {
|
33
|
+
width: 100px !important;
|
34
|
+
height: 44px !important;
|
35
|
+
overflow: hidden !important;
|
36
|
+
padding:4px 4px;
|
37
|
+
.menuHotkey {
|
38
|
+
display: block;
|
39
|
+
width: 100%;
|
40
|
+
font-size: 14px;
|
41
|
+
color: #999999;
|
42
|
+
font-weight: 400;
|
43
|
+
height: 14px;
|
44
|
+
line-height: 14px;
|
45
|
+
white-space: nowrap;
|
46
|
+
overflow: hidden;
|
47
|
+
text-overflow: ellipsis;
|
48
|
+
}
|
49
|
+
}
|
50
|
+
}
|
51
|
+
.storage-footer {
|
52
|
+
.zhifubao {
|
53
|
+
color: #21A5F3;
|
54
|
+
font-size: 20px;
|
55
|
+
}
|
56
|
+
|
57
|
+
.weixin {
|
58
|
+
color: #09C22B;
|
59
|
+
font-size: 20px;
|
60
|
+
}
|
61
|
+
|
62
|
+
.xianjin {
|
63
|
+
color: #FFA941;
|
64
|
+
font-size: 20px;
|
65
|
+
}
|
66
|
+
|
67
|
+
button:first-child {
|
68
|
+
margin-left: 0;
|
69
|
+
}
|
70
|
+
|
71
|
+
button:last-child {
|
72
|
+
background: #FF8C26;
|
73
|
+
color : white;
|
74
|
+
}
|
75
|
+
|
76
|
+
button {
|
77
|
+
width : 79px;
|
78
|
+
padding : 4px 6px !important;
|
79
|
+
background: white;
|
80
|
+
|
81
|
+
span {
|
82
|
+
margin-left : 2px;
|
83
|
+
font-family : PingFang-SC-Medium;
|
84
|
+
font-size : 14px !important;
|
85
|
+
color : #474364;
|
86
|
+
line-height : 22px;
|
87
|
+
vertical-align: top;
|
88
|
+
}
|
89
|
+
}
|
90
|
+
}
|
91
|
+
.refund {
|
92
|
+
.ant-modal-body {
|
93
|
+
height: auto !important;
|
94
|
+
}
|
95
|
+
.refund-container {
|
96
|
+
padding: 0 23px;
|
97
|
+
padding-bottom: 27px;
|
98
|
+
.refund-list {
|
99
|
+
margin-left: 86px;
|
100
|
+
}
|
101
|
+
.refund-item {
|
102
|
+
margin-top: 30px;
|
103
|
+
color: #000;
|
104
|
+
line-height: 14px;
|
105
|
+
font-weight: 500;
|
106
|
+
.title {
|
107
|
+
margin-right: 4px;
|
108
|
+
font-size: 14px;
|
109
|
+
font-weight: normal;
|
110
|
+
}
|
111
|
+
.value {
|
112
|
+
font-size: 16px;
|
113
|
+
}
|
114
|
+
.special {
|
115
|
+
color: #FF595E;
|
116
|
+
}
|
117
|
+
}
|
118
|
+
.tips {
|
119
|
+
margin-top: 35px;
|
120
|
+
font-size: 13px;
|
121
|
+
color: #666666;
|
122
|
+
letter-spacing: 0;
|
123
|
+
text-align: justify;
|
124
|
+
line-height: 25px;
|
125
|
+
font-weight: 400;
|
126
|
+
}
|
127
|
+
}
|
128
|
+
}
|
@@ -0,0 +1,172 @@
|
|
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 BindCard = function (_Component) {
|
53
|
+
(0, _inherits3.default)(BindCard, _Component);
|
54
|
+
|
55
|
+
function BindCard(props) {
|
56
|
+
var _this2 = this;
|
57
|
+
|
58
|
+
(0, _classCallCheck3.default)(this, BindCard);
|
59
|
+
|
60
|
+
var _this = (0, _possibleConstructorReturn3.default)(this, (BindCard.__proto__ || (0, _getPrototypeOf2.default)(BindCard)).call(this, props));
|
61
|
+
|
62
|
+
_this.onChange = function () {
|
63
|
+
var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(value) {
|
64
|
+
return _regenerator2.default.wrap(function _callee$(_context) {
|
65
|
+
while (1) {
|
66
|
+
switch (_context.prev = _context.next) {
|
67
|
+
case 0:
|
68
|
+
_context.next = 2;
|
69
|
+
return _this.setState({ value: value });
|
70
|
+
|
71
|
+
case 2:
|
72
|
+
_this.changeDisabled();
|
73
|
+
|
74
|
+
case 3:
|
75
|
+
case 'end':
|
76
|
+
return _context.stop();
|
77
|
+
}
|
78
|
+
}
|
79
|
+
}, _callee, _this2);
|
80
|
+
}));
|
81
|
+
|
82
|
+
return function (_x) {
|
83
|
+
return _ref.apply(this, arguments);
|
84
|
+
};
|
85
|
+
}();
|
86
|
+
|
87
|
+
_this.KeyboardShow = function () {
|
88
|
+
var bindCardClick = _this.props.bindCardClick;
|
89
|
+
|
90
|
+
_tplusComponentsTouch.Keyboard.open(function (v) {
|
91
|
+
var value = _tplusComponentsTouch.Keyboard.getNewValue(_this.inputRef.input, _this.state.value, v);
|
92
|
+
_this.onChange(value);
|
93
|
+
}, function () {
|
94
|
+
// 点击键盘的确定按钮,设置disabled
|
95
|
+
_this.changeDisabled();
|
96
|
+
_tplusComponentsTouch.Keyboard.close();
|
97
|
+
bindCardClick && bindCardClick();
|
98
|
+
}, _this.keyboardClose)();
|
99
|
+
};
|
100
|
+
|
101
|
+
_this.keyboardClose = function () {
|
102
|
+
_this.changeDisabled();
|
103
|
+
_this.inputRef.blur();
|
104
|
+
};
|
105
|
+
|
106
|
+
_this.inputBlur = function () {
|
107
|
+
_tplusComponentsTouch.Keyboard.close();
|
108
|
+
_this.changeDisabled();
|
109
|
+
};
|
110
|
+
|
111
|
+
_this.state = {
|
112
|
+
value: '',
|
113
|
+
scanValue: ''
|
114
|
+
};
|
115
|
+
return _this;
|
116
|
+
}
|
117
|
+
|
118
|
+
(0, _createClass3.default)(BindCard, [{
|
119
|
+
key: 'componentDidMount',
|
120
|
+
value: function componentDidMount() {
|
121
|
+
// 设置输入框focus
|
122
|
+
this.inputRef.focus();
|
123
|
+
}
|
124
|
+
}, {
|
125
|
+
key: 'changeDisabled',
|
126
|
+
value: function changeDisabled() {
|
127
|
+
var type = this.props.type;
|
128
|
+
var _state = this.state,
|
129
|
+
value = _state.value,
|
130
|
+
password = _state.password;
|
131
|
+
|
132
|
+
this.props.changeBindCardBtnDisabled(type === 'bindCard' ? !value.length || !password.length : !value.length);
|
133
|
+
}
|
134
|
+
// 显示键盘
|
135
|
+
|
136
|
+
// 点击键盘的关闭按钮,设置disabled
|
137
|
+
|
138
|
+
// 输入框失去焦点,关闭键盘,设置disabled
|
139
|
+
|
140
|
+
}, {
|
141
|
+
key: 'render',
|
142
|
+
value: function render() {
|
143
|
+
var _this3 = this;
|
144
|
+
|
145
|
+
var value = this.state.value;
|
146
|
+
|
147
|
+
return _react2.default.createElement(
|
148
|
+
'div',
|
149
|
+
{ className: 'bind-card-container', style: { marginTop: '37px' } },
|
150
|
+
_react2.default.createElement(_input2.default, {
|
151
|
+
ref: function ref(input) {
|
152
|
+
return _this3.inputRef = input;
|
153
|
+
},
|
154
|
+
placeholder: '\u8BF7\u8F93\u5165\u4F1A\u5458\u5361\u53F7/\u624B\u673A\u53F7',
|
155
|
+
value: value,
|
156
|
+
onChange: function onChange(_ref2) {
|
157
|
+
var value = _ref2.target.value;
|
158
|
+
return _this3.onChange(value);
|
159
|
+
},
|
160
|
+
onFocus: function onFocus() {
|
161
|
+
return _this3.KeyboardShow();
|
162
|
+
},
|
163
|
+
onBlur: this.inputBlur
|
164
|
+
})
|
165
|
+
);
|
166
|
+
}
|
167
|
+
}]);
|
168
|
+
return BindCard;
|
169
|
+
}(_react.Component);
|
170
|
+
|
171
|
+
exports.default = BindCard;
|
172
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["tplus-member/member/memberMenuStorage/bindCard/index.js"],"names":["BindCard","props","onChange","value","setState","changeDisabled","KeyboardShow","bindCardClick","Keyboard","open","getNewValue","inputRef","input","state","v","close","keyboardClose","blur","inputBlur","scanValue","focus","type","password","changeBindCardBtnDisabled","length","marginTop","target","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAEA;;AACA;;;;IAEqBA,Q;;;AACjB,sBAAaC,KAAb,EAAoB;AAAA;;AAAA;;AAAA,8IACVA,KADU;;AAAA,cAWpBC,QAXoB;AAAA,gGAWT,iBAAOC,KAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCACD,MAAKC,QAAL,CAAc,EAACD,YAAD,EAAd,CADC;;AAAA;AAEP,sCAAKE,cAAL;;AAFO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAXS;;AAAA;AAAA;AAAA;AAAA;;AAAA,cAqBpBC,YArBoB,GAqBL,YAAM;AAAA,gBACTC,aADS,GACS,MAAKN,KADd,CACTM,aADS;;AAEjBC,2CAASC,IAAT,CAAc,aAAK;AACf,oBAAMN,QAAQK,+BAASE,WAAT,CAAqB,MAAKC,QAAL,CAAcC,KAAnC,EAA0C,MAAKC,KAAL,CAAWV,KAArD,EAA4DW,CAA5D,CAAd;AACA,sBAAKZ,QAAL,CAAcC,KAAd;AACH,aAHD,EAGG,YAAM;AACL;AACA,sBAAKE,cAAL;AACAG,+CAASO,KAAT;AACAR,iCAAiBA,eAAjB;AACH,aARD,EAQG,MAAKS,aARR;AASH,SAhCmB;;AAAA,cAkCpBA,aAlCoB,GAkCJ,YAAM;AAClB,kBAAKX,cAAL;AACA,kBAAKM,QAAL,CAAcM,IAAd;AACH,SArCmB;;AAAA,cAuCpBC,SAvCoB,GAuCR,YAAM;AACdV,2CAASO,KAAT;AACA,kBAAKV,cAAL;AACH,SA1CmB;;AAEhB,cAAKQ,KAAL,GAAa;AACTV,mBAAO,EADE;AAETgB,uBAAW;AAFF,SAAb;AAFgB;AAMnB;;;;4CACoB;AACjB;AACA,iBAAKR,QAAL,CAAcS,KAAd;AACH;;;yCAKiB;AAAA,gBACNC,IADM,GACG,KAAKpB,KADR,CACNoB,IADM;AAAA,yBAEc,KAAKR,KAFnB;AAAA,gBAENV,KAFM,UAENA,KAFM;AAAA,gBAECmB,QAFD,UAECA,QAFD;;AAGd,iBAAKrB,KAAL,CAAWsB,yBAAX,CAAqCF,SAAS,UAAT,GAAuB,CAAClB,MAAMqB,MAAP,IAAiB,CAACF,SAASE,MAAlD,GAA4D,CAACrB,MAAMqB,MAAxG;AACH;AACD;;AAaA;;AAKA;;;;iCAMU;AAAA;;AAAA,gBACErB,KADF,GACY,KAAKU,KADjB,CACEV,KADF;;AAEN,mBACI;AAAA;AAAA,kBAAK,WAAU,qBAAf,EAAqC,OAAO,EAACsB,WAAW,MAAZ,EAA5C;AACI;AACI,yBAAK;AAAA,+BAAS,OAAKd,QAAL,GAAgBC,KAAzB;AAAA,qBADT;AAEI,iCAAY,+DAFhB;AAGI,2BAAOT,KAHX;AAII,8BAAU;AAAA,4BAAaA,KAAb,SAAGuB,MAAH,CAAavB,KAAb;AAAA,+BAA2B,OAAKD,QAAL,CAAcC,KAAd,CAA3B;AAAA,qBAJd;AAKI,6BAAS;AAAA,+BAAM,OAAKG,YAAL,EAAN;AAAA,qBALb;AAMI,4BAAQ,KAAKY;AANjB;AADJ,aADJ;AAYH;;;EA3DiCS,gB;;kBAAjB3B,Q","file":"index.js","sourcesContent":["import React, { Component } from 'react'\nimport { Input } from 'antd'\nimport { Keyboard } from 'tplus-components-touch'\nimport './style.less';\n\nexport default class BindCard extends Component {\n constructor (props) {\n super(props)\n this.state = {\n value: '',\n scanValue: ''\n }\n }\n componentDidMount () {\n // 设置输入框focus\n this.inputRef.focus()\n }\n onChange = async (value) => {\n await this.setState({value})\n this.changeDisabled()\n }\n changeDisabled () {\n const { type } = this.props\n const { value, password } = this.state\n this.props.changeBindCardBtnDisabled(type === 'bindCard' ? (!value.length || !password.length) : !value.length)\n }\n // 显示键盘\n KeyboardShow = () => {\n const { bindCardClick } = this.props\n Keyboard.open(v => {\n const value = Keyboard.getNewValue(this.inputRef.input, this.state.value, v);\n this.onChange(value)\n }, () => {\n // 点击键盘的确定按钮,设置disabled\n this.changeDisabled()\n Keyboard.close()\n bindCardClick && bindCardClick()\n }, this.keyboardClose)()\n }\n // 点击键盘的关闭按钮,设置disabled\n keyboardClose = () => {\n this.changeDisabled()\n this.inputRef.blur()\n }\n // 输入框失去焦点,关闭键盘,设置disabled\n inputBlur = () => {\n Keyboard.close()\n this.changeDisabled()\n }\n\n render () {\n const { value } = this.state\n return (\n <div className=\"bind-card-container\" style={{marginTop: '37px'}}>\n <Input \n ref={input => this.inputRef = input}\n placeholder='请输入会员卡号/手机号'\n value={value}\n onChange={({ target: { value } }) => this.onChange(value)}\n onFocus={() => this.KeyboardShow()}\n onBlur={this.inputBlur}\n />\n </div>\n )\n }\n} "]}
|
@@ -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
|