tplus-member 3.25.4 → 3.26.4

package/dist/member/ShopMemberStorage.js

@@ -0,0 +1,400 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _button = require('antd/es/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+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, _temp;
+
+require('antd/es/button/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+var _mutantsUtil = require('mutants-util');
+
+var _api = require('./api');
+
+var _api2 = _interopRequireDefault(_api);
+
+var _index = require('./memberTab/index.js');
+
+var _index2 = _interopRequireDefault(_index);
+
+require('./ShopMember.less');
+
+var _utils = require('../utils');
+
+var _index3 = require('./memberMenuStorage/index.js');
+
+var _index4 = _interopRequireDefault(_index3);
+
+var _MemberCardList = require('./MemberCardList');
+
+var _MemberCardList2 = _interopRequireDefault(_MemberCardList);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// let swiperSelectObserver;
+
+var ShopMemberStorage = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(ShopMemberStorage, _Component);
+
+  function ShopMemberStorage(props) {
+    (0, _classCallCheck3.default)(this, ShopMemberStorage);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (ShopMemberStorage.__proto__ || (0, _getPrototypeOf2.default)(ShopMemberStorage)).call(this, props));
+
+    _this.currentPage = 1;
+    _this.cacheUserRetail = {};
+
+    _this.hotKeyListener = function (nodeName, index) {
+      if (nodeName && ~nodeName.className.indexOf('slide-selected')) {
+        _this.isHotKeyAction = true;
+        var activeElement = document.activeElement;
+        activeElement && activeElement.blur();
+      }
+    };
+
+    _this.observerCard = function () {
+      setTimeout(function () {
+        var slideSelected = document.querySelector('.slide-selected');
+        _this.prevSlideSelected && swiperSelectObserver.unobserve(_this.prevSlideSelected);
+        _this.prevSlideSelected = slideSelected;
+        slideSelected && swiperSelectObserver.observe(slideSelected);
+      });
+    };
+
+    _this.windowOnresize = function () {
+      if (!_this.memberTab) {
+        return window.removeEventListener('resize', _this.windowOnresize);
+      };
+      var memberTabHeight = _this.state.memberTabHeight;
+
+      var clientHeight = _this.memberTab.clientHeight - _this.state.tabMenuHeight;
+      if (memberTabHeight !== clientHeight) {
+        _this.setState({ memberTabHeight: clientHeight });
+      }
+    };
+
+    _this.isNotSetState = function (Idmember) {
+      if (_this.willUnmount || Idmember !== _this.currentMemberId) return true;
+    };
+
+    _this.getCardList = function (cardNo) {
+      var currentPage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var pageSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+
+      _tplusComponentsTouch.Loading.show({ target: '.memberShopContainer' });
+      _this.setState({
+        loadingBtn: true
+      });
+      _this.ms.getCardInfoByCardNo(cardNo).then(function (ret) {
+        var _ref = ret || {},
+            _ref$data = _ref.data,
+            data = _ref$data === undefined ? {} : _ref$data;
+
+        _this.setState({
+          cardList: [data],
+          selected: 0,
+          loadingBtn: false,
+          searchValue: ''
+        }, function () {
+          _this.memberCardList.resetSlideTop();
+        });
+        _tplusComponentsTouch.Loading.hide();
+      }).catch(function (err) {
+        _this.setState({
+          loadingBtn: false
+        });
+        _tplusComponentsTouch.Loading.hide();
+      });
+    };
+
+    _this.handleSearchClick = function () {
+      var searchValue = _this.state.searchValue;
+      var storeKey = _this.props.storeKey;
+
+      _this.userSearch = true;
+      _this.currentPage = 1;
+      _this.setState({ selected: undefined });
+      _this.getCardList(searchValue, _this.currentPage);
+    };
+
+    _this.handleSearchChange = function (val) {
+      _this.setState({ searchValue: val });
+    };
+
+    _this.keyboardOnOk = function () {
+      _this.handleSearchClick();
+    };
+
+    _this.keyboardOnClose = function () {
+      _this.searchRef && _this.searchRef.blur();
+    };
+
+    _this.onKeyPressed = function (e) {
+      var keyCode = e.keyCode;
+
+      var enterKey = 13;
+      if (keyCode === enterKey) {
+        _this.handleSearchClick();
+        _this.keyboardOnClose();
+      }
+    };
+
+    _this.MemberMenuChange = function (dto) {
+      var memberList = _this.state.memberList;
+
+      (0, _utils.userInfoFormat)(dto);
+      var arr = [];
+      memberList.map(function (item) {
+        if (item.ID == dto.ID) {
+          arr.push(dto);
+        } else {
+          arr.push(item);
+        }
+      });
+      _this.setState({ member: dto, memberList: arr });
+    };
+
+    _this.onClear = function (key, input) {
+      _this.setState((0, _defineProperty3.default)({}, key, ''));
+      input.focus();
+    };
+
+    var mode = _this.props.mode;
+
+    var _ref2 = _mutantsUtil.platform || {},
+        isNewRetailBCPos = _ref2.isNewRetailBCPos;
+
+    _this.state = {
+      searchValue: '',
+      searchStatus: !!_this.props.listArr ? true : false,
+      tabIndex: _this.props.defaultActiveKey,
+      tabMenuHeight: mode !== 'practice' ? 64 : 0, // 64为table上部操作菜单高度
+      cardList: [] // 储值卡列表
+    };
+    _this.ms = _api2.default;
+    return _this;
+  }
+
+  (0, _createClass3.default)(ShopMemberStorage, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      window.addEventListener('resize', this.windowOnresize);
+      $.on(this.hotKeyListener);
+      this.ms.searchValue = ''; //初始化完成筛选列表清空数据（会员新增成功——封涛）
+    }
+  }, {
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate() {
+      var _state = this.state,
+          memberTabHeight = _state.memberTabHeight,
+          tabMenuHeight = _state.tabMenuHeight;
+
+      var clientHeight = this.memberTab.clientHeight - tabMenuHeight;
+      if (clientHeight !== memberTabHeight) {
+        this.setState({ memberTabHeight: clientHeight });
+      }
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      this.willUnmount = true;
+      window.removeEventListener('resize', this.windowOnresize);
+      // swiperSelectObserver.disconnect();
+      $.off(this.hotKeyListener);
+    }
+
+    // 获取储值卡信息
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var isUserAndroidKey = !!window.android_setKeyBoard;
+      var _state2 = this.state,
+          searchValue = _state2.searchValue,
+          _state2$memberTabHeig = _state2.memberTabHeight,
+          memberTabHeight = _state2$memberTabHeig === undefined ? 0 : _state2$memberTabHeig,
+          initEmpty = _state2.initEmpty,
+          loadingBtn = _state2.loadingBtn,
+          selected = _state2.selected,
+          isAllAuthority = _state2.isAllAuthority,
+          cardList = _state2.cardList;
+      var _props = this.props,
+          status = _props.status,
+          showModal = _props.showModal,
+          titleModal = _props.titleModal,
+          type = _props.type,
+          defaultActiveKey = _props.defaultActiveKey,
+          onCancel = _props.onCancel,
+          authProcess = _props.authProcess,
+          mode = _props.mode,
+          title = _props.title,
+          storeKey = _props.storeKey;
+
+      var showSearch = ['会员查询'].includes(type);
+      var noList = !cardList.length;
+      var showSelectBtn = type === '会员查询' || !!status;
+      //是否正常开单
+      var voucherStateType = mode !== 'practice';
+      var searchClassName = _tplusComponentsTouch.hotKey.hotKeyNotFilter('search-input');
+      var memberTabClassName = _tplusComponentsTouch.hotKey.hotKeyBindClass('10', 'member-shop-content');
+
+      return _react2.default.createElement(
+        'div',
+        { className: 'memberShopContainer' },
+        showSearch && _react2.default.createElement(
+          'div',
+          { className: 'search-container' },
+          _react2.default.createElement(_tplusComponentsTouch.Input, {
+            tplusInput: true,
+            placeholder: '\u5361\u53F7',
+            prefix: 'sousuo',
+            className: searchClassName + ' android_focus_keyboard',
+            value: searchValue,
+            type: 'native',
+            onChange: function onChange(_ref3) {
+              var searchValue = _ref3.target.value;
+              return _this2.setState({ searchValue: searchValue });
+            },
+            inputRef: function inputRef(ref) {
+              return _this2.searchRef = ref;
+            },
+            onClear: function onClear() {
+              return _this2.onClear('searchValue', _this2.searchRef);
+            },
+            onFocus: function onFocus(_ref4) {
+              var target = _ref4.target;
+
+              if (!isUserAndroidKey) {
+                _this2.focusInputName = 'searchValue';
+                _this2.inputTarget = target;
+                _tplusComponentsTouch.Keyboard.open(function (v) {
+                  var key = _this2.focusInputName;
+                  var value = _tplusComponentsTouch.Keyboard.getNewValue(_this2.inputTarget, _this2.inputTarget.value, v);
+                  _this2.setState((0, _defineProperty3.default)({}, key, value));
+                }, _this2.keyboardOnOk, _this2.keyboardOnClose)();
+              }
+            },
+            onBlur: _tplusComponentsTouch.Keyboard.close,
+            onKeyDown: this.onKeyPressed
+          }),
+          _react2.default.createElement(
+            _button2.default,
+            { className: 'primary-btn', onClick: this.handleSearchClick },
+            '\u641C\u7D22'
+          )
+        ),
+        _react2.default.createElement(
+          'div',
+          {
+            ref: function ref(_ref5) {
+              return _this2.memberTab = _ref5;
+            },
+            className: '' + memberTabClassName
+          },
+          noList && _react2.default.createElement('div', { className: 'empty-data-img' }),
+          _react2.default.createElement(_MemberCardList2.default, {
+            ref: function ref(list) {
+              return _this2.memberCardList = list;
+            },
+            title: title,
+            storeKey: storeKey,
+            selected: selected,
+            cardList: cardList
+          }),
+          _react2.default.createElement(
+            'div',
+            { className: 'member-content-tab content', style: { display: noList ? 'none' : 'flex' } },
+            voucherStateType && !isAllAuthority && _react2.default.createElement(
+              'div',
+              null,
+              _react2.default.createElement(
+                'div',
+                { className: 'menu' },
+                _react2.default.createElement(_index4.default, {
+                  storeKey: storeKey,
+                  authProcess: authProcess,
+                  loadingBtn: loadingBtn,
+                  selected: selected,
+                  cardList: cardList,
+                  getCardList: this.getCardList,
+                  handleChange: this.MemberMenuChange })
+              ),
+              _react2.default.createElement('div', { className: 'line' })
+            ),
+            _react2.default.createElement(_index2.default, {
+              defaultActiveKey: defaultActiveKey,
+              showModal: showModal,
+              title: title,
+              titleModal: titleModal,
+              storeKey: storeKey,
+              memberTabHeight: memberTabHeight,
+              initEmpty: initEmpty,
+              cardList: cardList
+            })
+          )
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'member-footer' },
+          _react2.default.createElement(
+            _button2.default,
+            { onClick: onCancel },
+            '\u53D6\u6D88'
+          )
+        )
+      );
+    }
+  }]);
+  return ShopMemberStorage;
+}(_react.Component), _class.defaultProps = {
+  onCancel: function onCancel() {}
+}, _class.contextTypes = {
+  viewModel: _propTypes2.default.object,
+  columnInfo: _propTypes2.default.array
+}, _temp);
+exports.default = ShopMemberStorage;
+//# sourceMappingURL=ShopMemberStorage.js.map

package/dist/member/ShopMemberStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-member/member/ShopMemberStorage.js"],"names":["ShopMemberStorage","props","currentPage","cacheUserRetail","hotKeyListener","nodeName","index","className","indexOf","isHotKeyAction","activeElement","document","blur","observerCard","setTimeout","slideSelected","querySelector","prevSlideSelected","swiperSelectObserver","unobserve","observe","windowOnresize","memberTab","window","removeEventListener","memberTabHeight","state","clientHeight","tabMenuHeight","setState","isNotSetState","Idmember","willUnmount","currentMemberId","getCardList","cardNo","pageSize","Loading","show","target","loadingBtn","ms","getCardInfoByCardNo","then","ret","data","cardList","selected","searchValue","memberCardList","resetSlideTop","hide","catch","handleSearchClick","storeKey","userSearch","undefined","handleSearchChange","val","keyboardOnOk","keyboardOnClose","searchRef","onKeyPressed","e","keyCode","enterKey","MemberMenuChange","dto","memberList","arr","map","item","ID","push","member","onClear","key","input","focus","mode","platform","isNewRetailBCPos","searchStatus","listArr","tabIndex","defaultActiveKey","memberStore","addEventListener","$","on","off","isUserAndroidKey","android_setKeyBoard","initEmpty","isAllAuthority","status","showModal","titleModal","type","onCancel","authProcess","title","showSearch","includes","noList","length","showSelectBtn","voucherStateType","searchClassName","hotKey","hotKeyNotFilter","memberTabClassName","hotKeyBindClass","value","ref","focusInputName","inputTarget","Keyboard","open","getNewValue","v","close","list","display","Component","defaultProps","contextTypes","viewModel","PropTypes","object","columnInfo","array"],"mappings":"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","file":"ShopMemberStorage.js","sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Button } from 'antd';\nimport { ModalWraper, Input, Loading, Message, Ticon, Keyboard, Spin, hotKey } from 'tplus-components-touch';\nimport { stores } from 'mutants-microfx';\nimport { enumController, platform } from 'mutants-util';\nimport memberStore from './api';\nimport MemberTab from './memberTab/index.js';\nimport './ShopMember.less';\nimport { formatPrecision, userInfoFormat, errMessageTip } from '../utils';\nimport MemberMenuStorage from './memberMenuStorage/index.js'\nimport MemberCardList from './MemberCardList'\n\n// let swiperSelectObserver;\n\nexport default class ShopMemberStorage extends Component {\n  static defaultProps = {\n    onCancel: () => {}\n  };\n\n  static contextTypes = {\n    viewModel: PropTypes.object,\n    columnInfo: PropTypes.array,\n  };\n  constructor(props) {\n    super(props);\n    const { mode } = this.props;\n    let { isNewRetailBCPos } = platform || {};\n    this.state = {\n      searchValue: '',\n      searchStatus: !!this.props.listArr ? true : false,\n      tabIndex: this.props.defaultActiveKey,\n      tabMenuHeight: mode !== 'practice' ? 64 : 0, // 64为table上部操作菜单高度\n      cardList: [], // 储值卡列表\n    };\n    this.ms = memberStore;\n  }\n\n  currentPage = 1;\n  cacheUserRetail = {};\n\n  componentDidMount() {\n    window.addEventListener('resize', this.windowOnresize);\n    $.on(this.hotKeyListener);\n    this.ms.searchValue = '';//初始化完成筛选列表清空数据（会员新增成功——封涛）\n  }\n\n  componentDidUpdate() {\n    const {memberTabHeight, tabMenuHeight} = this.state;\n    const clientHeight = this.memberTab.clientHeight - tabMenuHeight;\n    if (clientHeight !== memberTabHeight) {\n      this.setState({memberTabHeight: clientHeight});\n    }\n  }\n\n  componentWillUnmount() {\n    this.willUnmount = true;\n    window.removeEventListener('resize', this.windowOnresize);\n    // swiperSelectObserver.disconnect();\n    $.off(this.hotKeyListener);\n  }\n\n  hotKeyListener = (nodeName, index) => {\n    if (nodeName && ~nodeName.className.indexOf('slide-selected')) {\n      this.isHotKeyAction = true;\n      const activeElement = document.activeElement;\n      activeElement && activeElement.blur();\n    }\n  }\n\n  observerCard = () => {\n    setTimeout(() => {\n      const slideSelected = document.querySelector('.slide-selected');\n      this.prevSlideSelected && swiperSelectObserver.unobserve(this.prevSlideSelected);\n      this.prevSlideSelected = slideSelected;\n      slideSelected && swiperSelectObserver.observe(slideSelected);\n    })\n  }\n  windowOnresize = () => {\n    if (!this.memberTab) {\n      return window.removeEventListener('resize', this.windowOnresize);\n    };\n    const {memberTabHeight} = this.state;\n    const clientHeight = this.memberTab.clientHeight - this.state.tabMenuHeight;\n    if (memberTabHeight !== clientHeight) {\n      this.setState({memberTabHeight: clientHeight});\n    }\n  }\n\n  isNotSetState = (Idmember) => {\n    if (this.willUnmount || Idmember !== this.currentMemberId) return true;\n  }\n\n  // 获取储值卡信息\n  getCardList = (cardNo, currentPage = 1, pageSize = 10) => {\n    Loading.show({ target: '.memberShopContainer' });\n    this.setState({\n      loadingBtn: true\n    })\n    this.ms.getCardInfoByCardNo(cardNo)\n      .then(ret => {\n        const {data = {}} = ret || {}\n        this.setState({\n          cardList: [data],\n          selected: 0,\n          loadingBtn: false,\n          searchValue: ''\n        }, () => {\n          this.memberCardList.resetSlideTop();\n        })\n        Loading.hide();\n      })\n      .catch(err => {\n        this.setState({\n          loadingBtn: false\n        })\n        Loading.hide()\n      });\n  }\n\n  handleSearchClick = () => {\n    const { searchValue } = this.state;\n    const { storeKey } = this.props\n    this.userSearch = true;\n    this.currentPage = 1;\n    this.setState({ selected: undefined });\n    this.getCardList(searchValue, this.currentPage)\n  }\n\n  handleSearchChange = (val) => {\n    this.setState({searchValue: val});\n  }\n\n  keyboardOnOk = () => {\n    this.handleSearchClick();\n  }\n\n  keyboardOnClose = () => {\n    this.searchRef && this.searchRef.blur();\n  }\n\n  onKeyPressed = (e) => {\n    const { keyCode } = e;\n    const enterKey = 13;\n    if (keyCode === enterKey) {\n      this.handleSearchClick();\n      this.keyboardOnClose();\n    }\n  }\n\n  MemberMenuChange = (dto) => {\n    const { memberList } = this.state;\n    userInfoFormat(dto)\n    let arr = [];\n    memberList.map(item => {\n      if (item.ID == dto.ID) {\n        arr.push(dto)\n      } else {\n        arr.push(item)\n      }\n    })\n    this.setState({ member: dto, memberList: arr })\n  }\n\n  onClear = (key, input) => {\n    this.setState({[key]: ''});\n    input.focus();\n  }\n\n  render() {\n    const isUserAndroidKey = !! window.android_setKeyBoard;\n    const { searchValue, memberTabHeight = 0, initEmpty, loadingBtn, selected, isAllAuthority, cardList } = this.state;\n    const { status, showModal, titleModal, type, defaultActiveKey, onCancel, authProcess, mode, title, storeKey } = this.props;\n    const showSearch = ['会员查询'].includes(type);\n    const noList = !cardList.length;\n    const showSelectBtn = type === '会员查询' || !!status;\n    //是否正常开单\n    let voucherStateType = (mode !== 'practice');\n    const searchClassName = hotKey.hotKeyNotFilter('search-input')\n    const memberTabClassName = hotKey.hotKeyBindClass('10', 'member-shop-content')\n    \n    return (\n      <div className='memberShopContainer'>\n        {\n          showSearch &&\n          <div className='search-container'>\n            <Input\n              tplusInput\n              placeholder='卡号'\n              prefix='sousuo'\n              className={`${searchClassName} android_focus_keyboard`}\n              value={searchValue}\n              type='native'\n              onChange={\n                ({ target: { value: searchValue } }) => this.setState({ searchValue })\n              }\n              inputRef={ref => this.searchRef = ref}\n              onClear={() => this.onClear('searchValue', this.searchRef)}\n              onFocus={({ target }) => {\n                if(!isUserAndroidKey ){\n                  this.focusInputName = 'searchValue';\n                  this.inputTarget = target;\n                  Keyboard.open(v => {\n                    const key = this.focusInputName;\n                    const value = Keyboard.getNewValue(this.inputTarget, this.inputTarget.value, v);\n                    this.setState({ [key]: value });\n                  }, this.keyboardOnOk, this.keyboardOnClose)();\n                }\n              }}\n              onBlur={Keyboard.close}\n              onKeyDown={this.onKeyPressed}\n            />\n            <Button className='primary-btn' onClick={this.handleSearchClick}>搜索</Button>\n          </div>\n        }\n        <div \n          ref={ref => this.memberTab = ref} \n          className={`${memberTabClassName}`}\n        >\n          {\n            noList && <div className='empty-data-img' />\n          }\n          <MemberCardList \n            ref={list => this.memberCardList = list}\n            title={title}\n            storeKey={storeKey}\n            selected={selected}\n            cardList={cardList}\n          />\n          \n          <div className='member-content-tab content' style={{ display: noList ? 'none' : 'flex' }}>\n            {\n              (voucherStateType && !isAllAuthority) &&\n              <div>\n                <div className='menu'>\n                  <MemberMenuStorage \n                    storeKey={storeKey}\n                    authProcess={authProcess}\n                    loadingBtn={loadingBtn} \n                    selected={selected} \n                    cardList={cardList}\n                    getCardList={this.getCardList}\n                    handleChange={this.MemberMenuChange} />\n                </div>\n                <div className='line'></div>\n              </div>\n            }\n            <MemberTab\n              defaultActiveKey={defaultActiveKey}\n              showModal={showModal}\n              title={title}\n              titleModal={titleModal}\n              storeKey={storeKey}\n              memberTabHeight={memberTabHeight}\n              initEmpty={initEmpty}\n              cardList={cardList}\n            />\n          </div>\n        </div>\n        <div className='member-footer'>\n          <Button onClick={onCancel}>取消</Button>\n        </div>\n      </div>\n    )\n  }\n}\n"]}