tplus-member 1.27.1 → 1.27.2

package/dist/member/memberTab.js

@@ -0,0 +1,675 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _Table2 = require('tinper-bee/dist/Table');
+
+var _Table3 = _interopRequireDefault(_Table2);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+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 _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _Tabs3 = require('tinper-bee/dist/Tabs');
+
+var _Tabs4 = _interopRequireDefault(_Tabs3);
+
+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, _initialiseProps;
+
+require('tinper-bee/dist/Table/index.css');
+
+require('tinper-bee/dist/Tabs/index.css');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _mobxReact = require('mobx-react');
+
+var _mutantsMicrofx = require('mutants-microfx');
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+var _AuthProcess = require('../domain/member/AuthProcess');
+
+var _utils = require('../utils');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+require('./ShopMember.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TabPane = _Tabs4.default.TabPane;
+
+
+var transform = {
+  Code: '会员编号',
+  CardCode: '会员卡号',
+  Name: '会员姓名',
+  MemberTypeName: '会员类型',
+  Mobilephone: '手机号',
+  Telephone: '联系电话',
+  StoreName: '开卡门店',
+  sex: '性别',
+  BirthDate: '出生日期',
+  TotalIntegral: '累计积分',
+  BalanceIntegral: '积分余额',
+  BalanceStorage: '储值余额',
+  TotalStorage: '储值总额', // 字段存疑
+  EffectiveDate: '生效日期',
+  ExpirationDate: '失效日期',
+  UmemberOpenId: '是否关注微信号',
+  UmemberLabel: '会员标签',
+  MemberCouponTitle: '代金券',
+  Memo: '备注',
+  MemberState: '会员状态'
+};
+
+var MemberTab = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_Component) {
+  (0, _inherits3.default)(MemberTab, _Component);
+
+  function MemberTab(props) {
+    (0, _classCallCheck3.default)(this, MemberTab);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (MemberTab.__proto__ || (0, _getPrototypeOf2.default)(MemberTab)).call(this, props));
+
+    _initialiseProps.call(_this);
+
+    var _ref = _mutantsMicrofx.localStore.get('user') || {},
+        _ref$loginInfo = _ref.loginInfo;
+
+    _ref$loginInfo = _ref$loginInfo === undefined ? {} : _ref$loginInfo;
+    var IsEnableUMember = _ref$loginInfo.IsEnableUMember;
+
+    _this.state = { IsEnableUMember: !!IsEnableUMember };
+    return _this;
+  }
+
+  (0, _createClass3.default)(MemberTab, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.overflowTip = new _tplusComponentsTouch.OverflowTip({
+        target: '.member-content-tab',
+        format: function format(text) {
+          text = text || '';
+          var colonStr = '：';
+          if (text.startsWith(colonStr)) {
+            return text.split(colonStr)[1];
+          }
+          return text;
+        }
+      });
+    }
+  }, {
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate() {
+      if (this.overflowTip && !this.overflowTip.containerDom) {
+        this.overflowTip.update();
+      }
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      this.overflowTip.destroy();
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          showModal = _props.showModal,
+          titleModal = _props.titleModal,
+          _props$memberInfo = _props.memberInfo,
+          memberInfo = _props$memberInfo === undefined ? {} : _props$memberInfo,
+          _props$defaultActiveK = _props.defaultActiveKey,
+          defaultActiveKey = _props$defaultActiveK === undefined ? '1' : _props$defaultActiveK;
+
+      var status = _AuthProcess.AuthProcess.execute('ProjectStorageNew') || _AuthProcess.AuthProcess.execute('ProjectStorageCost');
+      return _react2.default.createElement(
+        _Tabs4.default,
+        {
+          defaultActiveKey: defaultActiveKey,
+          onChange: this.props.onChange,
+          className: 'member-table-container'
+        },
+        this.memberInfoEle({ title: '会员信息', key: '1' }),
+        this.rmecommendEle({ title: '智能推荐', key: '2' }),
+        this.recentlyEle({ title: '最近购买', key: '3' }),
+        status && this.deductionEle({ title: '次卡', key: '4' })
+      );
+    }
+  }]);
+  return MemberTab;
+}(_react.Component), _class2.propTypes = {
+  memberTabHeight: _propTypes2.default.number,
+  defaultActiveKey: _propTypes2.default.any,
+  memberList: _propTypes2.default.array,
+  columnInfo: _propTypes2.default.array,
+  member: _propTypes2.default.object,
+  memberInfo: _propTypes2.default.object,
+  precisionInfo: _propTypes2.default.object,
+  initEmpty: _propTypes2.default.bool,
+  onChange: _propTypes2.default.func
+}, _initialiseProps = function _initialiseProps() {
+  var _this2 = this;
+
+  this.tabHeadHeight = 37;
+
+  this.dataClear = function (keys, values, columnInfo) {
+    var regKey = 'priuserdef';
+    var dataSource = [];
+    keys.forEach(function (key, index) {
+      if (key.includes(regKey)) {
+        var _ref2 = columnInfo.find(function (v) {
+          return v.FieldName === key;
+        }) || {},
+            label = _ref2.Title;
+
+        dataSource.push({ key: key, value: values[index], label: label });
+      }
+    });
+    return dataSource.filter(function (v) {
+      return v.label;
+    });
+  };
+
+  this.memberInfoEle = function (_ref3) {
+    var title = _ref3.title,
+        key = _ref3.key;
+    var _props2 = _this2.props,
+        _props2$member = _props2.member,
+        member = _props2$member === undefined ? {} : _props2$member,
+        memberTabHeight = _props2.memberTabHeight,
+        _props2$memberList = _props2.memberList,
+        memberList = _props2$memberList === undefined ? [] : _props2$memberList,
+        _props2$columnInfo = _props2.columnInfo,
+        columnInfo = _props2$columnInfo === undefined ? [] : _props2$columnInfo,
+        _props2$precisionInfo = _props2.precisionInfo,
+        precisionInfo = _props2$precisionInfo === undefined ? {} : _props2$precisionInfo,
+        getMemberStateStamp = _props2.getMemberStateStamp;
+    var IsEnableUMember = _this2.state.IsEnableUMember;
+    var _member$DynamicProper = member.DynamicPropertyKeys,
+        DynamicPropertyKeys = _member$DynamicProper === undefined ? [] : _member$DynamicProper,
+        _member$DynamicProper2 = member.DynamicPropertyValues,
+        DynamicPropertyValues = _member$DynamicProper2 === undefined ? [] : _member$DynamicProper2,
+        _member$ExpirationDat = member.ExpirationDate,
+        ExpirationDate = _member$ExpirationDat === undefined ? '' : _member$ExpirationDat,
+        _member$MemberType = member.MemberType;
+    _member$MemberType = _member$MemberType === undefined ? {} : _member$MemberType;
+    var MemberTypeName = _member$MemberType.Name,
+        _member$Sex = member.Sex;
+    _member$Sex = _member$Sex === undefined ? {} : _member$Sex;
+    var sex = _member$Sex.Name,
+        isExpiration = member.isExpiration,
+        Uid = member.Uid,
+        isUserLogout = member.isUserLogout,
+        MemberState = member.MemberState,
+        _member$Store = member.Store;
+    _member$Store = _member$Store === undefined ? {} : _member$Store;
+    var StoreName = _member$Store.Name;
+
+    var priuserdefData = _this2.dataClear(DynamicPropertyKeys, DynamicPropertyValues, columnInfo);
+    var isUMember = IsEnableUMember && Uid > 0; // 判断为u会员
+    var isUMemberShow = ['UmemberOpenId', 'UmemberLabel', 'MemberCouponTitle'];
+    var memberValues = (0, _extends3.default)({ MemberTypeName: MemberTypeName, sex: sex, StoreName: StoreName }, member);
+    var memberInfos = [];
+    var memberTabContentHeight = memberTabHeight - _this2.tabHeadHeight;
+    var hasMemberInfo = (0, _keys2.default)(memberValues).some(function (v) {
+      return memberValues[v];
+    });
+    (0, _keys2.default)(transform).forEach(function (v) {
+      if (isUMemberShow.includes(v) && !isUMember) return;
+      var memberValue = memberValues[v];
+      var precision = precisionInfo[v];
+      //let value = formatPrecisionKeys.includes(v) ? (hasMemberInfo ? formatPrecision(memberValue, precision) : undefined) : memberValue;
+      var value = !!precision ? hasMemberInfo ? (0, _utils.formatPrecision)(memberValue, precision) : undefined : memberValue;
+      v === 'UmemberOpenId' && (value = memberValue ? '已关注' : '未关注');
+      var dataItem = void 0;
+      if (v === 'MemberState') {
+        dataItem = { label: '' + transform[v], value: value && value.Name };
+      } else {
+        dataItem = { label: '' + transform[v], value: value };
+      }
+      memberInfos.push(dataItem);
+    });
+
+    //对自定义项的值进行处理。
+    if (priuserdefData && priuserdefData.length > 0) {
+      priuserdefData.map(function (item) {
+        var _ref4 = item || {},
+            key = _ref4.key,
+            value = _ref4.value;
+
+        var precision = precisionInfo[key];
+        item['value'] = !!precision ? (0, _utils.formatPrecision)(value, precision) : value;
+      });
+    }
+
+    memberInfos.push.apply(memberInfos, (0, _toConsumableArray3.default)(priuserdefData)); // 插入会员自定义项
+    memberInfos.length % 2 && memberInfos.push({}); //奇数补全
+
+    var formatValue = function formatValue(label, value) {
+      var formatDateKeys = ['出生日期', '失效日期', '生效日期'];
+      if (formatDateKeys.includes(label)) {
+        return (0, _utils.dateFormat)(value);
+      } else {
+        return value;
+      }
+    };
+    //状态戳
+    var iconItems = getMemberStateStamp(member);
+    return _react2.default.createElement(
+      TabPane,
+      { tab: title, key: key },
+      _react2.default.createElement(
+        'div',
+        { style: { height: memberTabContentHeight, position: 'relative' } },
+        _react2.default.createElement(
+          _tplusComponentsTouch.TouchScroll,
+          { height: memberTabContentHeight },
+          !!memberList.length && _react2.default.createElement(
+            'div',
+            { className: 'member-info-table' },
+            memberInfos.map(function (item, index) {
+              return _react2.default.createElement(
+                'div',
+                { key: index },
+                item.label && _react2.default.createElement(
+                  'span',
+                  null,
+                  item.label || ''
+                ),
+                item.label && _react2.default.createElement(
+                  'span',
+                  { 'data-overflow': 'tip' },
+                  '\uFF1A',
+                  formatValue(item.label, item.value)
+                )
+              );
+            }),
+            !memberInfos.length && _react2.default.createElement(
+              'p',
+              { className: 'empty-data' },
+              '\u6682\u65E0\u6570\u636E~'
+            )
+          ),
+          !memberList.length && _react2.default.createElement('div', { className: 'empty-data empty-data-img' })
+        ),
+        iconItems && iconItems.length > 0 && _react2.default.createElement(
+          'div',
+          { className: 'memberstate-detail-stamp' },
+          iconItems
+        )
+      )
+    );
+  };
+
+  this.rmecommendEle = function (_ref5) {
+    var title = _ref5.title,
+        key = _ref5.key;
+    var _props3 = _this2.props,
+        _props3$recommend = _props3.recommend,
+        recommends = _props3$recommend === undefined ? [] : _props3$recommend,
+        _props3$memberInfo = _props3.memberInfo;
+    _props3$memberInfo = _props3$memberInfo === undefined ? {} : _props3$memberInfo;
+    var _props3$memberInfo$re = _props3$memberInfo.record,
+        record = _props3$memberInfo$re === undefined ? [] : _props3$memberInfo$re,
+        _props3$memberInfo$li = _props3$memberInfo.like,
+        like = _props3$memberInfo$li === undefined ? [] : _props3$memberInfo$li,
+        memberTabHeight = _props3.memberTabHeight,
+        initEmpty = _props3.initEmpty;
+
+    recommends = recommends.filter(function (v) {
+      return v;
+    });
+    recommends.push({ Name: '最近购买', Value: like });
+    var recommendInfoHeight = 74;
+    var memberTabContentHeight = memberTabHeight - _this2.tabHeadHeight;
+    var haveRecord = !!record.length && record.every(function (v) {
+      return !!(v && v.value);
+    });
+    console.log('会员偶发白屏问题：recommends==', recommends);
+    var emptyRecommend = recommends.every(function (v) {
+      return !(v && v.Value || []).length;
+    }) ? _react2.default.createElement(
+      'div',
+      { className: 'empty-data' },
+      '\u6682\u65E0\u63A8\u8350~'
+    ) : null;
+    var emptyData = !haveRecord && recommends.every(function (v) {
+      return !(v && v.Value || []).length;
+    }) ? _react2.default.createElement('div', { className: 'empty-data empty-data-img' }) : null;
+    var showInfos = ['最近购买时间', '金额', '平均客单价'];
+    var recordFilter = record.filter(function (v) {
+      return showInfos.includes(v.name);
+    });
+    var recommendHeight = haveRecord ? memberTabContentHeight - recommendInfoHeight : memberTabContentHeight;
+    return _react2.default.createElement(
+      TabPane,
+      { tab: title, key: key },
+      _react2.default.createElement(
+        'div',
+        { className: 'recommend-tab', style: { height: memberTabContentHeight } },
+        haveRecord && _react2.default.createElement(
+          'div',
+          { className: 'recommend-info' },
+          recordFilter.map(function (item, key) {
+            return _react2.default.createElement(
+              'span',
+              { key: key },
+              item.name,
+              ': ',
+              item.value
+            );
+          })
+        ),
+        _react2.default.createElement(
+          'div',
+          { className: 'recommend-connent', style: { height: recommendHeight } },
+          _react2.default.createElement(
+            _tplusComponentsTouch.TouchScroll,
+            { height: recommendHeight, key: recommendHeight },
+            recommends.map(function (item, index) {
+              if (!(item.Value || []).length) return null;
+              return _react2.default.createElement(
+                'div',
+                { key: index, className: 'detail-content' },
+                _react2.default.createElement(
+                  'h1',
+                  null,
+                  item.Name
+                ),
+                _react2.default.createElement(_tplusComponentsTouch.CardList, {
+                  list: item.Value || [],
+                  maxEmpyt: 5
+                })
+              );
+            })
+          ),
+          initEmpty && emptyRecommend
+        ),
+        initEmpty && emptyData
+      )
+    );
+  };
+
+  this.recentlyEle = function (_ref6) {
+    var title = _ref6.title,
+        key = _ref6.key;
+    var _props4 = _this2.props,
+        memberTabHeight = _props4.memberTabHeight,
+        _props4$memberInfo = _props4.memberInfo;
+    _props4$memberInfo = _props4$memberInfo === undefined ? {} : _props4$memberInfo;
+    var _props4$memberInfo$re = _props4$memberInfo.recency,
+        recency = _props4$memberInfo$re === undefined ? [] : _props4$memberInfo$re;
+
+    var theadHeight = 50;
+    var tableHeight = memberTabHeight - _this2.tabHeadHeight;
+    var dataSource = [];
+    var data = recency;
+    data.forEach(function (vlaue, i) {
+      var index = dataSource.findIndex(function (v) {
+        return v.code === vlaue.Code;
+      });
+      if (~index) {
+        dataSource[index].data.push(vlaue);
+      } else {
+        var _ref7 = vlaue || {},
+            Time = _ref7.Time,
+            Code = _ref7.Code,
+            rest = (0, _objectWithoutProperties3.default)(_ref7, ['Time', 'Code']);
+
+        var itemValue = { date: Time, code: Code, data: [rest] };
+        dataSource.push(itemValue);
+      }
+    });
+
+    dataSource.forEach(function (value) {
+      // 金额倒序排序
+      var itemData = value.data;
+      if (itemData.length > 1) {
+        itemData.sort(function () {
+          var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+          var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+          return b.Amount - a.Amount;
+        });
+      }
+    });
+
+    return _react2.default.createElement(
+      TabPane,
+      { tab: title, key: key },
+      !!dataSource.length && _react2.default.createElement(
+        'div',
+        { className: 'recently-tab' },
+        _react2.default.createElement(
+          'table',
+          { className: 'table' },
+          _react2.default.createElement(
+            'thead',
+            null,
+            _react2.default.createElement(
+              'tr',
+              null,
+              _react2.default.createElement(
+                'th',
+                { width: '25%' },
+                '\u6D88\u8D39\u65E5\u671F'
+              ),
+              _react2.default.createElement(
+                'th',
+                { width: '25%' },
+                '\u5546\u54C1'
+              ),
+              _react2.default.createElement(
+                'th',
+                { width: '25%', style: { textAlign: 'center' } },
+                '\u6570\u91CF'
+              ),
+              _react2.default.createElement(
+                'th',
+                { width: '25%', className: 'amount-item' },
+                '\u6D88\u8D39\u91D1\u989D'
+              )
+            )
+          ),
+          _react2.default.createElement(
+            'tbody',
+            { style: { height: tableHeight - theadHeight } },
+            _react2.default.createElement(
+              _tplusComponentsTouch.TouchScroll,
+              null,
+              dataSource.map(function (item, key) {
+                return item.data.map(function (v, i) {
+                  return _react2.default.createElement(
+                    'tr',
+                    { key: i },
+                    !i ? _react2.default.createElement(
+                      'td',
+                      { className: item.data.length === 1 ? 'only-one-data' : '' },
+                      (0, _utils.dateFormat)(item.date)
+                    ) : _react2.default.createElement('td', { className: item.data.length - 1 === i ? 'data-border' : '' }),
+                    _react2.default.createElement(
+                      'td',
+                      { 'data-overflow': 'tip' },
+                      v.Name
+                    ),
+                    _react2.default.createElement(
+                      'td',
+                      { 'data-overflow': 'tip', style: { textAlign: 'center' } },
+                      v.Quantity
+                    ),
+                    _react2.default.createElement(
+                      'td',
+                      { 'data-overflow': 'tip' },
+                      v.Amount
+                    )
+                  );
+                });
+              })
+            )
+          )
+        )
+      ),
+      !dataSource.length && _react2.default.createElement(
+        'div',
+        { style: { height: tableHeight, position: 'relative' } },
+        _react2.default.createElement('div', { className: 'empty-data empty-data-img' })
+      )
+    );
+  };
+
+  this.handleDeductionData = function (storages) {
+    var arr = [];
+    storages && storages.map(function (value) {
+      var _value$PackageInfo = value.PackageInfo,
+          PackageName = _value$PackageInfo.PackageName,
+          EffectiveDate = _value$PackageInfo.EffectiveDate,
+          ExpirationDate = _value$PackageInfo.ExpirationDate,
+          PackageIsLimit = _value$PackageInfo.PackageIsLimit;
+
+      var exprieTime = void 0;
+      if (EffectiveDate && ExpirationDate) {
+        exprieTime = (0, _utils.dateFormat)(EffectiveDate) + '至' + (0, _utils.dateFormat)(ExpirationDate);
+      } else if (EffectiveDate && !ExpirationDate) {
+        exprieTime = (0, _utils.dateFormat)(EffectiveDate) + '至';
+      } else if (!EffectiveDate && ExpirationDate) {
+        exprieTime = '至' + (0, _utils.dateFormat)(ExpirationDate);
+      }
+      value.ProjectInfo.map(function (newValue, index) {
+        var ProjectBuyTimes = newValue.ProjectBuyTimes,
+            ProjectUsedTimes = newValue.ProjectUsedTimes,
+            ProjectName = newValue.ProjectName;
+
+        arr.push({
+          PackageName: PackageName ? PackageName : '',
+          ProjectName: ProjectName,
+          ProjectBuyTimes: ProjectBuyTimes,
+          ProjectSplusTimes: ProjectBuyTimes - ProjectUsedTimes,
+          ProjectUsedTimes: ProjectUsedTimes,
+          exprieTime: exprieTime,
+          PackageIsLimit: PackageIsLimit
+        });
+      });
+    });
+    return arr;
+  };
+
+  this.handleDraggingBorder = function (event, width) {
+    if (!width) return;
+    var el = event && event.target;
+    var key = el.getAttribute('data-line-key');
+    if (key == 'rowNum') {
+      _this2.isAllowDragg = false;
+    } else {
+      _this2.isAllowDragg = true;
+    }
+  };
+
+  this.handleDropBorder = function (event, width) {
+    if (!width || !_this2.isAllowDragg) return;
+    var el = event && event.target;
+    var key = el.getAttribute('data-line-key');
+    key = _this2.getTableColumnName(key);
+    _this2.setVoucherWidth('RetailOrder', key, width);
+    _this2.handleTouchTableCallback();
+    console.log('调整列宽:' + key + ';' + width);
+  };
+
+  this.deductionEle = function (_ref8) {
+    var title = _ref8.title,
+        key = _ref8.key;
+    var _props5 = _this2.props,
+        _props5$member = _props5.member,
+        member = _props5$member === undefined ? {} : _props5$member,
+        memberTabHeight = _props5.memberTabHeight;
+    var storages = stores.memberStore.storages;
+
+    var memberTabContentHeight = memberTabHeight - _this2.tabHeadHeight;
+    var columns = [{ title: "套餐", dataIndex: "PackageName", key: "PackageName", textAlign: 'center', width: 80 }, { title: "项目", dataIndex: "ProjectName", key: "ProjectName", textAlign: 'center', width: 100 }, { title: "总次数", dataIndex: "ProjectBuyTimes", key: "ProjectBuyTimes", textAlign: 'center', width: 60,
+      render: function render(text, record, index) {
+        return !record.PackageIsLimit ? _react2.default.createElement(
+          'span',
+          { className: 'isLimitClass' },
+          '\u65E0\u9650\u6B21'
+        ) : _react2.default.createElement(
+          'span',
+          { className: 'text' },
+          text
+        );
+      } }, { title: "已使用", dataIndex: "ProjectUsedTimes", key: "ProjectUsedTimes", textAlign: 'center', width: 60 }, { title: "剩余次数", dataIndex: "ProjectSplusTimes", key: "ProjectSplusTimes", textAlign: 'center', width: 80, controlType: 'NumTextBox',
+      render: function render(text, record, index) {
+        return !record.PackageIsLimit ? _react2.default.createElement(
+          'span',
+          { className: 'isLimitClass' },
+          '\u65E0\u9650\u6B21'
+        ) : _react2.default.createElement(
+          'span',
+          { className: 'text' },
+          text
+        );
+      } }, { title: "有效日期", dataIndex: "exprieTime", key: "exprieTime", textAlign: 'center', width: 100 }];
+
+    var selectDeductionList = _this2.handleDeductionData(storages);
+    return _react2.default.createElement(
+      TabPane,
+      { tab: title, key: key, className: 'deduction-tab' },
+      _react2.default.createElement(
+        'div',
+        { style: { height: memberTabContentHeight, position: 'relative' } },
+        selectDeductionList && _react2.default.createElement(_Table3.default, {
+          bodyDisplayInRow: true,
+          columns: columns,
+          dragborder: true
+          // onDraggingBorder={(e, width) => this.handleDraggingBorder(e, width)}
+          // onDropBorder={(e, width) => this.handleDropBorder(e, width)}
+          , data: selectDeductionList,
+          parentNodeId: 'parent',
+          height: 50,
+          headerHeight: 50,
+          className: 'deductionTable',
+          scroll: { x: 585, y: memberTabContentHeight - 63 } })
+      )
+    );
+  };
+}, _temp)) || _class;
+
+exports.default = MemberTab;
+//# sourceMappingURL=memberTab.js.map