tplus-portaltouch 3.27.2 → 3.28.3

package/dist/pages/Portalbc/index.js

@@ -49,12 +49,12 @@ var _inherits2 = require('babel-runtime/helpers/inherits');
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _class, _class2, _temp; /*
-                             * @Description:
-                             * @Date: 2019-08-13 08:42:18
-                             * @LastEditTime: 2021-11-10 14:48:46
-                             * @LastEditors: chenlongad
-                             * @modify:修改跳转到T+的查询方案方式
+var _class, _class2, _temp; /*
+                             * @Description:
+                             * @Date: 2019-08-13 08:42:18
+                             * @LastEditTime: 2021-12-02 15:41:53
+                             * @LastEditors: chenlongad
+                             * @modify:修改跳转到T+的查询方案方式
                              */
 
 
@@ -135,44 +135,59 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
               currentDay = Math.ceil(new Date() / 1000 / 60 / 60 / 24);
 
               if (!(isLoginAfter == 1)) {
-                _context.next = 14;
+                _context.next = 24;
                 break;
               }
 
               if (!(!downloadCatcherDay || currentDay > downloadCatcherDay)) {
-                _context.next = 13;
+                _context.next = 23;
                 break;
               }
 
+              _context.prev = 6;
+
               downProgress = function downProgress(params) {
                 _tplusComponentsTouch.Loading.transfer(params);
               };
 
               _tplusComponentsTouch.Loading.show({
-                text: '离线数据下载中',
+                text: '离线数据下载中，请稍等...',
                 delay: 0,
                 showProgress: true
               });
-              _context.next = 10;
+              _context.next = 11;
               return offlineSys.downloadCatcherData(downProgress);
 
-            case 10:
+            case 11:
               result = _context.sent;
 
+              if (result) _mutantsMicrofx.localStore.set("downloadCatcherDay", currentDay);
               _tplusComponentsTouch.Loading.hide();
-              if (result) {
-                _mutantsMicrofx.localStore.set("downloadCatcherDay", currentDay);
-              }
+              _context.next = 20;
+              break;
 
-            case 13:
+            case 16:
+              _context.prev = 16;
+              _context.t0 = _context['catch'](6);
+
+              console.log('downloadCatcherData下载离线数据', _context.t0);
+              _tplusComponentsTouch.Loading.hide();
+
+            case 20:
+              _context.prev = 20;
+
+              _tplusComponentsTouch.Loading.hide();
+              return _context.finish(20);
+
+            case 23:
               _mutantsMicrofx.localStore.set("isLoginAfter", 0);
 
-            case 14:
+            case 24:
             case 'end':
               return _context.stop();
           }
         }
-      }, _callee, _this2);
+      }, _callee, _this2, [[6, 16, 20, 23]]);
     }));
 
     _this.getOperation = function () {
@@ -217,7 +232,7 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
 
             case 7:
               _tplusComponentsTouch.Loading.show({
-                text: '权限加载中...',
+                text: '权限加载中，请稍等...',
                 delay: 2500
               });
               //权限加载
@@ -232,10 +247,16 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
             case 13:
               _context2.prev = 13;
               _context2.t0 = _context2['catch'](8);
+
               _tplusComponentsTouch.Loading.hide();
 
             case 16:
+              _context2.prev = 16;
+
               _tplusComponentsTouch.Loading.hide();
+              return _context2.finish(16);
+
+            case 19:
               addClass && addClass(_this.state.id, 'portalHead');
               // 初始化参数设置。
               stores.setStore.initSetParams().then(function (ret) {
@@ -245,17 +266,21 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
                     _this.sunMiPresentationInit(ret);
                     return;
                   }
+                  console.log('副屏页面打开之前,user信息', (0, _stringify2.default)(stores.user));
                   window.open('vicescreen?ts=' + new Date().getTime(), 'screen');
+                  setTimeout(function () {
+                    console.log('副屏页面打开之后,user信息', (0, _stringify2.default)(stores.user));
+                  }, 3000);
                 }
               });
               _this.hsyBasicInfoInit();
 
-            case 20:
+            case 22:
             case 'end':
               return _context2.stop();
           }
         }
-      }, _callee2, _this2, [[8, 13]]);
+      }, _callee2, _this2, [[8, 13, 16, 19]]);
     }));
 
     _this.initHsyPage = function () {
@@ -275,15 +300,12 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
       //SunMi初始化参数设置。
       //副屏幕交互。硬件改动20200428   需要在商米页面加载成功后才能发送 初始化命令
       // 进行主副屏数据交互 初始化
-      var _ref3 = _mutantsMicrofx.localStore.get('user') || {},
-          _ref3$store = _ref3.store;
-
-      _ref3$store = _ref3$store === undefined ? {} : _ref3$store;
-      var _ref3$store$storeName = _ref3$store.storeName,
-          storeName = _ref3$store$storeName === undefined ? '' : _ref3$store$storeName;
-
       console.log(result);
 
+      var _ref3 = _mutantsMicrofx.stores.user.options.get('store') || {},
+          _ref3$storeName = _ref3.storeName,
+          storeName = _ref3$storeName === undefined ? '' : _ref3$storeName;
+
       var _enumController$getEn = _mutantsUtil.enumController.getEnumOj(),
           RE_POSParamType = _enumController$getEn.RE_POSParamType;
 
@@ -394,10 +416,9 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
       }
 
       if (type == 'more') {
-        if (_this.isMobileEnvironment) {
-          //暂时不支持android系统跳转
-          return _tplusComponentsTouch.Message.warn('新功能正在研发中,敬请期待。');
-        }
+        // if (this.isMobileEnvironment) { //暂时不支持android系统跳转
+        //   return Message.warn('新功能正在研发中,敬请期待。');
+        // }
         return _this.setState({ showMoreModal: true });
       }
       if (!Title) {
@@ -482,11 +503,10 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
       switch (app) {
         case 'cc':
           var sh = '';
-          if (_this.isMobileEnvironment) {
-            //暂时不支持android系统跳转
-            return _tplusComponentsTouch.Message.warn('新功能正在研发中,敬请期待。');
-          }
-          if (!isHsyLoadFinish) {
+          // if (this.isMobileEnvironment) { //暂时不支持android系统跳转
+          //   return Message.warn('新功能正在研发中,敬请期待。');
+          // }
+          if (!isHsyLoadFinish && !_this.isMobileEnvironment) {
             return _tplusComponentsTouch.Message.warn('正在加载资源中，请稍后。');
           }
           if (!search) {
@@ -632,7 +652,7 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
 
     _this.toHsyPage = function () {
       var _ref9 = (0, _asyncToGenerator3.default)( /*#__PURE__*/_regenerator2.default.mark(function _callee4(params) {
-        var content_only, bar_bg, bar_active_bg, menu, secondRouter, activePrompt, closePrompt, closeable, leavePrompt, lock, pageId, pageParams, path, tabId, tabLabel, pageType, _k, filter, IdWarehouse, WarehouseName, IsPerformanceDistribution, _ref10, _ref10$loginInfo, _ref10$loginInfo$IdSt, IdStore, _ref10$loginInfo$PosI, PosId, _ref10$store, _ref10$store$storeNam, storeName, commonArgs, actionUrl, cc_url, CC_WEB_URL, external_frame, win;
+        var content_only, bar_bg, bar_active_bg, menu, secondRouter, activePrompt, closePrompt, closeable, leavePrompt, lock, pageId, pageParams, path, tabId, tabLabel, pageType, _k, filter, IdWarehouse, WarehouseName, IsPerformanceDistribution, _ref10, _ref10$IdStore, IdStore, _ref10$PosId, PosId, _ref11, _ref11$storeName, storeName, commonArgs, actionUrl, cc_url, CC_WEB_URL, external_frame, win;
 
         return _regenerator2.default.wrap(function _callee4$(_context4) {
           while (1) {
@@ -645,14 +665,13 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
                 IdWarehouse = (0, _tplusPoslogin.PosInitData)('IdWarehouse') || '';
                 WarehouseName = (0, _tplusPoslogin.PosInitData)('WarehouseName') || '';
                 IsPerformanceDistribution = (0, _tplusPoslogin.PosInitData)('PerformanceDistribution') === 'SHIPPER_STORE' || false;
-                _ref10 = _mutantsMicrofx.localStore && _mutantsMicrofx.localStore.get('user') || {}, _ref10$loginInfo = _ref10.loginInfo, _ref10$loginInfo$IdSt = _ref10$loginInfo.IdStore, IdStore = _ref10$loginInfo$IdSt === undefined ? '' : _ref10$loginInfo$IdSt, _ref10$loginInfo$PosI = _ref10$loginInfo.PosId, PosId = _ref10$loginInfo$PosI === undefined ? '' : _ref10$loginInfo$PosI, _ref10$store = _ref10.store;
-                _ref10$store = _ref10$store === undefined ? {} : _ref10$store;
-                _ref10$store$storeNam = _ref10$store.storeName, storeName = _ref10$store$storeNam === undefined ? '' : _ref10$store$storeNam;
+                _ref10 = _mutantsMicrofx.stores.user.options.get('loginInfo') || {}, _ref10$IdStore = _ref10.IdStore, IdStore = _ref10$IdStore === undefined ? '' : _ref10$IdStore, _ref10$PosId = _ref10.PosId, PosId = _ref10$PosId === undefined ? '' : _ref10$PosId;
+                _ref11 = _mutantsMicrofx.stores.user.options.get('store') || {}, _ref11$storeName = _ref11.storeName, storeName = _ref11$storeName === undefined ? '' : _ref11$storeName;
                 _context4.t0 = pageType;
-                _context4.next = _context4.t0 === 'voucher' ? 11 : _context4.t0 === 'report' ? 14 : 18;
+                _context4.next = _context4.t0 === 'voucher' ? 10 : _context4.t0 === 'report' ? 13 : 17;
                 break;
 
-              case 11:
+              case 10:
                 filter = {
                   defaultValue: {
                     storeId: {
@@ -679,9 +698,9 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
                     }
                   };
                 }
-                return _context4.abrupt('break', 18);
+                return _context4.abrupt('break', 17);
 
-              case 14:
+              case 13:
                 filter = {
                   filterValue: {
                     storeId: {
@@ -735,9 +754,9 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
                     }
                   };
                 }
-                return _context4.abrupt('break', 18);
+                return _context4.abrupt('break', 17);
 
-              case 18:
+              case 17:
                 bar_bg = encodeURIComponent(bar_bg);
                 bar_active_bg = encodeURIComponent(bar_active_bg);
                 menu = secondRouter ? menu + '/' + _this.randomWord(true, 13) : menu;
@@ -753,22 +772,22 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
                 console.log('web_hsy_url:', cc_url);
 
                 if (!_this.isHorizontalSunMi) {
-                  _context4.next = 37;
+                  _context4.next = 36;
                   break;
                 }
 
-                _context4.next = 32;
+                _context4.next = 31;
                 return _tplusApi.User.getLoginCCMidWebUrl(cc_url);
 
-              case 32:
+              case 31:
                 CC_WEB_URL = _context4.sent;
 
                 console.log('CC_WEB_URL:', CC_WEB_URL);
                 window.android_CommonFun.openWebUrlByOutBrowser(CC_WEB_URL);
-                _context4.next = 42;
+                _context4.next = 41;
                 break;
 
-              case 37:
+              case 36:
                 external_frame = document.getElementById('external-frame-cc');
                 win = external_frame.contentWindow;
 
@@ -789,7 +808,7 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
                   }
                 });
 
-              case 42:
+              case 41:
               case 'end':
                 return _context4.stop();
             }
@@ -892,10 +911,10 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
           return vv.Name === v.Name;
         });
 
-        var _ref11 = controllable || {},
-            Visibility = _ref11.Visibility,
-            HoldFunctionAuth = _ref11.HoldFunctionAuth,
-            Title = _ref11.Title;
+        var _ref12 = controllable || {},
+            Visibility = _ref12.Visibility,
+            HoldFunctionAuth = _ref12.HoldFunctionAuth,
+            Title = _ref12.Title;
 
         var errorTip = void 0;
         if (!Visibility) {
@@ -910,6 +929,15 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
 
     _this.createLeftNode = function () {
       var menu = _this.leftMenu;
+      var width = menu.length == 0 ? _this.isMobileEnvironment & !_this.isNewRetailBCPosTC ? 5 : 4 : 7;
+      if (menu.length == 0) {
+        return _react2.default.createElement(
+          _antd.Col,
+          { xl: width, md: width, className: 'portal-left-col', key: 'left' },
+          _react2.default.createElement('div', { className: 'portal-left-content' })
+        );
+        // return null;
+      }
       var menuNode = menu.map(function (v) {
         return v.container ? _react2.default.createElement(
           'div',
@@ -960,7 +988,15 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
           v.icon && _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: v.icon })
         );
       });
-      return menuNode;
+      return _react2.default.createElement(
+        _antd.Col,
+        { xl: 7, md: 7, className: 'portal-left-col', key: 'left' },
+        _react2.default.createElement(
+          'div',
+          { className: 'portal-left-content' },
+          menuNode
+        )
+      );
     };
 
     _this.createCenterNode = function () {
@@ -1049,6 +1085,7 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
     };
 
     _this.createRightNode = function () {
+      var width = _this.leftMenu.length == 0 ? _this.isMobileEnvironment & !_this.isNewRetailBCPosTC ? 9 : 10 : 7;
       var node = _this.rightMenu.map(function (v) {
         return v.container ? _react2.default.createElement(
           'div',
@@ -1090,16 +1127,20 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
           !!v.icon && _react2.default.createElement(_tplusComponentsTouch.Ticon, { icon: v.icon })
         );
       });
-      return node;
+      return _react2.default.createElement(
+        _antd.Col,
+        { xl: width, md: width, className: 'portal-right-col', key: 'right' },
+        _react2.default.createElement(
+          'div',
+          { className: 'portal-right-content' },
+          node
+        )
+      );
     };
 
     _this.createMoreNode = function () {
-      var arrs = _this.centerRightMenu.find(function (v) {
-        return v.sub && v.sub.find(function (vv) {
-          return vv.key == 'more';
-        });
-      }).sub[1];
-      var items = _this.new_retail_app == 'cc' ? arrs.sub_cc : _this.new_retail_app == 'tc' || _this.new_retail_app == 'tczsy' || _this.new_retail_app == 'tcyzj' ? arrs.sub_tc : [];
+      var arrs = _this.getMoreNodeInfo();
+      var items = _this.isNewRetailBCPosTC ? arrs.sub_tc : arrs.sub_cc || [];
       var node = items.length > 0 && items.map(function (v) {
         return _react2.default.createElement(
           'div',
@@ -1124,6 +1165,34 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
       return node;
     };
 
+    _this.getMoreNodeInfo = function () {
+      if (_this.isNewRetailBCPosTC) {
+        if (_this.isMobileEnvironment) {
+          return _this.centerRightMenu.find(function (vv) {
+            return vv.key == 'more';
+          }) || {};
+        } else {
+          return _this.centerRightMenu.find(function (v) {
+            return v.sub && v.sub.find(function (vv) {
+              return vv.key == 'more';
+            });
+          }).sub[1] || {};
+        }
+      } else {
+        if (_this.isMobileEnvironment) {
+          return _this.centerRightMenu.find(function (vv) {
+            return vv.key == 'more';
+          }) || {};
+        } else {
+          return _this.centerRightMenu.find(function (v) {
+            return v.sub && v.sub.find(function (vv) {
+              return vv.key == 'more';
+            });
+          }).sub[1] || {};
+        }
+      }
+    };
+
     _this.hasElectron = hasElectron;
     _this.state = {
       id: Date.now(),
@@ -1138,12 +1207,12 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
       modalURL: ''
     };
 
-    var _ref12 = _mutantsUtil.platform || {},
-        isVerticalTouch = _ref12.isVerticalTouch,
-        isHorizontalPad = _ref12.isHorizontalPad,
-        isHorizontalSunMi = _ref12.isHorizontalSunMi,
-        isNewRetailBCPos = _ref12.isNewRetailBCPos,
-        isNewRetailBCPosTC = _ref12.isNewRetailBCPosTC;
+    var _ref13 = _mutantsUtil.platform || {},
+        isVerticalTouch = _ref13.isVerticalTouch,
+        isHorizontalPad = _ref13.isHorizontalPad,
+        isHorizontalSunMi = _ref13.isHorizontalSunMi,
+        isNewRetailBCPos = _ref13.isNewRetailBCPos,
+        isNewRetailBCPosTC = _ref13.isNewRetailBCPosTC;
 
     _this.isVerticalTouch = !!isVerticalTouch;
     _this.isHorizontalPad = !!isHorizontalPad;
@@ -1155,17 +1224,10 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
     _this.new_retail_app = _mutantsMicrofx.localStore && _mutantsMicrofx.localStore.get('newRetailAppType');
 
     //首页布局
-    var leftMenu = _data2.default.leftMenu,
-        centerLeftMenu = _data2.default.centerLeftMenu,
-        centerRightMenu = _data2.default.centerRightMenu,
-        rightMenu = _data2.default.rightMenu,
-        leftMenuTC = _data2.default.leftMenuTC,
-        rightMenuTC = _data2.default.rightMenuTC;
-
-    _this.leftMenu = isNewRetailBCPosTC ? leftMenuTC : leftMenu;
-    _this.centerLeftMenu = centerLeftMenu;
-    _this.centerRightMenu = centerRightMenu;
-    _this.rightMenu = isNewRetailBCPosTC ? rightMenuTC : rightMenu;
+    _this.leftMenu = _this.getMenuByPosition('left');
+    _this.centerLeftMenu = _this.getMenuByPosition('centerLeft');
+    _this.centerRightMenu = _this.getMenuByPosition('centerRight');
+    _this.rightMenu = _this.getMenuByPosition('right');
     _this.hsy_domain = _tplusApi.User && _tplusApi.User.getWebEntry();
     _this.randomWord = _this.randomWord.bind(_this);
     (0, _mobx.autorun)(function () {
@@ -1175,6 +1237,58 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
   }
 
   (0, _createClass3.default)(_default, [{
+    key: 'getMenuByPosition',
+    value: function getMenuByPosition(position) {
+      var leftMenu = _data2.default.leftMenu,
+          centerLeftMenu = _data2.default.centerLeftMenu,
+          centerRightMenu = _data2.default.centerRightMenu,
+          rightMenu = _data2.default.rightMenu,
+          leftMenuTC = _data2.default.leftMenuTC,
+          rightMenuTC = _data2.default.rightMenuTC,
+          centerLeftMenuMobileCC = _data2.default.centerLeftMenuMobileCC,
+          centerLeftMenuMobileTC = _data2.default.centerLeftMenuMobileTC,
+          centerRightMenuMobileCC = _data2.default.centerRightMenuMobileCC,
+          centerRightMenuMobileTC = _data2.default.centerRightMenuMobileTC,
+          rightMenuMobileTC = _data2.default.rightMenuMobileTC,
+          rightMenuMobileCC = _data2.default.rightMenuMobileCC;
+
+      switch (position) {
+        case "left":
+          {
+            return this.getMenuByEnvironment(leftMenu, leftMenuTC, [], []);
+          }
+        case "centerLeft":
+          {
+            return this.getMenuByEnvironment(centerLeftMenu, centerLeftMenu, centerLeftMenuMobileTC, centerLeftMenuMobileCC);
+          }
+        case "centerRight":
+          {
+            return this.getMenuByEnvironment(centerRightMenu, centerRightMenu, centerRightMenuMobileTC, centerRightMenuMobileCC);
+          }
+        case "right":
+          {
+            return this.getMenuByEnvironment(rightMenu, rightMenuTC, rightMenuMobileTC, rightMenuMobileCC);
+          }
+      }
+    }
+  }, {
+    key: 'getMenuByEnvironment',
+    value: function getMenuByEnvironment(ccMenu, tcMenu, tcMobilMenu, ccMobilMenu) {
+      if (this.isNewRetailBCPosTC) {
+        if (this.isMobileEnvironment) {
+          return tcMobilMenu;
+        } else {
+          return tcMenu;
+        }
+      } else {
+        if (this.isMobileEnvironment) {
+          return ccMobilMenu;
+        } else {
+          return ccMenu;
+        }
+      }
+    }
+  }, {
     key: 'componentDidMount',
     value: function componentDidMount() {
       this.initPageData();
@@ -1211,9 +1325,9 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
           break;
       }
 
-      var _ref13 = _mutantsMicrofx.localStore && _mutantsMicrofx.localStore.get('StoreKey') || {},
-          _ref13$PosId = _ref13.PosId,
-          PosId = _ref13$PosId === undefined ? '' : _ref13$PosId;
+      var _ref14 = _mutantsMicrofx.localStore && _mutantsMicrofx.localStore.get('StoreKey') || {},
+          _ref14$PosId = _ref14.PosId,
+          PosId = _ref14$PosId === undefined ? '' : _ref14$PosId;
 
       var cc_url = this.hsy_domain.replace('#/', '') + '?fromApp=nretail&posid=' + PosId + '&content_only=true&bar_bg=' + encodeURIComponent('#FFFFFF') + '&bar_active_bg=' + encodeURIComponent(color);
       this.setState({ loadHsyURL: cc_url });
@@ -1274,86 +1388,72 @@ var _default = (0, _mobxReact.observer)(_class = (_temp = _class2 = function (_C
       var htmlContent = null;
       if (this.isVerticalTouch) {
         htmlContent = _react2.default.createElement(_verticalPortal2.default, { handelClick: this.handelClick });
-      } else if (this.isHorizontalPad) {
-        htmlContent = _react2.default.createElement(_horizontalPadPortal2.default, { handelClick: this.handelClick });
-      } else {
-        htmlContent = _react2.default.createElement(
-          _tplusComponentsTouch.Layout,
-          { style: { height: '100%' }, className: 'portal-content' },
-          _react2.default.createElement(
-            Content,
-            { style: { paddingLeft: '50px', paddingRight: '50px' }, className: 'portal-container' },
+      }
+      // else if (this.isHorizontalPad) {
+      //   htmlContent = <HorizontalPadPortal handelClick={this.handelClick} />
+      // }
+      else {
+          htmlContent = _react2.default.createElement(
+            _tplusComponentsTouch.Layout,
+            { style: { height: '100%' }, className: 'portal-content' },
             _react2.default.createElement(
-              _antd.Row,
-              null,
-              _react2.default.createElement(
-                _antd.Col,
-                { xl: 7, md: 7, className: 'portal-left-col', key: 'left' },
-                _react2.default.createElement(
-                  'div',
-                  { className: 'portal-left-content' },
-                  this.createLeftNode()
-                )
-              ),
-              _react2.default.createElement(
-                _antd.Col,
-                { xl: 10, md: 10, className: 'portal-center-col', key: 'center' },
-                _react2.default.createElement(
-                  'div',
-                  { className: 'portal-center-content' },
-                  this.createCenterNode()
-                )
-              ),
+              Content,
+              { style: { paddingLeft: '50px', paddingRight: '50px' }, className: 'portal-container portal-container-center' },
               _react2.default.createElement(
-                _antd.Col,
-                { xl: 7, md: 7, className: 'portal-right-col', key: 'right' },
+                _antd.Row,
+                { className: 'portal-content-row' },
+                this.createLeftNode(),
                 _react2.default.createElement(
-                  'div',
-                  { className: 'portal-right-content' },
-                  this.createRightNode()
-                )
+                  _antd.Col,
+                  { xl: 10, md: 10, className: 'portal-center-col', key: 'center' },
+                  _react2.default.createElement(
+                    'div',
+                    { className: 'portal-center-content' },
+                    this.createCenterNode()
+                  )
+                ),
+                this.createRightNode()
               )
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: loadHsyPage ? 'portal-hsy-tc-container' : 'portal-hsy-tc-container portal-hsy-tc-container-hide' },
+              _react2.default.createElement('iframe', { src: loadHsyURL, width: '100%', height: '93%', frameborder: 'no', border: '0', marginwidth: '0', marginheight: '0', scrolling: 'yes', allowtransparency: 'true', id: 'external-frame-cc' })
+            ),
+            _react2.default.createElement(
+              'div',
+              { className: loadTcPage ? 'portal-hsy-tc-container' : 'portal-hsy-tc-container portal-hsy-tc-container-hide' },
+              _react2.default.createElement('iframe', { src: loadTcURL, width: '100%', height: '93%', frameborder: 'no', border: '0', marginwidth: '0', marginheight: '0', scrolling: 'yes', allowtransparency: 'true', id: 'external-frame-tc' })
+            ),
+            this.isMobileEnvironment && _react2.default.createElement(
+              _antd.Modal,
+              {
+                visible: showModal,
+                onCancel: this.closeFrameModal,
+                width: '99%',
+                height: '99%',
+                footer: null
+              },
+              _react2.default.createElement('iframe', { src: modalURL, width: '100%', height: screenHeight, frameborder: 'no', border: '0', marginwidth: '0', marginheight: '0', scrolling: 'yes', allowtransparency: 'true' })
+            ),
+            _react2.default.createElement(
+              _antd.Modal,
+              {
+                title: '更多',
+                className: 'portal-container-modal-more',
+                visible: showMoreModal,
+                onCancel: this.closeMoreModal,
+                width: 800,
+                height: 375,
+                footer: null,
+                centered: true,
+                maskClosable: false,
+                keyboard: false
+              },
+              this.createMoreNode()
             )
-          ),
-          _react2.default.createElement(
-            'div',
-            { className: loadHsyPage ? 'portal-hsy-tc-container' : 'portal-hsy-tc-container portal-hsy-tc-container-hide' },
-            _react2.default.createElement('iframe', { src: loadHsyURL, width: '100%', height: '93%', frameborder: 'no', border: '0', marginwidth: '0', marginheight: '0', scrolling: 'yes', allowtransparency: 'true', id: 'external-frame-cc' })
-          ),
-          _react2.default.createElement(
-            'div',
-            { className: loadTcPage ? 'portal-hsy-tc-container' : 'portal-hsy-tc-container portal-hsy-tc-container-hide' },
-            _react2.default.createElement('iframe', { src: loadTcURL, width: '100%', height: '93%', frameborder: 'no', border: '0', marginwidth: '0', marginheight: '0', scrolling: 'yes', allowtransparency: 'true', id: 'external-frame-tc' })
-          ),
-          this.isMobileEnvironment && _react2.default.createElement(
-            _antd.Modal,
-            {
-              visible: showModal,
-              onCancel: this.closeFrameModal,
-              width: '99%',
-              height: '99%',
-              footer: null
-            },
-            _react2.default.createElement('iframe', { src: modalURL, width: '100%', height: screenHeight, frameborder: 'no', border: '0', marginwidth: '0', marginheight: '0', scrolling: 'yes', allowtransparency: 'true' })
-          ),
-          _react2.default.createElement(
-            _antd.Modal,
-            {
-              title: '更多',
-              className: 'portal-container-modal-more',
-              visible: showMoreModal,
-              onCancel: this.closeMoreModal,
-              width: 800,
-              height: 375,
-              footer: null,
-              centered: true,
-              maskClosable: false,
-              keyboard: false
-            },
-            this.createMoreNode()
-          )
-        );
-      }
+          );
+        }
       return htmlContent;
     }
   }]);