tplus-portaltouch 3.23.1 → 3.23.2

package/dist/components/header/headContent.js

@@ -50,12 +50,25 @@ var _themeModal = require('./themeModal');
 
 var _themeModal2 = _interopRequireDefault(_themeModal);
 
+var _uploadList = require('./uploadList');
+
+var _uploadList2 = _interopRequireDefault(_uploadList);
+
+var _mobxReact = require('mobx-react');
+
+var _offlinePointDesc = require('./offlinePointDesc');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-require('../../utils/networkCheck');
 var Item = _antd.Menu.Item;
 
 var defaultFromat = 'yyyy-MM-dd hh:mm:ss';
+var t = _mutantsMicrofx.i18n.getFixedT(null, 'newretail');
+var UPLOAD_BASE_PATH = '/login';
+var NETWORK_THEME_PATH = "/";
+var PLACE_ORDER_PATH = "/RE/RE01";
+var weakRemindNum = 0; // 弱网提示初始值
+var WEAK_STANDARD_NUM = 3; // 弱网提示的次数上限
 
 //头部时间
 function HeadTime(props) {
@@ -111,34 +124,468 @@ function HeadTime(props) {
 }
 
 //头部联网状态
-function OnLineStatus(props) {
+var OnLineStatus = (0, _mobxReact.observer)(function (props) {
   var networkStatus = props.networkStatus;
+  var networkCheckStore = _mutantsMicrofx.stores.networkCheckStore;
+
+  var networkState = networkCheckStore.networkState;
+  var networkOn = true;
+  var iconName = 'WiFi';
+  switch (networkState) {
+    case '联网':
+      iconName = 'WiFi';
+      break;
+    case '弱网':
+      iconName = 'ruowifi';
+      break;
+    case '离线':
+      networkOn = false;
+      iconName = 'wuwangluo';
+      break;
+    default:
+      break;
+  }
+  var switchNetwork = function switchNetwork(checked, event) {
+    networkCheckStore.switchOnLine(checked);
+  };
+  var lineIcon = _react2.default.createElement(_tplusComponentsTouch.Ticon, {
+    icon: iconName,
+    className: 'network-state-icon'
+  });
+  return _react2.default.createElement(
+    'div',
+    null,
+    _react2.default.createElement(
+      'span',
+      { className: 'network-status', style: { marginRight: '10px' } },
+      networkStatus || lineIcon
+    ),
+    _react2.default.createElement(
+      'span',
+      null,
+      _react2.default.createElement(_antd.Switch, { checkedChildren: '\u5F00\u542F', unCheckedChildren: '\u5173\u95ED', defaultChecked: true, checked: networkOn, onChange: switchNetwork })
+    )
+  );
+});
+function getIsOffNetWork() {
+  var networkCheckStore = _mutantsMicrofx.stores.networkCheckStore;
+
+  return networkCheckStore.networkState === '离线';
+}
+//头部联网状态
+var OnLineStatusToggle = (0, _mobxReact.observer)(function (props) {
+  var isShowUploadBtnsByRouter = props.isShowUploadBtnsByRouter,
+      isResetNetWorkTheme = props.isResetNetWorkTheme,
+      isOfflineCash = props.isOfflineCash,
+      isPlaceOrderPage = props.isPlaceOrderPage;
+  var networkCheckStore = _mutantsMicrofx.stores.networkCheckStore,
+      offlineSys = _mutantsMicrofx.stores.offlineSys,
+      voucherStore = _mutantsMicrofx.stores.voucherStore;
+
+  var networkState = networkCheckStore.networkState;
+  var isOnLine = networkCheckStore.isOnLine;
+  var hasUseOffline = isOfflineCash && !_mutantsUtil.platform.otherOfflineStatus; //是否允许离线
+  var iconName = 'WiFi';
+  if (hasUseOffline) {
+    var weakConfirm = function weakConfirm() {
+      if (!isOnLine) return; // 离线不提示
+      if (networkState !== '弱网' || networkState === '离线') return; // 非弱网或离线状态不提示
+      if (weakRemindNum >= WEAK_STANDARD_NUM) return; // 提示大于三次不再提示
+      if (!offlineSys.getDataIsOffline) return; // 数据未下载完不提示
+      if (document.querySelector('.isRetailUpLoading')) return; // 上传中不提示
+      if (document.querySelector('.isRetailDownLoading')) return; // 下载中不提示
+      if (document.querySelector('.tplus-loading')) return; // 全屏loading不提示
+      weakRemindNum++;
+      _tplusComponentsTouch.ModalWraper.confirm({
+        title: t('提示'),
+        content: t('当前网络不好，是否切换到离线？'),
+        onOk: function onOk() {
+          setOffLine(true);
+        }
+      });
+    };
+
+    switch (networkState) {
+      case '联网':
+        iconName = 'WiFi';
+        break;
+      case '弱网':
+        iconName = 'ruowifi';
+        break;
+      case '离线':
+        iconName = 'wuwangluo';
+        break;
+      default:
+        break;
+    }
+    if (networkState === '离线' && isOnLine) {
+      _tplusComponentsTouch.ModalWraper.confirm({
+        title: t('提示'),
+        content: t('网络已断，是否切换到离线收银模式？'),
+        onOk: function onOk() {
+          setOffLine(true);
+        }
+      });
+    }
+
+    weakConfirm();
+  }
+  function switchStatus() {
+    if (networkState === '离线' && !isOnLine) {
+      _tplusComponentsTouch.Message.tip('当前无网络，无法切换为在线状态');
+      return;
+    }
+    _tplusComponentsTouch.ModalWraper.confirm({
+      title: t('提示'),
+      content: t('\u786E\u5B9A\u8981\u5207\u6362\u4E3A' + (isOnLine ? '离' : '在') + '\u7EBF\u73AF\u5883\u5417\uFF1F'),
+      onOk: function onOk() {
+        setOffLine(isOnLine);
+      }
+    });
+  }
+
+  function getVoucherDataStatus() {
+    var data = voucherStore.getVoucherData();
+
+    var _ref3 = data || {},
+        Idmember = _ref3.Idmember,
+        RetailDetails = _ref3.RetailDetails;
+
+    if (!!Idmember || RetailDetails && RetailDetails.length > 0) {
+      return true;
+    }
+    return false;
+  }
+
+  function setOffLine(status) {
+    if (isPlaceOrderPage && getVoucherDataStatus()) {
+      _tplusComponentsTouch.ModalWraper.confirm({
+        title: t('提示'),
+        content: t('\u5F53\u524D\u4E3A\u5F00\u5355\u754C\u9762\uFF0C\u5207\u6362\u5230' + (status ? '离' : '在') + '\u7EBF\u4F1A\u6E05\u9664\u5F53\u524D\u6570\u636E\uFF0C\u786E\u5B9A\u8981\u5207\u6362\u5417\uFF1F'),
+        onOk: function onOk() {
+          playStatus(status);
+        }
+      });
+    } else {
+      playStatus(status);
+    }
+  }
+
+  function playStatus(status) {
+    // status 为 true 是在线切离线
+    if (status) {
+      if (!offlineSys.getDataIsOffline() || document.querySelector('.isRetailDownLoading')) {
+        _tplusComponentsTouch.Message.tip('数据还未下载完，无法切换为离线');
+        return;
+      }
+    }
+    offlineSys.setIsOffline(status);
+    if (isPlaceOrderPage) {
+      voucherStore.clearVoucherData();
+    }
+  }
+  return _react2.default.createElement(
+    'div',
+    { className: 'on-off-wrap' },
+    _react2.default.createElement(
+      'div',
+      { className: 'status-square' },
+      _react2.default.createElement(
+        'span',
+        { className: 'status-tog-btn', style: { color: '' + (isResetNetWorkTheme ? '#fff' : '') } },
+        _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: iconName })
+      )
+    ),
+    hasUseOffline && isShowUploadBtnsByRouter && _react2.default.createElement(
+      'div',
+      { className: 'status-square c-pointer online-status-bg ' + (isOnLine || isResetNetWorkTheme ? '' : 'off-line') },
+      _react2.default.createElement(
+        'span',
+        { className: 'status-tog-btn', onClick: switchStatus },
+        _react2.default.createElement(
+          'span',
+          null,
+          isOnLine ? '在线' : '离线'
+        ),
+        _react2.default.createElement(
+          'span',
+          null,
+          _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: 'zaixianlixian', className: 'ts-14' })
+        )
+      ),
+      _react2.default.createElement(
+        _antd.Popover,
+        { placement: 'bottom', overlayClassName: 'offline-popver', content: _react2.default.createElement(
+            'pre',
+            null,
+            _offlinePointDesc.OFFLINE_POINT_DESC
+          ), trigger: 'hover' },
+        _react2.default.createElement(
+          'span',
+          { className: 'status-tog-btn' },
+          _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: 'tanhao1' })
+        )
+      )
+    )
+  );
+});
+
+//零售单上传
+function RetailUpload() {
+  var _this = this;
 
-  var _useState3 = (0, _react.useState)((navigator || {}).onLine ? '联网' : '离线'),
+  var _useState3 = (0, _react.useState)(false),
       _useState4 = (0, _slicedToArray3.default)(_useState3, 2),
-      networkState = _useState4[0],
-      setNetworkStatus = _useState4[1];
+      isModalVisible = _useState4[0],
+      setIsModalVisible = _useState4[1];
 
-  var checkNetwork = new CheckNetwork(function (status) {
-    var state = "online" != status ? '离线' : '联网';
-    setNetworkStatus(state);
-  });
-  (0, _react.useEffect)(function () {
-    return function () {
-      checkNetwork.destroy();
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = (0, _slicedToArray3.default)(_useState5, 2),
+      isUpLoading = _useState6[0],
+      setIsUpLoading = _useState6[1];
+
+  var refModal = (0, _react.useRef)(null);
+  var showModal = function () {
+    var _ref4 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
+      return _regenerator2.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              refModal && refModal.current.fetch();
+              setIsModalVisible(true);
+
+            case 2:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }));
+
+    return function showModal() {
+      return _ref4.apply(this, arguments);
     };
-  }, [networkState]);
-  var lineIcon = _react2.default.createElement(_tplusComponentsTouch.Ticon, {
-    icon: '' + (networkState === '联网' ? 'WiFi' : 'wuwangluo'),
-    className: 'network-state-icon'
-  });
+  }();
+
+  var handleOk = function () {
+    var _ref5 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee2() {
+      var isUpLoad = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      return _regenerator2.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              setIsModalVisible(false);
+
+              if (!getIsOffNetWork()) {
+                _context2.next = 4;
+                break;
+              }
+
+              _tplusComponentsTouch.Message.tip('已断网，不可以上传单据');
+              return _context2.abrupt('return');
+
+            case 4:
+              if (isUpLoad) {
+                _context2.next = 7;
+                break;
+              }
+
+              _tplusComponentsTouch.Message.tip('暂无可以上传的单据');
+              return _context2.abrupt('return');
+
+            case 7:
+              if (!isUpLoading) {
+                _context2.next = 10;
+                break;
+              }
+
+              _tplusComponentsTouch.Message.tip('零售单正在上传……');
+              return _context2.abrupt('return');
+
+            case 10:
+              setIsUpLoading(true);
+              _context2.prev = 11;
+              _context2.next = 14;
+              return _mutantsMicrofx.stores.offlineSys.uploadRetail();
+
+            case 14:
+              _context2.next = 19;
+              break;
+
+            case 16:
+              _context2.prev = 16;
+              _context2.t0 = _context2['catch'](11);
+
+              _tplusComponentsTouch.Message.error('上传失败');
+
+            case 19:
+              setIsUpLoading(false);
+
+            case 20:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, _this, [[11, 16]]);
+    }));
+
+    return function handleOk() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  var handleCancel = function handleCancel() {
+    setIsModalVisible(false);
+  };
   return _react2.default.createElement(
     'div',
-    { className: 'network-status' },
-    networkStatus || lineIcon
+    { className: 'upload-retail' },
+    _react2.default.createElement(
+      'div',
+      { className: 'status-square online-status-bg c-pointer', onClick: showModal },
+      _react2.default.createElement(
+        'span',
+        { className: 'status-tog-btn' },
+        _react2.default.createElement(
+          'span',
+          { className: '' + (isUpLoading ? 'isRetailUpLoading' : '') },
+          _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: 'shangchuan' })
+        ),
+        _react2.default.createElement(
+          'span',
+          { className: 'fast-upload-btn' },
+          '\u4E0A\u4F20\u96F6\u552E\u5355'
+        )
+      )
+    ),
+    _react2.default.createElement(UnLoadNum, null),
+    _react2.default.createElement(_uploadList2.default, { ref: refModal, visible: isModalVisible, handleOk: handleOk, handleCancel: handleCancel })
   );
 }
+// 零售单未上传的数量
+var UnLoadNum = (0, _mobxReact.observer)(function () {
+  var retailNotUploadNumber = _mutantsMicrofx.stores.offlineSys.retailNotUploadNumber;
+
+  return _react2.default.createElement(
+    'span',
+    { style: { display: retailNotUploadNumber > 0 ? 'inherit' : 'none' }, className: 'up-count-btn' },
+    retailNotUploadNumber > 99 ? '99+' : retailNotUploadNumber
+  );
+});
+//零售单下载
+function RetailDownload() {
+  var _this2 = this;
+
+  var offlineSys = _mutantsMicrofx.stores.offlineSys;
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = (0, _slicedToArray3.default)(_useState7, 2),
+      isDownload = _useState8[0],
+      setIsDownload = _useState8[1];
+
+  var _useState9 = (0, _react.useState)('下载数据'),
+      _useState10 = (0, _slicedToArray3.default)(_useState9, 2),
+      downStr = _useState10[0],
+      setDownStr = _useState10[1];
+
+  var handleDownLoad = function () {
+    var _ref6 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee3() {
+      var result;
+      return _regenerator2.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              if (!getIsOffNetWork()) {
+                _context3.next = 3;
+                break;
+              }
+
+              _tplusComponentsTouch.Message.tip('已断网，不可以下载单据');
+              return _context3.abrupt('return');
+
+            case 3:
+              if (!isDownload) {
+                _context3.next = 6;
+                break;
+              }
+
+              _tplusComponentsTouch.Message.tip('下载中');
+              return _context3.abrupt('return');
+
+            case 6:
+              setDownStr('0 %');
+              setIsDownload(true);
+              _tplusComponentsTouch.Message.tip('下载中');
+              _context3.prev = 9;
+              _context3.next = 12;
+              return offlineSys.downloadCatcherData(function (e) {
+                setDownStr(e.percent + ' %');
+              });
+
+            case 12:
+              result = _context3.sent;
+
+              if (result) {
+                _tplusComponentsTouch.Message.success('\u6570\u636E\u4E0B\u8F7D\u6210\u529F');
+              } else {
+                _tplusComponentsTouch.Message.error('\u6570\u636E\u4E0B\u8F7D\u5931\u8D25');
+              }
+              _context3.next = 19;
+              break;
+
+            case 16:
+              _context3.prev = 16;
+              _context3.t0 = _context3['catch'](9);
+
+              _tplusComponentsTouch.Message.error('数据下载失败');
+
+            case 19:
+              setDownStr('下载数据');
+              setIsDownload(false);
+
+            case 21:
+            case 'end':
+              return _context3.stop();
+          }
+        }
+      }, _callee3, _this2, [[9, 16]]);
+    }));
+
+    return function handleDownLoad() {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  return _react2.default.createElement(
+    'div',
+    { className: 'download-retail' },
+    _react2.default.createElement(DownloadBtn, { handleDownLoad: handleDownLoad, isDownload: isDownload, downStr: downStr })
+  );
+};
+// 下载按钮
+var DownloadBtn = (0, _mobxReact.observer)(function (props) {
+  var downStr = props.downStr,
+      isDownload = props.isDownload,
+      handleDownLoad = props.handleDownLoad;
 
+  return _react2.default.createElement(
+    'div',
+    { className: 'status-square online-status-bg c-pointer ' + (getIsOffNetWork() ? 'is-grey' : ''), onClick: handleDownLoad },
+    _react2.default.createElement(
+      'span',
+      { className: 'status-tog-btn' },
+      _react2.default.createElement(
+        'span',
+        { className: '' + (isDownload ? 'isRetailDownLoading' : '') },
+        _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: 'xiazaishuju' })
+      ),
+      _react2.default.createElement(
+        'span',
+        { className: 'fast-upload-btn' },
+        downStr
+      )
+    )
+  );
+});
 var releaseDate = void 0,
     releaseVersion = void 0;
 try {
@@ -171,11 +618,32 @@ function HeadContent(props, context) {
       onClick = props.onClick,
       location = props.location;
 
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray3.default)(_useState5, 2),
-      themeVisible = _useState6[0],
-      setThemeVisible = _useState6[1];
-
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = (0, _slicedToArray3.default)(_useState11, 2),
+      themeVisible = _useState12[0],
+      setThemeVisible = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(window.location.href.indexOf(UPLOAD_BASE_PATH) < 0),
+      _useState14 = (0, _slicedToArray3.default)(_useState13, 2),
+      isShowUploadBtnsByRouter = _useState14[0],
+      setIsShowUploadBtnsByRouter = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(window.location.pathname === NETWORK_THEME_PATH),
+      _useState16 = (0, _slicedToArray3.default)(_useState15, 2),
+      isResetNetWorkTheme = _useState16[0],
+      setIsResetNetWorkTheme = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(window.location.href.indexOf(PLACE_ORDER_PATH) > 0),
+      _useState18 = (0, _slicedToArray3.default)(_useState17, 2),
+      isPlaceOrderPage = _useState18[0],
+      setIsPlaceOrderPage = _useState18[1];
+
+  props.history.listen(function (route) {
+    setIsResetNetWorkTheme(route.pathname === NETWORK_THEME_PATH);
+    setIsShowUploadBtnsByRouter(route.pathname.indexOf(UPLOAD_BASE_PATH) < 0);
+    setIsPlaceOrderPage(route.pathname.indexOf(PLACE_ORDER_PATH) > -1);
+  });
+  var hasUseOffline = (0, _tplusPoslogin.PosInitData)('IsOfflineCash') === "1" && !_mutantsUtil.platform.otherOfflineStatus; //是否允许离线
   var menuProps = { onClick: onClick };
   var menus = _react2.default.createElement(
     _antd.Menu,
@@ -203,12 +671,12 @@ function HeadContent(props, context) {
         title: '关闭提示',
         content: '您确定要关闭应用吗？',
         onOk: function onOk() {
-          var _this = this;
+          var _this3 = this;
 
-          return (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee() {
-            return _regenerator2.default.wrap(function _callee$(_context) {
+          return (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee4() {
+            return _regenerator2.default.wrap(function _callee4$(_context4) {
               while (1) {
-                switch (_context.prev = _context.next) {
+                switch (_context4.prev = _context4.next) {
                   case 0:
                     _tplusComponentsTouch.Loading.show({
                       className: 'close-app-loading',
@@ -225,8 +693,8 @@ function HeadContent(props, context) {
                       delay: false
                     });
                     context.actionHook.actionChange('close-app');
-                    _context.prev = 2;
-                    _context.next = 5;
+                    _context4.prev = 2;
+                    _context4.next = 5;
                     return _tplusApi.User.logout(function () {
                       setTimeout(function () {
                         _mutantsMicrofx.nativeMs.doWindow(item.event);
@@ -234,12 +702,12 @@ function HeadContent(props, context) {
                     });
 
                   case 5:
-                    _context.next = 12;
+                    _context4.next = 12;
                     break;
 
                   case 7:
-                    _context.prev = 7;
-                    _context.t0 = _context['catch'](2);
+                    _context4.prev = 7;
+                    _context4.t0 = _context4['catch'](2);
 
                     _tplusApi.User.clear();
                     _mutantsMicrofx.localStore.remove('user');
@@ -249,10 +717,10 @@ function HeadContent(props, context) {
 
                   case 12:
                   case 'end':
-                    return _context.stop();
+                    return _context4.stop();
                 }
               }
-            }, _callee, _this, [[2, 7]]);
+            }, _callee4, _this3, [[2, 7]]);
           }))();
         }
       });
@@ -270,8 +738,8 @@ function HeadContent(props, context) {
   };
 
   var setInventoryFocus = function setInventoryFocus() {
-    var _ref3 = _mutantsUtil.platform || {},
-        isHorizontalPad = _ref3.isHorizontalPad;
+    var _ref7 = _mutantsUtil.platform || {},
+        isHorizontalPad = _ref7.isHorizontalPad;
 
     if (!!isHorizontalPad) return;
     var doms = document.getElementsByClassName('app hot-key-focus-container');
@@ -354,7 +822,9 @@ function HeadContent(props, context) {
           _react2.default.createElement('i', { className: 'header-triangle-down' })
         )
       ),
-      _react2.default.createElement(OnLineStatus, { OnLineStatus: networkStatus })
+      _react2.default.createElement(OnLineStatusToggle, { isShowUploadBtnsByRouter: isShowUploadBtnsByRouter, isResetNetWorkTheme: isResetNetWorkTheme, isOfflineCash: hasUseOffline, isPlaceOrderPage: isPlaceOrderPage }),
+      hasUseOffline && isShowUploadBtnsByRouter && _react2.default.createElement(RetailUpload, null),
+      hasUseOffline && isShowUploadBtnsByRouter && _react2.default.createElement(RetailDownload, null)
     ),
     isElectron && headControlNode,
     _react2.default.createElement(