tplus-member 3.36.1 → 3.38.3

package/dist/member/ShopMemberStorage.js

@@ -0,0 +1,451 @@
+'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;
+      var key = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+
+      cardNo = cardNo.replace(/\s+/g, "");
+      if (cardNo.length === 0) {
+        _tplusComponentsTouch.Message.error('请输入卡号');
+        return;
+      }
+      _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;
+
+        if (data.length) {
+          _this.setState({
+            cardList: data,
+            selected: 0,
+            loadingBtn: false
+          }, function () {
+            _this.setCardInfo(currentPage === 1 ? 0 : key, data[0]);
+            _this.memberCardList.resetSlideTop();
+          });
+        } else {
+          _this.setCardInfo(key);
+        }
+
+        _tplusComponentsTouch.Loading.hide();
+      }).catch(function (err) {
+        var message = err.message;
+
+        if (message.includes('code 404')) {
+          _tplusComponentsTouch.ModalWraper.warning({
+            title: '提示',
+            content: '\u8BF7\u8F93\u5165\u5361\u53F7\uFF01'
+          });
+        }
+        _this.setCardInfo(key);
+        _this.setState({
+          loadingBtn: false
+        });
+        _tplusComponentsTouch.Loading.hide();
+      });
+    };
+
+    _this.loadUserInfo = function (ID) {
+      // this.observerCard();
+
+      _this.ms.getGetUmemberDTO(ID).then(function (ret) {
+        _mutantsMicrofx.stores.selectMemberStore.setCurMemberInfo(ret);
+        var memberChange = _this.props.memberChange;
+
+        memberChange && memberChange(ret);
+      }).catch(function (err) {
+        _tplusComponentsTouch.Message.warn('会员信息更新失败！');
+      });
+    };
+
+    _this.setCardInfo = function (key) {
+      var cardInfo = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+      _this.setState({
+        selected: key,
+        cardInfo: cardInfo
+      });
+    };
+
+    _this.handleSearchClick = function () {
+      var _this$state = _this.state,
+          searchValue = _this$state.searchValue,
+          selected = _this$state.selected;
+
+      _this.userSearch = true;
+      _this.currentPage = 1;
+      // this.setState({ selected: undefined });
+      _this.getCardList(searchValue, _this.currentPage, 10, selected);
+    };
+
+    _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: [], // 储值卡列表
+      cardInfo: {} // 当前被选中的卡信息
+    };
+    _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,
+          cardInfo = _state2.cardInfo;
+      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/\u624B\u673A\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 storage-empty-data-img' }),
+          _react2.default.createElement(_MemberCardList2.default, {
+            ref: function ref(list) {
+              return _this2.memberCardList = list;
+            },
+            title: title,
+            storeKey: storeKey,
+            selected: selected,
+            cardList: cardList,
+            setCardInfo: this.setCardInfo
+          }),
+          _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,
+                  loadUserInfo: this.loadUserInfo,
+                  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,
+              selected: selected,
+              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","key","replace","length","Message","error","Loading","show","target","loadingBtn","ms","getCardInfoByCardNo","then","ret","data","cardList","selected","setCardInfo","memberCardList","resetSlideTop","hide","catch","message","err","includes","ModalWraper","warning","title","content","loadUserInfo","ID","getGetUmemberDTO","stores","selectMemberStore","setCurMemberInfo","memberChange","warn","cardInfo","handleSearchClick","searchValue","userSearch","handleSearchChange","val","keyboardOnOk","keyboardOnClose","searchRef","onKeyPressed","e","keyCode","enterKey","MemberMenuChange","dto","memberList","arr","map","item","push","member","onClear","input","focus","mode","platform","isNewRetailBCPos","searchStatus","listArr","tabIndex","defaultActiveKey","memberStore","addEventListener","$","on","off","isUserAndroidKey","android_setKeyBoard","initEmpty","isAllAuthority","status","showModal","titleModal","type","onCancel","authProcess","storeKey","showSearch","noList","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      cardInfo: {}, // 当前被选中的卡信息\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, key = 0) => {\n    cardNo = cardNo.replace(/\\s+/g,\"\")\n    if (cardNo.length === 0) {\n      Message.error('请输入卡号')\n      return\n    }\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        if (data.length) {\n          this.setState({\n            cardList: data,\n            selected: 0,\n            loadingBtn: false\n          }, () => {\n            this.setCardInfo(currentPage === 1 ? 0 : key, data[0])\n            this.memberCardList.resetSlideTop();\n          })\n        } else {\n          this.setCardInfo(key)\n        }\n        \n        Loading.hide();\n      })\n      .catch(err => {\n        const { message } = err\n        if (message.includes('code 404')) {\n            ModalWraper.warning({\n              title: '提示',\n              content: `请输入卡号！`\n          })\n        }\n        this.setCardInfo(key)\n        this.setState({\n          loadingBtn: false\n        })\n        Loading.hide()\n      });\n  }\n\n  loadUserInfo = (ID) => {\n    // this.observerCard();\n\n    this.ms.getGetUmemberDTO(ID)\n      .then(ret => {\n        stores.selectMemberStore.setCurMemberInfo(ret);\n        const { memberChange } = this.props;\n        memberChange && memberChange(ret);\n      }).catch(err => {\n        Message.warn('会员信息更新失败！')\n    });\n  }\n\n  // 设置当前被选中的卡信息\n  setCardInfo = (key, cardInfo = {}) => {\n    this.setState({\n      selected: key,\n      cardInfo\n    })\n  }\n\n  handleSearchClick = () => {\n    const { searchValue, selected } = this.state;\n    this.userSearch = true;\n    this.currentPage = 1;\n    // this.setState({ selected: undefined });\n    this.getCardList(searchValue, this.currentPage, 10, selected)\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, cardInfo } = 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 storage-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            setCardInfo={this.setCardInfo}\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                    loadUserInfo={this.loadUserInfo}\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              selected={selected}\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"]}