tplus-member 3.28.2 → 3.28.7

package/dist/member/memberTab.js

@@ -0,0 +1,588 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _button = require('antd/es/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+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 _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 _tabs = require('antd/es/tabs');
+
+var _tabs2 = _interopRequireDefault(_tabs);
+
+var _class, _class2, _temp, _initialiseProps;
+
+require('antd/es/button/style');
+
+require('antd/es/tabs/style');
+
+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 _utils = require('../utils');
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _mutantsUtil = require('mutants-util');
+
+require('./ShopMember.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var TabPane = _tabs2.default.TabPane;
+
+
+var transform = {
+  Code: '会员编号',
+  CardCode: '会员卡号',
+  Name: '会员姓名',
+  MemberTypeName: '会员类型',
+  Mobilephone: '手机号',
+  Telephone: '联系电话',
+  StoreName: '开卡门店',
+  sex: '性别',
+  BirthDate: '出生日期',
+  TotalIntegral: '累计积分',
+  BalanceIntegral: '积分余额',
+  BalanceStorage: '当前总余额',
+  TotalStorage: '储值总额', // 字段存疑
+  TotalBegin: '期初余额',
+  EffectiveDate: '生效日期',
+  ExpirationDate: '失效日期',
+  UmemberOpenId: '是否关注微信号',
+  UmemberLabel: '会员标签',
+  MemberCouponTitle: '优惠券',
+  Memo: '备注'
+};
+
+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.stores.user.options.get('loginInfo') || {},
+        IsEnableUMember = _ref.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$defaultActiveK = this.props.defaultActiveKey,
+          defaultActiveKey = _props$defaultActiveK === undefined ? '1' : _props$defaultActiveK;
+
+      return _react2.default.createElement(
+        _tabs2.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' })
+      );
+    }
+  }]);
+  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 _ref4 = _mutantsUtil.platform || {},
+        isNewRetailBCPos = _ref4.isNewRetailBCPos;
+
+    var _props = _this2.props,
+        _props$member = _props.member,
+        member = _props$member === undefined ? {} : _props$member,
+        memberTabHeight = _props.memberTabHeight,
+        _props$memberList = _props.memberList,
+        memberList = _props$memberList === undefined ? [] : _props$memberList,
+        _props$columnInfo = _props.columnInfo,
+        columnInfo = _props$columnInfo === undefined ? [] : _props$columnInfo,
+        _props$precisionInfo = _props.precisionInfo,
+        precisionInfo = _props$precisionInfo === undefined ? {} : _props$precisionInfo,
+        getMemberStateStamp = _props.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];
+    });
+
+    var _enumController$getEn = _mutantsUtil.enumController.getEnumOj(),
+        Differentiate = _enumController$getEn.Differentiate;
+
+    var CC_NOT_DISPLAY = ["Code", "ExpirationDate", "UmemberOpenId", "UmemberLabel"];
+
+    transform.MemberCouponTitle = Differentiate.COUPON;
+    transform.MemberTypeName = Differentiate.MemberTypeName;
+    (0, _keys2.default)(transform).forEach(function (v) {
+      // 查找CC不需要显示的字段
+      var isHaveCCNot = CC_NOT_DISPLAY.find(function (item) {
+        return item == v;
+      });
+      if (isNewRetailBCPos && isHaveCCNot) return;
+      if (isUMemberShow.includes(v) && !isNewRetailBCPos && !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 = { label: '' + transform[v], value: value };
+      memberInfos.push(dataItem);
+    });
+
+    //对自定义项的值进行处理。
+    if (priuserdefData && priuserdefData.length > 0) {
+      priuserdefData.map(function (item) {
+        var _ref5 = item || {},
+            key = _ref5.key,
+            value = _ref5.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 (_ref6) {
+    var title = _ref6.title,
+        key = _ref6.key;
+    var _props2 = _this2.props,
+        _props2$recommend = _props2.recommend,
+        recommends = _props2$recommend === undefined ? [] : _props2$recommend,
+        _props2$memberInfo = _props2.memberInfo;
+    _props2$memberInfo = _props2$memberInfo === undefined ? {} : _props2$memberInfo;
+    var _props2$memberInfo$re = _props2$memberInfo.record,
+        record = _props2$memberInfo$re === undefined ? [] : _props2$memberInfo$re,
+        _props2$memberInfo$li = _props2$memberInfo.like,
+        like = _props2$memberInfo$li === undefined ? [] : _props2$memberInfo$li,
+        memberTabHeight = _props2.memberTabHeight,
+        initEmpty = _props2.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 = haveRecord && 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' },
+      _react2.default.createElement(
+        'div',
+        { className: 'tip-text' },
+        '\u6682\u65E0\u6570\u636E ~'
+      )
+    ) : 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 (_ref7) {
+    var title = _ref7.title,
+        key = _ref7.key;
+    var _props3 = _this2.props,
+        memberTabHeight = _props3.memberTabHeight,
+        _props3$memberInfo = _props3.memberInfo;
+    _props3$memberInfo = _props3$memberInfo === undefined ? {} : _props3$memberInfo;
+    var _props3$memberInfo$re = _props3$memberInfo.recency,
+        recency = _props3$memberInfo$re === undefined ? [] : _props3$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 _ref8 = vlaue || {},
+            Time = _ref8.Time,
+            Code = _ref8.Code,
+            rest = (0, _objectWithoutProperties3.default)(_ref8, ['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 - 42 } },
+            _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' },
+          _react2.default.createElement(
+            'div',
+            { className: 'tip-text' },
+            '\u6682\u65E0\u6570\u636E ~'
+          )
+        )
+      ),
+      _react2.default.createElement(
+        'div',
+        { className: 'more-button' },
+        _react2.default.createElement(
+          _button2.default,
+          { type: 'link' },
+          '\u52A0\u8F7D\u66F4\u591A'
+        )
+      )
+    );
+  };
+}, _temp)) || _class;
+
+exports.default = MemberTab;
+//# sourceMappingURL=memberTab.js.map

package/dist/member/memberTab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-member/member/memberTab.js"],"names":["TabPane","transform","Code","CardCode","Name","MemberTypeName","Mobilephone","Telephone","StoreName","sex","BirthDate","TotalIntegral","BalanceIntegral","BalanceStorage","TotalStorage","TotalBegin","EffectiveDate","ExpirationDate","UmemberOpenId","UmemberLabel","MemberCouponTitle","Memo","MemberTab","observer","props","stores","user","options","get","IsEnableUMember","state","overflowTip","OverflowTip","target","format","text","colonStr","startsWith","split","containerDom","update","destroy","defaultActiveKey","onChange","memberInfoEle","title","key","rmecommendEle","recentlyEle","Component","propTypes","memberTabHeight","PropTypes","number","any","memberList","array","columnInfo","member","object","memberInfo","precisionInfo","initEmpty","bool","func","tabHeadHeight","dataClear","keys","values","regKey","dataSource","forEach","index","includes","find","v","FieldName","label","Title","push","value","filter","platform","isNewRetailBCPos","getMemberStateStamp","DynamicPropertyKeys","DynamicPropertyValues","MemberType","Sex","isExpiration","Uid","isUserLogout","MemberState","Store","priuserdefData","isUMember","isUMemberShow","memberValues","memberInfos","memberTabContentHeight","hasMemberInfo","some","enumController","getEnumOj","Differentiate","CC_NOT_DISPLAY","COUPON","isHaveCCNot","item","memberValue","precision","undefined","dataItem","length","map","formatValue","formatDateKeys","iconItems","height","position","recommend","recommends","record","like","Value","recommendInfoHeight","haveRecord","every","console","log","emptyRecommend","emptyData","showInfos","recordFilter","name","recommendHeight","recency","theadHeight","tableHeight","data","vlaue","i","findIndex","code","Time","rest","itemValue","date","itemData","sort","a","b","Amount","textAlign","Quantity"],"mappings":"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","file":"memberTab.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { Tabs, Button } from 'antd';\r\nimport { observer } from 'mobx-react';\r\nimport { stores, localStore } from 'mutants-microfx';\r\nimport { OverflowTip, TouchScroll, CardList } from 'tplus-components-touch';\r\nimport { formatPrecision, dateFormat } from '../utils';\r\nimport PropTypes from 'prop-types';\r\nimport { enumController, platform } from 'mutants-util';\r\nimport './ShopMember.less';\r\n\r\nconst { TabPane } = Tabs;\r\n\r\nlet transform = {\r\n  Code: '会员编号',\r\n  CardCode: '会员卡号',\r\n  Name: '会员姓名',\r\n  MemberTypeName: '会员类型',\r\n  Mobilephone: '手机号',\r\n  Telephone: '联系电话',\r\n  StoreName:'开卡门店',\r\n  sex: '性别',\r\n  BirthDate: '出生日期',\r\n  TotalIntegral: '累计积分',\r\n  BalanceIntegral: '积分余额',\r\n  BalanceStorage: '当前总余额',\r\n  TotalStorage: '储值总额', // 字段存疑\r\n  TotalBegin: '期初余额',\r\n  EffectiveDate: '生效日期',\r\n  ExpirationDate: '失效日期',\r\n  UmemberOpenId: '是否关注微信号',\r\n  UmemberLabel: '会员标签',\r\n  MemberCouponTitle: '优惠券',\r\n  Memo: '备注',\r\n};\r\n\r\n@observer\r\nexport default class MemberTab extends Component {\r\n\r\n  static propTypes = {\r\n    memberTabHeight: PropTypes.number,\r\n    defaultActiveKey: PropTypes.any,\r\n    memberList: PropTypes.array,\r\n    columnInfo: PropTypes.array,\r\n    member: PropTypes.object,\r\n    memberInfo: PropTypes.object,\r\n    precisionInfo: PropTypes.object,\r\n    initEmpty: PropTypes.bool,\r\n    onChange: PropTypes.func,\r\n  };\r\n\r\n  tabHeadHeight = 37;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    const { IsEnableUMember } = stores.user.options.get('loginInfo') || {};\r\n    this.state = { IsEnableUMember: !!IsEnableUMember };\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.overflowTip = new OverflowTip({\r\n      target: '.member-content-tab',\r\n      format(text) {\r\n        text = text || '';\r\n        const colonStr = '：';\r\n        if (text.startsWith(colonStr)) {\r\n          return text.split(colonStr)[1];\r\n        }\r\n        return text;\r\n      }\r\n    });\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    if (this.overflowTip && !this.overflowTip.containerDom) {\r\n      this.overflowTip.update();\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    this.overflowTip.destroy();\r\n  }\r\n\r\n  dataClear = (keys, values, columnInfo) => {\r\n    const regKey = 'priuserdef';\r\n    const dataSource = [];\r\n    keys.forEach((key, index) => {\r\n      if (key.includes(regKey)) {\r\n        const {Title: label} = columnInfo.find(v => v.FieldName === key) || {};\r\n        dataSource.push({key, value: values[index], label});\r\n      }\r\n    });\r\n    return dataSource.filter(v => v.label);\r\n  }\r\n\r\n  memberInfoEle = ({ title, key }) => {\r\n    let { isNewRetailBCPos } = platform || {};\r\n    const { member = {}, memberTabHeight, memberList = [], columnInfo = [], precisionInfo = {}, getMemberStateStamp} = this.props;\r\n    const {IsEnableUMember} = this.state;\r\n    const { DynamicPropertyKeys = [], DynamicPropertyValues = [], ExpirationDate = '', MemberType: { Name: MemberTypeName } = {},\r\n      Sex: { Name: sex } = {}, isExpiration, Uid, isUserLogout, MemberState, Store: { Name : StoreName } = {} } = member;\r\n    let priuserdefData = this.dataClear(DynamicPropertyKeys, DynamicPropertyValues, columnInfo);\r\n    const isUMember = IsEnableUMember && Uid > 0; // 判断为u会员\r\n    const isUMemberShow = ['UmemberOpenId', 'UmemberLabel', 'MemberCouponTitle'];\r\n    const memberValues = { MemberTypeName, sex, StoreName ,  ...member};\r\n    const memberInfos = [];\r\n    const memberTabContentHeight = memberTabHeight - this.tabHeadHeight;\r\n    const hasMemberInfo = Object.keys(memberValues).some(v => memberValues[v]);\r\n    const { Differentiate } = enumController.getEnumOj();\r\n\r\n    const CC_NOT_DISPLAY = [\"Code\", \"ExpirationDate\", \"UmemberOpenId\", \"UmemberLabel\"];\r\n\r\n    transform.MemberCouponTitle = Differentiate.COUPON;\r\n    transform.MemberTypeName = Differentiate.MemberTypeName;\r\n    Object.keys(transform).forEach(v => {\r\n      // 查找CC不需要显示的字段\r\n      const isHaveCCNot =  CC_NOT_DISPLAY.find(item => item == v);\r\n      if (isNewRetailBCPos && isHaveCCNot) return;\r\n      if (isUMemberShow.includes(v) && !isNewRetailBCPos &&!isUMember ) return;\r\n      const memberValue = memberValues[v];\r\n      const precision = precisionInfo[v];\r\n      //let value = formatPrecisionKeys.includes(v) ? (hasMemberInfo ? formatPrecision(memberValue, precision) : undefined) : memberValue;\r\n      let value = !!precision ? (hasMemberInfo ? formatPrecision(memberValue, precision) : undefined) : memberValue;\r\n      (v === 'UmemberOpenId') && (value = memberValue ? '已关注' : '未关注');\r\n      const dataItem = { label: `${transform[v]}`, value };\r\n      memberInfos.push(dataItem);\r\n    });\r\n\r\n    //对自定义项的值进行处理。\r\n    if (priuserdefData && priuserdefData.length > 0) {\r\n      priuserdefData.map(item => {\r\n        let { key, value } = item || {};\r\n        let precision = precisionInfo[key];\r\n        item['value'] = !!precision ? formatPrecision(value, precision) : value;\r\n      })\r\n    }\r\n\r\n    memberInfos.push(...priuserdefData) // 插入会员自定义项\r\n    memberInfos.length % 2 && memberInfos.push({}); //奇数补全\r\n\r\n    const formatValue = (label, value) => {\r\n      const formatDateKeys = ['出生日期', '失效日期', '生效日期'];\r\n      if (formatDateKeys.includes(label)) {\r\n        return dateFormat(value);\r\n      } else {\r\n        return value;\r\n      }\r\n    }\r\n    //状态戳\r\n    let iconItems = getMemberStateStamp(member);\r\n    return (\r\n      <TabPane tab={title} key={key}>\r\n        <div style={{ height: memberTabContentHeight, position: 'relative' }}>\r\n          <TouchScroll height={memberTabContentHeight} >\r\n            {\r\n              !!memberList.length && <div className='member-info-table'>\r\n                {\r\n                  memberInfos.map((item, index) => <div key={index}>\r\n                    {item.label && <span>{item.label || ''}</span>}\r\n                    {item.label && <span data-overflow='tip'>：{formatValue(item.label, item.value)}</span>}\r\n                  </div>)\r\n                }\r\n                {\r\n                  !memberInfos.length && <p className='empty-data'>暂无数据~</p>\r\n                }\r\n              </div>\r\n            }\r\n            {\r\n              !memberList.length && <div className='empty-data empty-data-img' />\r\n            }\r\n          </TouchScroll>\r\n          {\r\n            iconItems && iconItems.length > 0 &&\r\n            <div className='memberstate-detail-stamp'>\r\n              {iconItems}\r\n            </div>\r\n          }\r\n        </div>\r\n      </TabPane >)\r\n  };\r\n\r\n  rmecommendEle = ({ title, key }) => {\r\n    let { recommend: recommends = [], memberInfo: { record = [], like = [] } = {}, memberTabHeight, initEmpty } = this.props;\r\n    recommends = recommends.filter(v => v);\r\n    recommends.push({ Name: '最近购买', Value: like });\r\n    const recommendInfoHeight = 74;\r\n    const memberTabContentHeight = memberTabHeight - this.tabHeadHeight;\r\n    const haveRecord = !!record.length && record.every(v => !!(v && v.value));\r\n    console.log('会员偶发白屏问题：recommends==', recommends)\r\n    const emptyRecommend = (haveRecord && recommends.every(v => !((v && v.Value) || []).length)) ?  <div className='empty-data'>暂无推荐~</div> : null;\r\n    const emptyData = (!haveRecord && recommends.every(v => !((v && v.Value) || []).length)) ? <div className='empty-data empty-data-img'><div className='tip-text'>暂无数据 ~</div></div> : null;\r\n    const showInfos = ['最近购买时间', '金额', '平均客单价']\r\n    const recordFilter = record.filter(v => showInfos.includes(v.name));\r\n    const recommendHeight = haveRecord ? memberTabContentHeight - recommendInfoHeight : memberTabContentHeight;\r\n    return <TabPane tab={title} key={key}>\r\n      <div className='recommend-tab' style={{height: memberTabContentHeight}}>\r\n        {haveRecord && <div className='recommend-info'>\r\n          {recordFilter.map((item, key) => <span key={key}>{item.name}: {item.value}</span>)}\r\n        </div>}\r\n        <div className='recommend-connent' style={{height: recommendHeight}}>\r\n        <TouchScroll height={recommendHeight} key={recommendHeight}>\r\n          {recommends.map((item, index) => {\r\n            if (!(item.Value || []).length) return null;\r\n            return <div key={index} className='detail-content'>\r\n              <h1>{item.Name}</h1>\r\n              <CardList\r\n                list={item.Value || []}\r\n                maxEmpyt={5}\r\n              />\r\n            </div>\r\n          })}\r\n        </TouchScroll>\r\n          {initEmpty && emptyRecommend}\r\n        </div>\r\n        {initEmpty && emptyData}\r\n      </div>\r\n    </TabPane>;\r\n  };\r\n\r\n  recentlyEle = ({ title, key }) => {\r\n    const {memberTabHeight, memberInfo: {recency = []} = {}} = this.props;\r\n    const theadHeight = 50;\r\n    const tableHeight = memberTabHeight - this.tabHeadHeight;\r\n    const dataSource = [];\r\n    const data = recency;\r\n    data.forEach((vlaue, i) => {\r\n      const index = dataSource.findIndex(v => v.code === vlaue.Code);\r\n      if (~index) {\r\n        dataSource[index].data.push(vlaue);\r\n      } else {\r\n        const { Time, Code, ...rest } = vlaue || {};\r\n        const itemValue = { date: Time, code: Code, data: [rest] };\r\n        dataSource.push(itemValue);\r\n      }\r\n    });\r\n\r\n    dataSource.forEach(value => {\r\n      // 金额倒序排序\r\n      const itemData = value.data;\r\n      if (itemData.length > 1) {\r\n        itemData.sort((a = {}, b = {}) => b.Amount - a.Amount);\r\n      }\r\n    });\r\n\r\n    return <TabPane tab={title} key={key}>\r\n      {!!dataSource.length && <div className='recently-tab'>\r\n        <table className='table'>\r\n          <thead>\r\n            <tr>\r\n              <th width='25%'>消费日期</th>\r\n              <th width='25%'>商品</th>\r\n              <th width='25%' style={{textAlign: 'center'}}>数量</th>\r\n              <th width='25%' className='amount-item'>消费金额</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody style={{height: tableHeight - theadHeight - 42}}>\r\n            <TouchScroll>\r\n              {dataSource.map((item, key) => {\r\n                return item.data.map((v, i) =>\r\n                  <tr key={i}>\r\n                    {!i ?\r\n                      <td className={item.data.length === 1 ? 'only-one-data' : ''}>{dateFormat(item.date)}</td> :\r\n                      <td className={item.data.length - 1 === i ? 'data-border' : ''}/>\r\n                    }\r\n                    <td data-overflow='tip'>{v.Name}</td>\r\n                    <td data-overflow='tip' style={{textAlign: 'center'}}>{v.Quantity}</td>\r\n                    <td data-overflow='tip'>{v.Amount}</td>\r\n                  </tr>\r\n                );\r\n              })}\r\n            </TouchScroll>\r\n          </tbody>\r\n        </table>\r\n      </div>}\r\n      {!dataSource.length && <div style={{height: tableHeight, position: 'relative'}}><div className='empty-data empty-data-img'><div className='tip-text'>暂无数据 ~</div></div></div>}\r\n      <div className='more-button'><Button type=\"link\">加载更多</Button></div>\r\n    </TabPane>;\r\n  };\r\n\r\n  render() {\r\n    const {defaultActiveKey = '1' } = this.props;\r\n    return (\r\n      <Tabs\r\n        defaultActiveKey={defaultActiveKey}\r\n        onChange={this.props.onChange}\r\n        className=\"member-table-container\"\r\n      >\r\n        {this.memberInfoEle({ title: '会员信息', key: '1' })}\r\n        {this.rmecommendEle({ title: '智能推荐', key: '2' })}\r\n        {this.recentlyEle({ title: '购买记录', key: '3' })}\r\n      </Tabs>\r\n    );\r\n  }\r\n}\r\n"]}