tplus-member 3.26.2 → 3.26.6

package/dist/member/memberMenu/bindCard/index.js

@@ -0,0 +1,291 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _input = require('antd/es/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _regenerator = require('babel-runtime/regenerator');
+
+var _regenerator2 = _interopRequireDefault(_regenerator);
+
+var _asyncToGenerator2 = require('babel-runtime/helpers/asyncToGenerator');
+
+var _asyncToGenerator3 = _interopRequireDefault(_asyncToGenerator2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require('antd/es/input/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var keyList = ['Shift', 'Backspace', 'Enter', 'Tab', 'CapsLock', 'Meta', 'Alt', 'Control', 'Delete'];
+
+var BindCard = function (_Component) {
+    (0, _inherits3.default)(BindCard, _Component);
+
+    function BindCard(props) {
+        var _this2 = this;
+
+        (0, _classCallCheck3.default)(this, BindCard);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (BindCard.__proto__ || (0, _getPrototypeOf2.default)(BindCard)).call(this, props));
+
+        _this.keyPressStamp = null;
+        _this.scanValue = '';
+
+        _this.onChange = function () {
+            var _ref = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee(value) {
+                var newValue;
+                return _regenerator2.default.wrap(function _callee$(_context) {
+                    while (1) {
+                        switch (_context.prev = _context.next) {
+                            case 0:
+                                newValue = value;
+                                // console.log(Date.now())
+
+                                newValue = value.replace(/[^a-zA-Z0-9]/g, '');
+                                // newValue = newValue.length > 16 ? newValue.substring(0, 16)  : newValue
+                                _context.next = 4;
+                                return _this.setState({ value: newValue });
+
+                            case 4:
+                                _this.changeDisabled();
+
+                            case 5:
+                            case 'end':
+                                return _context.stop();
+                        }
+                    }
+                }, _callee, _this2);
+            }));
+
+            return function (_x) {
+                return _ref.apply(this, arguments);
+            };
+        }();
+
+        _this.onPasswordChange = function () {
+            var _ref2 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2(password) {
+                return _regenerator2.default.wrap(function _callee2$(_context2) {
+                    while (1) {
+                        switch (_context2.prev = _context2.next) {
+                            case 0:
+                                _context2.next = 2;
+                                return _this.setState({ password: password });
+
+                            case 2:
+                                _this.changeDisabled();
+
+                            case 3:
+                            case 'end':
+                                return _context2.stop();
+                        }
+                    }
+                }, _callee2, _this2);
+            }));
+
+            return function (_x2) {
+                return _ref2.apply(this, arguments);
+            };
+        }();
+
+        _this.KeyboardShow = function (inputType) {
+            _tplusComponentsTouch.Keyboard.open(function (v) {
+                var value = _tplusComponentsTouch.Keyboard.getNewValue(_this.inputRef.input, _this.state.value, v);
+                inputType === 'value' && _this.onChange(value);
+                inputType === 'password' && _this.setState({ password: value });
+            }, function () {
+                // 点击键盘的确定按钮，设置disabled
+                _this.changeDisabled();
+                keyboard.close();
+            }, _this.keyboardClose)();
+        };
+
+        _this.keyboardClose = function () {
+            _this.changeDisabled();
+            _this.inputRef.blur();
+        };
+
+        _this.inputBlur = function () {
+            _tplusComponentsTouch.Keyboard.close();
+            _this.changeDisabled();
+        };
+
+        _this.handleKeyPress = function () {
+            var _ref3 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3(ev, value) {
+                var keyCode, key, currentStamp, newValue, password, bindCardClick;
+                return _regenerator2.default.wrap(function _callee3$(_context3) {
+                    while (1) {
+                        switch (_context3.prev = _context3.next) {
+                            case 0:
+                                keyCode = ev.keyCode, key = ev.key;
+
+                                if (key && key.length && !keyList.includes(key)) _this.scanValue += key;
+                                // 扫描录入会自动触发enter
+
+                                if (!(keyCode === 13)) {
+                                    _context3.next = 14;
+                                    break;
+                                }
+
+                                currentStamp = Date.now();
+                                // 触发enter事件的时候，如果当前触发事件-上次keyDown事件大于300毫秒，说明是手动录入，否则是扫描录入
+
+                                if (!(currentStamp - _this.keyPressStamp <= 300)) {
+                                    _context3.next = 11;
+                                    break;
+                                }
+
+                                newValue = _this.scanValue.substring(0, 16);
+                                password = _this.scanValue.substring(16);
+                                bindCardClick = _this.props.bindCardClick;
+                                _context3.next = 10;
+                                return _this.setState({
+                                    value: newValue,
+                                    password: password
+                                });
+
+                            case 10:
+                                bindCardClick();
+
+                            case 11:
+                                _this.scanValue = '';
+                                _context3.next = 15;
+                                break;
+
+                            case 14:
+                                // keydown的时候保存当前时间戳，用来做是手动录入的还是扫描录入的判断
+                                _this.keyPressStamp = Date.now();
+
+                            case 15:
+                                _this.changeDisabled();
+
+                            case 16:
+                            case 'end':
+                                return _context3.stop();
+                        }
+                    }
+                }, _callee3, _this2);
+            }));
+
+            return function (_x3, _x4) {
+                return _ref3.apply(this, arguments);
+            };
+        }();
+
+        _this.state = {
+            value: '',
+            password: ''
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(BindCard, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            // 设置输入框focus
+            this.inputRef.focus();
+        }
+
+        // 密码框
+
+    }, {
+        key: 'changeDisabled',
+        value: function changeDisabled() {
+            var _state = this.state,
+                value = _state.value,
+                password = _state.password;
+
+            this.props.changeBindCardBtnDisabled(!value.length || !password.length);
+        }
+        // 显示键盘
+
+        // 点击键盘的关闭按钮，设置disabled
+
+        // 输入框失去焦点，关闭键盘，设置disabled
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            var _state2 = this.state,
+                value = _state2.value,
+                password = _state2.password;
+
+            return _react2.default.createElement(
+                'div',
+                { className: 'bind-card-container', style: { marginTop: ' 14px' } },
+                _react2.default.createElement(_input2.default, {
+                    className: _tplusComponentsTouch.hotKey.hotKeyNotFilter('storageNo-input'),
+                    ref: function ref(input) {
+                        return _this3.inputRef = input;
+                    },
+                    placeholder: '\u8BF7\u8F93\u5165\u50A8\u503C\u5361\u53F7',
+                    value: value,
+                    onChange: function onChange(_ref4) {
+                        var value = _ref4.target.value;
+                        return _this3.onChange(value);
+                    },
+                    onFocus: function onFocus() {
+                        return _this3.KeyboardShow('value');
+                    },
+                    onBlur: this.inputBlur,
+                    onKeyDown: this.handleKeyPress
+                }),
+                _react2.default.createElement('div', { className: 'line' }),
+                _react2.default.createElement(_input2.default, {
+                    ref: function ref(input) {
+                        return _this3.passwordRef = input;
+                    },
+                    type: 'password',
+                    placeholder: '\u8BF7\u8F93\u5165\u5BC6\u7801',
+                    value: password,
+                    onChange: function onChange(_ref5) {
+                        var value = _ref5.target.value;
+                        return _this3.onPasswordChange(value);
+                    },
+                    onFocus: function onFocus() {
+                        return _this3.KeyboardShow('password');
+                    },
+                    onBlur: this.inputBlur
+                })
+            );
+        }
+    }]);
+    return BindCard;
+}(_react.Component);
+
+exports.default = BindCard;
+//# sourceMappingURL=index.js.map

package/dist/member/memberMenu/bindCard/index.js.map

@@ -0,0 +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","Keyboard","open","getNewValue","inputRef","input","state","v","keyboard","close","keyboardClose","blur","inputBlur","handleKeyPress","ev","keyCode","key","length","includes","currentStamp","Date","now","substring","bindCardClick","focus","changeBindCardBtnDisabled","marginTop","hotKey","hotKeyNotFilter","target","passwordRef","Component"],"mappings":"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","file":"index.js","sourcesContent":["import React, { Component } from 'react'\nimport { Input } from 'antd'\nimport { Keyboard, hotKey } from 'tplus-components-touch'\nimport './style.less';\n\nconst keyList = ['Shift', 'Backspace', 'Enter', 'Tab', 'CapsLock', 'Meta', 'Alt', 'Control', 'Delete']\nexport default class BindCard extends Component {\n    keyPressStamp = null\n    scanValue = ''\n    constructor (props) {\n        super(props)\n        this.state = {\n            value: '',\n            password: ''\n        }\n    }\n    componentDidMount () {\n        // 设置输入框focus\n        this.inputRef.focus()\n    }\n    onChange = async (value) => {\n        let newValue = value\n        // console.log(Date.now())\n        newValue = value.replace(/[^a-zA-Z0-9]/g,'')\n        // newValue = newValue.length > 16 ? newValue.substring(0, 16)  : newValue\n        await this.setState({value: newValue})\n        this.changeDisabled()\n    }\n   \n    // 密码框\n    onPasswordChange = async (password) => {\n        await this.setState({password})\n        this.changeDisabled()\n    }\n    changeDisabled () {\n        const { value, password } = this.state\n        this.props.changeBindCardBtnDisabled((!value.length || !password.length))\n    }\n    // 显示键盘\n    KeyboardShow = (inputType) => {\n        Keyboard.open(v => {\n            const value = Keyboard.getNewValue(this.inputRef.input, this.state.value, v);\n            inputType === 'value' && this.onChange(value)\n            inputType === 'password' && this.setState({password: value})\n        }, () => {\n            // 点击键盘的确定按钮，设置disabled\n            this.changeDisabled()\n            keyboard.close()\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    handleKeyPress = async (ev, value) => {\n        const { keyCode, key } = ev\n        if (key && key.length && !keyList.includes(key)) this.scanValue += key\n        // 扫描录入会自动触发enter\n        if (keyCode === 13) {\n            const currentStamp = Date.now()\n            // 触发enter事件的时候，如果当前触发事件-上次keyDown事件大于300毫秒，说明是手动录入，否则是扫描录入\n            if (currentStamp - this.keyPressStamp <= 300) {\n                const newValue = this.scanValue.substring(0, 16)\n                const password = this.scanValue.substring(16)\n                const { bindCardClick } = this.props\n                await this.setState({\n                    value: newValue,\n                    password\n                })\n                bindCardClick()\n            }\n            this.scanValue = ''\n        } else {\n            // keydown的时候保存当前时间戳，用来做是手动录入的还是扫描录入的判断\n            this.keyPressStamp = Date.now()\n        }\n        this.changeDisabled()\n    }\n\n    render () {\n        const { value, password } = this.state\n        return (\n            <div className=\"bind-card-container\" style={{ marginTop:' 14px' }}>\n                <Input \n                    className={hotKey.hotKeyNotFilter('storageNo-input')}\n                    ref={input => this.inputRef = input}\n                    placeholder='请输入储值卡号'\n                    value={value}\n                    onChange={({ target: { value } }) => this.onChange(value)}\n                    onFocus={() => this.KeyboardShow('value')}\n                    onBlur={this.inputBlur}\n                    onKeyDown={this.handleKeyPress}\n                />\n                <div className=\"line\"></div>\n                <Input \n                    ref={input => this.passwordRef = input}\n                    type='password'\n                    placeholder='请输入密码'\n                    value={password}\n                    onChange={({ target: { value } }) => this.onPasswordChange(value)}\n                    onFocus={() => this.KeyboardShow('password')}\n                    onBlur={this.inputBlur}\n                />\n            </div>\n        )\n    }\n} "]}

package/dist/member/memberMenu/bindCard/style.less

@@ -0,0 +1,8 @@
+.bind-card-container {
+    width:  250px;
+    margin: 0 auto;
+    margin-top: 37px;
+    .line {
+        height: 12px;
+    }
+}

package/dist/member/memberMenu/changeMemberCard/index.js

@@ -0,0 +1,260 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _class;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mobxReact = require('mobx-react');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _store = require('../modifyPass/store');
+
+var _store2 = _interopRequireDefault(_store);
+
+var _tplusPoslogin = require('tplus-poslogin');
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+require('./style.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var ChangeMemberCard = (0, _mobxReact.observer)(_class = function (_Component) {
+  (0, _inherits3.default)(ChangeMemberCard, _Component);
+
+  function ChangeMemberCard(props) {
+    (0, _classCallCheck3.default)(this, ChangeMemberCard);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (ChangeMemberCard.__proto__ || (0, _getPrototypeOf2.default)(ChangeMemberCard)).call(this, props));
+
+    _this.focusInputName = null;
+    _this.inputTarget = null;
+
+    _this.inputKeyboard = function (e) {
+      var _ref = e || {},
+          _ref$target = _ref.target;
+
+      _ref$target = _ref$target === undefined ? {} : _ref$target;
+      var className = _ref$target.className,
+          tagName = _ref$target.tagName;
+
+      if (className.includes('key') && tagName === 'DIV') return;
+      if (tagName !== 'INPUT') _tplusComponentsTouch.Keyboard.close();
+    };
+
+    _this.handleOk = function () {
+      var _this$props = _this.props,
+          member = _this$props.member,
+          cancelModal = _this$props.cancelModal,
+          modifyMember = _this$props.modifyMember;
+
+      _this.store.changeMemberCard(member, modifyMember, function () {
+        cancelModal && cancelModal();
+      });
+    };
+
+    _this.keyboardOnClose = function () {
+      _this.inputTarget.blur();
+      _tplusComponentsTouch.Keyboard.close();
+    };
+
+    _this.watchChange = function (key, value) {
+      _this.store.watchChange(key, value);
+    };
+
+    _this.keyboardOpen = function (target, inputName) {
+      _this.inputTarget = target;
+      _this.focusInputName = inputName;
+      _tplusComponentsTouch.Keyboard.open(function (v) {
+        var key = _this.focusInputName;
+        var value = _tplusComponentsTouch.Keyboard.getNewValue(_this.inputTarget, _this.inputTarget.value, v);
+        _this.watchChange(key, value);
+      }, _this.handleOk, _this.keyboardOnClose)();
+    };
+
+    _this.splitUser = function (value) {
+      var regEmail = new RegExp('^[A-Za-zd0-9]+([-_.][A-Za-zd0-9]+)*@([A-Za-zd0-9]+[-.])+[A-Za-zd]{2,5}$');
+      var isEmail = regEmail.test(value);
+
+      if (isEmail) {
+        return value.split('@')[0];
+      }
+      return value;
+    };
+
+    _this.store = new _store2.default();
+    return _this;
+  }
+
+  (0, _createClass3.default)(ChangeMemberCard, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      document.body.addEventListener('click', this.inputKeyboard, false);
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      document.body.removeEventListener('click', this.inputKeyboard, false);
+      this.store.cleanStores();
+      _tplusComponentsTouch.Keyboard.close();
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _ref2 = this.store || {},
+          _ref2$newCardCode = _ref2.newCardCode,
+          newCardCode = _ref2$newCardCode === undefined ? '' : _ref2$newCardCode,
+          _ref2$memo = _ref2.memo,
+          memo = _ref2$memo === undefined ? '' : _ref2$memo;
+
+      var member = this.props.member;
+      var CardCode = member.CardCode,
+          Name = member.Name,
+          Mobilephone = member.Mobilephone;
+
+      var userName = (0, _tplusPoslogin.PosInitData)('UserName');
+      return _react2.default.createElement(
+        'div',
+        { className: 'modify-password-container' },
+        _react2.default.createElement(
+          'div',
+          { className: 'change-tplus-container' },
+          _react2.default.createElement(
+            'div',
+            { className: 'content-container' },
+            _react2.default.createElement(
+              'div',
+              { className: 'one' },
+              '\u539F\u4F1A\u5458\u5361\u53F7\uFF1A'
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'two' },
+              CardCode
+            )
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'content-container' },
+            _react2.default.createElement(
+              'div',
+              { className: 'one' },
+              '\u4F1A\u5458\u59D3\u540D\uFF1A'
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'two' },
+              Name
+            )
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'content-container' },
+            _react2.default.createElement(
+              'div',
+              { className: 'one' },
+              '\u624B\u673A\u53F7\uFF1A'
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'two' },
+              Mobilephone
+            )
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'content-container operator' },
+            _react2.default.createElement(
+              'div',
+              { className: 'one' },
+              '\u7ECF\u624B\u4EBA\uFF1A'
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'two' },
+              this.splitUser(userName)
+            )
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'newCardClass' },
+            _react2.default.createElement(_tplusComponentsTouch.Input, {
+              noAutocomplete: true,
+              tplusInput: true,
+              style: { marginRight: '10px' },
+              type: 'native',
+              placeholder: '\u8BF7\u8F93\u5165\u65B0\u4F1A\u5458\u5361\u53F7',
+              title: '\u65B0\u4F1A\u5458\u5361\u53F7\uFF1A',
+              value: newCardCode,
+              onChange: function onChange(_ref3) {
+                var value = _ref3.target.value;
+                return _this2.watchChange('newCardCode', value);
+              },
+              onFocus: function onFocus(_ref4) {
+                var target = _ref4.target;
+                return _this2.keyboardOpen(target, 'newCardCode');
+              }
+            })
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'newCardClassMemo' },
+            _react2.default.createElement(_tplusComponentsTouch.Input, {
+              noAutocomplete: true,
+              tplusInput: true,
+              style: { marginRight: '10px' },
+              type: 'native',
+              placeholder: '\u8BF7\u8F93\u5165\u5907\u6CE8',
+              title: '\u5907\u6CE8\uFF1A',
+              value: memo,
+              onChange: function onChange(_ref5) {
+                var value = _ref5.target.value;
+                return _this2.watchChange('memo', value);
+              },
+              onFocus: function onFocus(_ref6) {
+                var target = _ref6.target;
+                return _this2.keyboardOpen(target, 'memo');
+              }
+            })
+          )
+        )
+      );
+    }
+  }]);
+  return ChangeMemberCard;
+}(_react.Component)) || _class;
+
+exports.default = ChangeMemberCard;
+//# sourceMappingURL=index.js.map

package/dist/member/memberMenu/changeMemberCard/index.js.map

@@ -0,0 +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"]}

package/dist/member/memberMenu/changeMemberCard/style.less

@@ -0,0 +1,43 @@
+.u-modal {
+    .u-close{
+      opacity: 1 !important;//统一覆盖
+    }
+    .change-tplus-container {
+        padding-top: 10px;
+        .content-container {
+            display: flex;
+            font-size: 14px;
+            height: 30px;
+            padding-left: 39px;
+            font-family: 'PingFangSC-Regular';
+            .one {
+                width: 90px;
+                text-align: right;
+            }
+            .two {
+                margin-left: 12px;
+            }
+        }
+        .operator {
+            margin-top: 16px;
+        }
+        .tplus-input-container {
+            padding-left: 39px;
+            .tplus-input-title {
+                width: 92px;
+            }
+        }
+    }
+    .newCardClass {
+        .tplus-input-container:first-child {
+            margin-top: 12px;
+        }
+    }
+    .newCardClassMemo {
+        .tplus-input-container:first-child {
+            margin-top: 21px;
+        }
+    }
+}
+  
+