tplus-member 1.27.1 → 1.27.2

package/dist/member/index.js

@@ -0,0 +1,843 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _Button2 = require('tinper-bee/dist/Button');
+
+var _Button3 = _interopRequireDefault(_Button2);
+
+var _FormControl2 = require('tinper-bee/dist/FormControl');
+
+var _FormControl3 = _interopRequireDefault(_FormControl2);
+
+var _typeof2 = require('babel-runtime/helpers/typeof');
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+var _stringify = require('babel-runtime/core-js/json/stringify');
+
+var _stringify2 = _interopRequireDefault(_stringify);
+
+var _keys = require('babel-runtime/core-js/object/keys');
+
+var _keys2 = _interopRequireDefault(_keys);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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, _class2, _temp; /**
+                             * @memberChange member 状态发生变化时的回调
+                             * @memberSearched 录入框会员状态发生变化时的回调  memberSearched(value, type)  // type: searched 触发搜索 | err 搜索接口错误 | close 关闭会员
+                             *
+                             */
+
+
+require('tinper-bee/dist/Button/index.css');
+
+require('tinper-bee/dist/FormControl/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mobxReact = require('mobx-react');
+
+var _mobx = require('mobx');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+var _mutantsAppfx = require('mutants-appfx');
+
+var _mutantsUtil = require('mutants-util');
+
+var _MemberShow = require('./MemberShow');
+
+var _MemberShow2 = _interopRequireDefault(_MemberShow);
+
+var _MemberPhoto = require('./MemberPhoto');
+
+var _MemberPhoto2 = _interopRequireDefault(_MemberPhoto);
+
+var _api = require('./api');
+
+var _api2 = _interopRequireDefault(_api);
+
+var _utils = require('../utils');
+
+require('./index.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+//定义默认头像值。
+var emptyMemberImage = 'https://newretail.static.chanjet.com/default_avatar.png';
+var memberBirthday = 'https://newretail.static.chanjet.com/pictures/member_birthday.png';
+var currentMember = void 0;
+
+var MemberTag = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_Component) {
+    (0, _inherits3.default)(MemberTag, _Component);
+
+    function MemberTag(props) {
+        (0, _classCallCheck3.default)(this, MemberTag);
+
+        var _this2 = (0, _possibleConstructorReturn3.default)(this, (MemberTag.__proto__ || (0, _getPrototypeOf2.default)(MemberTag)).call(this, props));
+
+        _this2.state = {
+            searchValue: '',
+            titleModal: '',
+            memberShow: false,
+            memberPhoto: false,
+            searchVisible: false,
+            shopPerson: 0,
+            status: 2, // 0会员详情、1到店会员、2人脸识别
+            dtMember: {}, // 会员信息
+            connectCardStatus: false, //连接IC卡状态
+            connectCardError: '' //连接IC卡错误后记录错误信息
+        };
+
+        _this2.controllerEvent = function (methodName, methodArgs) {
+            _this2.context.onEvent({ 'controllerEvent': _mutantsAppfx.Action.fromJS(_this2.context.viewModel, methodName) }, 'controllerEvent', methodArgs);
+        };
+
+        _this2.resetInShopMemberTimer = function (count) {
+            _this2.timer && clearTimeout(_this2.timer);
+            if (!count) return;
+            var time = 5 * 60 * 1000;
+            _this2.timer = setTimeout(function () {
+                _this2.getInStoreMemberCount();
+            }, time);
+        };
+
+        _this2.openPhotoModal = function () {
+            if (!_this2.openFaceRecognition) {
+                _tplusComponentsTouch.Message.warn('未启用人脸识别，需要先开启人脸识别功能');
+                return;
+            }
+            _this2.setState({
+                memberPhoto: true,
+                titleModal: '选择头像'
+            });
+        };
+
+        _this2.openShowModal = function (status, res) {
+            var title = '';
+
+            var _ref = _this2.context.viewModel || {},
+                _ref$data = _ref.data;
+
+            _ref$data = _ref$data === undefined ? {} : _ref$data;
+            var _ref$data$Member = _ref$data.Member,
+                Member = _ref$data$Member === undefined ? {} : _ref$data$Member;
+            var newAvatar = _this2.state.newAvatar;
+
+            var jsMember = (0, _mobx.toJS)(Member);
+            var updateMember = newAvatar ? (0, _extends3.default)({}, jsMember, { ImageFile: newAvatar }) : jsMember;
+            switch (status) {
+                case 0:
+                    title = '会员详情';
+                    _this2.setState({ viewMemberInfo: updateMember });
+                    break;
+                case 1:
+                    title = '到店会员';
+                    _this2.setState({ viewMemberInfo: res });
+                    break;
+                case 2:
+                    title = '人脸识别';
+                    _this2.setState({ viewMemberInfo: res });
+                    break;
+            }
+            _this2.setState({
+                status: status,
+                memberShow: true,
+                titleModal: title
+            });
+        };
+
+        _this2.openCloseModal = function () {
+            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;
+            }
+            _tplusComponentsTouch.ModalWraper.confirm({
+                className: 'tplus-confirm-modal',
+                title: '关闭会员',
+                content: '确定要关闭该会员吗？',
+                onOk: function onOk() {
+                    _this2.ms.clearSeletMember();
+                }
+            });
+        };
+
+        _this2.handleCloseBirthdayModal = function () {
+            _this2.ms.changeBirthdayShow(false);
+        };
+
+        _this2.handleSearch = function (val) {
+            _this2.setState({ searchValue: val });
+        };
+
+        _this2.handleFocus = function (el) {
+            if (_this2.isMemberInputType) return;
+            var _this = _this2;
+            function cb() {
+                _this.searchMember(undefined, 'ok');
+            }
+            _tplusComponentsTouch.Keyboard.open2(function (v) {
+                var value = _tplusComponentsTouch.Keyboard.getNewValue(_this2.inputSearch, _this2.inputSearch.value, v);
+                _this2.handleSearch(value);
+            }, cb, _this2.keyboardClose, 'ByMember', _mutantsMicrofx.localStore.get('ByMember'));
+        };
+
+        _this2.keyboardClose = function () {
+            _this2.inputSearch.blur();
+        };
+
+        _this2.handleBlur = function () {
+            _tplusComponentsTouch.Keyboard.close2();
+        };
+
+        _this2.handleReadICard = function () {
+            _this2.readRfCard();
+        };
+
+        _this2.handleShowModal = function (type, params) {
+            if (params) {
+                _this2.setState({ dtMember: params, memberShow: type });
+            } else {
+                _this2.setState({ memberShow: type });
+            }
+            if (type) {
+                _this2.setState({
+                    searchValue: null
+                });
+            }
+        };
+
+        _this2.handlePhotoModal = function (type, newAvatar) {
+            if (newAvatar) {
+                _this2.setState({
+                    newAvatar: newAvatar,
+                    memberPhoto: type
+                });
+            } else {
+                _this2.setState({ memberPhoto: type });
+            }
+        };
+
+        _this2.SetKeyBoardDisplay = function (value) {
+            _this2.isHorizontalSunMi && window.android_setKeyBoard && window.android_setKeyBoard.SetKeyBoardDisplay(value);
+        };
+
+        _this2.searchMember = function (val, type) {
+            if (!_this2.ms || _this2.searchLoading) return;
+            var searchValue = _this2.state.searchValue;
+
+            val = val || (searchValue || '').trim();
+            if (!val) return;
+            var _this2$props = _this2.props,
+                memberSearched = _this2$props.memberSearched,
+                selectMemberSuccess = _this2$props.selectMemberSuccess;
+
+            _this2.searchLoading = true;
+            _this2.setState({ searchVisible: true });
+            _this2.ms.getSearchMember({
+                currentPage: 1,
+                pageSize: 10,
+                key: val,
+                isSingleMember: false
+            }).then(function (ret) {
+                _this2.searchLoading = false;
+
+                var _ref2 = ret || {},
+                    columnInfo = _ref2.ColumnInfo,
+                    Data = _ref2.Data;
+
+                var data = JSON.parse(Data) || [];
+                var info = data[0];
+                _this2.setState({ searchVisible: false, columnInfo: columnInfo });
+
+                if (info && info.MemberType.IsStorage && _this2.isStorageCardInputType && _this2.iseyboardKEnter) {
+                    _this2.handleSearch('');
+                    _this2.keypressStime = null;
+                    _tplusComponentsTouch.Message.warn('储值会员不可键盘录入');
+                    return;
+                }
+                if (info) {
+                    if (data.length > 1) {
+                        _this2.SetKeyBoardDisplay(1);
+                        var _this = _this2;
+                        _mutantsMicrofx.stores.drawerStore.init({
+                            title: '会员管理',
+                            key: 'member',
+                            onHide: function onHide() {
+                                _this2.SetKeyBoardDisplay(0);
+                                var _this$ms$selectMember = _this.ms.selectMemberInfo,
+                                    selectMemberInfo = _this$ms$selectMember === undefined ? {} : _this$ms$selectMember;
+
+                                var memberChangeData = (0, _keys2.default)(selectMemberInfo).length ? selectMemberInfo : undefined;
+                                var deepCloneMember = memberChangeData && JSON.parse((0, _stringify2.default)(memberChangeData));
+                                if (deepCloneMember) {
+                                    _this2.setState({
+                                        searchValue: null
+                                    });
+                                }
+                            },
+                            listArr: data
+                        });
+                    } else {
+                        memberSearched && memberSearched(info, 'searched');
+                        (0, _utils.userInfoFormat)(info);
+                        if ((0, _utils.errMessageTip)(info)) return;
+                        _this2.ms.seletMember(info, true);
+                        setTimeout(function () {
+                            return _this2.setState({ searchValue: '' });
+                        }, 0);
+                        _this2.handleBlur();
+                        selectMemberSuccess && selectMemberSuccess();
+                    }
+                } else {
+                    if (type === 'ok') {
+                        _tplusComponentsTouch.Message.warn('会员不存在');
+                        if (_this2.isMobileEnvironment) {
+                            setTimeout(function () {
+                                return _this2.setState({ searchValue: '' });
+                            }, 0);
+                        }
+                    }
+                }
+            }).catch(function (err) {
+                _this2.setState({ searchVisible: false });
+                _this2.searchLoading = false;
+                memberSearched && memberSearched(undefined, 'err');
+            });
+        };
+
+        _this2.getInStoreMemberCount = function () {
+            if (!_this2.ms) return;
+            _this2.ms.getInStoreMemberCount().then(function (res) {
+                var count = res || 0;
+                _this2.setState({ shopPerson: count });
+                _this2.resetInShopMemberTimer(count);
+            });
+        };
+
+        _this2.onKeyPressed = function (e) {
+            var keyCode = e && e.keyCode;
+            if (keyCode === 13) {
+                if (_this2.isMemberInputType) {
+                    var stime = _this2.keypressStime;
+                    var etime = Date.parse(new Date());
+                    if (etime - stime > 300) {
+                        _this2.handleSearch('');
+                        _this2.keypressStime = null;
+                        return _tplusComponentsTouch.Message.warn('未启用键盘录入功能');
+                    }
+                    _this2.keypressStime = null;
+                }
+                _this2.iseyboardKEnter = Date.parse(new Date()) - _this2.keypressStime > 300;
+                if (_this2.isStorageCardInputType) {
+                    _this2.keypressStime = null;
+                }
+                if (_this2.searchLoading) return;
+                _this2.searchMember(undefined, 'ok');
+            } else if (_this2.isMemberInputType && !_this2.keypressStime && !(keyCode == 8)) {
+                _this2.keypressStime = Date.parse(new Date());
+            } else if (_this2.isStorageCardInputType && !_this2.keypressStime && !(keyCode == 8) && !_this2.isMemberInputType) {
+                _this2.keypressStime = Date.parse(new Date());
+            }
+        };
+
+        _this2.computedCoupon = function () {
+            var member = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+            var couponKey = 'membercouponcount';
+            var _member$DynamicProper = member.DynamicPropertyKeys,
+                DynamicPropertyKeys = _member$DynamicProper === undefined ? [] : _member$DynamicProper,
+                _member$DynamicProper2 = member.DynamicPropertyValues,
+                DynamicPropertyValues = _member$DynamicProper2 === undefined ? [] : _member$DynamicProper2;
+
+            var couponIndex = DynamicPropertyKeys.findIndex(function (v) {
+                return v === couponKey;
+            });
+            return ~couponIndex ? DynamicPropertyValues[couponIndex] : '0';
+        };
+
+        _this2.loadFaceRecognition = function (type) {
+            // type = 1：到店会员 type = 2：POS机人脸识别
+            _this2.setState({ faceLoading: type === 2, inShopLoading: type === 1 });
+            _this2.ms.loadInStoreMember(String(type)).then(function (res) {
+                _this2.setState({ faceLoading: false, inShopLoading: false });
+
+                var _ref3 = res || {},
+                    Data = _ref3.Data;
+
+                if (!JSON.parse(Data).length) {
+                    var tipMessage = ['当前没有到店会员', '未识别到人脸信息'];
+                    type === 1 && _this2.setState({ shopPerson: 0 });
+                    return _tplusComponentsTouch.Message.info(tipMessage[type - 1]);
+                }
+                type === 1 && _this2.getInStoreMemberCount();
+                _this2.openShowModal(type, res);
+            }).catch(function (err) {
+                _this2.setState({ faceLoading: false, inShopLoading: false });
+                console.log(err);
+            });
+        };
+
+        _this2.changeScanProduct = function () {
+            if (_this2.scanObj) _this2.scanObj.startScan();
+        };
+
+        _this2.onScanResult = function (res) {
+            _this2.setState({
+                searchValue: res
+            }, function () {
+                _this2.onKeyPressed({ keyCode: 13 });
+            });
+        };
+
+        var _ref4 = _mutantsMicrofx.localStore.get('user') || {},
+            _ref4$loginInfo = _ref4.loginInfo;
+
+        _ref4$loginInfo = _ref4$loginInfo === undefined ? {} : _ref4$loginInfo;
+        var isMemberInputType = _ref4$loginInfo.isMemberInputType,
+            IsOnlyControlStorageCardInputType = _ref4$loginInfo.IsOnlyControlStorageCardInputType,
+            OpenFaceRecognition = _ref4$loginInfo.OpenFaceRecognition,
+            ICCardServer = _ref4$loginInfo.ICCardServer,
+            ICCardPassword = _ref4$loginInfo.ICCardPassword;
+
+        _this2.isMemberInputType = parseInt(isMemberInputType); // '0'为不禁用 '1'为禁用
+        _this2.isStorageCardInputType = parseInt(IsOnlyControlStorageCardInputType); // 仅储值卡是否禁用键盘输入，'0'为不禁用 '1'为禁用
+        _this2.openFaceRecognition = parseInt(OpenFaceRecognition); // 启用人脸识别:0禁用 1为启用
+        _this2.iCCardServer = parseInt(ICCardServer); // 启用IC卡:0为禁用 1为启用
+        _this2.iCCardPassword = ICCardPassword; //IC卡密码
+        _this2.ms = _api2.default;
+        //移动端环境下，没有读取IC卡的方式。
+
+        var _ref5 = _mutantsUtil.platform || {},
+            isHorizontalPad = _ref5.isHorizontalPad,
+            isHorizontalSunMi = _ref5.isHorizontalSunMi;
+
+        _this2.isHorizontalPad = !!isHorizontalPad;
+        _this2.isMobileEnvironment = !!isHorizontalPad || !!isHorizontalSunMi;
+        _this2.isHorizontalSunMi = !!isHorizontalSunMi;
+        _this2.hasElectron = _mutantsMicrofx.env.platform === _mutantsMicrofx.env.constant.platform.electron;
+        _this2.handleReadICard = _this2.handleReadICard.bind(_this2);
+
+        //记录键盘录入信息的开始时间
+        _this2.keypressStime = null;
+        _this2.iseyboardKEnter = false; //是否为键盘输入
+        return _this2;
+    }
+
+    (0, _createClass3.default)(MemberTag, [{
+        key: 'componentWillReact',
+        value: function componentWillReact() {
+            var _this3 = this;
+
+            var _ref6 = this.context.viewModel || {},
+                _ref6$data = _ref6.data;
+
+            _ref6$data = _ref6$data === undefined ? {} : _ref6$data;
+            var _ref6$data$Member = _ref6$data.Member,
+                dtMember = _ref6$data$Member === undefined ? {} : _ref6$data$Member;
+            var _ms$selectMemberInfo = this.ms.selectMemberInfo,
+                selectMemberInfo = _ms$selectMemberInfo === undefined ? {} : _ms$selectMemberInfo;
+
+            var memberChangeData = (0, _keys2.default)(selectMemberInfo).length ? selectMemberInfo : undefined;
+
+            var memberChange = function memberChange(data) {
+                _this3.setState({ newAvatar: '' });
+                _this3.props.memberChange(data);
+            };
+            if ((typeof memberChangeData === 'undefined' ? 'undefined' : (0, _typeof3.default)(memberChangeData)) === 'object') {
+                var deepCloneMember = JSON.parse((0, _stringify2.default)(memberChangeData));
+                if (!currentMember) {
+                    currentMember = deepCloneMember;
+                    memberChange(memberChangeData);
+                } else if (currentMember.ID !== memberChangeData.ID) {
+                    memberChange(memberChangeData);
+                    currentMember = deepCloneMember;
+                } else if (!dtMember.ID && (currentMember || {}).ID) {
+                    // DataModel 中清掉member，手动同步 member
+                    currentMember = undefined;
+                    this.ms.clearSeletMember();
+                }
+            } else if (currentMember && !memberChangeData) {
+                memberChange(memberChangeData);
+                currentMember = undefined;
+            } else if (dtMember.ID && !(currentMember || {}).ID) {
+                // DataModel 中存在member，手动同步 member
+                var _deepCloneMember = JSON.parse((0, _stringify2.default)(dtMember));
+                currentMember = _deepCloneMember;
+                this.ms.seletMember(dtMember);
+            }
+        }
+    }, {
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            this.connectRfCard();
+        }
+    }, {
+        key: 'componentWillUnmount',
+        value: function componentWillUnmount() {
+            window.removeEventListener('resize', this.windowOnresize);
+            this.closeRfCard();
+        }
+    }, {
+        key: 'componentWillReceiveProps',
+        value: function componentWillReceiveProps(nextProps) {
+            //接受socket传递过来的信息
+            var isSendMessage = nextProps.isSendMessage;
+
+            if (isSendMessage === true) this.getInStoreMemberCount();
+        }
+    }, {
+        key: 'connectRfCard',
+
+        //IC卡连接
+        value: function connectRfCard() {
+            var _this4 = this;
+
+            //客户端环境下，并开启了启用IC卡。
+            if (this.hasElectron === true && this.iCCardServer === 1) {
+                _mutantsMicrofx.nativeMs.setIpcRendererMethod('ConnectRfCard', null, function (ret) {
+                    var result = {};
+                    if (ret.status === 0) {
+                        result = { connectCardStatus: false, connectCardError: ret.value };
+                    } else {
+                        result = { connectCardStatus: true, connectCardError: '' };
+                    }
+                    _this4.setState(result);
+                });
+            }
+        }
+
+        //IC卡读取
+
+    }, {
+        key: 'readRfCard',
+        value: function readRfCard() {
+            var _this5 = this;
+
+            //客户端环境下，并开启了启用IC卡。
+            if (this.hasElectron === true && this.iCCardServer === 1) {
+                var _state = this.state,
+                    connectCardStatus = _state.connectCardStatus,
+                    connectCardError = _state.connectCardError;
+
+                if (connectCardStatus === false) {
+                    _tplusComponentsTouch.Message.error(connectCardError ? connectCardError : '读取IC卡失败');
+                    this.connectRfCard(); //读取失败后，重新连接一下。
+                    return;
+                }
+                var params = { cardPsw: this.iCCardPassword, cardSec: 13, cardKm: 0 };
+                _mutantsMicrofx.nativeMs.setIpcRendererMethod('ReadRfCard', (0, _extends3.default)({}, params), function (ret) {
+                    if (ret.status === 0) {
+                        _tplusComponentsTouch.Message.error(ret.value);
+                        _this5.connectRfCard(); //读取失败后，重新连接一下。
+                        return;
+                    } else if (ret.status === 1) {
+                        _this5.searchMember(ret.value);
+                    }
+                });
+            }
+        }
+
+        //IC卡关闭
+
+    }, {
+        key: 'closeRfCard',
+        value: function closeRfCard() {
+            if (this.hasElectron === true && this.iCCardServer === 1) {
+                _mutantsMicrofx.nativeMs.setIpcRendererMethod('CloseRfCard');
+            }
+        }
+
+        //关闭生日提醒
+
+
+        //获取当前到店会员数量
+
+
+        //移动端：扫描商品
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this6 = this;
+
+            var _state2 = this.state,
+                memberPhoto = _state2.memberPhoto,
+                titleModal = _state2.titleModal,
+                memberShow = _state2.memberShow,
+                _state2$inShopLoading = _state2.inShopLoading,
+                inShopLoading = _state2$inShopLoading === undefined ? false : _state2$inShopLoading,
+                _state2$faceLoading = _state2.faceLoading,
+                faceLoading = _state2$faceLoading === undefined ? false : _state2$faceLoading,
+                status = _state2.status,
+                shopPerson = _state2.shopPerson,
+                searchValue = _state2.searchValue,
+                viewMemberInfo = _state2.viewMemberInfo,
+                newAvatar = _state2.newAvatar,
+                searchVisible = _state2.searchVisible,
+                columnInfo = _state2.columnInfo;
+            var _props = this.props,
+                _props$mode = _props.mode,
+                mode = _props$mode === undefined ? 'formal' : _props$mode,
+                authProcess = _props.authProcess;
+            var _ms = this.ms,
+                selectMemberInfo = _ms.selectMemberInfo,
+                _ms$precisionInfo = _ms.precisionInfo,
+                precisionInfo = _ms$precisionInfo === undefined ? {} : _ms$precisionInfo; //selectMemberInfo 用作触发mobox render
+
+            var _ref7 = this.context.viewModel || {},
+                _ref7$data = _ref7.data;
+
+            _ref7$data = _ref7$data === undefined ? {} : _ref7$data;
+            var _ref7$data$Member = _ref7$data.Member,
+                dtMember = _ref7$data$Member === undefined ? {} : _ref7$data$Member,
+                _ref7$items = _ref7.items,
+                items = _ref7$items === undefined ? [] : _ref7$items;
+
+            var viewVoucher = items.find(function (v) {
+                return v.type === 'Voucher';
+            }) || {};
+            var isTakeTheir = viewVoucher.getIsTakeTheir && viewVoucher.getIsTakeTheir();
+            var isSelectedMember = !!dtMember.ID;
+            return _react2.default.createElement(
+                'div',
+                { className: 'MemberContainer' },
+                _react2.default.createElement(
+                    'div',
+                    { className: 'left' },
+                    !isSelectedMember && _react2.default.createElement(
+                        'div',
+                        { className: 'search' },
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'b1' },
+                            _react2.default.createElement(_FormControl3.default, {
+                                type: 'text',
+                                className: 'input',
+                                id: 'memberPoint',
+                                placeholder: '\u626B\u63CF/\u8F93\u5165\u4F1A\u5458\u53F7',
+                                value: searchValue,
+                                ref: function ref(el) {
+                                    return _this6.inputSearch = el && el.input;
+                                },
+                                onChange: this.handleSearch,
+                                onFocus: this.handleFocus,
+                                onBlur: this.handleBlur,
+                                onKeyDown: this.onKeyPressed
+                            }),
+                            _react2.default.createElement(_tplusComponentsTouch.Spin, {
+                                className: 'search-spin',
+                                scale: 0.8,
+                                type: 'circle-side',
+                                visible: searchVisible
+                            })
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'b2' },
+                            this.hasElectron === true && this.iCCardServer === 1 && _react2.default.createElement(_tplusComponentsTouch.Ticon, { className: 'icon', onClick: this.handleReadICard, type: 'ICka' }),
+                            this.isHorizontalPad ? _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'saomiao1', className: 'icon', onClick: this.changeScanProduct }) : false && this.openFaceRecognition === 1 && !faceLoading && _react2.default.createElement(
+                                'div',
+                                { className: 'openFaceRecognition-box' },
+                                _react2.default.createElement(_tplusComponentsTouch.Ticon, { className: 'icon', onClick: function onClick() {
+                                        return _this6.loadFaceRecognition(2);
+                                    }, type: 'renlianshibie' }),
+                                _react2.default.createElement(_tplusComponentsTouch.Spin, {
+                                    className: 'face-spin',
+                                    scale: 0.8,
+                                    type: 'circle',
+                                    visible: faceLoading
+                                })
+                            ),
+
+                            /* 扫描组件 */
+                            this.isHorizontalPad && _react2.default.createElement(_tplusComponentsTouch.Scan, { ref: function ref(scan) {
+                                    return _this6.scanObj = scan;
+                                }, onChange: this.onScanResult })
+                        )
+                    ),
+                    isSelectedMember && _react2.default.createElement(
+                        'div',
+                        { className: 'info ' + (this.openFaceRecognition ? '' : 'member-btn-hidden-flex') },
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'first' },
+                            _react2.default.createElement('img', { onClick: this.openPhotoModal, src: newAvatar || dtMember.ImageFile || emptyMemberImage }),
+                            memberPhoto && _react2.default.createElement(_MemberPhoto2.default, { dtMember: dtMember, showModal: memberPhoto, titleModal: titleModal, handleModal: this.handlePhotoModal })
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'second member-hotkey-info', onClick: function onClick() {
+                                    return _this6.openShowModal(0);
+                                } },
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'one' },
+                                dtMember.Name && _react2.default.createElement(
+                                    'div',
+                                    { className: 'a' },
+                                    dtMember.Name
+                                ),
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'b' },
+                                    dtMember.CardCode
+                                )
+                            ),
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'two' },
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'a' },
+                                    (0, _utils.formatPrecision)(dtMember.BalanceStorage, precisionInfo.BalanceStorage)
+                                ),
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'b' },
+                                    '\u4F59\u989D'
+                                )
+                            ),
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'two' },
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'a' },
+                                    this.computedCoupon(dtMember)
+                                ),
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'b' },
+                                    '\u4F18\u60E0\u5238'
+                                )
+                            ),
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'two' },
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'a' },
+                                    (0, _utils.formatPrecision)(dtMember.BalanceIntegral, precisionInfo.BalanceIntegral) || 0
+                                ),
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'b' },
+                                    '\u79EF\u5206'
+                                )
+                            )
+                        ),
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'close' },
+                            !isTakeTheir && _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'guanbi-yuan', onClick: this.openCloseModal })
+                        )
+                    )
+                ),
+                !!this.openFaceRecognition && _react2.default.createElement(
+                    'div',
+                    { className: 'right' },
+                    _react2.default.createElement(
+                        _Button3.default,
+                        { colors: 'primary', onClick: function onClick() {
+                                return _this6.loadFaceRecognition(1);
+                            }, className: 'btn', disabled: inShopLoading },
+                        !inShopLoading && '到店会员',
+                        _react2.default.createElement(_tplusComponentsTouch.Spin, {
+                            className: 'inshop-member-spin',
+                            scale: 0.8,
+                            type: 'circle',
+                            visible: inShopLoading
+                        }),
+                        !!shopPerson && _react2.default.createElement(
+                            'div',
+                            { className: 'badge' },
+                            shopPerson
+                        )
+                    )
+                ),
+                _react2.default.createElement(_MemberShow2.default, {
+                    mode: mode,
+                    authProcess: authProcess,
+                    viewMemberInfo: viewMemberInfo,
+                    columnInfo: columnInfo,
+                    status: status,
+                    showModal: memberShow,
+                    titleModal: titleModal,
+                    handleModal: this.handleShowModal
+                }),
+                _react2.default.createElement(
+                    _tplusComponentsTouch.ModalWraper,
+                    { show: this.ms.birthdayShow, centered: true, className: 'memberBirthday' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'picture' },
+                        _react2.default.createElement('img', { width: '350', height: '308', src: memberBirthday }),
+                        _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'guanbi-yuan', onClick: this.handleCloseBirthdayModal })
+                    ),
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'remark' },
+                        '\u4ECA\u5929\u662F\u4F1A\u5458',
+                        _react2.default.createElement(
+                            'span',
+                            null,
+                            dtMember.Name || dtMember.CardCode
+                        ),
+                        '\u7684\u751F\u65E5'
+                    )
+                )
+            );
+        }
+    }]);
+    return MemberTag;
+}(_react.Component), _class2.propTypes = {
+    memberChange: _propTypes2.default.func,
+    memberSearched: _propTypes2.default.func
+}, _class2.contextTypes = {
+    onEvent: _propTypes2.default.func,
+    viewModel: _propTypes2.default.object
+}, _class2.defaultProps = {
+    memberChange: function memberChange() {}
+}, _temp)) || _class;
+
+exports.default = MemberTag;
+//# sourceMappingURL=index.js.map