tplus-member 3.25.4 → 3.26.1

package/dist/member/ShopMemberStorage.js

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

package/dist/member/ShopMemberStorage.js.map

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