tplus-member 3.28.2 → 3.28.3

package/dist/member/ShopMember.js

@@ -0,0 +1,1083 @@
+'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 _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _slicedToArray2 = require('babel-runtime/helpers/slicedToArray');
+
+var _slicedToArray3 = _interopRequireDefault(_slicedToArray2);
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _keys = require('babel-runtime/core-js/object/keys');
+
+var _keys2 = _interopRequireDefault(_keys);
+
+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 _memberTab = require('./memberTab');
+
+var _memberTab2 = _interopRequireDefault(_memberTab);
+
+var _swiper = require('swiper/dist/js/swiper.js');
+
+var _swiper2 = _interopRequireDefault(_swiper);
+
+require('swiper/dist/css/swiper.min.css');
+
+require('./ShopMember.less');
+
+var _utils = require('../utils');
+
+var _index = require('./memberMenu/index.js');
+
+var _index2 = _interopRequireDefault(_index);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var memberSwiper = void 0;
+var swiperSelectObserver = void 0;
+
+var ShopMember = (_temp = _class = function (_Component) {
+  (0, _inherits3.default)(ShopMember, _Component);
+
+  function ShopMember(props) {
+    (0, _classCallCheck3.default)(this, ShopMember);
+
+    var _this2 = (0, _possibleConstructorReturn3.default)(this, (ShopMember.__proto__ || (0, _getPrototypeOf2.default)(ShopMember)).call(this, props));
+
+    _this2.currentPage = 1;
+    _this2.cacheUserRetail = {};
+
+    _this2.hotKeyListener = function (nodeName, index) {
+      _this2.progressListen();
+      if (nodeName && ~nodeName.className.indexOf('slide-selected')) {
+        _this2.isHotKeyAction = true;
+        var activeElement = document.activeElement;
+        activeElement && activeElement.blur();
+      }
+    };
+
+    _this2.observerCard = function () {
+      setTimeout(function () {
+        var slideSelected = document.querySelector('.slide-selected');
+        _this2.prevSlideSelected && swiperSelectObserver.unobserve(_this2.prevSlideSelected);
+        _this2.prevSlideSelected = slideSelected;
+        slideSelected && swiperSelectObserver.observe(slideSelected);
+      });
+    };
+
+    _this2.progressListen = function (progress) {
+      var selected = _this2.state.selected;
+      var _this2$state$memberLi = _this2.state.memberList,
+          memberList = _this2$state$memberLi === undefined ? [] : _this2$state$memberLi;
+      var viewMemberInfo = _this2.props.viewMemberInfo;
+
+      if (viewMemberInfo) return;
+      var _this2$state = _this2.state,
+          loadmoreLoading = _this2$state.loadmoreLoading,
+          nomoreData = _this2$state.nomoreData,
+          _this2$state$searchVa = _this2$state.searchValue,
+          searchValue = _this2$state$searchVa === undefined ? '' : _this2$state$searchVa;
+      // let newselect = (selected + 5) % 10
+
+      if ((selected + 1) % 10 === 0 && !loadmoreLoading && !nomoreData) {
+        _this2.currentPage += 1;
+        _this2.loadUserList('loadmore', _this2.currentPage);
+      }
+      if (progress >= 1 && !loadmoreLoading && !nomoreData) {
+        _this2.currentPage += 1;
+        _this2.loadUserList('loadmore', _this2.currentPage);
+      }
+    };
+
+    _this2.windowOnresize = function () {
+      if (!_this2.memberTab) {
+        return window.removeEventListener('resize', _this2.windowOnresize);
+      };
+      var memberTabHeight = _this2.state.memberTabHeight;
+
+      var clientHeight = _this2.memberTab.clientHeight - _this2.state.tabMenuHeight;
+      if (memberTabHeight !== clientHeight) {
+        _this2.setState({ memberTabHeight: clientHeight });
+      }
+    };
+
+    _this2.isNotSetState = function (Idmember) {
+      if (_this2.willUnmount || Idmember !== _this2.currentMemberId) return true;
+    };
+
+    _this2.loadUserInfo = function (key, Idmember, item, type, syncUpdateMember) {
+      _this2.observerCard();
+
+      var _this2$props = _this2.props,
+          selectChange = _this2$props.selectChange,
+          viewMemberInfo = _this2$props.viewMemberInfo,
+          memberChange = _this2$props.memberChange;
+      var _this2$state2 = _this2.state,
+          selected = _this2$state2.selected,
+          _this2$state2$tabInde = _this2$state2.tabIndex,
+          tabIndex = _this2$state2$tabInde === undefined ? '1' : _this2$state2$tabInde;
+
+      if (key === selected && type !== true && type !== 'opencard') return;
+      _tplusComponentsTouch.Loading.hide();
+      if (_this2.currentMemberId && !(_this2.cacheUserRetail[_this2.currentMemberId] || {}).recommend) {
+        delete _this2.cacheUserRetail[_this2.currentMemberId];
+      }
+      _this2.currentMemberId = Idmember;
+
+      if (_this2.userSearch || viewMemberInfo) {
+        _this2.userSearch = false;
+        _this2.setState({ selected: key });
+      }
+
+      var _this2$state$memberLi2 = _this2.state.memberList,
+          memberList = _this2$state$memberLi2 === undefined ? [] : _this2$state$memberLi2;
+
+
+      _this2.memberTabChange(tabIndex);
+
+      _this2.setState({ selected: key, member: memberList[key] || {}, loadingUser: true, loadingBtn: true });
+      _this2.ms.getGetUmemberDTO(Idmember).then(function (ret) {
+        if (_this2.isNotSetState(Idmember)) return;
+
+        var _ref = ret || {},
+            BalanceIntegral = _ref.BalanceIntegral,
+            BalanceStorage = _ref.BalanceStorage,
+            UmemberLabel = _ref.UmemberLabel,
+            MemberCouponTitle = _ref.MemberCouponTitle,
+            Mobilephone = _ref.Mobilephone,
+            _ref$DynamicPropertyK = _ref.DynamicPropertyKeys,
+            DynamicPropertyKeys = _ref$DynamicPropertyK === undefined ? [] : _ref$DynamicPropertyK,
+            _ref$DynamicPropertyV = _ref.DynamicPropertyValues,
+            DynamicPropertyValues = _ref$DynamicPropertyV === undefined ? [] : _ref$DynamicPropertyV;
+
+        var mergeKeys = { BalanceIntegral: BalanceIntegral, BalanceStorage: BalanceStorage, UmemberLabel: UmemberLabel, MemberCouponTitle: MemberCouponTitle, Mobilephone: Mobilephone, DynamicPropertyKeys: DynamicPropertyKeys, DynamicPropertyValues: DynamicPropertyValues };
+        //const memberInfo = {...(memberList[key] || {}), ...mergeKeys};
+        if (viewMemberInfo) {
+          // 用接口中的 BalanceStorage MemberCouponTitle覆盖列表中的数据, 监听对象 使用action 设置值
+          _this2.ms.setMemberKey(mergeKeys);
+        } else {
+          //设置会员列表中该会员的BalanceStorage值
+          var currentMemberOfList = memberList.find(function (value) {
+            return value.ID === Idmember;
+          }) || {};
+          (0, _keys2.default)(mergeKeys).forEach(function (v) {
+            return currentMemberOfList[v] = mergeKeys[v];
+          });
+        }
+        (0, _utils.userInfoFormat)(ret);
+        var arr = [];
+        memberList.map(function (item) {
+          if (item.ID === ret.ID) {
+            arr.push(ret);
+          } else {
+            arr.push(item);
+          }
+        });
+        _this2.setState({
+          member: ret,
+          initEmpty: true,
+          memberList: arr,
+          errorMsg: '',
+          loadingUser: false,
+          loadingBtn: false
+        });
+        _mutantsMicrofx.stores.selectMemberStore.setCurMemberInfo(ret);
+        selectChange && selectChange(item);
+        // 更新当前选定的会员信息
+        if (syncUpdateMember) {
+          var _ref2 = _this2.context.viewModel || {},
+              _ref2$data = _ref2.data;
+
+          _ref2$data = _ref2$data === undefined ? {} : _ref2$data;
+          var _ref2$data$Member = _ref2$data.Member;
+          _ref2$data$Member = _ref2$data$Member === undefined ? {} : _ref2$data$Member;
+          var ID = _ref2$data$Member.ID;
+
+          if (ID == ret.ID) {
+            _mutantsMicrofx.stores.selectMemberStore.seletMember(ret);
+            memberChange && memberChange(ret);
+          }
+        }
+      }).catch(function (err) {
+        selectChange && selectChange({});
+        if (_this2.isNotSetState(Idmember)) return;
+        _this2.setState({
+          member: memberList[key] || {},
+          initEmpty: true,
+          errorMsg: '会员信息获取失败，请重试',
+          memberList: memberList,
+          loadingBtn: false
+        });
+      });
+    };
+
+    _this2.loadUserRetail = function (Idmember) {
+      var _this2$state$tabIndex = _this2.state.tabIndex,
+          tabIndex = _this2$state$tabIndex === undefined ? '1' : _this2$state$tabIndex;
+      var titleModal = _this2.props.titleModal;
+
+
+      if (tabIndex !== '1' && ['会员详情', '到店会员', '人脸识别'].includes(titleModal)) {
+        _tplusComponentsTouch.Loading.show({
+          target: '.member-content-tab',
+          node: _react2.default.createElement(_tplusComponentsTouch.Spin, { scale: 1.2, type: 'shape', visible: true }),
+          delay: false
+        });
+      }
+      var currentMemberId = _this2.state.currentMemberId;
+
+      _this2.cacheUserRetail[Idmember] = {};
+      _this2.ms.getMemberRetailDetail(Idmember).then(function (ret) {
+        _tplusComponentsTouch.Loading.hide();
+        if (_this2.isNotSetState(Idmember)) return;
+
+        var _ref3 = ret || {},
+            Like = _ref3.Like,
+            Record = _ref3.Record,
+            Recency = _ref3.Recency,
+            _ref3$RecommendList = _ref3.RecommendList,
+            RecommendList = _ref3$RecommendList === undefined ? [] : _ref3$RecommendList;
+
+        var recommend = RecommendList;
+        var memberInfo = { record: Record, like: Like, recency: Recency };
+
+        _this2.setState({ recommend: recommend, memberInfo: memberInfo });
+        _this2.cacheUserRetail[Idmember] = { recommend: recommend, memberInfo: memberInfo };
+      }).catch(function (err) {
+        delete _this2.cacheUserRetail[Idmember];
+        if (_this2.isNotSetState(Idmember)) return;
+        _this2.setState({
+          recommend: [],
+          memberInfo: {}
+        });
+        _tplusComponentsTouch.Loading.hide();
+      });
+    };
+
+    _this2.loadUserList = function (type) {
+      var currentPage = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var pageSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+      var isSingleMember = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+      var searchId = arguments[4];
+      var _this2$state3 = _this2.state,
+          searchValue = _this2$state3.searchValue,
+          searchStatus = _this2$state3.searchStatus;
+      var _this2$props2 = _this2.props,
+          status = _this2$props2.status,
+          listArr = _this2$props2.listArr;
+
+      if (!_this2.ms) return;
+      if (type === 'init') {
+        var inputValue = _this2.ms && _this2.ms.searchValue;
+        if (inputValue) {
+          _this2.setState({ searchValue: inputValue });
+          setTimeout(function () {
+            _this2.keyboardOnClose();
+          }, 310);
+        }
+      }
+      if (type === 'loadmore') {
+        _this2.setState({ loadmoreLoading: true });
+      } else {
+        _tplusComponentsTouch.Loading.show({ target: '.memberShopContainer' });
+      }
+      if (type === 'opencard') {
+        currentPage = _this2.currentPage;
+      }
+      if (searchStatus) {
+        var arr = listArr.slice(0);
+        _this2.setState({
+          searchStatus: false,
+          memberList: arr
+        }, function () {
+          var memberList = _this2.state.memberList;
+
+          _this2.loadUserListSuccess(memberList, 's', memberList.length);
+          _tplusComponentsTouch.Loading.hide();
+        });
+        return;
+      }
+      _this2.ms.getSearchMember({
+        currentPage: currentPage,
+        pageSize: pageSize,
+        key: _this2.ms.searchValue || searchValue || searchId,
+        isSingleMember: _this2.ms.searchValue ? true : isSingleMember
+      }).then(function (ret) {
+        _this2.loadUserListSuccess(ret, type, pageSize);
+        _tplusComponentsTouch.Loading.hide();
+      }).catch(function (err) {
+        return _tplusComponentsTouch.Loading.hide();
+      });
+    };
+
+    _this2.loadUserListSuccess = function (ret, type, pageSize) {
+      _this2.dataLoaded = true;
+
+      var _ref4 = ret || {},
+          ColumnInfo = _ref4.ColumnInfo,
+          Data = _ref4.Data;
+
+      _this2.setState({ columnInfo: ColumnInfo });
+      _this2.precisionInfo(ColumnInfo);
+      _this2.usersLoadSuccess(type === 's' ? ret : JSON.parse(Data), type, pageSize);
+    };
+
+    _this2.precisionInfo = function (columnInfo) {
+      var precisionInfo = {};
+      if (columnInfo && columnInfo.length > 0) {
+        columnInfo = columnInfo.filter(function (v) {
+          return !!v.Precision;
+        }) || [];
+        columnInfo.length > 0 && columnInfo.forEach(function (item) {
+          var Precision = item.Precision,
+              FieldName = item.FieldName;
+
+          if (Precision) precisionInfo[FieldName] = Precision;
+        });
+      }
+      _this2.ms.setPrecisionInfo(precisionInfo);
+    };
+
+    _this2.handleSearchClick = function () {
+      var searchValue = _this2.state.searchValue;
+
+      _this2.userSearch = true;
+      _this2.currentPage = 1;
+      _this2.setState({ nomoreData: false, selected: undefined });
+      _this2.loadUserList('search', _this2.currentPage);
+    };
+
+    _this2.handleSearchChange = function (val) {
+      _this2.setState({ searchValue: val });
+    };
+
+    _this2.getCardRender = function () {
+      var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var key = arguments[1];
+      var IsEnableUMember = arguments[2];
+      var precisionInfo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+      var ID = item.ID,
+          Name = item.Name,
+          Mobilephone = item.Mobilephone,
+          CardCode = item.CardCode,
+          BalanceIntegral = item.BalanceIntegral,
+          BalanceStorage = item.BalanceStorage,
+          _item$MemberType = item.MemberType,
+          MemberType = _item$MemberType === undefined ? {} : _item$MemberType,
+          IsFocusUmember = item.IsFocusUmember,
+          _item$UmemberLabel = item.UmemberLabel,
+          UmemberLabel = _item$UmemberLabel === undefined ? '' : _item$UmemberLabel,
+          ImageFile = item.ImageFile,
+          _item$ExpirationDate = item.ExpirationDate,
+          ExpirationDate = _item$ExpirationDate === undefined ? '' : _item$ExpirationDate,
+          isExpiration = item.isExpiration,
+          isUserLogout = item.isUserLogout,
+          UmemberOpenId = item.UmemberOpenId;
+
+      var iconItems = _this2.getMemberStateStamp(item);
+      var labels = UmemberLabel ? UmemberLabel.split(',') : [];
+      var defaultAvatar = 'https://newretail.static.chanjet.com/default_avatar.png';
+      var _this2$state4 = _this2.state,
+          selected = _this2$state4.selected,
+          isCC = _this2$state4.isCC;
+
+      var isSelected = selected === key;
+      return _react2.default.createElement(
+        'div',
+        { key: key, className: 'swiper-slide member-item-slide ' + (isSelected ? 'slide-selected' : ''), onClick: function onClick() {
+            return _this2.loadUserInfo(key, ID, item);
+          } },
+        iconItems && iconItems.length > 0 && _react2.default.createElement(
+          'div',
+          { className: 'memberstate-stamp' },
+          iconItems
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'card-avatar' },
+          _react2.default.createElement(
+            'div',
+            { className: 'avatar-box' },
+            _react2.default.createElement('img', { src: ImageFile || defaultAvatar, width: 60, height: 60 }),
+            IsEnableUMember && _react2.default.createElement(
+              'div',
+              { className: 'avatar-bage ' + (UmemberOpenId ? 'bage-follow' : '') },
+              _react2.default.createElement(
+                'div',
+                { className: 'avatar-bage-scale' },
+                UmemberOpenId ? '已关注' : '未关注'
+              )
+            )
+          )
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'member-level' },
+          _react2.default.createElement(
+            'span',
+            null,
+            MemberType.Name
+          )
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'member-info-container' },
+          _react2.default.createElement(
+            'div',
+            { className: 'member-infos' },
+            _react2.default.createElement(
+              'h1',
+              { className: 'member-info-name' },
+              Name
+            ),
+            _react2.default.createElement(
+              'p',
+              { className: 'member-phone' },
+              Mobilephone || CardCode
+            )
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'member-money' },
+            _react2.default.createElement(
+              'div',
+              { className: 'score' },
+              _react2.default.createElement(
+                'span',
+                null,
+                (0, _utils.formatPrecision)(BalanceIntegral, precisionInfo.BalanceIntegral),
+                '\u79EF\u5206'
+              )
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: 'balance' },
+              _react2.default.createElement(
+                'span',
+                null,
+                BalanceStorage ? (0, _utils.formatPrecision)(BalanceStorage, precisionInfo.BalanceStorage) : 0,
+                '\u4F59\u989D'
+              )
+            )
+          ),
+          IsEnableUMember && _react2.default.createElement(
+            'div',
+            { className: 'member-tag' },
+            labels.map(function (item, key) {
+              return _react2.default.createElement(
+                'span',
+                { key: key },
+                item
+              );
+            })
+          )
+        ),
+        isSelected && _react2.default.createElement(
+          'div',
+          { className: 'member-selected-icon' },
+          _react2.default.createElement(
+            'div',
+            { className: 'member-selected-icon-arrow' },
+            _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'huiyuanxuanzhong' })
+          )
+        )
+      );
+    };
+
+    _this2.usersLoadSuccess = function () {
+      var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var type = arguments[1];
+      var pageSize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+      var status = _this2.props.status;
+      var selected = _this2.state.selected;
+
+      if (_this2.willUnmount) return;
+      if (data.length) {
+        data.forEach(function (v) {
+          return (0, _utils.userInfoFormat)(v);
+        });
+
+        if (type === 'loadmore') {
+          var _this2$state$memberLi3 = _this2.state.memberList,
+              memberList = _this2$state$memberLi3 === undefined ? [] : _this2$state$memberLi3;
+
+          memberList.push.apply(memberList, (0, _toConsumableArray3.default)(data));
+          return _this2.setState({ nomoreData: data.length < pageSize, loadmoreLoading: false, memberList: memberList });
+        }
+        _this2.setState({ memberList: data }, function () {
+          if (type === 'search') {
+            _this2.resetSlideTop();
+          }
+
+          var _data = (0, _slicedToArray3.default)(data, 1),
+              _data$ = _data[0],
+              item = _data$ === undefined ? {} : _data$;
+          // const key=type==='opencard'?(selected-(this.currentPage-1)*pageSize):0;
+          // const item =data[key];
+
+
+          _this2.loadUserInfo(0, item.ID, item, type);
+        });
+      } else if (type === 'loadmore') {
+        _this2.setState({ nomoreData: true, loadmoreLoading: false });
+      } else {
+        _tplusComponentsTouch.Loading.hide();
+        _this2.setState({
+          memberList: [],
+          recommend: [],
+          member: {},
+          memberInfo: { record: [], like: [], recency: [] }
+        }, function () {
+          if (type === 'search') {
+            _this2.resetSlideTop();
+          }
+        });
+      }
+    };
+
+    _this2.resetSlideTop = function () {
+      if (memberSwiper) {
+        memberSwiper.slideTo(0, 0, false);
+      }
+    };
+
+    _this2.getMemberStateStamp = function (item) {
+      var arr = [];
+      var isExpiration = item.isExpiration,
+          isUserLogout = item.isUserLogout,
+          isUserLoss = item.isUserLoss,
+          isUserNotUsing = item.isUserNotUsing;
+      //已挂失
+
+      if (isUserLoss) arr.push(_react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'yiguashi' }));
+      //已过期
+      if (isExpiration) arr.push(_react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'yiguoqi' }));
+      //已注销
+      if (isUserLogout) arr.push(_react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'yizhuxiao' }));
+      //未启用
+      if (isUserNotUsing) arr.push(_react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'weiqiyong' }));
+      return arr;
+    };
+
+    _this2.handleOk = function (nomemberList) {
+      var _this2$state5 = _this2.state,
+          member = _this2$state5.member,
+          errorMsg = _this2$state5.errorMsg;
+
+      var _ref5 = member || {},
+          isExpiration = _ref5.isExpiration,
+          _ref5$MemberState = _ref5.MemberState;
+
+      _ref5$MemberState = _ref5$MemberState === undefined ? {} : _ref5$MemberState;
+      var Id = _ref5$MemberState.Id,
+          Name = _ref5$MemberState.Name;
+
+      if (nomemberList) {
+        return _this2.props.onCancel();
+      }
+      if (errorMsg) return _tplusComponentsTouch.Message.warn(errorMsg);
+      if ((0, _utils.errMessageTip)(member)) return;
+
+      var _ref6 = _this2.context.viewModel || {},
+          _ref6$data = _ref6.data;
+
+      _ref6$data = _ref6$data === undefined ? {} : _ref6$data;
+      var _ref6$data$Member = _ref6$data.Member;
+      _ref6$data$Member = _ref6$data$Member === undefined ? {} : _ref6$data$Member;
+      var ID = _ref6$data$Member.ID,
+          _ref6$items = _ref6.items,
+          items = _ref6$items === undefined ? [] : _ref6$items;
+
+
+      var viewVoucher = items.find(function (v) {
+        return v.type === 'Voucher';
+      }) || {};
+      var isTakeTheir = viewVoucher.getIsTakeTheir && viewVoucher.getIsTakeTheir();
+      if (isTakeTheir) {
+        _tplusComponentsTouch.Message.warn('自提时不可以切换选择会员');
+        return;
+      }
+
+      //会员不可更改判断
+      var memberStore = _this2.context.viewModel && _this2.context.viewModel.items.find(function (el) {
+        return el.name == 'MemberStore';
+      });
+      var uiState = memberStore.uiState;
+      if (!!uiState.tip) {
+        _tplusComponentsTouch.Message.info(uiState.tip);
+        return;
+      }
+      if (ID) {
+        var _this = _this2;
+        return _tplusComponentsTouch.ModalWraper.confirm({
+          className: 'tplus-confirm-modal',
+          title: '切换会员',
+          content: '您确定要替换当前会员吗？',
+          onOk: function onOk() {
+            _this.handleChangeMember(member);
+          }
+        });
+      }
+      _this2.handleChangeMember(member);
+    };
+
+    _this2.handleChangeMember = function (member) {
+      var _this2$props3 = _this2.props,
+          onOk = _this2$props3.onOk,
+          memberChange = _this2$props3.memberChange,
+          selectMemberSuccess = _this2$props3.selectMemberSuccess,
+          getMemberBirthday = _this2$props3.getMemberBirthday;
+
+      _mutantsMicrofx.stores.selectMemberStore.seletMember(member, true);
+      memberChange && memberChange(member);
+      onOk && onOk();
+      getMemberBirthday && getMemberBirthday(member.ID, function (result) {
+        _mutantsMicrofx.stores.selectMemberStore.changeMemberCare(result);
+      });
+      //商品输入框焦点。
+      setTimeout(function () {
+        selectMemberSuccess && selectMemberSuccess(member);
+      }, 300);
+    };
+
+    _this2.keyboardOnOk = function () {
+      _this2.handleSearchClick();
+    };
+
+    _this2.keyboardOnClose = function () {
+      _this2.searchRef && _this2.searchRef.blur();
+    };
+
+    _this2.onKeyPressed = function (e) {
+      var keyCode = e.keyCode;
+
+      var enterKey = 13;
+      if (keyCode === enterKey) {
+        _this2.handleSearchClick();
+        _this2.keyboardOnClose();
+      }
+    };
+
+    _this2.memberTabChange = function (tabIndex) {
+      _this2.setState({ tabIndex: tabIndex });
+      var currentUserRetail = _this2.cacheUserRetail[_this2.currentMemberId];
+      if (!currentUserRetail) {
+        return _this2.loadUserRetail(_this2.currentMemberId);
+      }
+      _this2.setState((0, _extends3.default)({}, currentUserRetail));
+      var activeElement = document.activeElement;
+      activeElement && activeElement.blur();
+    };
+
+    _this2.MemberMenuChange = function (dto) {
+      var memberList = _this2.state.memberList;
+
+      (0, _utils.userInfoFormat)(dto);
+      var arr = [];
+      memberList.map(function (item) {
+        if (item.ID == dto.ID) {
+          arr.push(dto);
+        } else {
+          arr.push(item);
+        }
+      });
+      _this2.setState({ member: dto, memberList: arr });
+    };
+
+    _this2.onClear = function (key, input) {
+      _this2.setState((0, _defineProperty3.default)({}, key, ''));
+      input.focus();
+    };
+
+    _this2.changeIsAllAuthority = function () {
+      _this2.setState({
+        isAllAuthority: false
+      });
+    };
+
+    var mode = _this2.props.mode;
+
+    var _ref7 = _mutantsUtil.platform || {},
+        isNewRetailBCPos = _ref7.isNewRetailBCPos;
+
+    _this2.state = {
+      searchValue: '',
+      memberList: [],
+      memberLength: 0,
+      memberInfo: {
+        record: [],
+        like: [],
+        recency: []
+      },
+      searchStatus: !!_this2.props.listArr ? true : false,
+      isCC: !!isNewRetailBCPos,
+      tabIndex: _this2.props.defaultActiveKey,
+      isAllAuthority: false,
+      tabMenuHeight: mode !== 'practice' ? 64 : 0 // 64为table上部操作菜单高度
+    };
+    _this2.ms = _api2.default;
+    return _this2;
+  }
+
+  (0, _createClass3.default)(ShopMember, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      var _this3 = this;
+
+      swiperSelectObserver = new IntersectionObserver(function (entries) {
+        var _entries$ = entries[0],
+            _entries$$boundingCli = _entries$.boundingClientRect;
+        _entries$$boundingCli = _entries$$boundingCli === undefined ? {} : _entries$$boundingCli;
+        var height = _entries$$boundingCli.height,
+            bottom = _entries$$boundingCli.bottom,
+            top = _entries$$boundingCli.top,
+            intersectionRatio = _entries$.intersectionRatio;
+
+        if (intersectionRatio !== 1 && _this3.isHotKeyAction) {
+          _this3.isHotKeyAction = false;
+
+          bottom > height && memberSwiper.slideNext();
+          // 解决向上滑动时top < 10 时距离问题
+          if (top < -10) {
+            top < height && memberSwiper.slidePrev() && memberSwiper.slidePrev();
+          } else {
+            top < height && memberSwiper.slidePrev();
+          }
+        }
+      });
+
+      window.addEventListener('resize', this.windowOnresize);
+      var _props = this.props,
+          viewMemberInfo = _props.viewMemberInfo,
+          status = _props.status,
+          columnInfo = _props.columnInfo;
+
+      if (viewMemberInfo) {
+        if (status) {
+          return this.loadUserListSuccess(viewMemberInfo);
+        } else if (status === 0) {
+          // status 0 为 查看会员详情
+          columnInfo && this.precisionInfo(columnInfo); // 查看录入的会员查看详情时父级传递了 columnInfo props
+          return this.usersLoadSuccess([viewMemberInfo], 'search');
+        }
+        var Code = viewMemberInfo.Code;
+
+        return this.loadUserList('init', undefined, undefined, true, Code);
+      };
+      this.loadUserList('init');
+      $.on(this.hotKeyListener);
+
+      this.ms.searchValue = ''; //初始化完成筛选列表清空数据（会员新增成功——封涛）
+    }
+  }, {
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate() {
+      var _this4 = this;
+
+      var _state = this.state,
+          _state$memberList = _state.memberList,
+          memberList = _state$memberList === undefined ? [] : _state$memberList,
+          memberLength = _state.memberLength,
+          memberTabHeight = _state.memberTabHeight,
+          tabMenuHeight = _state.tabMenuHeight;
+
+      if (memberList.length !== memberLength) {
+        this.setState({ memberLength: memberList.length }, function () {
+          if (memberSwiper) {
+            return memberSwiper.updateSlides();
+          }
+          memberSwiper = new _swiper2.default('.swiper-member-container', {
+            direction: 'vertical',
+            slidesPerView: 'auto',
+            mousewheel: true,
+            watchSlidesProgress: true,
+            on: {
+              progress: _this4.progressListen
+            },
+            scrollbar: {
+              el: '.swiper-scrollbar',
+              hide: true
+            }
+          });
+        });
+      }
+      var clientHeight = this.memberTab.clientHeight - tabMenuHeight;
+      if (clientHeight !== memberTabHeight) {
+        this.setState({ memberTabHeight: clientHeight });
+      }
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+
+      memberSwiper && memberSwiper.destroy(false);
+      memberSwiper = undefined;
+      this.willUnmount = true;
+
+      window.removeEventListener('resize', this.windowOnresize);
+      swiperSelectObserver.disconnect();
+      $.off(this.hotKeyListener);
+    }
+
+    //获取会员状态集合，在页面上以图片戳的形式展示。
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this5 = this;
+
+      var isUserAndroidKey = !!window.android_setKeyBoard;
+
+      var user = JSON.parse(localStorage.getItem('user')) || {};
+      var _user$loginInfo = user.loginInfo;
+      _user$loginInfo = _user$loginInfo === undefined ? {} : _user$loginInfo;
+      var IsEnableUMember = _user$loginInfo.IsEnableUMember;
+      var _state2 = this.state,
+          searchValue = _state2.searchValue,
+          _state2$memberList = _state2.memberList,
+          memberList = _state2$memberList === undefined ? [] : _state2$memberList,
+          _state2$memberInfo = _state2.memberInfo,
+          memberInfo = _state2$memberInfo === undefined ? {} : _state2$memberInfo,
+          _state2$member = _state2.member,
+          member = _state2$member === undefined ? {} : _state2$member,
+          _state2$recommend = _state2.recommend,
+          recommend = _state2$recommend === undefined ? [] : _state2$recommend,
+          _state2$memberTabHeig = _state2.memberTabHeight,
+          memberTabHeight = _state2$memberTabHeig === undefined ? 0 : _state2$memberTabHeig,
+          loadmoreLoading = _state2.loadmoreLoading,
+          nomoreData = _state2.nomoreData,
+          initEmpty = _state2.initEmpty,
+          _state2$columnInfo = _state2.columnInfo,
+          columnInfo = _state2$columnInfo === undefined ? [] : _state2$columnInfo,
+          loadingUser = _state2.loadingUser,
+          loadingBtn = _state2.loadingBtn,
+          selected = _state2.selected,
+          isAllAuthority = _state2.isAllAuthority;
+      var _props2 = this.props,
+          status = _props2.status,
+          showModal = _props2.showModal,
+          titleModal = _props2.titleModal,
+          type = _props2.type,
+          defaultActiveKey = _props2.defaultActiveKey,
+          onCancel = _props2.onCancel,
+          viewMemberInfo = _props2.viewMemberInfo,
+          authProcess = _props2.authProcess,
+          mode = _props2.mode;
+      var _ms$precisionInfo = this.ms.precisionInfo,
+          precisionInfo = _ms$precisionInfo === undefined ? {} : _ms$precisionInfo;
+
+      var showSearch = ['会员查询'].includes(type);
+      var nomemberList = !memberList.length;
+      var showSelectBtn = type === '会员查询' || !!status;
+      //是否正常开单
+      var voucherStateType = mode !== 'practice';
+
+      var _enumController$getEn = _mutantsUtil.enumController.getEnumOj(),
+          memberEnumState = _enumController$getEn.memberEnumState;
+
+      return _react2.default.createElement(
+        'div',
+        { className: 'memberShopContainer' },
+        showSearch && _react2.default.createElement(
+          'div',
+          { className: 'search-container' },
+          _react2.default.createElement(_tplusComponentsTouch.Input, {
+            tplusInput: true,
+            placeholder: '\u624B\u673A\u53F7/\u5361\u53F7/\u540D\u79F0/\u8EAB\u4EFD\u8BC1\u53F7',
+            prefix: 'sousuo',
+            className: _tplusComponentsTouch.hotKey.hotKeyNotFilter('search-input') + ' android_focus_keyboard',
+            value: searchValue,
+            type: 'native',
+            onChange: function onChange(_ref8) {
+              var searchValue = _ref8.target.value;
+              return _this5.setState({ searchValue: searchValue });
+            },
+            inputRef: function inputRef(ref) {
+              return _this5.searchRef = ref;
+            },
+            onClear: function onClear() {
+              return _this5.onClear('searchValue', _this5.searchRef);
+            },
+            onFocus: function onFocus(_ref9) {
+              var target = _ref9.target;
+
+              if (!isUserAndroidKey) {
+                _this5.focusInputName = 'searchValue';
+                _this5.inputTarget = target;
+                _tplusComponentsTouch.Keyboard.open(function (v) {
+                  var key = _this5.focusInputName;
+                  var value = _tplusComponentsTouch.Keyboard.getNewValue(_this5.inputTarget, _this5.inputTarget.value, v);
+                  _this5.setState((0, _defineProperty3.default)({}, key, value));
+                }, _this5.keyboardOnOk, _this5.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(_ref10) {
+              return _this5.memberTab = _ref10;
+            }, className: _tplusComponentsTouch.hotKey.hotKeyBindClass('4', 'member-shop-content') },
+          this.dataLoaded && nomemberList && _react2.default.createElement('div', { className: 'empty-data-img' }),
+          _react2.default.createElement(
+            'div',
+            { className: 'member-card-list-side', style: { display: nomemberList ? 'none' : 'block' } },
+            _react2.default.createElement(
+              'div',
+              { className: 'swiper-member-container', style: { height: '100%' } },
+              _react2.default.createElement(
+                'div',
+                { className: 'swiper-wrapper' },
+                memberList.map(function (value, key) {
+                  return _this5.getCardRender(value, key, IsEnableUMember, precisionInfo);
+                }),
+                !memberList.length && _react2.default.createElement(
+                  'span',
+                  { className: 'empty-data-tip', style: { marginTop: 30 } },
+                  '\u6CA1\u6709\u76F8\u5173\u6570\u636E~'
+                ),
+                loadmoreLoading && _react2.default.createElement(
+                  'span',
+                  { className: 'empty-data-tip empty-data-tip-member-card' },
+                  '\u6570\u636E\u52A0\u8F7D\u4E2D ...'
+                ),
+                nomoreData && _react2.default.createElement(
+                  'span',
+                  { className: 'empty-data-tip empty-data-tip-member-card' },
+                  '\u6CA1\u6709\u66F4\u591A\u6570\u636E\u4E86~'
+                )
+              ),
+              _react2.default.createElement('div', { className: 'swiper-scrollbar' })
+            )
+          ),
+          _react2.default.createElement(
+            'div',
+            { className: 'member-content-tab content', style: { display: nomemberList ? 'none' : 'flex' } },
+            voucherStateType && !isAllAuthority && _react2.default.createElement(
+              'div',
+              null,
+              _react2.default.createElement(
+                'div',
+                { className: 'menu' },
+                _react2.default.createElement(_index2.default, { authProcess: authProcess, changeIsAllAuthority: this.changeIsAllAuthority, loadUserList: this.loadUserList, member: member, memberEnumState: memberEnumState, loadingBtn: loadingBtn, selected: selected, loadUserInfo: function loadUserInfo(key, Idmember, item, type, syncUpdateMember) {
+                    return _this5.loadUserInfo(key, Idmember, item, type, syncUpdateMember);
+                  }, handleChange: this.MemberMenuChange })
+              ),
+              _react2.default.createElement('div', { className: 'line' })
+            ),
+            _react2.default.createElement(_memberTab2.default, {
+              defaultActiveKey: defaultActiveKey,
+              member: member,
+              memberInfo: memberInfo,
+              showModal: showModal,
+              titleModal: titleModal,
+              recommend: recommend,
+              memberTabHeight: memberTabHeight,
+              initEmpty: initEmpty,
+              memberList: memberList,
+              columnInfo: columnInfo,
+              precisionInfo: precisionInfo,
+              onChange: this.memberTabChange,
+              getMemberStateStamp: this.getMemberStateStamp
+            })
+          )
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'member-footer' },
+          _react2.default.createElement(
+            _button2.default,
+            { onClick: onCancel },
+            '\u53D6\u6D88'
+          ),
+          showSelectBtn && _react2.default.createElement(
+            _button2.default,
+            {
+              onClick: function onClick() {
+                return _this5.handleOk(nomemberList);
+              },
+              type: 'primary',
+              style: { marginRight: 5 },
+              disabled: loadingUser
+            },
+            loadingUser ? '加载会员' : nomemberList ? '确定' : '选取会员'
+          )
+        )
+      );
+    }
+  }]);
+  return ShopMember;
+}(_react.Component), _class.defaultProps = {
+  onCancel: function onCancel() {},
+  onOk: function onOk() {}
+}, _class.contextTypes = {
+  viewModel: _propTypes2.default.object,
+  columnInfo: _propTypes2.default.array
+}, _temp);
+exports.default = ShopMember;
+//# sourceMappingURL=ShopMember.js.map