tplus-member 3.36.1 → 3.37.1

package/dist/member/memberMenuStorage/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/memberMenuStorage/changeMemberCard/index.js.map

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

package/dist/member/memberMenuStorage/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;
+        }
+    }
+}
+  
+